@haiilo/catalyst 0.14.1 → 0.15.0

package/dist/types/components/cat-select-remote/cat-select-remote.d.ts

@@ -0,0 +1,141 @@
+import { Placement } from '@floating-ui/dom';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Observable } from 'rxjs';
+export interface Item {
+  id: string;
+}
+export interface Page<T> {
+  content: T[];
+  last: boolean;
+  totalElements?: number;
+}
+export interface RenderInfo {
+  label: string;
+  description?: string;
+}
+export interface CatSelectRemoteConnector<T extends Item = any> {
+  resolve: (id: string[]) => Observable<T[]>;
+  retrieve: (term: string, page: number) => Observable<Page<T>>;
+  render: (item: T) => RenderInfo;
+}
+export interface CatSelectRemoteState {
+  term: string;
+  isOpen: boolean;
+  isLoading: boolean;
+  isResolving: boolean;
+  options: {
+    item: Item;
+    render: RenderInfo;
+  }[];
+  selection: {
+    item: Item;
+    render: RenderInfo;
+  }[];
+  activeOptionIndex: number;
+  activeSelectionIndex: number;
+  totalElements?: number;
+}
+export declare class CatSelectRemote {
+  private static readonly SKELETON_COUNT;
+  private static readonly DROPDOWN_OFFSET;
+  private readonly i18n;
+  private readonly id;
+  private dropdown?;
+  private trigger?;
+  private input?;
+  private subscription?;
+  private term$;
+  private more$;
+  hostElement: HTMLElement;
+  connector?: CatSelectRemoteConnector;
+  state: CatSelectRemoteState;
+  hasSlottedLabel: boolean;
+  /**
+   * Enable multiple selection.
+   */
+  multiple: boolean;
+  /**
+   * The debounce time for the search.
+   */
+  debounce: number;
+  /**
+   * The placement of the select.
+   */
+  placement: Placement;
+  /**
+   * The value of the select.
+   */
+  value?: string | string[];
+  /**
+   * Whether the select is disabled.
+   */
+  disabled: boolean;
+  /**
+   * The placeholder text to display within the select.
+   */
+  placeholder?: string;
+  /**
+   * Optional hint text(s) to be displayed with the select.
+   */
+  hint?: string | string[];
+  /**
+   * The label for the select.
+   */
+  label: string;
+  /**
+   * The name of the form control. Submitted with the form as part of a name/value pair.
+   */
+  name: string;
+  /**
+   * Visually hide the label, but still show it to assistive technologies like screen readers.
+   */
+  labelHidden: boolean;
+  /**
+   * A value is required or must be check for the form to be submittable.
+   */
+  required: boolean;
+  /**
+   * Whether the select should show a clear button.
+   */
+  clearable: boolean;
+  onConnectorChange(connector: CatSelectRemoteConnector): void;
+  onStateChange(newState: CatSelectRemoteState, oldState: CatSelectRemoteState): void;
+  /**
+   * Emitted when the select dropdown is opened.
+   */
+  catOpen: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the select dropdown is closed.
+   */
+  catClose: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the value is changed.
+   */
+  catChange: EventEmitter;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  onBlur(): void;
+  onKeyDown(event: KeyboardEvent): void;
+  onKeyUp(event: KeyboardEvent): void;
+  connect(connector: CatSelectRemoteConnector): Promise<void>;
+  render(): any;
+  private get hintSection();
+  private get connectorSafe();
+  private resolve;
+  private show;
+  private hide;
+  private search;
+  private isSelected;
+  private select;
+  private deselect;
+  private toggle;
+  private clear;
+  private reset;
+  private onClick;
+  private onInput;
+  private update;
+  private patchState;
+  private isPillboxActive;
+  private get activeDescendant();
+  private onArrowKeyDown;
+}

package/dist/types/components/cat-select-remote-test/cat-select-remote-test.d.ts

@@ -0,0 +1,6 @@
+export declare class CatSelectRemoteTest {
+  private multipleSelect?;
+  private singleSelect?;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/cat-toggle/cat-toggle.d.ts

@@ -40,7 +40,7 @@ export declare class CatToggle {
   /**
    * The value of the toggle
    */
-  value?: string;
+  value?: string | boolean;
   /**
    * Optional hint text(s) to be displayed with the toggle.
    */

package/dist/types/components.d.ts

@@ -9,6 +9,8 @@ import { Breakpoint } from "./utils/breakpoints";
 import { InputType } from "./components/cat-input/input-type";
 import { Placement } from "@floating-ui/dom";
 import { CatSelectItem } from "./components/cat-select/cat-select";
+import { CatSelectRemoteConnector, Item } from "./components/cat-select-remote/cat-select-remote";
+import { Observable } from "rxjs";
 export namespace Components {
     interface CatAlert {
         /**
@@ -206,7 +208,7 @@ export namespace Components {
         /**
           * The value of the checkbox
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatIcon {
         /**
@@ -474,6 +476,59 @@ export namespace Components {
          */
         "value"?: any;
     }
+    interface CatSelectRemote {
+        /**
+          * Whether the select should show a clear button.
+         */
+        "clearable": boolean;
+        "connect": (connector: CatSelectRemoteConnector) => Promise<void>;
+        /**
+          * The debounce time for the search.
+         */
+        "debounce": number;
+        /**
+          * Whether the select is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Optional hint text(s) to be displayed with the select.
+         */
+        "hint"?: string | string[];
+        /**
+          * The label for the select.
+         */
+        "label": string;
+        /**
+          * Visually hide the label, but still show it to assistive technologies like screen readers.
+         */
+        "labelHidden": boolean;
+        /**
+          * Enable multiple selection.
+         */
+        "multiple": boolean;
+        /**
+          * The name of the form control. Submitted with the form as part of a name/value pair.
+         */
+        "name": string;
+        /**
+          * The placeholder text to display within the select.
+         */
+        "placeholder"?: string;
+        /**
+          * The placement of the select.
+         */
+        "placement": Placement;
+        /**
+          * A value is required or must be check for the form to be submittable.
+         */
+        "required": boolean;
+        /**
+          * The value of the select.
+         */
+        "value"?: string | string[];
+    }
+    interface CatSelectRemoteTest {
+    }
     interface CatSkeleton {
         /**
           * The animation style of the skeleton.
@@ -640,7 +695,7 @@ export namespace Components {
         /**
           * The value of the toggle
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatTooltip {
         /**
@@ -701,6 +756,10 @@ export interface CatSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCatSelectElement;
 }
+export interface CatSelectRemoteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCatSelectRemoteElement;
+}
 export interface CatTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCatTabElement;
@@ -798,6 +857,18 @@ declare global {
         prototype: HTMLCatSelectElement;
         new (): HTMLCatSelectElement;
     };
+    interface HTMLCatSelectRemoteElement extends Components.CatSelectRemote, HTMLStencilElement {
+    }
+    var HTMLCatSelectRemoteElement: {
+        prototype: HTMLCatSelectRemoteElement;
+        new (): HTMLCatSelectRemoteElement;
+    };
+    interface HTMLCatSelectRemoteTestElement extends Components.CatSelectRemoteTest, HTMLStencilElement {
+    }
+    var HTMLCatSelectRemoteTestElement: {
+        prototype: HTMLCatSelectRemoteTestElement;
+        new (): HTMLCatSelectRemoteTestElement;
+    };
     interface HTMLCatSkeletonElement extends Components.CatSkeleton, HTMLStencilElement {
     }
     var HTMLCatSkeletonElement: {
@@ -861,6 +932,8 @@ declare global {
         "cat-radio-group": HTMLCatRadioGroupElement;
         "cat-scrollable": HTMLCatScrollableElement;
         "cat-select": HTMLCatSelectElement;
+        "cat-select-remote": HTMLCatSelectRemoteElement;
+        "cat-select-remote-test": HTMLCatSelectRemoteTestElement;
         "cat-skeleton": HTMLCatSkeletonElement;
         "cat-spinner": HTMLCatSpinnerElement;
         "cat-tab": HTMLCatTabElement;
@@ -1082,7 +1155,7 @@ declare namespace LocalJSX {
         /**
           * The value of the checkbox
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatIcon {
         /**
@@ -1404,6 +1477,70 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface CatSelectRemote {
+        /**
+          * Whether the select should show a clear button.
+         */
+        "clearable"?: boolean;
+        /**
+          * The debounce time for the search.
+         */
+        "debounce"?: number;
+        /**
+          * Whether the select is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional hint text(s) to be displayed with the select.
+         */
+        "hint"?: string | string[];
+        /**
+          * The label for the select.
+         */
+        "label"?: string;
+        /**
+          * Visually hide the label, but still show it to assistive technologies like screen readers.
+         */
+        "labelHidden"?: boolean;
+        /**
+          * Enable multiple selection.
+         */
+        "multiple"?: boolean;
+        /**
+          * The name of the form control. Submitted with the form as part of a name/value pair.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the value is changed.
+         */
+        "onCatChange"?: (event: CatSelectRemoteCustomEvent<any>) => void;
+        /**
+          * Emitted when the select dropdown is closed.
+         */
+        "onCatClose"?: (event: CatSelectRemoteCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when the select dropdown is opened.
+         */
+        "onCatOpen"?: (event: CatSelectRemoteCustomEvent<FocusEvent>) => void;
+        /**
+          * The placeholder text to display within the select.
+         */
+        "placeholder"?: string;
+        /**
+          * The placement of the select.
+         */
+        "placement"?: Placement;
+        /**
+          * A value is required or must be check for the form to be submittable.
+         */
+        "required"?: boolean;
+        /**
+          * The value of the select.
+         */
+        "value"?: string | string[];
+    }
+    interface CatSelectRemoteTest {
+    }
     interface CatSkeleton {
         /**
           * The animation style of the skeleton.
@@ -1588,7 +1725,7 @@ declare namespace LocalJSX {
         /**
           * The value of the toggle
          */
-        "value"?: string;
+        "value"?: string | boolean;
     }
     interface CatTooltip {
         /**
@@ -1631,6 +1768,8 @@ declare namespace LocalJSX {
         "cat-radio-group": CatRadioGroup;
         "cat-scrollable": CatScrollable;
         "cat-select": CatSelect;
+        "cat-select-remote": CatSelectRemote;
+        "cat-select-remote-test": CatSelectRemoteTest;
         "cat-skeleton": CatSkeleton;
         "cat-spinner": CatSpinner;
         "cat-tab": CatTab;
@@ -1659,6 +1798,8 @@ declare module "@stencil/core" {
             "cat-radio-group": LocalJSX.CatRadioGroup & JSXBase.HTMLAttributes<HTMLCatRadioGroupElement>;
             "cat-scrollable": LocalJSX.CatScrollable & JSXBase.HTMLAttributes<HTMLCatScrollableElement>;
             "cat-select": LocalJSX.CatSelect & JSXBase.HTMLAttributes<HTMLCatSelectElement>;
+            "cat-select-remote": LocalJSX.CatSelectRemote & JSXBase.HTMLAttributes<HTMLCatSelectRemoteElement>;
+            "cat-select-remote-test": LocalJSX.CatSelectRemoteTest & JSXBase.HTMLAttributes<HTMLCatSelectRemoteTestElement>;
             "cat-skeleton": LocalJSX.CatSkeleton & JSXBase.HTMLAttributes<HTMLCatSkeletonElement>;
             "cat-spinner": LocalJSX.CatSpinner & JSXBase.HTMLAttributes<HTMLCatSpinnerElement>;
             "cat-tab": LocalJSX.CatTab & JSXBase.HTMLAttributes<HTMLCatTabElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -38,14 +38,15 @@
     "reset": "rm -rf ./dist ./loader ./www ./node_modules"
   },
   "peerDependencies": {
-    "@haiilo/catalyst-icons": ">=0.3.9",
+    "@haiilo/catalyst-icons": ">=0.3.10",
     "rxjs": "^7.5.5"
   },
   "dependencies": {
     "@floating-ui/dom": "0.4.1",
-    "@haiilo/catalyst-tokens": "0.14.1",
+    "@haiilo/catalyst-tokens": "0.15.0",
     "@stencil/core": "2.17.0",
     "autosize": "5.0.1",
+    "autosize-input": "^1.0.2",
     "choices.js": "10.1.0",
     "focus-trap": "6.8.1",
     "loglevel": "1.8.0",
@@ -55,7 +56,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@haiilo/catalyst-icons": "^0.3.9",
+    "@haiilo/catalyst-icons": "^0.3.10",
     "@stencil/angular-output-target": "^0.4.0",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "^1.5.2",

package/dist/catalyst/p-153d4fb8.js

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