@usecapsule/core-components 2.0.5 → 2.0.7

package/dist/types/components.d.ts

@@ -7,11 +7,13 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AutocompleteTypes, IconType, TextFieldTypes } from "./interface";
 import { CodeChangeEventDetail } from "./components/cpsl-code-input/code-change-interface";
+import { DropdownInputEventDetail } from "./components/cpsl-dropdown/dropdown-interface";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/cpsl-input/input-interface";
 import { TabClickEventDetail } from "./components/cpsl-tab/tab-interface";
 import { TabsChangedEventDetail } from "./components/cpsl-tabs/tabs-interface";
 export { AutocompleteTypes, IconType, TextFieldTypes } from "./interface";
 export { CodeChangeEventDetail } from "./components/cpsl-code-input/code-change-interface";
+export { DropdownInputEventDetail } from "./components/cpsl-dropdown/dropdown-interface";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/cpsl-input/input-interface";
 export { TabClickEventDetail } from "./components/cpsl-tab/tab-interface";
 export { TabsChangedEventDetail } from "./components/cpsl-tabs/tabs-interface";
@@ -168,6 +170,20 @@ export namespace Components {
     }
     interface CpslDivider {
     }
+    interface CpslDropdown {
+        /**
+          * Whether or not to include search capability
+         */
+        "hasCpslSearch": boolean;
+        /**
+          * Items to be presented in the dropdown
+         */
+        "items": Array<DropdownInputEventDetail>;
+        /**
+          * Width of the dropdown
+         */
+        "width": string;
+    }
     interface CpslGrid {
         /**
           * If `true`, the grid will have a fixed width based on the screen size.
@@ -421,6 +437,18 @@ export namespace Components {
         "selectedTab"?: string;
     }
     interface CpslText {
+        /**
+          * The color of text. Options are: `"primary"`, `"secondary", `"subtle", `"inverted", `"error". Default is: `"primary"`.
+         */
+        "color"?: 'primary' | 'secondary' | 'subtle' | 'inverted' | 'error';
+        /**
+          * The variant of text. Options are: `"body2XS"`, `"bodyXS", `"bodyS", `"bodyM", `"bodyL", `"bodyXL", `"headingXS", `"headingS", `"headingM", `"headingL", `"headingXL", `"heading2XL". Default is: `"bodyM"`.
+         */
+        "variant"?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
+        /**
+          * The weight of text. Options are: `"regular"`, `"medium", `"semiBold", `"bold". Default is: `"regular"`.
+         */
+        "weight"?: 'regular' | 'medium' | 'semiBold' | 'bold';
     }
     interface CpslTileButton {
         /**
@@ -437,6 +465,10 @@ export interface CpslCodeInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCpslCodeInputElement;
 }
+export interface CpslDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCpslDropdownElement;
+}
 export interface CpslInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCpslInputElement;
@@ -505,6 +537,23 @@ declare global {
         prototype: HTMLCpslDividerElement;
         new (): HTMLCpslDividerElement;
     };
+    interface HTMLCpslDropdownElementEventMap {
+        "selectedItemChange": DropdownInputEventDetail;
+    }
+    interface HTMLCpslDropdownElement extends Components.CpslDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCpslDropdownElementEventMap>(type: K, listener: (this: HTMLCpslDropdownElement, ev: CpslDropdownCustomEvent<HTMLCpslDropdownElementEventMap[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 HTMLCpslDropdownElementEventMap>(type: K, listener: (this: HTMLCpslDropdownElement, ev: CpslDropdownCustomEvent<HTMLCpslDropdownElementEventMap[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 HTMLCpslDropdownElement: {
+        prototype: HTMLCpslDropdownElement;
+        new (): HTMLCpslDropdownElement;
+    };
     interface HTMLCpslGridElement extends Components.CpslGrid, HTMLStencilElement {
     }
     var HTMLCpslGridElement: {
@@ -671,6 +720,7 @@ declare global {
         "cpsl-code-input": HTMLCpslCodeInputElement;
         "cpsl-col": HTMLCpslColElement;
         "cpsl-divider": HTMLCpslDividerElement;
+        "cpsl-dropdown": HTMLCpslDropdownElement;
         "cpsl-grid": HTMLCpslGridElement;
         "cpsl-icon": HTMLCpslIconElement;
         "cpsl-info-box": HTMLCpslInfoBoxElement;
@@ -842,6 +892,24 @@ declare namespace LocalJSX {
     }
     interface CpslDivider {
     }
+    interface CpslDropdown {
+        /**
+          * Whether or not to include search capability
+         */
+        "hasCpslSearch"?: boolean;
+        /**
+          * Items to be presented in the dropdown
+         */
+        "items"?: Array<DropdownInputEventDetail>;
+        /**
+          * On eve
+         */
+        "onSelectedItemChange"?: (event: CpslDropdownCustomEvent<DropdownInputEventDetail>) => void;
+        /**
+          * Width of the dropdown
+         */
+        "width"?: string;
+    }
     interface CpslGrid {
         /**
           * If `true`, the grid will have a fixed width based on the screen size.
@@ -1139,6 +1207,18 @@ declare namespace LocalJSX {
         "selectedTab"?: string;
     }
     interface CpslText {
+        /**
+          * The color of text. Options are: `"primary"`, `"secondary", `"subtle", `"inverted", `"error". Default is: `"primary"`.
+         */
+        "color"?: 'primary' | 'secondary' | 'subtle' | 'inverted' | 'error';
+        /**
+          * The variant of text. Options are: `"body2XS"`, `"bodyXS", `"bodyS", `"bodyM", `"bodyL", `"bodyXL", `"headingXS", `"headingS", `"headingM", `"headingL", `"headingXL", `"heading2XL". Default is: `"bodyM"`.
+         */
+        "variant"?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
+        /**
+          * The weight of text. Options are: `"regular"`, `"medium", `"semiBold", `"bold". Default is: `"regular"`.
+         */
+        "weight"?: 'regular' | 'medium' | 'semiBold' | 'bold';
     }
     interface CpslTileButton {
         /**
@@ -1157,6 +1237,7 @@ declare namespace LocalJSX {
         "cpsl-code-input": CpslCodeInput;
         "cpsl-col": CpslCol;
         "cpsl-divider": CpslDivider;
+        "cpsl-dropdown": CpslDropdown;
         "cpsl-grid": CpslGrid;
         "cpsl-icon": CpslIcon;
         "cpsl-info-box": CpslInfoBox;
@@ -1185,6 +1266,7 @@ declare module "@stencil/core" {
             "cpsl-code-input": LocalJSX.CpslCodeInput & JSXBase.HTMLAttributes<HTMLCpslCodeInputElement>;
             "cpsl-col": LocalJSX.CpslCol & JSXBase.HTMLAttributes<HTMLCpslColElement>;
             "cpsl-divider": LocalJSX.CpslDivider & JSXBase.HTMLAttributes<HTMLCpslDividerElement>;
+            "cpsl-dropdown": LocalJSX.CpslDropdown & JSXBase.HTMLAttributes<HTMLCpslDropdownElement>;
             "cpsl-grid": LocalJSX.CpslGrid & JSXBase.HTMLAttributes<HTMLCpslGridElement>;
             "cpsl-icon": LocalJSX.CpslIcon & JSXBase.HTMLAttributes<HTMLCpslIconElement>;
             "cpsl-info-box": LocalJSX.CpslInfoBox & JSXBase.HTMLAttributes<HTMLCpslInfoBoxElement>;

package/dist/types/index.d.ts

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

package/dist/types/interface.d.ts

@@ -14,8 +14,23 @@ export type Theme = {
     borderRadius?: BorderRadius;
     font?: string;
     customPalette?: CustomPalette;
+    customFontSizes?: CustomFontSizes;
 };
 export type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
+export interface CustomFontSizes {
+    body2XS?: string;
+    bodyXS?: string;
+    bodyS?: string;
+    bodyM?: string;
+    bodyL?: string;
+    bodyXL?: string;
+    headingXS?: string;
+    headingS?: string;
+    headingM?: string;
+    headingL?: string;
+    headingXL?: string;
+    heading2XL?: string;
+}
 export interface CustomPalette {
     text?: {
         primary?: string;

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -50,5 +50,5 @@
     "stencil-inline-svg": "^1.1.0",
     "ts-node": "^10.9.2"
   },
-  "gitHead": "86381310f25b99ed54a91da194b0c9ab2a90b506"
+  "gitHead": "10c679e1a1396ae80c3092b060812e6a9f797410"
 }

package/dist/capsule/p-6fb7c4d1.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 v=t=>t!=null;const p=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 y=(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"&&!p(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,v:t,t:e,p:null,l:null};{n.o=null}{n.i=null}return n};const b={};const w=t=>t&&t.v===b;const $=(t,e)=>{if(t!=null&&!p(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(Pt&&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=P(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.h)!==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 P=(t,e)=>"sc-"+t.$;const x=(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=p(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 E=/\s/;const L=t=>!t?[]:t.split(E);const U="Capture";const A=new RegExp(U+"$");const N=(t,e,n,s)=>{const o=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const l=t&&t.o||u;const c=e.o||u;{for(s in l){if(!(s in c)){x(o,s,l[s],undefined,n,e.u)}}}for(s in c){x(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.p=Ot.createTextNode(i.t)}else{if(!o){o=i.v==="svg"}r=i.p=Ot.createElementNS(o?a:d,i.v);if(o&&i.v==="foreignObject"){o=false}{N(null,i,o)}if(v(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.v==="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].p=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.p;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 v=s[0];let p=s[d];let h;let y;while(l<=r&&c<=d){if(u==null){u=e[++l]}else if(a==null){a=e[--r]}else if(v==null){v=s[++c]}else if(p==null){p=s[--d]}else if(H(u,v,o)){q(u,v,o);u=e[++l];v=s[++c]}else if(H(a,p,o)){q(a,p,o);a=e[--r];p=s[--d]}else if(H(u,p,o)){q(u,p,o);t.insertBefore(u.p,a.p.nextSibling);u=e[++l];p=s[--d]}else if(H(a,v,o)){q(a,v,o);t.insertBefore(a.p,u.p);a=e[--r];v=s[++c]}else{i=-1;{for(f=l;f<=r;++f){if(e[f]&&e[f].i!==null&&e[f].i===v.i){i=f;break}}}if(i>=0){y=e[i];if(y.v!==v.v){h=R(e&&e[c],n,i)}else{q(y,v,o);e[i]=undefined;h=y.p}v=s[++c]}else{h=R(e&&e[c],n,c);v=s[++c]}if(h){{u.p.parentNode.insertBefore(h,u.p)}}}}if(l>r){T(t,s[d+1]==null?null:s[d+1].p,n,s,c,d)}else if(c>d){W(e,l,r)}};const H=(t,e,n=false)=>{if(t.v===e.v){if(!n){return t.i===e.i}return true}return false};const q=(t,e,n=false)=>{const l=e.p=t.p;const c=t.l;const i=e.l;const f=e.v;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=w(o)?o:y(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.v=null;r.u|=4;t.S=r;r.p=f.p=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){wt(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()}{t.L(n)}{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){wt(t)}}return undefined};const Z=t=>t.classList.add("hydrated");const tt=(t,e)=>ht(t).U.get(e);const et=(t,e,n,s)=>{const o=ht(t);const l=o.$hostElement$;const c=o.U.get(e);const i=o.u;const f=o.C;n=$(n,s.A[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){o.U.set(e,n);if(f){if(s.N&&i&128){const t=s.N[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){wt(t,l)}}))}}if((i&(2|16))===2){V(o,false)}}}};const nt=(t,e,n)=>{var s;const o=t.prototype;if(e.A){if(t.watchers){e.N=t.watchers}const l=Object.entries(e.A);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})}else if(n&1&&s&64){Object.defineProperty(o,t,{value(...e){var n;const s=ht(this);return(n=s===null||s===void 0?void 0:s.R)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.C)===null||n===void 0?void 0:n[t](...e)}))}})}}));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.N)===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.N)!==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.T;if(s){o=gt(n);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{n.N=o.watchers}nt(o,n,2);o.isProxied=true}const t=c("createInstance",n.$);{e.u|=8}try{new o(e)}catch(t){wt(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=P(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.A){Object.entries(n.A).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.W);if(e===null||e===void 0?void 0:e.C);else if(e===null||e===void 0?void 0:e.F){e.F.then((()=>ot()))}}s()}};const ct=t=>{};const it=async t=>{if((kt.u&1)===0){const e=ht(t);{if(e.H){e.H.map((t=>t()));e.H=undefined}}if(e===null||e===void 0?void 0:e.C);else if(e===null||e===void 0?void 0:e.F){e.F.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 v=[];let p;let y=true;Object.assign(kt,e);kt.q=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],A:e[2],W:e[3]};if(s.u&4){m=true}{s.A=e[2]}{s.W=e[3]}{s.j=[]}{s.N=(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(p){clearTimeout(p);p=null}if(y){v.push(this)}else{kt.jmp((()=>lt(this)))}}disconnectedCallback(){kt.jmp((()=>it(this)))}componentOnReady(){return ht(this).F}};s.T=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.h)!==null&&n!==void 0?n:h(Ot);if(t!=null){d.setAttribute("nonce",t)}u.insertBefore(d,a?a.nextSibling:u.firstChild)}}y=false;if(v.length){v.map((t=>t.connectedCallback()))}else{{kt.jmp((()=>p=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.H=e.H||[]).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){wt(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 vt=t=>kt.h=t;const pt=new WeakMap;const ht=t=>pt.get(t);const yt=(t,e)=>pt.set(e.C=t,e);const mt=(t,e)=>{const n={u:0,$hostElement$:t,m:e,U:new Map};{n.R=new Promise((t=>n.L=t))}{n.F=new Promise((t=>n.P=t));t["s-p"]=[];t["s-rc"]=[]}rt(t,n,e.W);return pt.set(t,n)};const bt=(t,e)=>e in t;const wt=(t,e)=>(0,console.error)(t,e);const $t=new Map;const gt=(t,e,n)=>{const s=t.$.replace(/-/g,"_");const o=t.T;const l=$t.get(o);if(l){return l[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{$t.set(o,t)}return t[s]}),wt)};const St=new Map;const jt=typeof window!=="undefined"?window:{};const Ot=jt.document||{head:{}};const kt={u:0,q:"",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 Pt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const xt=[];const Et=[];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){wt(t)}}t.length=0};const At=()=>{Ut(xt);{Ut(Et);if(l=xt.length>0){kt.raf(At)}}};const Nt=t=>Mt().then(t);const Rt=Lt(Et,true);export{b as H,ft as b,S as c,Q as f,g,y as h,Mt as p,yt as r,vt as s};
-//# sourceMappingURL=p-6fb7c4d1.js.map