├── docs ├── assets │ └── icon │ │ ├── icon.png │ │ └── favicon.ico ├── build │ ├── app │ │ ├── app.global.js │ │ ├── app.registry.json │ │ ├── c5ywbalg.js │ │ ├── c5ywbalg.sc.js │ │ ├── c5ywbalg.es5.js │ │ ├── c5ywbalg.sc.es5.js │ │ ├── app.qtcnxrpo.js │ │ └── app.egrgls2f.js │ └── app.js ├── manifest.json └── index.html ├── src ├── assets │ └── icon │ │ ├── icon.png │ │ └── favicon.ico ├── manifest.json ├── index.html ├── components │ └── app-home │ │ ├── app-home.tsx │ │ └── app-home.css └── components.d.ts ├── www ├── build │ ├── app │ │ ├── app.global.js │ │ ├── app.registry.json │ │ ├── app-home.js │ │ ├── app-home.sc.js │ │ └── es5-build-disabled.js │ ├── app.css │ └── app.js └── index.html ├── readme.md ├── stencil.config.js ├── .editorconfig ├── .gitignore ├── tsconfig.json ├── package.json ├── LICENSE └── .github └── ISSUE_TEMPLATE.md /docs/assets/icon/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manucorporat/stencil-flower/HEAD/docs/assets/icon/icon.png -------------------------------------------------------------------------------- /src/assets/icon/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manucorporat/stencil-flower/HEAD/src/assets/icon/icon.png -------------------------------------------------------------------------------- /src/assets/icon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manucorporat/stencil-flower/HEAD/src/assets/icon/favicon.ico -------------------------------------------------------------------------------- /docs/assets/icon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manucorporat/stencil-flower/HEAD/docs/assets/icon/favicon.ico -------------------------------------------------------------------------------- /docs/build/app/app.global.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | (function(namespace,resourcesUrl){"use strict"; 3 | 4 | })("App"); -------------------------------------------------------------------------------- /www/build/app/app.global.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | (function(namespace,resourcesUrl){"use strict"; 3 | 4 | })("App"); -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Stencil Flower 2 | 3 | Stencil flower is a sample app showing the dynamic nature of CSS variables (compared to static SCSS vars) and experiments with CSS grid in order to center multiple elements in the same spot. 4 | 5 | 6 | ``` 7 | npm i 8 | npm start 9 | ``` 10 | -------------------------------------------------------------------------------- /stencil.config.js: -------------------------------------------------------------------------------- 1 | exports.config = { 2 | outputTargets: [ 3 | { 4 | type: 'www', 5 | dir: 'docs', 6 | serviceWorker: false, 7 | inlineLoaderScript: false, 8 | } 9 | ] 10 | }; 11 | 12 | exports.devServer = { 13 | root: 'www', 14 | watchGlob: '**/**' 15 | }; 16 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | charset = utf-8 7 | indent_style = space 8 | indent_size = 2 9 | end_of_line = lf 10 | insert_final_newline = true 11 | trim_trailing_whitespace = true 12 | 13 | [*.md] 14 | insert_final_newline = false 15 | trim_trailing_whitespace = false 16 | -------------------------------------------------------------------------------- /docs/build/app/app.registry.json: -------------------------------------------------------------------------------- 1 | { 2 | "namespace": "App", 3 | "fsNamespace": "app", 4 | "loader": "../app.js", 5 | "global": "app.global.js", 6 | "core": "app.qtcnxrpo.js", 7 | "corePolyfilled": "app.egrgls2f.js", 8 | "components": { 9 | "app-home": { 10 | "$": "c5ywbalg" 11 | } 12 | } 13 | } -------------------------------------------------------------------------------- /www/build/app/app.registry.json: -------------------------------------------------------------------------------- 1 | { 2 | "namespace": "App", 3 | "fsNamespace": "app", 4 | "loader": "../app.js", 5 | "corePolyfilled": "es5-build-disabled.js", 6 | "global": "app.global.js", 7 | "core": "app.core.js", 8 | "components": { 9 | "app-home": { 10 | "$": "app-home" 11 | } 12 | } 13 | } -------------------------------------------------------------------------------- /docs/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Stencil Starter", 3 | "short_name": "Stencil", 4 | "start_url": "/", 5 | "display": "standalone", 6 | "icons": [{ 7 | "src": "assets/icon/icon.png", 8 | "sizes": "512x512", 9 | "type": "image/png" 10 | }], 11 | "background_color": "#16161d", 12 | "theme_color": "#16161d" 13 | } -------------------------------------------------------------------------------- /src/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Stencil Starter", 3 | "short_name": "Stencil", 4 | "start_url": "/", 5 | "display": "standalone", 6 | "icons": [{ 7 | "src": "assets/icon/icon.png", 8 | "sizes": "512x512", 9 | "type": "image/png" 10 | }], 11 | "background_color": "#16161d", 12 | "theme_color": "#16161d" 13 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | dist/ 2 | !www/favicon.ico 3 | 4 | *~ 5 | *.sw[mnpcod] 6 | *.log 7 | *.lock 8 | *.tmp 9 | *.tmp.* 10 | log.txt 11 | *.sublime-project 12 | *.sublime-workspace 13 | 14 | .stencil/ 15 | .idea/ 16 | .vscode/ 17 | .sass-cache/ 18 | .versions/ 19 | node_modules/ 20 | $RECYCLE.BIN/ 21 | 22 | .DS_Store 23 | Thumbs.db 24 | UserInterfaceState.xcuserstate 25 | .env 26 | -------------------------------------------------------------------------------- /www/build/app.css: -------------------------------------------------------------------------------- 1 | /* 2 | Global App CSS 3 | ---------------------- 4 | Use this file for styles that should be applied to all components. 5 | For example, "font-family" within the "body" selector is a CSS property 6 | most apps will want applied to all components. 7 | 8 | Any global CSS variables should also be applied here. 9 | */ 10 | 11 | 12 | body { 13 | margin: 0px; 14 | padding: 0px; 15 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 16 | } 17 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "allowSyntheticDefaultImports": true, 4 | "allowUnreachableCode": false, 5 | "declaration": false, 6 | "experimentalDecorators": true, 7 | "lib": [ 8 | "dom", 9 | "es2015" 10 | ], 11 | "moduleResolution": "node", 12 | "module": "es2015", 13 | "target": "es2015", 14 | "noUnusedLocals": true, 15 | "noUnusedParameters": true, 16 | "jsx": "react", 17 | "jsxFactory": "h" 18 | }, 19 | "include": [ 20 | "src" 21 | ], 22 | "exclude": [ 23 | "node_modules" 24 | ] 25 | } 26 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "stencil-flower", 3 | "private": true, 4 | "version": "0.0.1", 5 | "description": "Stencil Flower", 6 | "files": [ 7 | "dist/" 8 | ], 9 | "scripts": { 10 | "build": "stencil build", 11 | "start": "stencil build --dev --watch --serve" 12 | }, 13 | "dependencies": { 14 | "@stencil/core": "0.10.9" 15 | }, 16 | "repository": { 17 | "type": "git", 18 | "url": "git+https://github.com/ionic-team/stencil-app-starter.git" 19 | }, 20 | "author": "Manu Mtz.-Almeida", 21 | "license": "MIT", 22 | "homepage": "https://manucorporat.github.io/stencil-flower/" 23 | } 24 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | Stencil Flower 2 | 3 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stencil Flower 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /www/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Stencil Starter App 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /src/components/app-home/app-home.tsx: -------------------------------------------------------------------------------- 1 | import { Component, State, Prop } from '@stencil/core'; 2 | 3 | 4 | @Component({ 5 | tag: 'app-home', 6 | styleUrl: 'app-home.css', 7 | shadow: true 8 | }) 9 | export class AppHome { 10 | 11 | @State() state = 0; 12 | 13 | @Prop() nu = 50; 14 | 15 | componentDidLoad() { 16 | setTimeout(() => this.state = 1, 500); 17 | setInterval(() => this.state++, 7000); 18 | } 19 | 20 | hostData() { 21 | return { 22 | style: { 23 | // '--border-color': `${Math.random() < 0.5 ? 'transparent' : 'black'}`, 24 | '--state': `${this.state * 0.1}`, 25 | }, 26 | class: { 27 | 'pride': window.location.hash.includes('pride') 28 | } 29 | } 30 | } 31 | 32 | render() { 33 | return Array.from({ length: this.nu }, (_, i) => ( 34 |
40 | )).reverse(); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Ionic 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | **Resources:** 2 | Before submitting an issue, please consult our [docs](https://stenciljs.com/). 3 | 4 | **Stencil version:** (run `npm list @stencil/core` from a terminal/cmd prompt and paste output below): 5 | 6 | ``` 7 | insert the output from npm list @stencil/core here 8 | ``` 9 | 10 | **I'm submitting a ...** (check one with "x") 11 | [ ] bug report 12 | [ ] feature request 13 | [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com 14 | 15 | **Current behavior:** 16 | 17 | 18 | **Expected behavior:** 19 | 20 | 21 | **Steps to reproduce:** 22 | 24 | 25 | **Related code:** 26 | 27 | ``` 28 | insert any relevant code here 29 | ``` 30 | 31 | **Other information:** 32 | 33 | -------------------------------------------------------------------------------- /src/components.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * This is an autogenerated file created by the Stencil compiler. 3 | * It contains typing information for all components that exist in this project. 4 | */ 5 | 6 | import '@stencil/core'; 7 | 8 | declare global { 9 | namespace JSX { 10 | interface Element {} 11 | export interface IntrinsicElements {} 12 | } 13 | namespace JSXElements {} 14 | 15 | interface HTMLElement { 16 | componentOnReady?: () => Promise; 17 | } 18 | 19 | interface HTMLStencilElement extends HTMLElement { 20 | componentOnReady(): Promise; 21 | 22 | forceUpdate(): void; 23 | } 24 | 25 | interface HTMLAttributes {} 26 | } 27 | 28 | 29 | declare global { 30 | 31 | namespace StencilComponents { 32 | interface AppHome { 33 | 'nu': number; 34 | } 35 | } 36 | 37 | interface HTMLAppHomeElement extends StencilComponents.AppHome, HTMLStencilElement {} 38 | 39 | var HTMLAppHomeElement: { 40 | prototype: HTMLAppHomeElement; 41 | new (): HTMLAppHomeElement; 42 | }; 43 | interface HTMLElementTagNameMap { 44 | 'app-home': HTMLAppHomeElement; 45 | } 46 | interface ElementTagNameMap { 47 | 'app-home': HTMLAppHomeElement; 48 | } 49 | namespace JSX { 50 | interface IntrinsicElements { 51 | 'app-home': JSXElements.AppHomeAttributes; 52 | } 53 | } 54 | namespace JSXElements { 55 | export interface AppHomeAttributes extends HTMLAttributes { 56 | 'nu'?: number; 57 | } 58 | } 59 | } 60 | 61 | declare global { namespace JSX { interface StencilJSX {} } } 62 | -------------------------------------------------------------------------------- /src/components/app-home/app-home.css: -------------------------------------------------------------------------------- 1 | :host { 2 | display: grid; 3 | 4 | align-items: center; 5 | justify-content: center; 6 | justify-items: center; 7 | --rotation: 135deg; 8 | --rotation: 225deg; 9 | --size-step: 10px; 10 | --odd-color-step: 5; 11 | --even-color-step: 5; 12 | 13 | --center: 12; 14 | 15 | height: 100vh; 16 | width: 100vw; 17 | 18 | contain: strict; 19 | } 20 | 21 | .square { 22 | --size: calc(40px + var(--index) * var(--size-step)); 23 | 24 | display: block; 25 | width: var(--size); 26 | height: var(--size); 27 | transform: rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index)))); 28 | transition-property: transform, border-color; 29 | transition-duration: 5s; 30 | transition-timing-function: ease-in-out; 31 | grid-area: 1 / 1; 32 | background: white; 33 | border-width: 2px; 34 | border-style: solid; 35 | border-color: black; 36 | box-sizing: border-box; 37 | will-change: transform, border-color; 38 | 39 | contain: strict; 40 | } 41 | 42 | .square.odd { 43 | --luminance: calc(var(--index) * var(--odd-color-step)); 44 | background: rgb(var(--luminance), var(--luminance), var(--luminance)); 45 | } 46 | 47 | :host(.pride) .square:nth-child(12n + 1) { 48 | background: #E70000; 49 | } 50 | :host(.pride) .square:nth-child(12n + 3) { 51 | background: #FF8C00; 52 | } 53 | :host(.pride) .square:nth-child(12n + 5) { 54 | background: #FFEF00; 55 | } 56 | :host(.pride) .square:nth-child(12n + 7) { 57 | background: #00811F; 58 | } 59 | :host(.pride) .square:nth-child(12n + 9) { 60 | background: #0044FF; 61 | } 62 | :host(.pride) .square:nth-child(12n + 11) { 63 | background: #760089; 64 | } 65 | 66 | -------------------------------------------------------------------------------- /docs/build/app.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Built with http://stenciljs.com 3 | * 2018-06-25T09:52:10 4 | */ 5 | !function(e,t,r,n,s,i,o,c,p,a,u,l,d,f){for((u=e.App=e.App||{}).components=p,(d=p.filter(function(e){return e[2]}).map(function(e){return e[0]})).length&&((l=t.createElement("style")).innerHTML=d.join()+"{visibility:hidden}.hydrated{visibility:inherit}",l.setAttribute("data-styles",""),t.head.insertBefore(l,t.head.firstChild)),function(e,t,r){(e["s-apps"]=e["s-apps"]||[]).push("App"),r.componentOnReady||(r.componentOnReady=function(){var t=this;function r(r){if(t.nodeName.indexOf("-")>0){for(var n=e["s-apps"],s=0,i=0;i=0&&!(f=d[l]).src&&!f.hasAttribute("data-resources-url");l--);d=f.getAttribute("data-resources-url"),!s&&d&&(s=d),!s&&f.src&&(s=(d=f.src.split("/").slice(0,-1)).join("/")+(d.length?"/":"")+"app/"),l=t.createElement("script"),function(e,t,r,n){return!(t.search.indexOf("core=esm")>0)&&(!(!(t.search.indexOf("core=es5")>0||"file:"===t.protocol)&&e.customElements&&e.customElements.define&&e.fetch&&e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")&&"noModule"in r)||function(e){try{return new Function('import("")'),!1}catch(e){}return!0}())}(e,e.location,l)?l.src=s+"app.egrgls2f.js":(l.src=s+"app.qtcnxrpo.js",l.setAttribute("type","module"),l.setAttribute("crossorigin",!0)),l.setAttribute("data-resources-url",s),l.setAttribute("data-namespace","app"),t.head.appendChild(l)}(window,document,0,0,0,0,0,0,[["app-home","c5ywbalg",1,[["nu",1,0,1,4],["state",5]],1]],HTMLElement.prototype); -------------------------------------------------------------------------------- /docs/build/app/c5ywbalg.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | const{h:t}=window.App;class e{constructor(){this.state=0,this.nu=50}componentDidLoad(){setTimeout(()=>this.state=1,500),setInterval(()=>this.state++,7e3)}hostData(){return{style:{"--state":`${.1*this.state}`},class:{pride:window.location.hash.includes("pride")}}}render(){return Array.from({length:this.nu},(e,s)=>t("div",{class:{square:!0,odd:s%2==0},style:{"--index":`${s+1}`}})).reverse()}static get is(){return"app-home"}static get encapsulation(){return"shadow"}static get properties(){return{nu:{type:Number,attr:"nu"},state:{state:!0}}}static get style(){return":host{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;--rotation:135deg;--rotation:225deg;--size-step:10px;--odd-color-step:5;--even-color-step:5;--center:12;height:100vh;width:100vw;contain:strict}.square{--size:calc(40px + var(--index) * var(--size-step));display:block;width:var(--size);height:var(--size);-webkit-transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));-webkit-transition-property:border-color,-webkit-transform;transition-property:border-color,-webkit-transform;transition-property:transform,border-color;transition-property:transform,border-color,-webkit-transform;-webkit-transition-duration:5s;transition-duration:5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;grid-area:1/1;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform,border-color;contain:strict;border:2px solid #000}.square.odd{--luminance:calc(var(--index) * var(--odd-color-step));background:rgb(var(--luminance),var(--luminance),var(--luminance))}:host(.pride) .square:nth-child(12n+1){background:#e70000}:host(.pride) .square:nth-child(12n+3){background:#ff8c00}:host(.pride) .square:nth-child(12n+5){background:#ffef00}:host(.pride) .square:nth-child(12n+7){background:#00811f}:host(.pride) .square:nth-child(12n+9){background:#04f}:host(.pride) .square:nth-child(12n+11){background:#760089}"}}export{e as AppHome}; -------------------------------------------------------------------------------- /www/build/app/app-home.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | const { h } = window.App; 3 | 4 | class AppHome { 5 | constructor() { 6 | this.state = 0; 7 | this.nu = 50; 8 | } 9 | componentDidLoad() { 10 | setTimeout(() => this.state = 1, 500); 11 | setInterval(() => this.state++, 13000); 12 | } 13 | hostData() { 14 | return { 15 | style: { '--state': `${this.state * 0.1}` } 16 | }; 17 | } 18 | render() { 19 | return Array.from({ length: this.nu }, (_, i) => (h("div", { class: { 20 | 'square': true, 21 | 'odd': (i % 2) === 0 22 | }, style: { '--index': `${i + 1}` } }))).reverse(); 23 | } 24 | static get is() { return "app-home"; } 25 | static get encapsulation() { return "shadow"; } 26 | static get properties() { return { 27 | "nu": { 28 | "type": Number, 29 | "attr": "nu" 30 | }, 31 | "state": { 32 | "state": true 33 | } 34 | }; } 35 | static get style() { return ":host {\n display: grid;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n justify-items: center;\n --rotation: 135deg;\n /* --rotation: 235deg; */\n --odd-color-step: 5;\n --even-color-step: 5;\n\n --center: 12;\n\n height: 100vh;\n width: 100vw;\n\n contain: strict;\n}\n\n.square {\n --size: calc(40px + var(--index) * 10px);\n\n display: block;\n width: var(--size);\n height: var(--size);\n -webkit-transform: rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));\n transform: rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));\n -webkit-transition: -webkit-transform 10s ease-in-out;\n transition: -webkit-transform 10s ease-in-out;\n transition: transform 10s ease-in-out;\n transition: transform 10s ease-in-out, -webkit-transform 10s ease-in-out;\n grid-area: 1 / 1;\n background: white;\n\n will-change: transform;\n\n contain: strict;\n}\n\n.square.odd {\n --luminance: calc(var(--index) * var(--odd-color-step));\n background: rgb(var(--luminance), var(--luminance), var(--luminance));\n}"; } 36 | } 37 | 38 | export { AppHome }; 39 | -------------------------------------------------------------------------------- /www/build/app/app-home.sc.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | const { h } = window.App; 3 | 4 | class AppHome { 5 | constructor() { 6 | this.state = 0; 7 | this.nu = 50; 8 | } 9 | componentDidLoad() { 10 | setTimeout(() => this.state = 1, 500); 11 | setInterval(() => this.state++, 13000); 12 | } 13 | hostData() { 14 | return { 15 | style: { '--state': `${this.state * 0.1}` } 16 | }; 17 | } 18 | render() { 19 | return Array.from({ length: this.nu }, (_, i) => (h("div", { class: { 20 | 'square': true, 21 | 'odd': (i % 2) === 0 22 | }, style: { '--index': `${i + 1}` } }))).reverse(); 23 | } 24 | static get is() { return "app-home"; } 25 | static get encapsulation() { return "shadow"; } 26 | static get properties() { return { 27 | "nu": { 28 | "type": Number, 29 | "attr": "nu" 30 | }, 31 | "state": { 32 | "state": true 33 | } 34 | }; } 35 | static get style() { return "\n[data-app-home-host] {\n display: grid;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n justify-items: center;\n --rotation: 135deg;\n \n --odd-color-step: 5;\n --even-color-step: 5;\n\n --center: 12;\n\n height: 100vh;\n width: 100vw;\n\n contain: strict;\n}\n\n.square[data-app-home] {\n --size: calc(40px + var(--index) * 10px);\n\n display: block;\n width: var(--size);\n height: var(--size);\n -webkit-transform: rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));\n transform: rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));\n -webkit-transition: -webkit-transform 10s ease-in-out;\n transition: -webkit-transform 10s ease-in-out;\n transition: transform 10s ease-in-out;\n transition: transform 10s ease-in-out, -webkit-transform 10s ease-in-out;\n grid-area: 1 / 1;\n background: white;\n\n will-change: transform;\n\n contain: strict;\n}\n\n.square.odd[data-app-home] {\n --luminance: calc(var(--index) * var(--odd-color-step));\n background: rgb(var(--luminance), var(--luminance), var(--luminance));\n}\n"; } 36 | } 37 | 38 | export { AppHome }; 39 | -------------------------------------------------------------------------------- /docs/build/app/c5ywbalg.sc.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | const{h:t}=window.App;class e{constructor(){this.state=0,this.nu=50}componentDidLoad(){setTimeout(()=>this.state=1,500),setInterval(()=>this.state++,7e3)}hostData(){return{style:{"--state":`${.1*this.state}`},class:{pride:window.location.hash.includes("pride")}}}render(){return Array.from({length:this.nu},(e,s)=>t("div",{class:{square:!0,odd:s%2==0},style:{"--index":`${s+1}`}})).reverse()}static get is(){return"app-home"}static get encapsulation(){return"shadow"}static get properties(){return{nu:{type:Number,attr:"nu"},state:{state:!0}}}static get style(){return"[data-app-home-host]{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;--rotation:135deg;--rotation:225deg;--size-step:10px;--odd-color-step:5;--even-color-step:5;--center:12;height:100vh;width:100vw;contain:strict}.square[data-app-home]{--size:calc(40px + var(--index) * var(--size-step));display:block;width:var(--size);height:var(--size);-webkit-transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));-webkit-transition-property:border-color,-webkit-transform;transition-property:border-color,-webkit-transform;transition-property:transform,border-color;transition-property:transform,border-color,-webkit-transform;-webkit-transition-duration:5s;transition-duration:5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;grid-area:1/1;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform,border-color;contain:strict;border:2px solid #000}.square.odd[data-app-home]{--luminance:calc(var(--index) * var(--odd-color-step));background:rgb(var(--luminance),var(--luminance),var(--luminance))}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+1){background:#e70000}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+3){background:#ff8c00}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+5){background:#ffef00}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+7){background:#00811f}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+9){background:#04f}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+11){background:#760089}"}}export{e as AppHome}; -------------------------------------------------------------------------------- /www/build/app/es5-build-disabled.js: -------------------------------------------------------------------------------- 1 | setTimeout(function(){ 2 | document.body.innerHTML = '

This Stencil app is disabled for this browser.

Developers:

  • ES5 builds are disabled during development to take advantage of 2x faster build times.
  • Please see the example below or our config docs if you would like to develop on a browser that does not fully support ES2017 and custom elements.
  • Note that by default, ES5 builds and polyfills are enabled during production builds.
  • When testing browsers it is recommended to always test in production mode, and ES5 builds should always be enabled during production builds.
  • This is only an experiement and if it slows down app development then we will revert this and enable ES5 builds during dev.

Enabling ES5 builds during development:

    npm run dev --es5

Enabling full production builds during development:

    npm run dev --prod

Current Browser\'s Support:

Current Browser:
'; 3 | 4 | document.getElementById('current-browser-output').textContent = window.navigator.userAgent; 5 | document.getElementById('es-modules-test').textContent = !!('noModule' in document.createElement('script')); 6 | document.getElementById('custom-elements-test').textContent = !!(window.customElements); 7 | document.getElementById('css-variables-test').textContent = !!(window.CSS && window.CSS.supports && window.CSS.supports('color', 'var(--c)')); 8 | document.getElementById('fetch-test').textContent = !!(window.fetch); 9 | }, 10) -------------------------------------------------------------------------------- /docs/build/app/c5ywbalg.es5.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | App.loadBundle("c5ywbalg",["exports"],function(e){var t=window.App.h,n=function(){function e(){this.state=0,this.nu=50}return e.prototype.componentDidLoad=function(){var e=this;setTimeout(function(){return e.state=1},500),setInterval(function(){return e.state++},7e3)},e.prototype.hostData=function(){return{style:{"--state":""+.1*this.state},class:{pride:window.location.hash.includes("pride")}}},e.prototype.render=function(){return Array.from({length:this.nu},function(e,n){return t("div",{class:{square:!0,odd:n%2==0},style:{"--index":""+(n+1)}})}).reverse()},Object.defineProperty(e,"is",{get:function(){return"app-home"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"encapsulation",{get:function(){return"shadow"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{nu:{type:Number,attr:"nu"},state:{state:!0}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){return":host{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;--rotation:135deg;--rotation:225deg;--size-step:10px;--odd-color-step:5;--even-color-step:5;--center:12;height:100vh;width:100vw;contain:strict}.square{--size:calc(40px + var(--index) * var(--size-step));display:block;width:var(--size);height:var(--size);-webkit-transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));-webkit-transition-property:border-color,-webkit-transform;transition-property:border-color,-webkit-transform;transition-property:transform,border-color;transition-property:transform,border-color,-webkit-transform;-webkit-transition-duration:5s;transition-duration:5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;grid-area:1/1;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform,border-color;contain:strict;border:2px solid #000}.square.odd{--luminance:calc(var(--index) * var(--odd-color-step));background:rgb(var(--luminance),var(--luminance),var(--luminance))}:host(.pride) .square:nth-child(12n+1){background:#e70000}:host(.pride) .square:nth-child(12n+3){background:#ff8c00}:host(.pride) .square:nth-child(12n+5){background:#ffef00}:host(.pride) .square:nth-child(12n+7){background:#00811f}:host(.pride) .square:nth-child(12n+9){background:#04f}:host(.pride) .square:nth-child(12n+11){background:#760089}"},enumerable:!0,configurable:!0}),e}();e.AppHome=n,Object.defineProperty(e,"__esModule",{value:!0})}); -------------------------------------------------------------------------------- /docs/build/app/c5ywbalg.sc.es5.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | App.loadBundle("c5ywbalg",["exports"],function(e){var t=window.App.h,n=function(){function e(){this.state=0,this.nu=50}return e.prototype.componentDidLoad=function(){var e=this;setTimeout(function(){return e.state=1},500),setInterval(function(){return e.state++},7e3)},e.prototype.hostData=function(){return{style:{"--state":""+.1*this.state},class:{pride:window.location.hash.includes("pride")}}},e.prototype.render=function(){return Array.from({length:this.nu},function(e,n){return t("div",{class:{square:!0,odd:n%2==0},style:{"--index":""+(n+1)}})}).reverse()},Object.defineProperty(e,"is",{get:function(){return"app-home"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"encapsulation",{get:function(){return"shadow"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{nu:{type:Number,attr:"nu"},state:{state:!0}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){return"[data-app-home-host]{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;--rotation:135deg;--rotation:225deg;--size-step:10px;--odd-color-step:5;--even-color-step:5;--center:12;height:100vh;width:100vw;contain:strict}.square[data-app-home]{--size:calc(40px + var(--index) * var(--size-step));display:block;width:var(--size);height:var(--size);-webkit-transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));transform:rotateZ(calc(var(--rotation) * var(--state) * (var(--center) - var(--index))));-webkit-transition-property:border-color,-webkit-transform;transition-property:border-color,-webkit-transform;transition-property:transform,border-color;transition-property:transform,border-color,-webkit-transform;-webkit-transition-duration:5s;transition-duration:5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;grid-area:1/1;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform,border-color;contain:strict;border:2px solid #000}.square.odd[data-app-home]{--luminance:calc(var(--index) * var(--odd-color-step));background:rgb(var(--luminance),var(--luminance),var(--luminance))}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+1){background:#e70000}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+3){background:#ff8c00}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+5){background:#ffef00}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+7){background:#00811f}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+9){background:#04f}.pride[data-app-home-host] .square[data-app-home]:nth-child(12n+11){background:#760089}"},enumerable:!0,configurable:!0}),e}();e.AppHome=n,Object.defineProperty(e,"__esModule",{value:!0})}); -------------------------------------------------------------------------------- /www/build/app.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Built with http://stenciljs.com 3 | * 2018-06-07T09:43:44 4 | */ 5 | (function(win, doc, namespace, fsNamespace, resourcesUrl, appCore, appCoreSsr, appCorePolyfilled, hydratedCssClass, components) { 6 | 7 | function init(win, doc, namespace, fsNamespace, resourcesUrl, appCore, appCorePolyfilled, hydratedCssClass, components, HTMLElementPrototype, App, x, y, scriptElm) { 8 | // create global namespace if it doesn't already exist 9 | App = win[namespace] = win[namespace] || {}; 10 | App.components = components; 11 | y = components.filter(function (c) { return c[2]; }).map(function (c) { return c[0]; }); 12 | if (y.length) { 13 | // auto hide components until they been fully hydrated 14 | // reusing the "x" and "i" variables from the args for funzies 15 | x = doc.createElement('style'); 16 | x.innerHTML = y.join() + '{visibility:hidden}.' + hydratedCssClass + '{visibility:inherit}'; 17 | x.setAttribute('data-styles', ''); 18 | doc.head.insertBefore(x, doc.head.firstChild); 19 | } 20 | createComponentOnReadyPrototype(win, namespace, HTMLElementPrototype); 21 | resourcesUrl = resourcesUrl || App.resourcesUrl; 22 | // figure out the script element for this current script 23 | y = doc.querySelectorAll('script'); 24 | for (x = y.length - 1; x >= 0; x--) { 25 | scriptElm = y[x]; 26 | if (scriptElm.src || scriptElm.hasAttribute('data-resources-url')) { 27 | break; 28 | } 29 | } 30 | // get the resource path attribute on this script element 31 | y = scriptElm.getAttribute('data-resources-url'); 32 | if (!resourcesUrl && y) { 33 | // the script element has a data-resources-url attribute, always use that 34 | resourcesUrl = y; 35 | } 36 | if (!resourcesUrl && scriptElm.src) { 37 | // we don't have an exact resourcesUrl, so let's 38 | // figure it out relative to this script's src and app's filesystem namespace 39 | y = scriptElm.src.split('/').slice(0, -1); 40 | resourcesUrl = (y.join('/')) + (y.length ? '/' : '') + fsNamespace + '/'; 41 | } 42 | // request the core this browser needs 43 | // test for native support of custom elements and fetch 44 | // if either of those are not supported, then use the core w/ polyfills 45 | // also check if the page was build with ssr or not 46 | x = doc.createElement('script'); 47 | if (usePolyfills(win, win.location, x, 'import("")')) { 48 | // requires the es5/polyfilled core 49 | x.src = resourcesUrl + appCorePolyfilled; 50 | } 51 | else { 52 | // let's do this! 53 | x.src = resourcesUrl + appCore; 54 | x.setAttribute('type', 'module'); 55 | x.setAttribute('crossorigin', true); 56 | } 57 | x.setAttribute('data-resources-url', resourcesUrl); 58 | x.setAttribute('data-namespace', fsNamespace); 59 | doc.head.appendChild(x); 60 | } 61 | function usePolyfills(win, location, scriptElm, dynamicImportTest) { 62 | // fyi, dev mode has verbose if/return statements 63 | // but it minifies to a nice 'lil one-liner ;) 64 | if (location.search.indexOf('core=esm') > 0) { 65 | // force esm build 66 | return false; 67 | } 68 | if ((location.search.indexOf('core=es5') > 0) || 69 | (location.protocol === 'file:') || 70 | (!(win.customElements && win.customElements.define)) || 71 | (!win.fetch) || 72 | (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) || 73 | (!('noModule' in scriptElm))) { 74 | // es5 build w/ polyfills 75 | return true; 76 | } 77 | // final test to see if this browser support dynamic imports 78 | return doesNotSupportsDynamicImports(dynamicImportTest); 79 | } 80 | function doesNotSupportsDynamicImports(dynamicImportTest) { 81 | try { 82 | new Function(dynamicImportTest); 83 | return false; 84 | } 85 | catch (e) { } 86 | return true; 87 | } 88 | function createComponentOnReadyPrototype(win, namespace, HTMLElementPrototype) { 89 | (win['s-apps'] = win['s-apps'] || []).push(namespace); 90 | if (!HTMLElementPrototype.componentOnReady) { 91 | HTMLElementPrototype.componentOnReady = function componentOnReady() { 92 | /*tslint:disable*/ 93 | var elm = this; 94 | function executor(resolve) { 95 | if (elm.nodeName.indexOf('-') > 0) { 96 | // window hasn't loaded yet and there's a 97 | // good chance this is a custom element 98 | var apps = win['s-apps']; 99 | var appsReady = 0; 100 | // loop through all the app namespaces 101 | for (var i = 0; i < apps.length; i++) { 102 | // see if this app has "componentOnReady" setup 103 | if (win[apps[i]].componentOnReady) { 104 | // this app's core has loaded call its "componentOnReady" 105 | if (win[apps[i]].componentOnReady(elm, resolve)) { 106 | // this component does belong to this app and would 107 | // have fired off the resolve fn 108 | // let's stop here, we're good 109 | return; 110 | } 111 | appsReady++; 112 | } 113 | } 114 | if (appsReady < apps.length) { 115 | // not all apps are ready yet 116 | // add it to the queue to be figured out when they are 117 | (win['s-cr'] = win['s-cr'] || []).push([elm, resolve]); 118 | return; 119 | } 120 | } 121 | // not a recognized app component 122 | resolve(null); 123 | } 124 | // callback wasn't provided, let's return a promise 125 | if (win.Promise) { 126 | // use native/polyfilled promise 127 | return new win.Promise(executor); 128 | } 129 | // promise may not have been polyfilled yet 130 | return { then: executor }; 131 | }; 132 | } 133 | } 134 | 135 | 136 | init(win, doc, namespace, fsNamespace, resourcesUrl, appCore, appCoreSsr, appCorePolyfilled, hydratedCssClass, components); 137 | 138 | })(window, document, "App","app",0,"app.core.js","es5-build-disabled.js","hydrated",[["app-home","app-home",1,[["nu",1,0,1,4],["state",5]],1]],HTMLElement.prototype); -------------------------------------------------------------------------------- /docs/build/app/app.qtcnxrpo.js: -------------------------------------------------------------------------------- 1 | /*! Built with http://stenciljs.com */ 2 | (function(Context,namespace,hydratedCssClass,resourcesUrl,s){"use strict"; 3 | s=document.querySelector("script[data-namespace='app']");if(s){resourcesUrl=s.getAttribute('data-resources-url');} 4 | (function(t,e,n,o){"use strict";function i(t,e){const n=`data-${t.t}`;return e&&e!==S?`${n}-${e}`:n}function r(t){return{e:t[0],n:t[1],o:!!t[2],i:!!t[3],r:!!t[4]}}function s(t,e){if(L(e)&&"object"!=typeof e&&"function"!=typeof e){if(t===Boolean||3===t)return"false"!==e&&(""===e||!!e);if(t===Number||4===t)return parseFloat(e);if(t===String||2===t)return e.toString()}return e}function c(t,e,n,o){const i=t.s.get(e);i&&((o=i["s-ld"]||i.$activeLoading)&&((n=o.indexOf(e))>-1&&o.splice(n,1),o.length||(i["s-init"]&&i["s-init"](),i.$initLoad&&i.$initLoad())),t.s.delete(e))}function l(t,e){let n,o,i=null,r=!1,s=!1;for(var c=arguments.length;c-- >2;)B.push(arguments[c]);for(;B.length>0;){let e=B.pop();if(e&&void 0!==e.pop)for(c=e.length;c--;)B.push(e[c]);else"boolean"==typeof e&&(e=null),(s="function"!=typeof t)&&(null==e?e="":"number"==typeof e?e=String(e):"string"!=typeof e&&(s=!1)),s&&r?i[i.length-1].vtext+=e:null===i?i=[s?{vtext:e}:e]:i.push(s?{vtext:e}:e),r=s}if(null!=e){if(e.className&&(e.class=e.className),"object"==typeof e.class){for(c in e.class)e.class[c]&&B.push(c);e.class=B.join(" "),B.length=0}null!=e.key&&(n=e.key),null!=e.name&&(o=e.name)}return"function"==typeof t?t(Object.assign({},e,{children:i}),H):{vtag:t,vchildren:i,vtext:void 0,vattrs:e,vkey:n,vname:o,c:void 0,l:!1}}function f(t){return{vtag:t.vtag,vchildren:t.vchildren,vtext:t.vtext,vattrs:t.vattrs,vkey:t.vkey,vname:t.vname}}function u(t,e,n,o){e.split(" ").forEach(e=>{t[e]=!0,n&&(t[`${e}-${n}`]=!0,o&&(t[`${e}-${n}-${o}`]=t[`${e}-${o}`]=!0))})}function a(t,e){t.f.has(e)||(t.f.set(e,!0),t.u?t.queue.write(()=>d(t,e)):t.queue.tick(()=>d(t,e)))}function d(t,e,n,o,i,r){if(t.f.delete(e),!t.a.has(e)){if(o=t.d.get(e),n=!o){if((i=t.s.get(e))&&i.$rendered&&(i["s-rn"]=!0),i&&!i["s-rn"])return(i["s-rc"]=i["s-rc"]||[]).push(()=>{d(t,e)}),void(i.$onRender=i["s-rc"]);o=function s(t,e,n,o,i,r,c){try{(function l(t,e,n,o,i,r,s){for(s in t.p.set(o,n),t.m.has(n)||t.m.set(n,{}),(r=Object.assign({color:{type:String}},e.properties)).mode={type:String},r)m(t,r[s],n,o,s,i)})(t,i=t.b(e).v,e,o=new i,n),function f(t,e,n){if(e){const o=t.p.get(n);e.forEach(e=>{n[e.method]={emit:n=>{t.y(o,e.name,{bubbles:e.bubbles,composed:e.composed,cancelable:e.cancelable,detail:n})}}})}}(t,i.events,o);try{if(r=t.w.get(e)){for(c=0;cp(t,e,o,n)):p(t,e,o,n)}}function p(t,e,n,o){(function i(t,e,n,o){try{const i=e.v.host,r=e.v.encapsulation,s="shadow"===r&&t.j.M;let c,f;if(c=function i(t,e,n){return t&&Object.keys(t).forEach(o=>{t[o].reflectToAttr&&((n=n||{})[o]=e[o])}),n}(e.v.properties,o),f=s?n.shadowRoot:n,!n["s-rn"]){t.C(t,t.j,e,n);const i=n["s-sc"];i&&(t.j.O(n,function r(t){return`${t}-host`}(i),""),o.render||t.j.O(n,function s(t){return`${t}-slot`}(i),""))}if(o.render||o.hostData||i||c){t.x=!0;const a=o.render&&o.render();let d;if((d=o.hostData&&o.hostData())&&e.N){const t=Object.keys(d).reduce((t,n)=>e.N[n]?t.concat(n):e.N[q(n)]?t.concat(q(n)):t,[]);if(t.length>0)throw new Error("The following keys were attempted to be set with hostData() from the "+`${e.t} component: ${t.join(", ")}. `+"If you would like to modify these please set @Prop({ mutable: true, reflectToAttr: true}) on the @Prop() decorator.")}c&&(d=d?Object.assign(d,c):c),t.x=!1,i&&(d=function c(t,e,n){return t=t||{},Object.keys(e).forEach(o=>{"theme"===o?u(t.class=t.class||{},e[o],n.mode,n.color):"class"===o?u(t[o]=t[o]||{},e[o]):t[o]=e[o]}),t}(d,i,o));const p=t.W.get(n)||{};p.c=f;const m=l(null,d,a);m.l=!0,t.W.set(n,t.render(n,p,m,s,r))}t.P&&t.P.T(n),n["s-rn"]=!0,n.$onRender&&(n["s-rc"]=n.$onRender),n["s-rc"]&&(n["s-rc"].forEach(t=>t()),n["s-rc"]=null)}catch(e){t.x=!1,t.g(e,8,n,!0)}})(t,t.b(e),e,n);try{o?e["s-init"]():(n.componentDidUpdate&&n.componentDidUpdate(),j(t.W.get(e))),e["s-hmr-load"]&&e["s-hmr-load"]()}catch(n){t.g(n,6,e,!0)}}function m(t,e,n,o,i,r,c,l){if(e.type||e.state){const f=t.m.get(n);e.state||(!e.attr||void 0!==f[i]&&""!==f[i]||(c=r&&r.S)&&L(l=c[e.attr])&&(f[i]=s(e.type,l)),n.hasOwnProperty(i)&&(void 0===f[i]&&(f[i]=s(e.type,n[i])),"mode"!==i&&delete n[i])),o.hasOwnProperty(i)&&void 0===f[i]&&(f[i]=o[i]),e.watchCallbacks&&(f[F+i]=e.watchCallbacks.slice()),b(o,i,function f(e){return(e=t.m.get(t.p.get(this)))&&e[i]},function u(n,o){(o=t.p.get(this))&&(e.state||e.mutable)&&v(t,o,i,n)})}else if(e.elementRef)h(o,i,n);else if(e.method)h(n,i,o[i].bind(o));else if(e.context){const r=t.A(e.context);void 0!==r&&h(o,i,r.R&&r.R(n)||r)}else e.connect&&h(o,i,t.L(e.connect))}function v(t,e,n,o,i,r,s){(i=t.m.get(e))||t.m.set(e,i={});const c=i[n];if(o!==c&&(i[n]=o,r=t.d.get(e))){if(s=i[F+n])for(let t=0;t!n.includes(t)),s=w(e.className).filter(t=>!r.includes(t)),c=n.filter(e=>!t.includes(e)&&!s.includes(e));s.push(...c),e.className=s.join(" ")}}function w(t){return null==t||""===t?[]:t.trim().split(/\s+/)}function g(t,e,n){try{t[e]=n}catch(t){}}function k(t,e,n,o,i){const r=11===n.c.nodeType&&n.c.host?n.c.host:n.c,s=e&&e.vattrs||A,c=n.vattrs||A;for(i in s)c&&null!=c[i]||null==s[i]||$(t,r,i,s[i],void 0,o,n.l);for(i in c)i in s&&c[i]===("value"===i||"checked"===i?r[i]:s[i])||$(t,r,i,s[i],c[i],o,n.l)}function M(t,e){function n(i,r,s,c,l,f,p,b,y){if(b=r.vchildren[s],u||(m=!0,"slot"===b.vtag&&(d&&e.O(c,d+"-slot",""),b.vchildren?b.Q=!0:b.Z=!0)),L(b.vtext))b.c=e.G(b.vtext);else if(b.Z)b.c=e.G("");else{if(f=b.c=Q||"svg"===b.vtag?e.J("http://www.w3.org/2000/svg",b.vtag):e.K(b.Q?"slot-fb":b.vtag),Q="svg"===b.vtag||"foreignObject"!==b.vtag&&Q,k(t,null,b,Q),L(d)&&f["s-si"]!==d&&e.O(f,f["s-si"]=d,""),L(a)&&e.O(f,T,a+"."+s+(function t(e){if(e)for(var n=0;n=0;r--)(s=f[r])["s-hn"]!==v&&s["s-ol"]&&(e.tt(s),e.et(l(s),s,c(s)),e.tt(s["s-ol"]),s["s-ol"]=null,m=!0),i&&o(s,i);t.Y=!1}function i(t,o,i,r,s,l,f,u){const a=t["s-cr"]||t.$defaultHolder;for((f=a&&e.nt(a)||t).shadowRoot&&e.ot(f)===v&&(f=f.shadowRoot);s<=l;++s)r[s]&&(u=L(r[s].vtext)?e.G(r[s].vtext):n(null,i,s,t))&&(r[s].c=u,e.et(f,u,c(o)))}function r(t,n,i,r){for(;n<=i;++n)L(t[n])&&(r=t[n].c,p=!0,r["s-ol"]?e.tt(r["s-ol"]):o(r,!0),e.tt(r))}function s(t,e){return t.vtag===e.vtag&&t.vkey===e.vkey&&("slot"!==t.vtag||t.vname===e.vname)}function c(t){return t&&t["s-ol"]?t["s-ol"]:t}function l(t){return e.nt(t["s-ol"]?t["s-ol"]:t)}const f=[];let u,a,d,p,m,v,h;return function b(y,$,w,g,M,j,C,O,x,N,W,E){if(v=e.ot(y),h=y["s-cr"],u=g,a="shadow"!==M?j:null,d=y["s-sc"],m=p=!1,function f(u,a,d){const p=a.c=u.c,m=u.vchildren,v=a.vchildren;Q=a.c&&L(e.it(a.c))&&void 0!==a.c.ownerSVGElement,Q="svg"===a.vtag||"foreignObject"!==a.vtag&&Q,L(a.vtext)?(d=p["s-cr"]||p.$defaultHolder)?e.rt(e.nt(d),a.vtext):u.vtext!==a.vtext&&e.rt(p,a.vtext):("slot"!==a.vtag&&k(t,u,a,Q),L(m)&&L(v)?function h(t,u,a,d,p,m,v,b){let y=0,$=0,w=u.length-1,g=u[0],k=u[w],M=d.length-1,j=d[0],C=d[M];for(;y<=w&&$<=M;)if(null==g)g=u[++y];else if(null==k)k=u[--w];else if(null==j)j=d[++$];else if(null==C)C=d[--M];else if(s(g,j))f(g,j),g=u[++y],j=d[++$];else if(s(k,C))f(k,C),k=u[--w],C=d[--M];else if(s(g,C))"slot"!==g.vtag&&"slot"!==C.vtag||o(e.nt(g.c)),f(g,C),e.et(t,g.c,e.st(k.c)),g=u[++y],C=d[--M];else if(s(k,j))"slot"!==g.vtag&&"slot"!==C.vtag||o(e.nt(k.c)),f(k,j),e.et(t,k.c,g.c),k=u[--w],j=d[++$];else{for(p=null,m=y;m<=w;++m)if(u[m]&&L(u[m].vkey)&&u[m].vkey===j.vkey){p=m;break}L(p)?((b=u[p]).vtag!==j.vtag?v=n(u&&u[$],a,p,t):(f(b,j),u[p]=void 0,v=b.c),j=d[++$]):(v=n(u&&u[$],a,$,t),j=d[++$]),v&&e.et(l(g.c),v,c(g.c))}y>w?i(t,null==d[M+1]?null:d[M+1].c,a,d,$,M):$>M&&r(u,y,w)}(p,m,a,v):L(v)?(L(u.vtext)&&e.rt(p,""),i(p,null,a,v,0,v.length-1)):L(m)&&r(m,0,m.length-1)),Q&&"svg"===a.vtag&&(Q=!1)}($,w),L(a)&&e.O($.c,P,a),m){for(function t(n,o,i,r,s,c,l,u,a,d){for(s=0,c=(o=e._(n)).length;s=0;l--)(r=u[l])["s-cn"]||r["s-nr"]||r["s-hn"]===i["s-hn"]||((3===(d=e.ct(r))||8===d)&&""===a||1===d&&null===e.lt(r,"slot")&&""===a||1===d&&e.lt(r,"slot")===a)&&(f.some(t=>t.ft===r)||(p=!0,r["s-sn"]=a,f.push({ut:i,ft:r})));1===e.ct(i)&&t(i)}}(w.c),C=0;C{j(t,e)}))}function C(t,e,n,o,i){const r=t.ct(e);let s,c,l,f;if(i&&1===r){(c=t.lt(e,T))&&(l=c.split("."))[0]===o&&((f={}).vtag=t.ot(f.c=e),n.vchildren||(n.vchildren=[]),n.vchildren[l[1]]=f,n=f,i=""!==l[2]);for(let r=0;r{n.o||t.j.U(e,n.e,function o(t,e,n,i){return o=>{(i=t.d.get(e))?i[n](o):((i=t.w.get(e)||[]).push(n,o),t.w.set(e,i))}}(t,e,n.n),n.r,n.i)})}function x(t,e){const n={nodeName:e},o=t.b(n);if(!o||!o.v)return Promise.resolve(null);const i=o.v,r=function s(t){return Object.keys(t).reduce((e,n)=>{const o=t[n];let i;const r={name:n};if(o.state)i="states",r.mt=o.watchCallbacks||[];else if(o.elementRef)i="elements";else if(o.method)i="methods";else{i="props";let t="any";o.type&&(t=o.type,"function"==typeof o.type&&(t=o.type.name)),r.type=t.toLowerCase(),r.mutable=o.mutable||!1,r.connect=o.connect||"-",r.context=o.connect||"-",r.mt=o.watchCallbacks||[]}return e[i].push(r),e},{vt:[],ht:[],bt:[],yt:[]})}(i.properties||{}),c=(o.pt||[]).map(t=>({$t:t.e,capture:t.r,disabled:t.o,passive:t.i,method:t.n})),l=i.events||[],f=Object.assign({wt:i.is,gt:o.kt||"unknown",encapsulation:i.encapsulation||"none"},r,{events:{Mt:l,listeners:c}});return Promise.resolve(f)}function N(t,e,n,o,i){return n.mode||(n.mode=t.jt(n)),n["s-cr"]||t.lt(n,P)||t.M&&1===e.encapsulation||(n["s-cr"]=t.G(""),n["s-cr"]["s-cn"]=!0,t.et(n,n["s-cr"],t._(n)[0])),t.M||1!==e.encapsulation||"shadowRoot"in HTMLElement.prototype||(n.shadowRoot=n),1===e.encapsulation&&t.M&&!n.shadowRoot&&t.Ct(n,{mode:"open"}),o={Ot:n["s-id"],S:{}},e.N&&Object.keys(e.N).forEach(r=>{(i=e.N[r].I)&&(o.S[i]=t.lt(n,i))}),o}function W(t,e,n,o){n.connectedCallback=function(){(function n(t,e,o){t.xt.has(o)||(t.xt.set(o,!0),O(t,o)),t.a.delete(o),t.Nt.has(o)||(t.Nt.set(o,!0),o["s-id"]||(o["s-id"]=t.Wt()),function i(t,e,n){for(n=e;n=t.j.it(n);)if(t.Et(n)){t.Pt.has(e)||(t.s.set(e,n),n.$activeLoading&&(n["s-ld"]=n.$activeLoading),(n["s-ld"]=n["s-ld"]||[]).push(e));break}}(t,o),t.queue.tick(()=>{t.k.set(o,N(t.j,e,o)),t.Tt(e,o)}))})(t,e,this)},n.attributeChangedCallback=function(t,n,o){(function i(t,e,n,o,r,c,l){if(t&&o!==r)for(c in t)if((l=t[c]).I&&D(l.I)===D(n)){e[c]=s(l.B,r);break}})(e.N,this,t,n,o)},n.disconnectedCallback=function(){(function e(t,n){if(!t.Y&&function o(t,e){for(;e;){if(!t.nt(e))return 9!==t.ct(e);e=t.nt(e)}}(t.j,n)){t.a.set(n,!0),c(t,n),j(t.W.get(n),!0),t.j.z(n),t.xt.delete(n);{const e=t.d.get(n);e&&e.componentDidUnload&&e.componentDidUnload()}t.P&&t.P.St(n),[t.s,t.At,t.k].forEach(t=>t.delete(n))}})(t,this)},n["s-init"]=function(){(function e(t,n,o,i,r){if(!t.Pt.has(n)&&(i=t.d.get(n))&&!t.a.has(n)&&(!n["s-ld"]||!n["s-ld"].length)){delete n["s-ld"],t.Pt.set(n,!0);try{j(t.W.get(n)),(r=t.At.get(n))&&(r.forEach(t=>t(n)),t.At.delete(n)),i.componentDidLoad&&i.componentDidLoad()}catch(e){t.g(e,4,n)}n.classList.add(o),c(t,n)}})(t,this,o)},n["s-hmr"]=function(n){(function o(t,e,n,i){e.v=null,t.Pt.delete(n);const r=t.d.get(n);r&&(t.p.delete(r),t.d.delete(n)),t.j.z(n),t.xt.delete(n),e.pt=null,n["s-hmr-load"]=(()=>{delete n["s-hmr-load"],function o(t,e,n){t.xt.has(n)||(t.xt.set(n,!0),e.v&&e.v.listeners&&(e.pt=e.v.listeners.map(t=>({n:t.method,e:t.name,r:!!t.capture,i:!!t.passive,o:!!t.disabled})),O(t,n)))}(t,e,n)}),t.k.set(n,N(t.j,e,n)),t.Tt(e,n,i)})(t,e,this,n)},n.forceUpdate=function(){a(t,this)},function i(t,e,n){e&&Object.keys(e).forEach(o=>{const i=e[o],r=i.Rt;1===r||2===r?b(n,o,function e(){return(t.m.get(this)||{})[o]},function e(n){v(t,this,o,s(i.B,n))}):6===r&&h(n,o,I)})}(t,e.N,n)}function E(t,e,n,o){return function(){const i=arguments;return function r(t,e,n){let o=e[n];const i=t.Lt.body;return i?(o||(o=i.querySelector(n)),o||(o=e[n]=t.K(n),t.V(i,o)),o.componentOnReady()):Promise.resolve()}(t,e,n).then(t=>t[o].apply(t,i))}}const P="data-ssrv",T="data-ssrc",S="$",A={},R={enter:13,escape:27,space:32,tab:9,left:37,up:38,right:39,down:40},L=t=>null!=t,D=t=>t.toLowerCase(),q=t=>D(t).split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),I=()=>{},B=[],H={forEach:(t,e)=>{t.forEach(t=>e(f(t)))},map:(t,e)=>t.map(t=>(function n(t){return{vtag:t.vtag,vchildren:t.vchildren,vtext:t.vtext,vattrs:t.vattrs,vkey:t.vkey,vname:t.vname}})(e(f(t))))},F="wc-",U={allowfullscreen:1,async:1,autofocus:1,autoplay:1,checked:1,controls:1,disabled:1,enabled:1,formnovalidate:1,hidden:1,multiple:1,noresize:1,readonly:1,required:1,selected:1,spellcheck:1},z="http://www.w3.org/1999/xlink";let Q=!1;(function Z(t,e,n,o,s,c){function f(t,e){if(!n.customElements.get(t.t)){W(y,u[t.t]=t,e.prototype,c);{const n=e.observedAttributes=[];for(const e in t.N)t.N[e].I&&n.push(t.N[e].I)}n.customElements.define(t.t,e)}}const u={html:{}},d={},p=n[t]=n[t]||{},m=function v(t,e,n){t.Dt||(t.Dt=((t,e,n,o)=>t.addEventListener(e,n,o)),t.qt=((t,e,n,o)=>t.removeEventListener(e,n,o)));const o=new WeakMap,i={Lt:n,It:!1,ct:t=>t.nodeType,K:t=>n.createElement(t),J:(t,e)=>n.createElementNS(t,e),G:t=>n.createTextNode(t),X:t=>n.createComment(t),et:(t,e,n)=>t.insertBefore(e,n),tt:t=>t.remove(),V:(t,e)=>t.appendChild(e),_:t=>t.childNodes,nt:t=>t.parentNode,st:t=>t.nextSibling,at:t=>t.previousSibling,ot:t=>D(t.nodeName),dt:t=>t.textContent,rt:(t,e)=>t.textContent=e,lt:(t,e)=>t.getAttribute(e),O:(t,e,n)=>t.setAttribute(e,n),Bt:(t,e,n,o)=>t.setAttributeNS(e,n,o),H:(t,e)=>t.removeAttribute(e),F:(t,e)=>t.hasAttribute(e),jt:e=>e.getAttribute("mode")||(t.Context||{}).mode,Ht:(t,o)=>"child"===o?t.firstElementChild:"parent"===o?i.it(t):"body"===o?n.body:"document"===o?n:"window"===o?e:t,U:(e,n,r,s,c,l,f,u)=>{const a=n;let d=e,p=o.get(e);if(p&&p[a]&&p[a](),"string"==typeof l?d=i.Ht(e,l):"object"==typeof l?d=l:(u=n.split(":")).length>1&&(d=i.Ht(e,u[0]),n=u[1]),!d)return;let m=r;(u=n.split(".")).length>1&&(n=u[0],m=(t=>{t.keyCode===R[u[1]]&&r(t)})),f=i.It?{capture:!!s,passive:!!c}:!!s,t.Dt(d,n,m,f),p||o.set(e,p={}),p[a]=(()=>{d&&t.qt(d,n,m,f),p[a]=null})},z:(t,e)=>{const n=o.get(t);n&&(e?n[e]&&n[e]():Object.keys(n).forEach(t=>{n[t]&&n[t]()}))},Ct:(t,e)=>t.attachShadow(e)};i.M=!!i.Lt.documentElement.attachShadow,e.location.search.indexOf("shadow=false")>0&&(i.M=!1),i.Ft=((t,n,o)=>t&&t.dispatchEvent(new e.CustomEvent(n,o)));try{e.addEventListener("e",null,Object.defineProperty({},"passive",{get:()=>i.It=!0}))}catch(t){}return i.it=((t,e)=>(e=i.nt(t))&&11===i.ct(e)?e.host:e),i}(p,n,o);e.isServer=e.isPrerender=!(e.isClient=!0),e.window=n,e.location=n.location,e.document=o,e.resourcesUrl=e.publicPath=s,e.enableListener=((t,e,n,o,i)=>(function r(t,e,n,o,i,s){if(e){const r=t.p.get(e),c=t.b(r);if(c&&c.pt)if(o){const o=c.pt.find(t=>t.e===n);o&&t.j.U(r,n,t=>e[o.n](t),o.r,void 0===s?o.i:!!s,i)}else t.j.z(r,n)}})(y,t,e,n,o,i)),e.emit=((t,n,o)=>m.Ft(t,e.eventNameFn?e.eventNameFn(n):n,o)),p.h=l,p.Context=e;const h=n["s-defined"]=n.$definedCmps=n["s-defined"]||n.$definedCmps||{};let b=0;const y={j:m,Ut:f,y:e.emit,b:t=>u[m.ot(t)],A:t=>e[t],isClient:!0,Et:t=>!(!h[m.ot(t)]&&!y.b(t)),Wt:()=>t+b++,g:(t,e,n)=>void 0,L:t=>(function e(t,n,o){return{create:E(t,n,o,"create"),componentOnReady:E(t,n,o,"componentOnReady")}})(m,d,t),queue:e.queue=function $(t,e){function n(t){for(let e=0;e0&&(u.push(...f),f.length=0),(d=l.length+f.length+u.length>0)?t.raf(i):a=0}const r=()=>e.performance.now(),s=Promise.resolve(),c=[],l=[],f=[],u=[];let a=0,d=!1;return t.raf||(t.raf=e.requestAnimationFrame.bind(e)),{tick(t){c.push(t),1===c.length&&s.then(()=>n(c))},read(e){l.push(e),d||(d=!0,t.raf(i))},write(e){f.push(e),d||(d=!0,t.raf(i))}}}(p,n),Tt:function w(t,e,n){if(t.v)a(y,e);else{const o="string"==typeof t.kt?t.kt:t.kt[e.mode],i=2===t.encapsulation||1===t.encapsulation&&!m.M;let r=s+o+(i?".sc":"")+".js";n&&(r+="?s-hmr="+n),import(r).then(n=>{try{t.v=n[q(t.t)],function o(t,e,n,i,r){if(i){const o=e.t+(r||S);if(!e[o]){const s=t.K("template");e[o]=s;{const o=[""),o.push(i),o.push(""),s.innerHTML=o.join("")}t.V(t.Lt.head,s)}}}(m,t,t.encapsulation,t.v.style,t.v.styleMode)}catch(e){t.v=class{}}a(y,e)}).catch(t=>void 0)}},s:new WeakMap,zt:new WeakMap,Nt:new WeakMap,xt:new WeakMap,Pt:new WeakMap,p:new WeakMap,k:new WeakMap,d:new WeakMap,a:new WeakMap,f:new WeakMap,At:new WeakMap,w:new WeakMap,W:new WeakMap,m:new WeakMap};y.render=M(y,m);const g=m.Lt.documentElement;g["s-ld"]=[],g["s-rn"]=!0,g["s-init"]=(()=>{y.Pt.set(g,p.loaded=y.u=!0),m.Ft(n,"appload",{detail:{namespace:t}})}),function k(t,e,n){const o=n.querySelectorAll(`[${P}]`),i=o.length;let r,s,c,l,f,u;if(i>0)for(t.Pt.set(n,!0),l=0;l{(function r(t,e,n,o){const r=n.encapsulation,s=2===r||1===r&&!t.j.M;let c=n.t+o.mode,l=n[c];if(s&&(o["s-sc"]=i(n,o.mode)),l||(l=n[c=n.t+S],s&&(o["s-sc"]=i(n))),l){let n=e.Lt.head;if(e.M)if(1===r)n=o.shadowRoot;else{let t=o;for(;t=e.nt(t);)if(t.host&&t.host.shadowRoot){n=t.host.shadowRoot;break}}let i=t.zt.get(n);if(i||t.zt.set(n,i={}),!i[c]){let t;{t=l.content.cloneNode(!0),i[c]=!0;const o=n.querySelectorAll("[data-styles]");e.et(n,t,o.length&&o[o.length-1].nextSibling||n.firstChild)}}}})(t,e,n,o)}),function j(t,e,n,o){const i=n.Qt=n.Qt||{};return i.Zt=i.Zt||[],i.Zt.push(function r(t,e,n){return{namespace:e,Gt:t=>t&&t.tagName?Promise.all([x(n,t.tagName),function e(t,n){return Promise.resolve(t.d.get(n))}(n,t)]).then(t=>t[0]&&t[1]?{Jt:t[0],Kt:t[1]}:null):Promise.resolve(null),Vt:t=>x(n,t),Xt:()=>Promise.all(t.components.map(t=>x(n,t[0]))).then(t=>t.filter(t=>t))}}(t,e,o)),i.Gt||(i.Gt=(t=>Promise.all(i.Zt.map(e=>e.Gt(t))).then(t=>t.find(t=>!!t)))),i.Xt||(i.Xt=(()=>{const t=[];return i.Zt.forEach(e=>{t.push(e.Xt())}),Promise.all(t).then(t=>{const e=[];return t.forEach(t=>{t.forEach(t=>{e.push(t)})}),e})})),i}(p,t,n,y),(p.components||[]).map(t=>{const e=function n(t,e,o){const i={t:t[0],N:{color:{I:"color"}}};i.kt=t[1];const s=t[3];if(s)for(e=0;ef(t,class extends HTMLElement{})),function O(t,e,n,o,i,r){if(e.componentOnReady=((e,n)=>{if(!e.nodeName.includes("-"))return n(null),!1;const o=t.b(e);if(o)if(t.Pt.has(e))n(e);else{const o=t.At.get(e)||[];o.push(n),t.At.set(e,o)}return!!o}),i){for(r=i.length-1;r>=0;r--)e.componentOnReady(i[r][0],i[r][1])&&i.splice(r,1);for(r=0;r1)&&Zt(this)}}}),ot(u,h,{value:function(e){-1<_.call(a,e)&&o[h].apply(this,arguments)}}),o[d]&&ot(u,p,{value:o[d]}),o[v]&&ot(u,g,{value:o[v]}),i&&(f[c]=i),e=e.toUpperCase(),G[e]={constructor:t,create:i?[i,et(e)]:[e]},Z.set(t,e),n[s](e.toLowerCase(),f),en(e),Y[e].r()}function Gt(e){var t=G[e.toUpperCase()];return t&&t.constructor}function Yt(e){return typeof e=="string"?e:e&&e.is||""}function Zt(e){var t=e[h],n=t?e.attributes:j,r=n.length,i;while(r--)i=n[r],t.call(e,i.name||i.nodeName,null,i.value||i.nodeValue)}function en(e){return e=e.toUpperCase(),e in Y||(Y[e]={},Y[e].p=new K(function(t){Y[e].r=t})),Y[e].p}function tn(){X&&delete e.customElements,B(e,"customElements",{configurable:!0,value:new Kt}),B(e,"CustomElementRegistry",{configurable:!0,value:Kt});for(var t=function(t){var r=e[t];if(r){e[t]=function(t){var i,s;return t||(t=this),t[W]||(Q=!0,i=G[Z.get(t.constructor)],s=V&&i.create.length===1,t=s?Reflect.construct(r,j,i.constructor):n.createElement.apply(n,i.create),t[W]=!0,Q=!1,s||Zt(t)),t},e[t].prototype=r.prototype;try{r.prototype.constructor=e[t]}catch(i){z=!0,B(r,W,{value:e[t]})}}},r=i.get(/^HTML[A-Z]*[a-z]/),o=r.length;o--;t(r[o]));n.createElement=function(e,t){var n=Yt(t);return n?gt.call(this,e,et(n)):gt.call(this,e)},St||(Tt=!0,n[s](""))}var n=e.document,r=e.Object,i=function(e){var t=/^[A-Z]+[a-z]/,n=function(e){var t=[],n;for(n in s)e.test(n)&&t.push(n);return t},i=function(e,t){t=t.toLowerCase(),t in s||(s[e]=(s[e]||[]).concat(t),s[t]=s[t.toUpperCase()]=e)},s=(r.create||r)(null),o={},u,a,f,l;for(a in e)for(l in e[a]){f=e[a][l],s[l]=f;for(u=0;u>0),u="addEventListener",a="attached",f="Callback",l="detached",c="extends",h="attributeChanged"+f,p=a+f,d="connected"+f,v="disconnected"+f,m="created"+f,g=l+f,y="ADDITION",b="MODIFICATION",w="REMOVAL",E="DOMAttrModified",S="DOMContentLoaded",x="DOMSubtreeModified",T="<",N="=",C=/^[A-Z][A-Z0-9]*(?:-[A-Z0-9]+)+$/,k=["ANNOTATION-XML","COLOR-PROFILE","FONT-FACE","FONT-FACE-SRC","FONT-FACE-URI","FONT-FACE-FORMAT","FONT-FACE-NAME","MISSING-GLYPH"],L=[],A=[],O="",M=n.documentElement,_=L.indexOf||function(e){for(var t=this.length;t--&&this[t]!==e;);return t},D=r.prototype,P=D.hasOwnProperty,H=D.isPrototypeOf,B=r.defineProperty,j=[],F=r.getOwnPropertyDescriptor,I=r.getOwnPropertyNames,q=r.getPrototypeOf,R=r.setPrototypeOf,U=!!r.__proto__,z=!1,W="__dreCEv1",X=e.customElements,V=!/^force/.test(t.type)&&!!(X&&X.define&&X.get&&X.whenDefined),$=r.create||r,J=e.Map||function(){var t=[],n=[],r;return{get:function(e){return n[_.call(t,e)]},set:function(e,i){r=_.call(t,e),r<0?n[t.push(e)-1]=i:n[r]=i}}},K=e.Promise||function(e){function i(e){n=!0;while(t.length)t.shift()(e)}var t=[],n=!1,r={"catch":function(){return r},then:function(e){return t.push(e),n&&setTimeout(i,1),r}};return e(i),r},Q=!1,G=$(null),Y=$(null),Z=new J,et=function(e){return e.toLowerCase()},tt=r.create||function sn(e){return e?(sn.prototype=e,new sn):this},nt=R||(U?function(e,t){return e.__proto__=t,e}:I&&F?function(){function e(e,t){for(var n,r=I(t),i=0,s=r.length;i>>0;if("function"!==typeof c)throw new TypeError("predicate must be a function");for(var a=0;a>>0;if(0===n)return!1;var i,o,a=0|e,u=Math.max(0<=a?a:n-Math.abs(a),0);for(;uthis.length)a=this.length;return this.substring(a-b.length,a)===b}}); 45 | /*! 46 | String.prototype.includes 47 | */ 48 | String.prototype.includes||(String.prototype.includes=function(b,a){"number"!==typeof a&&(a=0);return a+b.length>this.length?!1:-1!==this.indexOf(b,a)}); 49 | /*! 50 | String.prototype.startsWith 51 | */ 52 | String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{writable:!0,configurable:!0,value:function(b,a){return this.substr(!a||0>a?0:+a,b.length)===b}}); 53 | /*! 54 | es6-promise - a tiny implementation of Promises/A+. 55 | Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) 56 | Licensed under MIT license 57 | See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE 58 | v4.2.4+314e4831 59 | */ 60 | (window.ES6Promise=function(){function t(){var t=setTimeout;return function(){return t(r,1)}}function r(){for(var t=0;tthis.status;this.statusText="statusText"in b?b.statusText:"OK";this.headers=new d(b.headers);this.url=b.url||"";this._initBody(a)}if(!e.fetch){var D="Symbol"in e&&"iterator"in Symbol,m;if(m="FileReader"in e&&"Blob"in e)try{new Blob,m=!0}catch(a){m=!1}var g={searchParams:"URLSearchParams"in e,iterable:D, 75 | blob:m,formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(g.arrayBuffer){var E="[object Int8Array];[object Uint8Array];[object Uint8ClampedArray];[object Int16Array];[object Uint16Array];[object Int32Array];[object Uint32Array];[object Float32Array];[object Float64Array]".split(";");var y=function(a){return a&&DataView.prototype.isPrototypeOf(a)};var z=ArrayBuffer.isView||function(a){return a&&-1-1&&r.splice(e,1),r.length||(i["s-init"]&&i["s-init"](),i.$initLoad&&i.$initLoad())),n.f.delete(t))}function v(n,t){for(var e,r,i=null,u=!1,o=!1,f=arguments.length;f-- >2;)rn.push(arguments[f]);for(;rn.length>0;){var c=rn.pop();if(c&&void 0!==c.pop)for(f=c.length;f--;)rn.push(c[f]);else"boolean"==typeof c&&(c=null),(o="function"!=typeof n)&&(null==c?c="":"number"==typeof c?c=String(c):"string"!=typeof c&&(o=!1)),o&&u?i[i.length-1].vtext+=c:null===i?i=[o?{vtext:c}:c]:i.push(o?{vtext:c}:c),u=o}if(null!=t){if(t.className&&(t.class=t.className),"object"==typeof t.class){for(f in t.class)t.class[f]&&rn.push(f);t.class=rn.join(" "),rn.length=0}null!=t.key&&(e=t.key),null!=t.name&&(r=t.name)}return"function"==typeof n?n(Object.assign({},t,{children:i}),un):{vtag:n,vchildren:i,vtext:void 0,vattrs:t,vkey:e,vname:r,c:void 0,a:!1}}function p(n){return{vtag:n.vtag,vchildren:n.vchildren,vtext:n.vtext,vattrs:n.vattrs,vkey:n.vkey,vname:n.vname}}function d(n,t,e,r){t.split(" ").forEach(function(t){n[t]=!0,e&&(n[t+"-"+e]=!0,r&&(n[t+"-"+e+"-"+r]=n[t+"-"+r]=!0))})}function h(n,t){n.s.has(t)||(n.s.set(t,!0),n.l?n.queue.write(function(){return m(n,t)}):n.queue.tick(function(){return m(n,t)}))}function m(n,t,e,r,i,u){if(n.s.delete(t),!n.v.has(t)){if(r=n.p.get(t),e=!r){if((i=n.f.get(t))&&i.$rendered&&(i["s-rn"]=!0),i&&!i["s-rn"])return(i["s-rc"]=i["s-rc"]||[]).push(function(){m(n,t)}),void(i.$onRender=i["s-rc"]);r=function o(n,t,e,r,i,u,f){try{(function c(n,t,e,r,i,u,o){for(o in n.d.set(r,e),n.m.has(e)||n.m.set(e,{}),(u=Object.assign({color:{type:String}},t.properties)).mode={type:String},u)y(n,u[o],e,r,o,i)})(n,i=n.y(t).b,t,r=new i,e),function a(n,t,e){if(t){var r=n.d.get(e);t.forEach(function(t){e[t.method]={emit:function(e){n.g(r,t.name,{bubbles:t.bubbles,composed:t.composed,cancelable:t.cancelable,detail:e})}}})}}(n,i.events,r);try{if(u=n.w.get(t)){for(f=0;f0)throw new Error("The following keys were attempted to be set with hostData() from the "+t.t+" component: "+b.join(", ")+". If you would like to modify these please set @Prop({ mutable: true, reflectToAttr: true}) on the @Prop() decorator.")}i&&(m=m?Object.assign(m,i):i),n.N=!1,c&&(m=function y(n,t,e){return n=n||{},Object.keys(t).forEach(function(r){"theme"===r?d(n.class=n.class||{},t[r],e.mode,e.color):"class"===r?d(n[r]=n[r]||{},t[r]):n[r]=t[r]}),n}(m,c,r));var g=n.S.get(e)||{};g.c=u;var w=v(null,m,h);w.a=!0,n.S.set(e,n.render(e,g,w,s,a))}n.W&&n.W.A(e),e["s-rn"]=!0,e.$onRender&&(e["s-rc"]=e.$onRender),e["s-rc"]&&(e["s-rc"].forEach(function(n){return n()}),e["s-rc"]=null)}catch(t){n.N=!1,n.k(t,8,e,!0)}})(n,n.y(t),t,e);try{r?t["s-init"]():(e.componentDidUpdate&&e.componentDidUpdate(),C(n.S.get(t))),t["s-hmr-load"]&&t["s-hmr-load"]()}catch(e){n.k(e,6,t,!0)}}function y(n,t,e,r,i,u,o,f){if(t.type||t.state){var c=n.m.get(e);t.state||(!t.attr||void 0!==c[i]&&""!==c[i]||(o=u&&u.T)&&V(f=o[t.attr])&&(c[i]=s(t.type,f)),e.hasOwnProperty(i)&&(void 0===c[i]&&(c[i]=s(t.type,e[i])),"mode"!==i&&delete e[i])),r.hasOwnProperty(i)&&void 0===c[i]&&(c[i]=r[i]),t.watchCallbacks&&(c[on+i]=t.watchCallbacks.slice()),k(r,i,function a(t){return(t=n.m.get(n.d.get(this)))&&t[i]},function l(e,r){(r=n.d.get(this))&&(t.state||t.mutable)&&g(n,r,i,e)})}else if(t.elementRef)w(r,i,e);else if(t.method)w(e,i,r[i].bind(r));else if(t.context){var v=n.R(t.context);void 0!==v&&w(r,i,v.L&&v.L(e)||v)}else t.connect&&w(r,i,n.I(t.connect))}function g(n,t,e,r,i,u,o){(i=n.m.get(t))||n.m.set(t,i={});var f=i[e];if(r!==f&&(i[e]=r,u=n.p.get(t))){if(o=i[on+e])for(var c=0;c=0;u--)(o=a[u])["s-hn"]!==d&&o["s-ol"]&&(t.tn(o),t.en(c(o),o,f(o)),t.tn(o["s-ol"]),o["s-ol"]=null,p=!0),i&&r(o,i);n.V=!1}function i(n,r,i,u,o,c,a,s){var l=n["s-cr"]||n.$defaultHolder;for((a=l&&t.rn(l)||n).shadowRoot&&t.in(a)===d&&(a=a.shadowRoot);o<=c;++o)u[o]&&(s=V(u[o].vtext)?t.K(u[o].vtext):e(null,i,o,n))&&(u[o].c=s,t.en(a,s,f(r)))}function u(n,e,i,u){for(;e<=i;++e)V(n[e])&&(u=n[e].c,v=!0,u["s-ol"]?t.tn(u["s-ol"]):r(u,!0),t.tn(u))}function o(n,t){return n.vtag===t.vtag&&n.vkey===t.vkey&&("slot"!==n.vtag||n.vname===t.vname)}function f(n){return n&&n["s-ol"]?n["s-ol"]:n}function c(n){return t.rn(n["s-ol"]?n["s-ol"]:n)}var a,s,l,v,p,d,h,m=[];return function b(y,g,w,k,M,$,j,O,x,C,N,P){if(d=t.in(y),h=y["s-cr"],a=k,s="shadow"!==M?$:null,l=y["s-sc"],p=v=!1,function a(s,l,v){var p=l.c=s.c,d=s.vchildren,h=l.vchildren;an=l.c&&V(t.un(l.c))&&void 0!==l.c.ownerSVGElement,an="svg"===l.vtag||"foreignObject"!==l.vtag&&an,V(l.vtext)?(v=p["s-cr"]||p.$defaultHolder)?t.on(t.rn(v),l.vtext):s.vtext!==l.vtext&&t.on(p,l.vtext):("slot"!==l.vtag&&E(n,s,l,an),V(d)&&V(h)?function m(n,s,l,v,p,d,h,b){for(var y=0,g=0,w=s.length-1,k=s[0],M=s[w],$=v.length-1,j=v[0],O=v[$];y<=w&&g<=$;)if(null==k)k=s[++y];else if(null==M)M=s[--w];else if(null==j)j=v[++g];else if(null==O)O=v[--$];else if(o(k,j))a(k,j),k=s[++y],j=v[++g];else if(o(M,O))a(M,O),M=s[--w],O=v[--$];else if(o(k,O))"slot"!==k.vtag&&"slot"!==O.vtag||r(t.rn(k.c)),a(k,O),t.en(n,k.c,t.fn(M.c)),k=s[++y],O=v[--$];else if(o(M,j))"slot"!==k.vtag&&"slot"!==O.vtag||r(t.rn(M.c)),a(M,j),t.en(n,M.c,k.c),M=s[--w],j=v[++g];else{for(p=null,d=y;d<=w;++d)if(s[d]&&V(s[d].vkey)&&s[d].vkey===j.vkey){p=d;break}V(p)?((b=s[p]).vtag!==j.vtag?h=e(s&&s[g],l,p,n):(a(b,j),s[p]=void 0,h=b.c),j=v[++g]):(h=e(s&&s[g],l,g,n),j=v[++g]),h&&t.en(c(k.c),h,f(k.c))}y>w?i(n,null==v[$+1]?null:v[$+1].c,l,v,g,$):g>$&&u(s,y,w)}(p,d,l,h):V(h)?(V(s.vtext)&&t.on(p,""),i(p,null,l,h,0,h.length-1)):V(d)&&u(d,0,d.length-1)),an&&"svg"===l.vtag&&(an=!1)}(g,w),V(s)&&t.C(g.c,K,s),p){for(function n(e,r,i,u,o,f,c,a,s,l){for(o=0,f=(r=t.nn(e)).length;o=0;c--)(u=a[c])["s-cn"]||u["s-nr"]||u["s-hn"]===i["s-hn"]||((3===(l=t.cn(u))||8===l)&&""===s||1===l&&null===t.an(u,"slot")&&""===s||1===l&&t.an(u,"slot")===s)&&(m.some(function(n){return n.sn===u})||(v=!0,u["s-sn"]=s,m.push({ln:i,sn:u})));1===t.cn(i)&&n(i)}}(w.c),j=0;j0?f.join(",").trim():void 0}}(n,e);if(!r)return t.push(n.substring(e,n.length)),n.length;var u=r._n,o=null!=r.Dn?D(r.Dn):void 0;return t.push(n.substring(e,r.start),function(n){return function t(n,e,r){return n[e]?n[e]:r?I(r,n):""}(n,u,o)}),r.end}function I(n,t){for(var e="",r=0;r0&&n.parsedSelector.split(",").forEach(function(n){n=n.trim(),e.push({selector:n,qn:r,nt:1,tt:t})}),t++}),e}(t),et:r.length>1}}function F(n,t){var e=H(t.innerHTML);e.rt=t,n.push(e)}function z(n,t,e){return Y(n=Y(n=Y(n,"\\["+o(t)+"\\]","["+o(e)+"]"),"\\["+u(t)+"\\]","["+u(e)+"]"),"\\["+f(t)+"\\]","["+f(e)+"]")}function Y(n,t,e){return n.replace(new RegExp(t,"g"),e)}function Z(n,t,e){var r=e.href;return fetch(r).then(function(n){return n.text()}).then(function(i){if(function u(n){return n.indexOf("var(")>-1||On.test(n)}(i)&&e.parentNode){(function o(n){return En.lastIndex=0,En.test(n)})(i)&&(i=function f(n,t){var e=t.replace(/[^/]*$/,"");return n.replace(En,function(n,t){var r=e+t;return n.replace(t,r)})}(i,r));var c=n.createElement("style");c.innerHTML=i,F(t,c),e.parentNode.insertBefore(c,e),e.remove()}}).catch(function(n){})}var K="data-ssrv",Q="data-ssrc",X="$",G={},J={enter:13,escape:27,space:32,tab:9,left:37,up:38,right:39,down:40},V=function(n){return null!=n},nn=function(n){return n.toLowerCase()},tn=function(n){return nn(n).split("-").map(function(n){return n.charAt(0).toUpperCase()+n.slice(1)}).join("")},en=function(){},rn=[],un={forEach:function(n,t){n.forEach(function(n){return t(p(n))})},map:function(n,t){return n.map(function(n){return function e(n){return{vtag:n.vtag,vchildren:n.vchildren,vtext:n.vtext,vattrs:n.vattrs,vkey:n.vkey,vname:n.vname}}(t(p(n)))})}},on="wc-",fn={allowfullscreen:1,async:1,autofocus:1,autoplay:1,checked:1,controls:1,disabled:1,enabled:1,formnovalidate:1,hidden:1,multiple:1,noresize:1,readonly:1,required:1,selected:1,spellcheck:1},cn="http://www.w3.org/1999/xlink",an=!1,sn=function sn(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""},ln={Qn:1,Zn:7,zn:4,Kn:1e3},vn="{",pn="}",dn={Xn:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,Gn:/@import[^;]*;/gim,it:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,ut:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,ot:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,ft:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,Yn:/^@[^\s]*keyframes/,Fn:/\s+/g},hn="--",mn="@media",bn="@",yn=/\bvar\(/,gn=/\B--[\w-]+\s*:/,wn=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,kn=/^[\t ]+\n/gm,Mn=/[^{}]*{\s*}/gm,$n="!important",jn=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm,On=/[\s;{]--[-a-zA-Z0-9]+\s*:/m,En=/url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim,xn=function(){function n(n,t){this.ct=n,this.at=t,this.st=0,this.lt=new WeakMap,this.vt=new WeakMap,this.pt=[],this.dt=new Map}return n.prototype.ht=function(){var n=this;return new Promise(function(t){n.ct.requestAnimationFrame(function(){(function e(n,t){return function e(n,t){for(var e=[],r=n.querySelectorAll('link[rel="stylesheet"][href]'),i=0;i0&&(Nn=!0),Nn&&(Cn=new xn(n,t)),function Sn(n,t,e,r,u,o,f){function s(n,t){if(!e.customElements.get(n.t)){P[n.t]=!0,A(R,w[n.t]=n,t.prototype,o);var r=[];for(var i in n.P)n.P[i].q&&r.push(n.P[i].q);t.observedAttributes=r,e.customElements.define(n.t,t)}}function l(n,t){return t&&M.delete(n.replace(/^\.\//,"")),null==n?null:M.get(n.replace(/^\.\//,""))}function p(n){return"exports"===n||"require"===n||!!l(n)}function d(n,t,e){var r={};try{e.apply(null,t.map(function(n){return"exports"===n?r:"require"===n?m:l(n)}))}catch(n){}void 0!==n&&(M.set(n,r),n&&!n.endsWith(".js")&&Object.keys(r).forEach(function(n){for(var t=n.replace(/-/g,"").toLowerCase(),e=Object.keys(w),i=0;i=0;n--){var t=k[n],e=t[0],r=t[1],i=t[2];r.every(p)&&!p(e)&&(k.splice(n,1),d(e,r,i))}}()}function y(n,t,e){var r=2===n.encapsulation||1===n.encapsulation&&!E.j,i=u+t+(r?".sc":"")+".es5.js";e&&(i+="?s-hmr="+e),g(i)}function g(n){function t(){clearTimeout(e),r.onerror=r.onload=null,E.tn(r),$.delete(n)}var e,r;$.has(n)||($.add(n),(r=E.X("script")).charset="utf-8",r.async=!0,r.src=n,e=setTimeout(t,12e4),r.onerror=r.onload=t,E.G(E.In.head,r))}var w={html:{}},k=[],M=new Map,$=new Set,j={},O=e[n]=e[n]||{},E=function C(n,t,e){n.Mt||(n.Mt=function(n,t,e,r){return n.addEventListener(t,e,r)},n.$t=function(n,t,e,r){return n.removeEventListener(t,e,r)});var r=new WeakMap,i={In:e,jt:!1,cn:function(n){return n.nodeType},X:function(n){return e.createElement(n)},Q:function(n,t){return e.createElementNS(n,t)},K:function(n){return e.createTextNode(n)},J:function(n){return e.createComment(n)},en:function(n,t,e){return n.insertBefore(t,e)},tn:function(n){return n.remove()},G:function(n,t){return n.appendChild(t)},nn:function(n){return n.childNodes},rn:function(n){return n.parentNode},fn:function(n){return n.nextSibling},vn:function(n){return n.previousSibling},in:function(n){return nn(n.nodeName)},pn:function(n){return n.textContent},on:function(n,t){return n.textContent=t},an:function(n,t){return n.getAttribute(t)},C:function(n,t,e){return n.setAttribute(t,e)},Ot:function(n,t,e,r){return n.setAttributeNS(t,e,r)},B:function(n,t){return n.removeAttribute(t)},H:function(n,t){return n.hasAttribute(t)},On:function(t){return t.getAttribute("mode")||(n.Context||{}).mode},Et:function(n,r){return"child"===r?n.firstElementChild:"parent"===r?i.un(n):"body"===r?e.body:"document"===r?e:"window"===r?t:n},F:function(t,e,u,o,f,c,a,s){var l=e,v=t,p=r.get(t);if(p&&p[l]&&p[l](),"string"==typeof c?v=i.Et(t,c):"object"==typeof c?v=c:(s=e.split(":")).length>1&&(v=i.Et(t,s[0]),e=s[1]),v){var d=u;(s=e.split(".")).length>1&&(e=s[0],d=function(n){n.keyCode===J[s[1]]&&u(n)}),a=i.jt?{capture:!!o,passive:!!f}:!!o,n.Mt(v,e,d,a),p||r.set(t,p={}),p[l]=function(){v&&n.$t(v,e,d,a),p[l]=null}}},z:function(n,t){var e=r.get(n);e&&(t?e[t]&&e[t]():Object.keys(e).forEach(function(n){e[n]&&e[n]()}))},En:function(n,t){return n.attachShadow(t)}};i.j=!!i.In.documentElement.attachShadow,t.location.search.indexOf("shadow=false")>0&&(i.j=!1),"function"!=typeof t.CustomEvent&&(t.CustomEvent=function(n,t,r){return(r=e.createEvent("CustomEvent")).initCustomEvent(n,t.bubbles,t.cancelable,t.detail),r},t.CustomEvent.prototype=t.Event.prototype),i.xt=function(n,e,r){return n&&n.dispatchEvent(new t.CustomEvent(e,r))};try{t.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){return i.jt=!0}}))}catch(n){}return i.un=function(n,t){return(t=i.rn(n))&&11===i.cn(t)?t.host:t},i}(O,e,r);E.j,t.isServer=t.isPrerender=!(t.isClient=!0),t.window=e,t.location=e.location,t.document=r,t.resourcesUrl=t.publicPath=u,t.enableListener=function(n,t,e,r,i){return function u(n,t,e,r,i,o){if(t){var f=n.d.get(t),c=n.y(f);if(c&&c.dn)if(r){var a=c.dn.find(function(n){return n.e===e});a&&n.O.F(f,e,function(n){return t[a.r](n)},a.o,void 0===o?a.u:!!o,i)}else n.O.z(f,e)}}(R,n,t,e,r,i)},t.emit=function(n,e,r){return E.xt(n,t.eventNameFn?t.eventNameFn(e):e,r)},O.h=v,O.Context=t;var P=e["s-defined"]=e.$definedCmps=e["s-defined"]||e.$definedCmps||{},W=0,R={O:E,Ct:s,g:t.emit,W:f,y:function(n){return w[E.in(n)]},R:function(n){return t[n]},isClient:!0,Sn:function(n){return!(!P[E.in(n)]&&!R.y(n))},k:function(n,t,e){},Pn:function(){return n+W++},I:function(n){return function t(n,e,r){return{create:T(n,e,r,"create"),componentOnReady:T(n,e,r,"componentOnReady")}}(E,j,n)},queue:t.queue=function L(n,t){function e(n){for(var t=0;t0&&(s.push.apply(s,a),a.length=0),(v=c.length+a.length+s.length>0)?n.raf(i):l=0}var u=function(){return t.performance.now()},o=Promise.resolve(),f=[],c=[],a=[],s=[],l=0,v=!1;return n.raf||(n.raf=t.requestAnimationFrame.bind(t)),{tick:function(n){f.push(n),1===f.length&&o.then(function(){return e(f)})},read:function(t){c.push(t),v||(v=!0,n.raf(i))},write:function(t){a.push(t),v||(v=!0,n.raf(i))}}}(O,e),An:function I(n,t,e){var r="string"==typeof n.$n?n.$n:n.$n[t.mode];l(r,e)?h(R,t):(k.push([void 0,[r],function(){h(R,t)}]),f&&q?q.push(function(){return y(n,r,e)}):y(n,r,e))},f:new WeakMap,Nt:new WeakMap,Nn:new WeakMap,Cn:new WeakMap,Wn:new WeakMap,d:new WeakMap,M:new WeakMap,p:new WeakMap,v:new WeakMap,s:new WeakMap,Rn:new WeakMap,w:new WeakMap,S:new WeakMap,m:new WeakMap};R.render=x(R,E);var _=E.In.documentElement;_["s-ld"]=[],_["s-rn"]=!0,_["s-init"]=function(){R.Wn.set(_,O.loaded=R.l=!0),E.xt(e,"appload",{detail:{namespace:n}})},function D(n,t,e){var r,i,u,o,f,c,a=e.querySelectorAll("["+K+"]"),s=a.length;if(s>0)for(n.Wn.set(e,!0),o=0;o=0;u--)t.componentOnReady(i[u][0],i[u][1])&&i.splice(u,1);for(u=0;u