@usecapsule/core-components 1.0.11 → 1.0.13-dev.0

package/dist/types/components.d.ts

@@ -26,6 +26,16 @@ export namespace Components {
          */
         "type"?: 'error';
     }
+    interface CpslAnimation {
+        /**
+          * Will replay the animation
+         */
+        "replayAnimation": () => Promise<void>;
+        /**
+          * Source of the Lottie animation file.
+         */
+        "src": string;
+    }
     interface CpslButton {
         /**
           * If the button is disabled. Default is: false.
@@ -287,24 +297,44 @@ export namespace Components {
         "value"?: string;
     }
     interface CpslModal {
+        /**
+          * Duration in seconds of the modal entering. Default is .15.
+         */
+        "enterTransitionDuration"?: number;
+        /**
+          * Duration in seconds of the modal exiting. Default is .15.
+         */
+        "exitTransitionDuration"?: number;
         /**
           * Whether or not to show `footerExpandedFooter` and `footerExpandedHeader` slots.
          */
-        "footerExpanded": boolean;
+        "footerExpanded"?: boolean;
+        /**
+          * Duration in seconds of the footer expansion animation. Default is 0.15.
+         */
+        "footerTransitionDuration"?: number;
+        /**
+          * Whether or not to show the overlay. This will always show the modal, regardless of the value of `open`.
+         */
+        "noOverlay"?: boolean;
         /**
-          * Duration in seconds of the footer expansion animation. Default is .5.
+          * Whether or not to show the modal.
          */
-        "transitionDuration": number;
+        "open": boolean;
     }
     interface CpslOverlay {
         /**
-          * Whether or not to show the overlay.
+          * Duration in seconds of the fade out animation. Default is .5.
          */
-        "open": boolean;
+        "enterTransitionDuration"?: number;
         /**
-          * Duration in seconds of the fade in/out animation. Default is .5.
+          * Duration in seconds of the fade out animation. Default is .5.
          */
-        "transitionDuration": number;
+        "exitTransitionDuration"?: number;
+        /**
+          * Whether or not to show the overlay.
+         */
+        "open": boolean;
     }
     interface CpslPill {
         /**
@@ -339,6 +369,10 @@ export namespace Components {
     interface CpslRow {
     }
     interface CpslSlideButton {
+        /**
+          * Whether or not the component is disabled. If true, the component will display the `startText`.
+         */
+        "disabled": boolean;
         /**
           * The name of the ending icon to show.
          */
@@ -407,6 +441,10 @@ export interface CpslInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCpslInputElement;
 }
+export interface CpslModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCpslModalElement;
+}
 export interface CpslSlideButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCpslSlideButtonElement;
@@ -426,6 +464,12 @@ declare global {
         prototype: HTMLCpslAlertElement;
         new (): HTMLCpslAlertElement;
     };
+    interface HTMLCpslAnimationElement extends Components.CpslAnimation, HTMLStencilElement {
+    }
+    var HTMLCpslAnimationElement: {
+        prototype: HTMLCpslAnimationElement;
+        new (): HTMLCpslAnimationElement;
+    };
     interface HTMLCpslButtonElement extends Components.CpslButton, HTMLStencilElement {
     }
     var HTMLCpslButtonElement: {
@@ -499,7 +543,22 @@ declare global {
         prototype: HTMLCpslInputElement;
         new (): HTMLCpslInputElement;
     };
+    interface HTMLCpslModalElementEventMap {
+        "cpslModalEntering": null;
+        "cpslModalEntered": null;
+        "cpslModalExiting": null;
+        "cpslModalExited": null;
+        "cpslModalRequestClose": null;
+    }
     interface HTMLCpslModalElement extends Components.CpslModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCpslModalElementEventMap>(type: K, listener: (this: HTMLCpslModalElement, ev: CpslModalCustomEvent<HTMLCpslModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCpslModalElementEventMap>(type: K, listener: (this: HTMLCpslModalElement, ev: CpslModalCustomEvent<HTMLCpslModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCpslModalElement: {
         prototype: HTMLCpslModalElement;
@@ -607,6 +666,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "cpsl-alert": HTMLCpslAlertElement;
+        "cpsl-animation": HTMLCpslAnimationElement;
         "cpsl-button": HTMLCpslButtonElement;
         "cpsl-code-input": HTMLCpslCodeInputElement;
         "cpsl-col": HTMLCpslColElement;
@@ -640,6 +700,12 @@ declare namespace LocalJSX {
          */
         "type"?: 'error';
     }
+    interface CpslAnimation {
+        /**
+          * Source of the Lottie animation file.
+         */
+        "src"?: string;
+    }
     interface CpslButton {
         /**
           * If the button is disabled. Default is: false.
@@ -921,24 +987,64 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface CpslModal {
+        /**
+          * Duration in seconds of the modal entering. Default is .15.
+         */
+        "enterTransitionDuration"?: number;
+        /**
+          * Duration in seconds of the modal exiting. Default is .15.
+         */
+        "exitTransitionDuration"?: number;
         /**
           * Whether or not to show `footerExpandedFooter` and `footerExpandedHeader` slots.
          */
         "footerExpanded"?: boolean;
         /**
-          * Duration in seconds of the footer expansion animation. Default is .5.
+          * Duration in seconds of the footer expansion animation. Default is 0.15.
+         */
+        "footerTransitionDuration"?: number;
+        /**
+          * Whether or not to show the overlay. This will always show the modal, regardless of the value of `open`.
+         */
+        "noOverlay"?: boolean;
+        /**
+          * Emitted when enter animation finishes.
+         */
+        "onCpslModalEntered"?: (event: CpslModalCustomEvent<null>) => void;
+        /**
+          * Emitted when enter animation starts.
+         */
+        "onCpslModalEntering"?: (event: CpslModalCustomEvent<null>) => void;
+        /**
+          * Emitted when exit animation finishes.
          */
-        "transitionDuration"?: number;
+        "onCpslModalExited"?: (event: CpslModalCustomEvent<null>) => void;
+        /**
+          * Emitted when exit animation starts.
+         */
+        "onCpslModalExiting"?: (event: CpslModalCustomEvent<null>) => void;
+        /**
+          * Emitted when exit animation finishes.
+         */
+        "onCpslModalRequestClose"?: (event: CpslModalCustomEvent<null>) => void;
+        /**
+          * Whether or not to show the modal.
+         */
+        "open"?: boolean;
     }
     interface CpslOverlay {
         /**
-          * Whether or not to show the overlay.
+          * Duration in seconds of the fade out animation. Default is .5.
          */
-        "open"?: boolean;
+        "enterTransitionDuration"?: number;
+        /**
+          * Duration in seconds of the fade out animation. Default is .5.
+         */
+        "exitTransitionDuration"?: number;
         /**
-          * Duration in seconds of the fade in/out animation. Default is .5.
+          * Whether or not to show the overlay.
          */
-        "transitionDuration"?: number;
+        "open"?: boolean;
     }
     interface CpslPill {
         /**
@@ -973,6 +1079,10 @@ declare namespace LocalJSX {
     interface CpslRow {
     }
     interface CpslSlideButton {
+        /**
+          * Whether or not the component is disabled. If true, the component will display the `startText`.
+         */
+        "disabled"?: boolean;
         /**
           * The name of the ending icon to show.
          */
@@ -1042,6 +1152,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "cpsl-alert": CpslAlert;
+        "cpsl-animation": CpslAnimation;
         "cpsl-button": CpslButton;
         "cpsl-code-input": CpslCodeInput;
         "cpsl-col": CpslCol;
@@ -1069,6 +1180,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "cpsl-alert": LocalJSX.CpslAlert & JSXBase.HTMLAttributes<HTMLCpslAlertElement>;
+            "cpsl-animation": LocalJSX.CpslAnimation & JSXBase.HTMLAttributes<HTMLCpslAnimationElement>;
             "cpsl-button": LocalJSX.CpslButton & JSXBase.HTMLAttributes<HTMLCpslButtonElement>;
             "cpsl-code-input": LocalJSX.CpslCodeInput & JSXBase.HTMLAttributes<HTMLCpslCodeInputElement>;
             "cpsl-col": LocalJSX.CpslCol & JSXBase.HTMLAttributes<HTMLCpslColElement>;

package/dist/types/constants.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './interface';
+export declare const MOBILE_SIZE = 480;
+export declare const DEFAULT_THEME: Theme;

package/dist/types/index.d.ts

@@ -1 +1,3 @@
 export * from './components';
+export { default as generateTheme } from './utils/theme/generateTheme';
+export type { Theme, BorderRadius } from './interface';

package/dist/types/interface.d.ts

@@ -8,3 +8,125 @@ export type CssClassMap = {
     [className: string]: boolean;
 };
 export type IconType = keyof typeof Icons;
+export type Theme = {
+    foregroundColor?: string;
+    backgroundColor?: string;
+    borderRadius?: BorderRadius;
+    font?: string;
+    customPalette?: CustomPalette;
+};
+export type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
+export interface CustomPalette {
+    text?: {
+        primary?: string;
+        secondary?: string;
+        subtle?: string;
+        inverted?: string;
+        error?: string;
+    };
+    modal?: {
+        surface?: {
+            main?: string;
+            footer?: string;
+        };
+        border?: string;
+    };
+    input?: {
+        surface?: {
+            disabled?: string;
+            default?: string;
+        };
+        border?: {
+            placeholder?: string;
+            active?: string;
+            error?: string;
+        };
+    };
+    tileButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+        };
+        border?: string;
+    };
+    primaryButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+            disabled?: string;
+        };
+        border?: {
+            default?: string;
+            disabled?: string;
+        };
+        outline?: string;
+    };
+    secondaryButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+            disabled?: string;
+        };
+        border?: {
+            default?: string;
+            disabled?: string;
+        };
+        outline?: string;
+    };
+    divider?: string;
+    spinner?: {
+        path?: string;
+        circle?: string;
+    };
+    pill?: {
+        text?: string;
+        container?: {
+            background?: string;
+            border?: string;
+        };
+    };
+    progressIndicator?: {
+        active?: string;
+        next?: string;
+        previous?: string;
+    };
+    qr?: {
+        fill?: string;
+        background?: string;
+        border?: string;
+    };
+    slideButton?: {
+        slider?: {
+            background?: string;
+            border?: string;
+            text?: string;
+            container?: {
+                start?: {
+                    background?: string;
+                    border?: string;
+                };
+                end?: {
+                    background?: string;
+                    border?: string;
+                };
+            };
+        };
+        start?: {
+            text?: string;
+        };
+        end?: {
+            text?: string;
+        };
+    };
+    alert?: {
+        surface?: {
+            error?: string;
+        };
+        border?: {
+            error?: string;
+        };
+    };
+}

package/dist/types/utils/theme/generateBorderRadii.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../../interface';
+export declare const generateBorderRadii: ({ borderRadius }: Pick<Theme, 'borderRadius'>) => void;

package/dist/types/utils/theme/generateFont.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../../interface';
+export declare const generateFont: ({ font }: Pick<Theme, 'font'>) => void;

package/dist/types/utils/theme/generatePalette.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../../interface';
+export type Palette = {
+    foregroundColors: string[];
+    backgroundColors: string[];
+    isDarkBackground: boolean;
+};
+export declare const generatePalette: ({ foregroundColor, backgroundColor, customPalette }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'customPalette'>) => Palette;

package/dist/types/utils/theme/generateTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '../../interface';
+declare const generateTheme: ({ foregroundColor, backgroundColor, font, customPalette, borderRadius }: Theme) => boolean;
+export default generateTheme;

package/dist/types/utils/theme/utils.d.ts

@@ -0,0 +1,5 @@
+import { CustomPalette } from '../../interface';
+export declare const isColor: (strColor: any) => boolean;
+export declare const getCssColors: (customPalette: CustomPalette) => {
+    [k: string]: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "1.0.11",
+  "version": "1.0.13-dev.0",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,7 +27,9 @@
   },
   "dependencies": {
     "@stencil/core": "^4.7.0",
+    "color2k": "^2.0.3",
     "gsap": "^3.12.5",
+    "lottie-web": "^5.12.2",
     "qr-code-styling": "^1.6.0-rc.1"
   },
   "devDependencies": {
@@ -43,9 +45,9 @@
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
     "puppeteer": "^21.9.0",
+    "rollup-plugin-dotenv": "^0.5.0",
     "sass": "^1.71.1",
     "stencil-inline-svg": "^1.1.0",
     "ts-node": "^10.9.2"
-  },
-  "gitHead": "836431e75a5e255bfa6b04bdaeeabdf3fb70091e"
+  }
 }

package/dist/capsule/p-1dc07cd7.entry.js

@@ -1,2 +0,0 @@
-import{r as d,h as o,H as r}from"./p-9647dd63.js";const a=":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";const b=a;const i=class{constructor(o){d(this,o)}render(){return o(r,{key:"17a3490640f95a341c0942188979b2cb82f37da1"},o("div",{key:"51c7731b3e11119e3fcb96f5ef2f47ffd71ba097",class:"info-box-container"},o("slot",{key:"82bfc871c4fb3856e553637514806435473f4728"})))}};i.style=b;export{i as cpsl_info_box};
-//# sourceMappingURL=p-1dc07cd7.entry.js.map

package/dist/capsule/p-5c020abe.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as s}from"./p-9647dd63.js";const c=":host{display:flex;flex-wrap:wrap}";const r=c;const o=class{constructor(e){a(this,e)}render(){return e(s,{key:"6b0ced877619502c78baeccaceaf68f1feed6ea7"},e("slot",{key:"d132ce91967ad16904886baa14149ac8990d314f"}))}};o.style=r;export{o as cpsl_row};
-//# sourceMappingURL=p-5c020abe.entry.js.map

package/dist/capsule/p-9647dd63.js

@@ -1,3 +0,0 @@
-const t="capsule";let e;let n;let s=false;let o=false;let l=false;const c=(t,e="")=>{{return()=>{}}};const i=(t,e)=>{{return()=>{}}};const f="{visibility:hidden}.hydrated{visibility:inherit}";const r="slot-fb{display:contents}slot-fb[hidden]{display:none}";const u={};const a="http://www.w3.org/2000/svg";const d="http://www.w3.org/1999/xhtml";const p=t=>t!=null;const y=t=>{t=typeof t;return t==="object"||t==="function"};function h(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const v=(t,e,...n)=>{let s=null;let o=null;let l=false;let c=false;const i=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!y(s)){s=String(s)}if(l&&c){i[i.length-1].t+=s}else{i.push(l?m(null,s):s)}c=l}}};f(n);if(e){if(e.key){o=e.key}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}const r=m(t,null);r.o=e;if(i.length>0){r.l=i}{r.i=o}return r};const m=(t,e)=>{const n={u:0,p:t,t:e,h:null,l:null};{n.o=null}{n.i=null}return n};const b={};const $=t=>t&&t.p===b;const w=(t,e)=>{if(t!=null&&!y(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const g=t=>ht(t).$hostElement$;const S=(t,e,n)=>{const s=g(t);return{emit:t=>j(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const j=(t,e,n)=>{const s=kt.ce(e,n);t.dispatchEvent(s);return s};const O=new WeakMap;const k=(t,e,n)=>{let s=St.get(t);if(xt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}St.set(t,s)};const C=(t,e,n)=>{var s;const o=x(e);const l=St.get(o);t=t.nodeType===11?t:Ot;if(l){if(typeof l==="string"){t=t.head||t;let n=O.get(t);let c;if(!n){O.set(t,n=new Set)}if(!n.has(o)){{c=Ot.createElement("style");c.innerHTML=l;const e=(s=kt.v)!==null&&s!==void 0?s:h(Ot);if(e!=null){c.setAttribute("nonce",e)}t.insertBefore(c,t.querySelector("link"))}if(e.u&4){c.innerHTML+=r}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const M=t=>{const e=t.m;const n=t.$hostElement$;const s=e.u;const o=c("attachStyles",e.$);const l=C(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=l;n.classList.add(l+"-h")}o()};const x=(t,e)=>"sc-"+t.$;const E=(t,e,n,s,o,l)=>{if(n!==s){let c=bt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const o=L(n);const l=L(s);e.remove(...o.filter((t=>t&&!l.includes(t))));e.add(...l.filter((t=>t&&!o.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(bt(jt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n||s){const o=e.endsWith(U);e=e.replace(A,"");if(n){kt.rel(t,e,n,o)}if(s){kt.ael(t,e,s,o)}}}else{const i=y(s);if((c||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=o){t[e]=o}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!c||l&4||o)&&!i){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const P=/\s/;const L=t=>!t?[]:t.split(P);const U="Capture";const A=new RegExp(U+"$");const N=(t,e,n,s)=>{const o=e.h.nodeType===11&&e.h.host?e.h.host:e.h;const l=t&&t.o||u;const c=e.o||u;{for(s in l){if(!(s in c)){E(o,s,l[s],undefined,n,e.u)}}}for(s in c){E(o,s,l[s],c[s],n,e.u)}};const R=(t,s,l,c)=>{const i=s.l[l];let f=0;let r;let u;if(i.t!==null){r=i.h=Ot.createTextNode(i.t)}else{if(!o){o=i.p==="svg"}r=i.h=Ot.createElementNS(o?a:d,i.p);if(o&&i.p==="foreignObject"){o=false}{N(null,i,o)}if(p(e)&&r["s-si"]!==e){r.classList.add(r["s-si"]=e)}if(i.l){for(f=0;f<i.l.length;++f){u=R(t,i,f);if(u){r.appendChild(u)}}}{if(i.p==="svg"){o=false}else if(r.tagName==="foreignObject"){o=true}}}r["s-hn"]=n;return r};const T=(t,e,s,o,l,c)=>{let i=t;let f;if(i.shadowRoot&&i.tagName===n){i=i.shadowRoot}for(;l<=c;++l){if(o[l]){f=R(null,s,l);if(f){o[l].h=f;i.insertBefore(f,e)}}}};const W=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.h;if(t){t.remove()}}}};const F=(t,e,n,s,o=false)=>{let l=0;let c=0;let i=0;let f=0;let r=e.length-1;let u=e[0];let a=e[r];let d=s.length-1;let p=s[0];let y=s[d];let h;let v;while(l<=r&&c<=d){if(u==null){u=e[++l]}else if(a==null){a=e[--r]}else if(p==null){p=s[++c]}else if(y==null){y=s[--d]}else if(H(u,p,o)){q(u,p,o);u=e[++l];p=s[++c]}else if(H(a,y,o)){q(a,y,o);a=e[--r];y=s[--d]}else if(H(u,y,o)){q(u,y,o);t.insertBefore(u.h,a.h.nextSibling);u=e[++l];y=s[--d]}else if(H(a,p,o)){q(a,p,o);t.insertBefore(a.h,u.h);a=e[--r];p=s[++c]}else{i=-1;{for(f=l;f<=r;++f){if(e[f]&&e[f].i!==null&&e[f].i===p.i){i=f;break}}}if(i>=0){v=e[i];if(v.p!==p.p){h=R(e&&e[c],n,i)}else{q(v,p,o);e[i]=undefined;h=v.h}p=s[++c]}else{h=R(e&&e[c],n,c);p=s[++c]}if(h){{u.h.parentNode.insertBefore(h,u.h)}}}}if(l>r){T(t,s[d+1]==null?null:s[d+1].h,n,s,c,d)}else if(c>d){W(e,l,r)}};const H=(t,e,n=false)=>{if(t.p===e.p){if(!n){return t.i===e.i}return true}return false};const q=(t,e,n=false)=>{const l=e.h=t.h;const c=t.l;const i=e.l;const f=e.p;const r=e.t;if(r===null){{o=f==="svg"?true:f==="foreignObject"?false:o}{if(f==="slot"&&!s);else{N(t,e,o)}}if(c!==null&&i!==null){F(l,c,e,i,n)}else if(i!==null){if(t.t!==null){l.textContent=""}T(l,null,e,i,0,i.length-1)}else if(c!==null){W(c,0,c.length-1)}if(o&&f==="svg"){o=false}}else if(t.t!==r){l.data=r}};const D=(t,o,l=false)=>{const c=t.$hostElement$;const i=t.m;const f=t.S||m(null,null);const r=$(o)?o:v(null,null,o);n=c.tagName;if(i.j){r.o=r.o||{};i.j.map((([t,e])=>r.o[e]=c[t]))}if(l&&r.o){for(const t of Object.keys(r.o)){if(c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){r.o[t]=c[t]}}}r.p=null;r.u|=4;t.S=r;r.h=f.h=c.shadowRoot||c;{e=c["s-sc"]}s=(i.u&1)!==0;q(f,r,l)};const I=(t,e)=>{if(e&&!t.O&&e["s-p"]){e["s-p"].push(new Promise((e=>t.O=e)))}};const V=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}I(t,t.k);const n=()=>_(t,e);return Rt(n)};const _=(t,e)=>{const n=c("scheduleUpdate",t.m.$);const s=t.C;let o;if(e){{t.u|=256;if(t.M){t.M.map((([t,e])=>Y(s,t,e)));t.M=undefined}}{o=Y(s,"componentWillLoad")}}n();return z(o,(()=>G(t,s,e)))};const z=(t,e)=>B(t)?t.then(e):e();const B=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const G=async(t,e,n)=>{var s;const o=t.$hostElement$;const l=c("update",t.m.$);const i=o["s-rc"];if(n){M(t)}const f=c("render",t.m.$);{J(t,e,o,n)}if(i){i.map((t=>t()));o["s-rc"]=undefined}f();l();{const e=(s=o["s-p"])!==null&&s!==void 0?s:[];const n=()=>K(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const J=(t,e,n,s)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{D(t,e,s)}}}}catch(e){$t(e,t.$hostElement$)}return null};const K=t=>{const e=t.m.$;const n=t.$hostElement$;const s=c("postUpdate",e);const o=t.C;const l=t.k;if(!(t.u&64)){t.u|=64;{Z(n)}{Y(o,"componentDidLoad")}s();{t.P(n);if(!l){X()}}}else{s()}{if(t.O){t.O();t.O=undefined}if(t.u&512){Nt((()=>V(t,false)))}t.u&=~(4|512)}};const Q=t=>{{const e=ht(t);const n=e.$hostElement$.isConnected;if(n&&(e.u&(2|16))===2){V(e,false)}return n}};const X=e=>{{Z(Ot.documentElement)}Nt((()=>j(jt,"appload",{detail:{namespace:t}})))};const Y=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){$t(t)}}return undefined};const Z=t=>t.classList.add("hydrated");const tt=(t,e)=>ht(t).L.get(e);const et=(t,e,n,s)=>{const o=ht(t);const l=o.$hostElement$;const c=o.L.get(e);const i=o.u;const f=o.C;n=w(n,s.U[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){o.L.set(e,n);if(f){if(s.A&&i&128){const t=s.A[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){$t(t,l)}}))}}if((i&(2|16))===2){V(o,false)}}}};const nt=(t,e,n)=>{var s;const o=t.prototype;if(e.U){if(t.watchers){e.A=t.watchers}const l=Object.entries(e.U);l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return tt(this,t)},set(n){et(this,t,n,e)},configurable:true,enumerable:true})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){kt.jmp((()=>{var c;const i=n.get(t);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const n=ht(this);const o=n===null||n===void 0?void 0:n.u;if(o&&!(o&8)&&o&128&&l!==s){const o=n.C;const i=(c=e.A)===null||c===void 0?void 0:c[t];i===null||i===void 0?void 0:i.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.A)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,s])=>{var o;const l=s[1]||t;n.set(l,t);if(s[0]&512){(o=e.j)===null||o===void 0?void 0:o.push([t,l])}return l}))]))}}return t};const st=async(t,e,n,s)=>{let o;if((e.u&32)===0){e.u|=32;const s=n.N;if(s){o=gt(n);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{n.A=o.watchers}nt(o,n,2);o.isProxied=true}const t=c("createInstance",n.$);{e.u|=8}try{new o(e)}catch(t){$t(t)}{e.u&=~8}{e.u|=128}t()}else{o=t.constructor;customElements.whenDefined(n.$).then((()=>e.u|=128))}if(o.style){let t=o.style;const e=x(n);if(!St.has(e)){const s=c("registerStyles",n.$);k(e,t,!!(n.u&1));s()}}}const l=e.k;const f=()=>V(e,true);if(l&&l["s-rc"]){l["s-rc"].push(f)}else{f()}};const ot=t=>{};const lt=t=>{if((kt.u&1)===0){const e=ht(t);const n=e.m;const s=c("connectedCallback",n.$);if(!(e.u&1)){e.u|=1;{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){I(e,e.k=n);break}}}if(n.U){Object.entries(n.U).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{st(t,e,n)}}else{rt(t,e,n.R);if(e===null||e===void 0?void 0:e.C);else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>ot()))}}s()}};const ct=t=>{};const it=async t=>{if((kt.u&1)===0){const e=ht(t);{if(e.W){e.W.map((t=>t()));e.W=undefined}}if(e===null||e===void 0?void 0:e.C);else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>ct()))}}};const ft=(t,e={})=>{var n;const s=c();const o=[];const l=e.exclude||[];const i=jt.customElements;const u=Ot.head;const a=u.querySelector("meta[charset]");const d=Ot.createElement("style");const p=[];let y;let v=true;Object.assign(kt,e);kt.F=new URL(e.resourcesUrl||"./",Ot.baseURI).href;let m=false;t.map((t=>{t[1].map((e=>{var n;const s={u:e[0],$:e[1],U:e[2],R:e[3]};if(s.u&4){m=true}{s.U=e[2]}{s.R=e[3]}{s.j=[]}{s.A=(n=e[4])!==null&&n!==void 0?n:{}}const c=s.$;const f=class extends HTMLElement{constructor(t){super(t);t=this;mt(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(y){clearTimeout(y);y=null}if(v){p.push(this)}else{kt.jmp((()=>lt(this)))}}disconnectedCallback(){kt.jmp((()=>it(this)))}componentOnReady(){return ht(this).T}};s.N=t[0];if(!l.includes(c)&&!i.get(c)){o.push(c);i.define(c,nt(f,s,1))}}))}));if(o.length>0){if(m){d.textContent+=r}{d.textContent+=o+f}if(d.innerHTML.length){d.setAttribute("data-styles","");const t=(n=kt.v)!==null&&n!==void 0?n:h(Ot);if(t!=null){d.setAttribute("nonce",t)}u.insertBefore(d,a?a.nextSibling:u.firstChild)}}v=false;if(p.length){p.map((t=>t.connectedCallback()))}else{{kt.jmp((()=>y=setTimeout(X,30)))}}s()};const rt=(t,e,n,s)=>{if(n){n.map((([n,s,o])=>{const l=at(t,n);const c=ut(e,o);const i=dt(n);kt.ael(l,s,c,i);(e.W=e.W||[]).push((()=>kt.rel(l,s,c,i)))}))}};const ut=(t,e)=>n=>{try{{if(t.u&256){t.C[e](n)}else{(t.M=t.M||[]).push([e,n])}}}catch(t){$t(t)}};const at=(t,e)=>{if(e&8)return jt;return t};const dt=t=>Ct?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;const pt=t=>kt.v=t;const yt=new WeakMap;const ht=t=>yt.get(t);const vt=(t,e)=>yt.set(e.C=t,e);const mt=(t,e)=>{const n={u:0,$hostElement$:t,m:e,L:new Map};{n.T=new Promise((t=>n.P=t));t["s-p"]=[];t["s-rc"]=[]}rt(t,n,e.R);return yt.set(t,n)};const bt=(t,e)=>e in t;const $t=(t,e)=>(0,console.error)(t,e);const wt=new Map;const gt=(t,e,n)=>{const s=t.$.replace(/-/g,"_");const o=t.N;const l=wt.get(o);if(l){return l[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{wt.set(o,t)}return t[s]}),$t)};const St=new Map;const jt=typeof window!=="undefined"?window:{};const Ot=jt.document||{head:{}};const kt={u:0,F:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Ct=(()=>{let t=false;try{Ot.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(t){}return t})();const Mt=t=>Promise.resolve(t);const xt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Et=[];const Pt=[];const Lt=(t,e)=>n=>{t.push(n);if(!l){l=true;if(e&&kt.u&4){Nt(At)}else{kt.raf(At)}}};const Ut=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){$t(t)}}t.length=0};const At=()=>{Ut(Et);{Ut(Pt);if(l=Et.length>0){kt.raf(At)}}};const Nt=t=>Mt().then(t);const Rt=Lt(Pt,true);export{b as H,ft as b,S as c,Q as f,g,v as h,Mt as p,vt as r,pt as s};
-//# sourceMappingURL=p-9647dd63.js.map