@manidecp/nagp-stencil-ui-kit 1.0.0

package/dist/collection/components/recipe-rating/recipe-rating.js

@@ -0,0 +1,186 @@
+import { h } from "@stencil/core";
+export class RecipeRating {
+    score = 4;
+    maxScore = 5;
+    interactive = false;
+    // Backward-compatible aliases for the original scaffolded API.
+    value;
+    max;
+    currentScore = 0;
+    ratingChange;
+    get effectiveScore() {
+        return this.score ?? this.value ?? 4;
+    }
+    get effectiveMaxScore() {
+        return this.maxScore ?? this.max ?? 5;
+    }
+    componentWillLoad() {
+        this.currentScore = this.effectiveScore;
+    }
+    handleScoreChange(newValue) {
+        this.currentScore = newValue;
+    }
+    handleStarClick = (value) => {
+        if (!this.interactive) {
+            return;
+        }
+        this.currentScore = value;
+        this.ratingChange.emit(value);
+    };
+    render() {
+        const maxScore = this.effectiveMaxScore;
+        const stars = Array.from({ length: maxScore }, (_, index) => {
+            const value = index + 1;
+            const filled = value <= this.currentScore;
+            if (this.interactive) {
+                return (h("button", { type: "button", class: { star: true, filled }, onClick: () => this.handleStarClick(value), "aria-label": `Rate ${value} out of ${maxScore}`, "aria-pressed": filled }, filled ? '★' : '☆'));
+            }
+            return h("span", { class: { star: true, filled }, "aria-hidden": "true" }, filled ? '★' : '☆');
+        });
+        return (h("div", { class: "rating", "aria-label": `Rated ${this.currentScore} out of ${maxScore}`, role: "img" }, stars));
+    }
+    static get is() { return "recipe-rating"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["recipe-rating.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["recipe-rating.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "score": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "score",
+                "defaultValue": "4"
+            },
+            "maxScore": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max-score",
+                "defaultValue": "5"
+            },
+            "interactive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "interactive",
+                "defaultValue": "false"
+            },
+            "value": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "currentScore": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "ratingChange",
+                "name": "ratingChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "score",
+                "methodName": "handleScoreChange"
+            }];
+    }
+}
+//# sourceMappingURL=recipe-rating.js.map

package/dist/collection/components/recipe-rating/recipe-rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipe-rating.js","sourceRoot":"","sources":["../../../src/components/recipe-rating/recipe-rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOtF,MAAM,OAAO,YAAY;IACf,KAAK,GAAW,CAAC,CAAC;IAClB,QAAQ,GAAW,CAAC,CAAC;IACrB,WAAW,GAAY,KAAK,CAAC;IAErC,+DAA+D;IACvD,KAAK,CAAS;IACd,GAAG,CAAS;IAEX,YAAY,GAAW,CAAC,CAAC;IAEzB,YAAY,CAAuB;IAE5C,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;IAC1C,CAAC;IAGD,iBAAiB,CAAC,QAAgB;QAChC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAEO,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACxC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC1D,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;YACxB,MAAM,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC;YAE1C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,gBAC9B,QAAQ,KAAK,WAAW,QAAQ,EAAE,kBAChC,MAAM,IAEnB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CACZ,CACV,CAAC;YACJ,CAAC;YAED,OAAO,YAAM,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAc,MAAM,IAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAQ,CAAC;QAC7F,CAAC,CAAC,CAAC;QAEH,OAAO,CACL,WAAK,KAAK,EAAC,QAAQ,gBAAa,SAAS,IAAI,CAAC,YAAY,WAAW,QAAQ,EAAE,EAAE,IAAI,EAAC,KAAK,IACxF,KAAK,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'recipe-rating',\r\n  styleUrl: 'recipe-rating.css',\r\n  shadow: true,\r\n})\r\nexport class RecipeRating {\r\n  @Prop() score: number = 4;\r\n  @Prop() maxScore: number = 5;\r\n  @Prop() interactive: boolean = false;\r\n\r\n  // Backward-compatible aliases for the original scaffolded API.\r\n  @Prop() value: number;\r\n  @Prop() max: number;\r\n\r\n  @State() currentScore: number = 0;\r\n\r\n  @Event() ratingChange: EventEmitter<number>;\r\n\r\n  private get effectiveScore(): number {\r\n    return this.score ?? this.value ?? 4;\r\n  }\r\n\r\n  private get effectiveMaxScore(): number {\r\n    return this.maxScore ?? this.max ?? 5;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.currentScore = this.effectiveScore;\r\n  }\r\n\r\n  @Watch('score')\r\n  handleScoreChange(newValue: number) {\r\n    this.currentScore = newValue;\r\n  }\r\n\r\n  private handleStarClick = (value: number) => {\r\n    if (!this.interactive) {\r\n      return;\r\n    }\r\n\r\n    this.currentScore = value;\r\n    this.ratingChange.emit(value);\r\n  };\r\n\r\n  render() {\r\n    const maxScore = this.effectiveMaxScore;\r\n    const stars = Array.from({ length: maxScore }, (_, index) => {\r\n      const value = index + 1;\r\n      const filled = value <= this.currentScore;\r\n\r\n      if (this.interactive) {\r\n        return (\r\n          <button\r\n            type=\"button\"\r\n            class={{ star: true, filled }}\r\n            onClick={() => this.handleStarClick(value)}\r\n            aria-label={`Rate ${value} out of ${maxScore}`}\r\n            aria-pressed={filled}\r\n          >\r\n            {filled ? '★' : '☆'}\r\n          </button>\r\n        );\r\n      }\r\n\r\n      return <span class={{ star: true, filled }} aria-hidden=\"true\">{filled ? '★' : '☆'}</span>;\r\n    });\r\n\r\n    return (\r\n      <div class=\"rating\" aria-label={`Rated ${this.currentScore} out of ${maxScore}`} role=\"img\">\r\n        {stars}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export { Components, JSX } from './components';\r\n"]}

package/dist/components/custom-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CustomModal extends Components.CustomModal, HTMLElement {}
+export const CustomModal: {
+    prototype: CustomModal;
+    new (): CustomModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/custom-modal.js

@@ -0,0 +1,2 @@
+import{t as o,p as e,H as t,c as a,h as l}from"./index.js";const r=()=>`:host{--modal-overlay:rgba(15, 23, 42, 0.45);--modal-bg:#ffffff;--modal-border:#e5e7eb;--modal-text:#111827;--modal-muted:#6b7280;display:block}.modal-backdrop{position:fixed;inset:0;background:var(--modal-overlay);display:grid;place-items:center;padding:1rem;z-index:1000}.modal{width:min(420px, 100%);background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:18px;padding:1.25rem;box-shadow:0 20px 45px rgba(15, 23, 42, 0.25)}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}h3{margin:0;font-size:1.25rem;color:var(--modal-text)}.close-button{width:2rem;height:2rem;border:none;border-radius:999px;background:#f3f4f6;color:var(--modal-muted);font-size:1.25rem;cursor:pointer}.modal-body{color:var(--modal-text)}.modal-footer{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1.25rem}`;const s=e(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.__attachShadow();this.closeModal=a(this,"closeModal")}isOpen=true;modalTitle="Dialog";closeModal;handleOverlayClick=o=>{if(o.target.classList.contains("modal-backdrop")){this.closeModal.emit()}};handleClose=()=>{this.closeModal.emit()};render(){if(!this.isOpen){return null}return l("div",{class:"modal-backdrop",onClick:this.handleOverlayClick},l("div",{class:"modal",role:"dialog","aria-modal":"true","aria-label":this.modalTitle},l("header",null,l("h3",null,this.modalTitle),l("button",{type:"button",class:"close-button",onClick:this.handleClose,"aria-label":"Close modal"},"×")),l("div",{class:"modal-body"},l("slot",null)),l("div",{class:"modal-footer"},l("slot",{name:"footer"}))))}static get style(){return r()}},[769,"custom-modal",{isOpen:[4,"is-open"],modalTitle:[1,"modal-title"]}]);function d(){if(typeof customElements==="undefined"){return}const e=["custom-modal"];e.forEach((e=>{switch(e){case"custom-modal":if(!customElements.get(o(e))){customElements.define(o(e),s)}break}}))}d();const i=s;const n=d;export{i as CustomModal,n as defineCustomElement};
+//# sourceMappingURL=custom-modal.js.map

package/dist/components/custom-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["customModalCss","CustomModal","__stencil_proxyCustomElement","HTMLElement","isOpen","modalTitle","closeModal","handleOverlayClick","event","target","classList","contains","this","emit","handleClose","render","h","class","onClick","role","type","name"],"sources":["src/components/custom-modal/custom-modal.css?tag=custom-modal&encapsulation=shadow","src/components/custom-modal/custom-modal.tsx"],"sourcesContent":[":host {\r\n  --modal-overlay: rgba(15, 23, 42, 0.45);\r\n  --modal-bg: #ffffff;\r\n  --modal-border: #e5e7eb;\r\n  --modal-text: #111827;\r\n  --modal-muted: #6b7280;\r\n  display: block;\r\n}\r\n\r\n.modal-backdrop {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: var(--modal-overlay);\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 1rem;\r\n  z-index: 1000;\r\n}\r\n\r\n.modal {\r\n  width: min(420px, 100%);\r\n  background: var(--modal-bg);\r\n  border: 1px solid var(--modal-border);\r\n  border-radius: 18px;\r\n  padding: 1.25rem;\r\n  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.25);\r\n}\r\n\r\nheader {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\nh3 {\r\n  margin: 0;\r\n  font-size: 1.25rem;\r\n  color: var(--modal-text);\r\n}\r\n\r\n.close-button {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  border: none;\r\n  border-radius: 999px;\r\n  background: #f3f4f6;\r\n  color: var(--modal-muted);\r\n  font-size: 1.25rem;\r\n  cursor: pointer;\r\n}\r\n\r\n.modal-body {\r\n  color: var(--modal-text);\r\n}\r\n\r\n.modal-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 0.75rem;\r\n  margin-top: 1.25rem;\r\n}\r\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'custom-modal',\r\n  styleUrl: 'custom-modal.css',\r\n  shadow: true,\r\n})\r\nexport class CustomModal {\r\n  @Prop() isOpen: boolean = true;\r\n  @Prop() modalTitle: string = 'Dialog';\r\n\r\n  @Event() closeModal: EventEmitter<void>;\r\n\r\n  private handleOverlayClick = (event: MouseEvent) => {\r\n    if ((event.target as HTMLElement).classList.contains('modal-backdrop')) {\r\n      this.closeModal.emit();\r\n    }\r\n  };\r\n\r\n  private handleClose = () => {\r\n    this.closeModal.emit();\r\n  };\r\n\r\n  render() {\r\n    if (!this.isOpen) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div class=\"modal-backdrop\" onClick={this.handleOverlayClick}>\r\n        <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-label={this.modalTitle}>\r\n          <header>\r\n            <h3>{this.modalTitle}</h3>\r\n            <button type=\"button\" class=\"close-button\" onClick={this.handleClose} aria-label=\"Close modal\">\r\n              ×\r\n            </button>\r\n          </header>\r\n\r\n          <div class=\"modal-body\">\r\n            <slot />\r\n          </div>\r\n\r\n          <div class=\"modal-footer\">\r\n            <slot name=\"footer\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2DAAA,MAAMA,EAAiB,IAAM,m2B,MCOhBC,EAAWC,EAAA,MAAAD,UAAAE,E,sHACdC,OAAkB,KAClBC,WAAqB,SAEpBC,WAEDC,mBAAsBC,IAC5B,GAAKA,EAAMC,OAAuBC,UAAUC,SAAS,kBAAmB,CACtEC,KAAKN,WAAWO,M,GAIZC,YAAc,KACpBF,KAAKN,WAAWO,MAAM,EAGxB,MAAAE,GACE,IAAKH,KAAKR,OAAQ,CAChB,OAAO,I,CAGT,OACEY,EAAA,OAAKC,MAAM,iBAAiBC,QAASN,KAAKL,oBACxCS,EAAA,OAAKC,MAAM,QAAQE,KAAK,SAAQ,aAAY,OAAM,aAAaP,KAAKP,YAClEW,EAAA,cACEA,EAAA,UAAKJ,KAAKP,YACVW,EAAA,UAAQI,KAAK,SAASH,MAAM,eAAeC,QAASN,KAAKE,YAAW,aAAa,eAAa,MAKhGE,EAAA,OAAKC,MAAM,cACTD,EAAA,cAGFA,EAAA,OAAKC,MAAM,gBACTD,EAAA,QAAMK,KAAK,a","ignoreList":[]}

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,2 @@
+const e=":root{font-family:Inter, 'Segoe UI', sans-serif;color:#1f2937;background:#f8fafc}*{box-sizing:border-box}";const t="nagp-recipe-ui-kit";const n={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:false,state:true,updatable:true};function r(e,t,n){const r=typeof HTMLElement!=="undefined"?HTMLElement.prototype:null;while(e&&e!==r){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}return void 0}var l=(e,t)=>{var n;const l=t.t;const i=Object.entries((n=l.l)!=null?n:{});i.map((([n,[l]])=>{if(l&31||l&32){const l=e[n];const i=r(Object.getPrototypeOf(e),n,true)||Object.getOwnPropertyDescriptor(e,n);if(i){Object.defineProperty(e,n,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:true,enumerable:true})}if(t.i.has(n)){e[n]=t.i.get(n)}else if(l!==void 0){e[n]=l}}}))};var i=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var s=(e,t)=>{const r={o:0,$hostElement$:e,t,i:new Map,u:new Map};{r.v=new Promise((e=>r.p=e));e["s-p"]=[];e["s-rc"]=[]}const i=r;e.__stencil__getHostRef=()=>i;if(t.o&512&&n.state){l(e,r)}return i};var o=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var a="slot-fb{display:contents}slot-fb[hidden]{display:none}";var u=1e3;var v=typeof window!=="undefined"?window:{};var d=v.HTMLElement||class{};var p={o:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var h=e=>Promise.resolve(e);var m=(()=>{try{if(!v.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var y=m?(()=>!!v.document&&Object.getOwnPropertyDescriptor(v.document.adoptedStyleSheets,"length").writable)():false;var b=false;var $=[];var g=[];var w=()=>{var e;return((e=v.document)==null?void 0:e.hidden)?k(O):p.raf(O)};var S=(e,t)=>n=>{e.push(n);if(!b){b=true;if(t&&p.o&4){k(O)}else{w()}}};var j=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var O=()=>{j($);{j(g);if(b=$.length>0){w()}}};var k=e=>h().then(e);var M=S(g,true);var E=e=>{const t=new URL(e,p.h);return t.origin!==v.location.origin?t.href:t.pathname};var C=e=>p.h=e;function x(e){if(!m)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var A;function N(t){var n;const r={mode:"open"};const l=this.attachShadow(r);if(A===void 0)A=(n=x(e))!=null?n:null;if(A){if(y){l.adoptedStyleSheets.push(A)}else{l.adoptedStyleSheets=[...l.adoptedStyleSheets,A]}}else if(!m){const t=document.createElement("style");t.innerHTML=e;l.prepend(t)}}var U=(e,t="")=>{{return()=>{}}};function L(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var R=new WeakMap;var _=(e,t,n)=>{let r=c.get(e);if(m&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}c.set(e,r)};var D=(e,t,n)=>{var r,l,i;const s=P(t);const o=c.get(s);if(!v.document){return s}e=e.nodeType===11?e:v.document;if(o){if(typeof o==="string"){e=e.head||e;let n=R.get(e);let i;if(!n){R.set(e,n=new Set)}if(!n.has(s)){i=v.document.createElement("style");i.textContent=o;const f=(r=p.m)!=null?r:L(v.document);if(f!=null){i.setAttribute("nonce",f)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(m){const t=(l=e.defaultView)!=null?l:e.ownerDocument.defaultView;const n=new t.CSSStyleSheet;n.replaceSync(o);if(y){e.adoptedStyleSheets.unshift(n)}else{e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t&&true){t.textContent=o+t.textContent}else{e.prepend(i)}}}else{e.append(i)}}if(t.o&1){e.insertBefore(i,null)}if(t.o&4){i.textContent+=a}if(n){n.add(s)}}}else{let t=R.get(e);if(!t){R.set(e,t=new Set)}if(!t.has(s)){const n=(i=e.defaultView)!=null?i:e.ownerDocument.defaultView;let r;if(o.constructor===n.CSSStyleSheet){r=o}else{r=new n.CSSStyleSheet;for(let e=0;e<o.cssRules.length;e++){r.insertRule(o.cssRules[e].cssText,e)}}if(y){e.adoptedStyleSheets.push(r)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}t.add(s)}}}return s};var H=e=>{const t=e.t;const n=e.$hostElement$;const r=t.o;const l=U("attachStyles",t.$);const i=D(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=i;n.classList.add(i+"-h")}l()};var P=(e,t)=>"sc-"+e.$;var W=e=>{e=typeof e;return e==="object"||e==="function"};var z=(e,t,...n)=>{if(typeof e==="string"){e=We(e)}let r=null;let l=null;let i=false;let s=false;const o=[];const c=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){c(r)}else if(r!=null&&typeof r!=="boolean"){if(i=typeof e!=="function"&&!W(r)){r=String(r)}else if(typeof e!=="function"&&r.o===void 0){{f("Invalid vNode child")}continue}if(i&&s){o[o.length-1].S+=r}else{o.push(i?F(null,r):r)}s=i}}};c(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const a=F(e,null);a.j=t;if(o.length>0){a.O=o}{a.k=l}return a};var F=(e,t)=>{const n={o:0,M:e,S:t!=null?t:null,C:null,O:null};{n.j=null}{n.k=null}return n};var I={};var T=e=>e&&e.M===I;var V=e=>{if(!e)return void 0;const t=Object.keys(e);if(t.length===0)return void 0;let n=false;for(const r of t){if(n)break;for(const t of e[r]){if(typeof t==="string"){n=true;break}}}if(!n)return e;const r={};for(const n of t){r[n]=e[n].map((e=>typeof e==="string"?{[e]:0}:e))}return r};var q=(e,t,n)=>{if(e!=null&&!W(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Y=e=>e;var Z=(e,t,n)=>{const r=Y(e);return{emit:e=>B(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var B=(e,t,n)=>{const r=p.ce(t,n);e.dispatchEvent(r);return r};var G=(e,t,n,r,l,s,f)=>{if(n===r){return}let c=o(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const l=X(n);let i=X(r);{t.remove(...l.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(o(v,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const l=t.endsWith(ee);t=t.replace(te,"");if(n){p.rel(e,t,n,l)}if(r){p.ael(e,t,r,l)}}}else if(t[0]==="a"&&t.startsWith("attr:")){const n=t.slice(5);let l;{const t=i(e);if(t&&t.t&&t.t.l){const e=t.t.l[n];if(e&&e[1]){l=e[1]}}}if(!l){l=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}if(r==null||r===false){if(r!==false||e.getAttribute(l)===""){e.removeAttribute(l)}}else{e.setAttribute(l,r===true?"":r)}return}else if(t[0]==="p"&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}else{const i=W(r);if((c||i&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){c=false}else if(n==null||e[t]!==l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""||s&4&&!K(t)){{e.removeAttribute(t)}}}else if((!c||s&4||l)&&!i&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var J=new Set(["draggable","contenteditable","spellcheck"]);var K=e=>J.has(e)||e.startsWith("aria-");var Q=/\s/;var X=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Q)};var ee="Capture";var te=new RegExp(ee+"$");var ne=(e,t,n,r)=>{const l=t.C.nodeType===11&&t.C.host?t.C.host:t.C;const i=e&&e.j||{};const s=t.j||{};{for(const e of re(Object.keys(i))){if(!(e in s)){G(l,e,i[e],void 0,n,t.o)}}}for(const e of re(Object.keys(s))){G(l,e,i[e],s[e],n,t.o)}};function re(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var le;var ie=false;var se=false;var oe=(e,t,n)=>{const r=t.O[n];let l=0;let i;let s;if(r.S!=null){i=r.C=v.document.createTextNode(r.S)}else{if(!v.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}i=r.C=v.document.createElement(r.M);{ne(null,r,se)}if(r.O){const t=r.M==="template"?i.content:i;for(l=0;l<r.O.length;++l){s=oe(e,r,l);if(s){t.appendChild(s)}}}}i["s-hn"]=le;return i};var fe=e=>{p.o|=1;const t=e.closest(le.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r){if(e["s-sh"]!=null){pe(t,e,n!=null?n:null);e["s-sh"]=void 0}}}p.o&=-2};var ce=(e,t,n,r,l,i)=>{let s=e;let o;if(s.shadowRoot&&s.tagName===le){s=s.shadowRoot}if(n.M==="template"){s=s.content}for(;l<=i;++l){if(r[l]){o=oe(null,n,l);if(o){r[l].C=o;pe(s,o,t)}}}};var ae=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.C;if(e){e.remove()}}}};var ue=(e,t,n,r,l=false)=>{let i=0;let s=0;let o=0;let f=0;let c=t.length-1;let a=t[0];let u=t[c];let v=r.length-1;let d=r[0];let p=r[v];let h;let m;const y=n.M==="template"?e.content:e;while(i<=c&&s<=v){if(a==null){a=t[++i]}else if(u==null){u=t[--c]}else if(d==null){d=r[++s]}else if(p==null){p=r[--v]}else if(ve(a,d,l)){de(a,d,l);a=t[++i];d=r[++s]}else if(ve(u,p,l)){de(u,p,l);u=t[--c];p=r[--v]}else if(ve(a,p,l)){de(a,p,l);pe(y,a.C,u.C.nextSibling);a=t[++i];p=r[--v]}else if(ve(u,d,l)){de(u,d,l);pe(y,u.C,a.C);u=t[--c];d=r[++s]}else{o=-1;{for(f=i;f<=c;++f){if(t[f]&&t[f].k!==null&&t[f].k===d.k){o=f;break}}}if(o>=0){m=t[o];if(m.M!==d.M){h=oe(t&&t[s],n,o)}else{de(m,d,l);t[o]=void 0;h=m.C}d=r[++s]}else{h=oe(t&&t[s],n,s);d=r[++s]}if(h){{pe(a.C.parentNode,h,a.C)}}}}if(i>c){ce(e,r[v+1]==null?null:r[v+1].C,n,r,s,v)}else if(s>v){ae(t,i,c)}};var ve=(e,t,n=false)=>{if(e.M===t.M){if(!n){return e.k===t.k}if(n&&!e.k&&t.k){e.k=t.k}return true}return false};var de=(e,t,r=false)=>{const l=t.C=e.C;const i=e.O;const s=t.O;const o=t.M;const f=t.S;if(f==null){{if(o==="slot"&&!ie){if(e.A!==t.A){t.C["s-sn"]=t.A||"";fe(t.C.parentElement)}}ne(e,t,se)}if(i!==null&&s!==null){ue(l,i,t,s,r)}else if(s!==null){if(e.S!==null){l.textContent=""}ce(l,null,t,s,0,s.length-1)}else if(!r&&n.updatable&&i!==null){ae(i,0,i.length-1)}else;}else if(e.S!==f){l.data=f}};var pe=(e,t,n,r)=>{{return e==null?void 0:e.insertBefore(t,n)}};var he=(e,t,n=false)=>{const r=e.$hostElement$;const l=e.t;const i=e.N||F(null,null);const s=T(t);const o=s?t:z(null,null,t);le=r.tagName;if(n&&o.j){for(const e of Object.keys(o.j)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.j[e]=r[e]}}}o.M=null;o.o|=4;e.N=o;o.C=i.C=r.shadowRoot||r;ie=!!(l.o&1)&&!(l.o&128);de(i,o,n)};var me=(e,t)=>{if(t&&!e.U&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.U=()=>{t["s-p"].splice(n-1,1);r()})))}};var ye=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}me(e,e.L);const n=()=>be(e,t);if(t){queueMicrotask((()=>{n()}));return}return M(n)};var be=(e,t)=>{const n=e.$hostElement$;const r=U("scheduleUpdate",e.t.$);const l=n;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){i=ke(l,"componentWillLoad",void 0,n)}else{i=ke(l,"componentWillUpdate",void 0,n)}i=$e(i,(()=>ke(l,"componentWillRender",void 0,n)));r();return $e(i,(()=>we(e,l,t)))};var $e=(e,t)=>ge(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ge=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var we=async(e,t,n)=>{var r;const l=e.$hostElement$;const i=U("update",e.t.$);const s=l["s-rc"];if(n){H(e)}const o=U("render",e.t.$);{Se(e,t,l,n)}if(s){s.map((e=>e()));l["s-rc"]=void 0}o();i();{const t=(r=l["s-p"])!=null?r:[];const n=()=>je(e);if(t.length===0){n()}else{Promise.all(t).then(n).catch(n);e.o|=4;t.length=0}}};var Se=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{he(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var je=e=>{const t=e.t.$;const n=e.$hostElement$;const r=U("postUpdate",t);const l=n;const i=e.L;ke(l,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Me(n)}ke(l,"componentDidLoad",void 0,n);r();{e.p(n);if(!i){Oe()}}}else{ke(l,"componentDidUpdate",void 0,n);r()}{if(e.U){e.U();e.U=void 0}if(e.o&512){k((()=>ye(e,false)))}e.o&=-517}};var Oe=e=>{k((()=>B(v,"appload",{detail:{namespace:t}})))};var ke=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var Me=e=>{var t;return e.classList.add((t=n.hydratedSelectorName)!=null?t:"hydrated")};var Ee=(e,t)=>i(e).i.get(t);var Ce=(e,t,n,r)=>{const l=i(e);if(!l){return}const s=e;const o=l.i.get(t);const c=l.o;const a=s;n=q(n,r.l[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if(v){l.i.set(t,n);if(r.R){const e=r.R[t];if(e){e.map((e=>{try{const[[r,i]]=Object.entries(e);if(c&128||i&1){if(!a){l._.push((()=>{l.D[r](n,o,t)}))}else{a[r](n,o,t)}}}catch(e){f(e,s)}}))}}if(c&2){if(a.componentShouldUpdate){const e=a.componentShouldUpdate(n,o,t);if(e===false&&!(c&16)){return}}if(!(c&16)){ye(l,false)}}}};var xe=(e,t,l)=>{var s,o;const f=e.prototype;{{if(e.watchers&&!t.R){t.R=V(e.watchers)}if(e.deserializers&&!t.H){t.H=e.deserializers}if(e.serializers&&!t.P){t.P=e.serializers}}const l=Object.entries((s=t.l)!=null?s:{});l.map((([e,[n]])=>{if(n&31||n&32){const{get:l,set:s}=r(f,e)||{};if(l)t.l[e][0]|=2048;if(s)t.l[e][0]|=4096;{Object.defineProperty(f,e,{get(){{return l?l.apply(this):Ee(this,e)}},configurable:true,enumerable:true})}Object.defineProperty(f,e,{set(r){const l=i(this);if(!l){return}if(s){const i=n&32?this[e]:l.$hostElement$[e];if(typeof i==="undefined"&&l.i.get(e)){r=l.i.get(e)}s.apply(this,[q(r,n)]);r=n&32?this[e]:l.$hostElement$[e];Ce(this,e,r,t);return}{Ce(this,e,r,t);return}}})}}));{const r=new Map;f.attributeChangedCallback=function(e,s,o){p.jmp((()=>{var c;const a=r.get(e);const u=i(this);if(this.hasOwnProperty(a)&&n.lazyLoad);if(f.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==o){return}else if(a==null){const n=u==null?void 0:u.o;if(u&&n&&!(n&8)&&o!==s){const r=this;const l=r;const i=(c=t.R)==null?void 0:c[e];i==null?void 0:i.forEach((t=>{const[[r,i]]=Object.entries(t);if(l[r]!=null&&(n&128||i&1)){l[r].call(l,o,s,e)}}))}return}const v=l.find((([e])=>e===a));const d=v?v[1][0]:0;const p=d&4;const h=p&&o===null&&this[a]===void 0;if(p){o=o===null||o==="false"?false:true}const m=Object.getOwnPropertyDescriptor(f,a);if(!h&&o!=this[a]&&(!m.get||!!m.set)){this[a]=o}}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=t.R)!=null?o:{}),...l.filter((([e,t])=>t[0]&31)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Ae=async(e,t,r,l)=>{let i;try{if((t.o&32)===0){t.o|=32;t.o&=-1025;{i=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(i&&i.style){let e;if(typeof i.style==="string"){e=i.style}const t=P(r);if(!c.has(t)||n.hotModuleReplacement){const n=U("registerStyles",r.$);_(t,e,!!(r.o&1));n()}}}const l=t.L;const s=()=>ye(t,true);if(l&&l["s-rc"]){l["s-rc"].push(s)}else{s()}}catch(n){f(n,e);if(t.U){t.U();t.U=void 0}if(t.p&&!(t.o&1024)){t.p(e)}}};var Ne=(e,t)=>{};var Ue=e=>{if((p.o&1)===0){const t=i(e);if(!t){return}const n=t.t;const r=U("connectedCallback",n.$);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){me(t,t.L=n);break}}}if(n.l){Object.entries(n.l).map((([t,[n]])=>{if(n&31&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t];e[t]=n}}))}{Ae(e,t,n)}}else{if(t==null?void 0:t.D);else if(t.o&1024){setTimeout((()=>Ae(e,t,n)),u)}else if(t==null?void 0:t.v){t.v.then((()=>Ne()))}}r()}};var Le=async e=>{if((p.o&1)===0){i(e)}if(R.has(e)){R.delete(e)}if(e.shadowRoot&&R.has(e.shadowRoot)){R.delete(e.shadowRoot)}};var Re=(e,t)=>{const n={o:t[0],$:t[1]};try{{n.l=t[2]}{n.R=V(e.R);n.H=e.H;n.P=e.P}const r=e.prototype.connectedCallback;const l=e.prototype.disconnectedCallback;Object.assign(e.prototype,{__hasHostListenerAttached:false,__registerHost(){s(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=i(this);if(!e){return}this.__hasHostListenerAttached=true}Ue(this);if(r){r.call(this)}},disconnectedCallback(){Le(this);if(l){l.call(this)}},__attachShadow(){{if(!this.shadowRoot){N.call(this,n)}else{if(this.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});Object.defineProperty(e,"is",{value:n.$,configurable:true});return xe(e,n)}catch(t){f(t);return e}};var _e=e=>p.m=e;var De=e=>Object.assign(p,e);var He=new WeakMap;function Pe(e,t){let n=He.get(t);if(!n){const e={o:0,$:t.tagName};n={o:0,t:e,$hostElement$:t};He.set(t,n)}he(n,e)}function We(e){return e}export{d as H,Z as c,E as getAssetPath,z as h,Re as p,Pe as render,C as setAssetPath,_e as setNonce,De as setPlatformOptions,We as t};
+//# sourceMappingURL=index.js.map