@haiilo/catalyst 4.1.2 → 5.0.0

package/dist/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,14 +214,16 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,38 @@ export declare function getAssetPath(path: string): string;
  * `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
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * 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.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/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 }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
+/**
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +293,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +302,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -417,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -470,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -820,8 +892,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1145,8 +1217,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1437,12 +1509,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1453,8 +1525,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;

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

@@ -1,5 +1,5 @@
 declare const _breakpoints: readonly ["xs", "s", "m", "l", "xl"];
-export declare type Breakpoint = typeof _breakpoints[number];
+export type Breakpoint = (typeof _breakpoints)[number];
 export declare const Breakpoints: {
   [breakpoint in Breakpoint]: string;
 };

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

@@ -0,0 +1,3 @@
+export declare function coerceBoolean(value: any): boolean;
+export declare function coerceNumber(value: any): number;
+export declare function coerceNumber<D>(value: any, fallback: D): number | D;

package/dist/types/utils/first-tabbable.d.ts

@@ -1,4 +1,4 @@
 import { FocusableElement } from 'tabbable';
-declare type Container = Element | FocusableElement | null;
-declare const firstTabbable: (container?: Container | undefined) => FocusableElement | undefined;
+type Container = Element | FocusableElement | null;
+declare const firstTabbable: (container?: Container) => FocusableElement | undefined;
 export default firstTabbable;

package/loader/index.d.ts

@@ -10,3 +10,12 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<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 function setNonce(nonce: string): void;

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "catalyst-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "4.1.2",
+  "version": "5.0.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -45,40 +45,40 @@
     "rxjs": "^7.5.5"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.0.3",
-    "@haiilo/catalyst-tokens": "4.1.2",
-    "@stencil/core": "2.17.4",
-    "autosize": "5.0.1",
+    "@floating-ui/dom": "1.2.1",
+    "@haiilo/catalyst-tokens": "5.0.0",
+    "@stencil/core": "3.0.0",
+    "autosize": "6.0.0",
     "autosize-input": "1.0.2",
-    "focus-trap": "7.0.0",
-    "loglevel": "1.8.0",
+    "focus-trap": "7.2.0",
+    "loglevel": "1.8.1",
     "sanitize.css": "13.0.0",
     "toastify-js": "1.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",
     "@haiilo/catalyst-icons": "^0.3.16",
-    "@stencil/angular-output-target": "^0.4.0",
-    "@stencil/react-output-target": "^0.3.1",
-    "@stencil/sass": "^2.0.0",
-    "@stencil/vue-output-target": "^0.6.1",
+    "@stencil/angular-output-target": "^0.5.0",
+    "@stencil/react-output-target": "^0.4.0",
+    "@stencil/sass": "^2.0.3",
+    "@stencil/vue-output-target": "^0.7.0",
     "@types/autosize": "^4.0.1",
     "@types/jest": "^27.5.1",
     "@types/toastify-js": "^1.11.0",
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
     "babel-loader": "^8.2.3",
-    "eslint": "^8.26.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint": "^8.34.0",
+    "eslint-config-prettier": "^8.6.0",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.4",
     "puppeteer": "^13.5.2",
     "replace-in-file": "^6.3.5",
     "rxjs": "^7.5.5",
-    "stylelint": "^14.14.0",
+    "stylelint": "^15.1.0",
     "stylelint-config-prettier-scss": "^0.0.1",
-    "stylelint-config-standard-scss": "^6.0.0",
-    "typescript": "^4.5.5"
+    "stylelint-config-standard-scss": "^7.0.0",
+    "typescript": "~4.6.3"
   }
 }

package/dist/catalyst/p-919eea27.js

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