@haiilo/catalyst 3.0.2 → 4.1.0

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { ErrorMap } from '../cat-form-hint/cat-form-hint-utils';
 import { InputType } from './input-type';
 /**
  * Inputs are used to allow users to provide text input when the expected input
@@ -15,8 +16,10 @@ export declare class CatInput {
   private readonly _id;
   private get id();
   private input;
+  private errorMapSrc?;
   hostElement: HTMLElement;
   hasSlottedLabel: boolean;
+  errorMap?: ErrorMap;
   /**
    * Whether the label need a marker to shown if the input is required or optional.
    */
@@ -109,6 +112,27 @@ export declare class CatInput {
    * The value of the control.
    */
   value?: string | number;
+  /**
+   * The validation errors for this input. Will render a hint under the input
+   * with the translated error message(s) `error.${key}`. If an object is
+   * passed, the keys will be used as error keys and the values translation
+   * parameters.
+   * If the value is `true`, the input will be marked as invalid without any
+   * hints under the input.
+   */
+  errors?: boolean | string[] | ErrorMap;
+  /**
+   * Fine-grained control over when the errors are shown. Can be `false` to
+   * never show errors, `true` to show errors on blur, or a number to show
+   * errors on change with the given delay in milliseconds.
+   */
+  errorUpdate: boolean | number;
+  /**
+   * Attributes that will be added to the native HTML input element.
+   */
+  nativeAttributes?: {
+    [key: string]: string;
+  };
   /**
    * Emitted when the value is changed.
    */
@@ -143,8 +167,10 @@ export declare class CatInput {
    * Clear the input.
    */
   clear(): Promise<void>;
+  watchErrorsHandler(value?: boolean | string[] | ErrorMap): void;
   render(): any;
-  private get hintSection();
+  private get invalid();
+  private errorUpdateTimeoutId?;
   private onInput;
   private onFocus;
   private onBlur;

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

@@ -53,6 +53,12 @@ export declare class CatRadio {
    * Whether the label should appear to the left of the radio component.
    */
   labelLeft: boolean;
+  /**
+   * Attributes that will be added to the native HTML input element.
+   */
+  nativeAttributes?: {
+    [key: string]: string;
+  };
   /**
    * Emitted when the radio is changed.
    */

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

@@ -1,6 +1,7 @@
 import { Placement } from '@floating-ui/dom';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Observable } from 'rxjs';
+import { ErrorMap } from '../cat-form-hint/cat-form-hint-utils';
 export interface Item {
   id: string;
 }
@@ -19,7 +20,7 @@ export interface RenderInfo {
   };
 }
 /**
- * @property customId - Change the id of item for the given one.
+ * @property customId - Change the ID of item for the given one.
  * @property resolve - Resolves the value of the select.
  * @property retrieve - Retrieves the options of the select.
  * @property render - Renders the items of the select.
@@ -72,6 +73,7 @@ export declare class CatSelect {
   private dropdown?;
   private trigger?;
   private input?;
+  private errorMapSrc?;
   private subscription?;
   private term$;
   private more$;
@@ -80,6 +82,7 @@ export declare class CatSelect {
   connector?: CatSelectConnector;
   state: CatSelectState;
   hasSlottedLabel: boolean;
+  errorMap?: ErrorMap;
   /**
    * Whether the label need a marker to shown if the select is required or optional.
    */
@@ -154,8 +157,31 @@ export declare class CatSelect {
    * The text to display in the dropdown if no results are found.
    */
   noItems?: string;
+  /**
+   * The validation errors for this input. Will render a hint under the input
+   * with the translated error message(s) `error.${key}`. If an object is
+   * passed, the keys will be used as error keys and the values translation
+   * parameters.
+   * If the value is `true`, the input will be marked as invalid without any
+   * hints under the input.
+   */
+  errors?: boolean | string[] | ErrorMap;
+  /**
+   * Fine-grained control over when the errors are shown. Can be `false` to
+   * never show errors, `true` to show errors on blur, or a number to show
+   * errors on change with the given delay in milliseconds.
+   */
+  errorUpdate: boolean | number;
+  /**
+   * Attributes that will be added to the native HTML input element.
+   */
+  nativeAttributes?: {
+    [key: string]: string;
+  };
   onConnectorChange(connector: CatSelectConnector): void;
   onValueChange(): void;
+  watchErrorsHandler(value?: boolean | string[] | ErrorMap): void;
+  private errorUpdateTimeoutId?;
   onStateChange(newState: CatSelectState, oldState: CatSelectState): void;
   /**
    * Emitted when the select dropdown is opened.
@@ -185,8 +211,8 @@ export declare class CatSelect {
    */
   connect(connector: CatSelectConnector): Promise<void>;
   render(): any;
+  private get invalid();
   private get optionsList();
-  private get hintSection();
   private get connectorSafe();
   private resolve;
   private toSelectItems;

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { ErrorMap } from '../cat-form-hint/cat-form-hint-utils';
 /**
  * Textarea specifies a control that allows user to write text over multiple
  * rows. Used when the expected user input is long. For shorter input, use the
@@ -12,8 +13,10 @@ export declare class CatTextarea {
   private readonly _id;
   private get id();
   private textarea;
+  private errorMapSrc?;
   hostElement: HTMLElement;
   hasSlottedLabel: boolean;
+  errorMap?: ErrorMap;
   /**
    * Whether the label need a marker to shown if the textarea is required or optional.
    */
@@ -70,6 +73,27 @@ export declare class CatTextarea {
    * The initial value of the control.
    */
   value?: string | number;
+  /**
+   * The validation errors for this input. Will render a hint under the input
+   * with the translated error message(s) `error.${key}`. If an object is
+   * passed, the keys will be used as error keys and the values translation
+   * parameters.
+   * If the value is `true`, the input will be marked as invalid without any
+   * hints under the input.
+   */
+  errors?: boolean | string[] | ErrorMap;
+  /**
+   * Fine-grained control over when the errors are shown. Can be `false` to
+   * never show errors, `true` to show errors on blur, or a number to show
+   * errors on change with the given delay in milliseconds.
+   */
+  errorUpdate: boolean | number;
+  /**
+   * Attributes that will be added to the native HTML textarea element.
+   */
+  nativeAttributes?: {
+    [key: string]: string;
+  };
   /**
    * Emitted when the value is changed.
    */
@@ -101,8 +125,10 @@ export declare class CatTextarea {
    * Programmatically simulate a click on the textarea.
    */
   doClick(): Promise<void>;
+  watchErrorsHandler(value?: boolean | string[] | ErrorMap): void;
   render(): any;
-  private get hintSection();
+  private get invalid();
+  private errorUpdateTimeoutId?;
   private onInput;
   private onFocus;
   private onBlur;

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

@@ -54,6 +54,12 @@ export declare class CatToggle {
    * Whether the label should appear to the left of the toggle.
    */
   labelLeft: boolean;
+  /**
+   * Attributes that will be added to the native HTML input element.
+   */
+  nativeAttributes?: {
+    [key: string]: string;
+  };
   /**
    * Emitted when the checked status of the toggle is changed.
    */

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Breakpoint } from "./utils/breakpoints";
 import { Placement } from "@floating-ui/dom";
 import { InputType } from "./components/cat-input/input-type";
+import { ErrorMap } from "./components/cat-form-hint/cat-form-hint-utils";
 import { CatSelectConnector, CatSelectMultipleTaggingValue, CatSelectTaggingValue, Item } from "./components/cat-select/cat-select";
 import { Observable } from "rxjs";
 export namespace Components {
@@ -143,6 +144,10 @@ export namespace Components {
           * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML button element
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Disables ellipse overflowing button content.
          */
@@ -228,6 +233,10 @@ export namespace Components {
           * The name of the input
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Required state of the checkbox
          */
@@ -309,6 +318,14 @@ export namespace Components {
           * @param options An optional object providing options to control aspects of the focusing process.
          */
         "doFocus": (options?: FocusOptions | undefined) => Promise<void>;
+        /**
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+         */
+        "errorUpdate": boolean | number;
+        /**
+          * The validation errors for this input. Will render a hint under the input with the translated error message(s) `error.${key}`. If an object is passed, the keys will be used as error keys and the values translation parameters. If the value is `true`, the input will be marked as invalid without any hints under the input.
+         */
+        "errors"?: boolean | string[] | ErrorMap;
         /**
           * Optional hint text(s) to be displayed with the input.
          */
@@ -353,6 +370,10 @@ export namespace Components {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * The placeholder text to display within the input.
          */
@@ -492,6 +513,10 @@ export namespace Components {
           * The name of the radio component.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Whether the radio is required.
          */
@@ -571,6 +596,14 @@ export namespace Components {
           * Whether the select is disabled.
          */
         "disabled": boolean;
+        /**
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+         */
+        "errorUpdate": boolean | number;
+        /**
+          * The validation errors for this input. Will render a hint under the input with the translated error message(s) `error.${key}`. If an object is passed, the keys will be used as error keys and the values translation parameters. If the value is `true`, the input will be marked as invalid without any hints under the input.
+         */
+        "errors"?: boolean | string[] | ErrorMap;
         /**
           * Optional hint text(s) to be displayed with the select.
          */
@@ -595,6 +628,10 @@ export namespace Components {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * The text to display in the dropdown if no results are found.
          */
@@ -716,6 +753,14 @@ export namespace Components {
           * @param options An optional object providing options to control aspects of the focusing process.
          */
         "doFocus": (options?: FocusOptions | undefined) => Promise<void>;
+        /**
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+         */
+        "errorUpdate": boolean | number;
+        /**
+          * The validation errors for this input. Will render a hint under the input with the translated error message(s) `error.${key}`. If an object is passed, the keys will be used as error keys and the values translation parameters. If the value is `true`, the input will be marked as invalid without any hints under the input.
+         */
+        "errors"?: boolean | string[] | ErrorMap;
         /**
           * Optional hint text(s) to be displayed with the textarea.
          */
@@ -744,6 +789,10 @@ export namespace Components {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML textarea element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * The placeholder text to display within the input.
          */
@@ -815,6 +864,10 @@ export namespace Components {
           * The name of the input
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Required state of the toggle.
          */
@@ -1195,6 +1248,10 @@ declare namespace LocalJSX {
           * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML button element
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Disables ellipse overflowing button content.
          */
@@ -1279,6 +1336,10 @@ declare namespace LocalJSX {
           * The name of the input
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Emitted when the checkbox loses focus.
          */
@@ -1359,6 +1420,14 @@ declare namespace LocalJSX {
           * Whether the input is disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+         */
+        "errorUpdate"?: boolean | number;
+        /**
+          * The validation errors for this input. Will render a hint under the input with the translated error message(s) `error.${key}`. If an object is passed, the keys will be used as error keys and the values translation parameters. If the value is `true`, the input will be marked as invalid without any hints under the input.
+         */
+        "errors"?: boolean | string[] | ErrorMap;
         /**
           * Optional hint text(s) to be displayed with the input.
          */
@@ -1403,6 +1472,10 @@ declare namespace LocalJSX {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Emitted when the input loses focus.
          */
@@ -1541,6 +1614,10 @@ declare namespace LocalJSX {
           * The name of the radio component.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Emitted when the radio loses focus.
          */
@@ -1651,6 +1728,14 @@ declare namespace LocalJSX {
           * Whether the select is disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+         */
+        "errorUpdate"?: boolean | number;
+        /**
+          * The validation errors for this input. Will render a hint under the input with the translated error message(s) `error.${key}`. If an object is passed, the keys will be used as error keys and the values translation parameters. If the value is `true`, the input will be marked as invalid without any hints under the input.
+         */
+        "errors"?: boolean | string[] | ErrorMap;
         /**
           * Optional hint text(s) to be displayed with the select.
          */
@@ -1675,6 +1760,10 @@ declare namespace LocalJSX {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * The text to display in the dropdown if no results are found.
          */
@@ -1803,6 +1892,14 @@ declare namespace LocalJSX {
           * Whether the textarea is disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Fine-grained control over when the errors are shown. Can be `false` to never show errors, `true` to show errors on blur, or a number to show errors on change with the given delay in milliseconds.
+         */
+        "errorUpdate"?: boolean | number;
+        /**
+          * The validation errors for this input. Will render a hint under the input with the translated error message(s) `error.${key}`. If an object is passed, the keys will be used as error keys and the values translation parameters. If the value is `true`, the input will be marked as invalid without any hints under the input.
+         */
+        "errors"?: boolean | string[] | ErrorMap;
         /**
           * Optional hint text(s) to be displayed with the textarea.
          */
@@ -1831,6 +1928,10 @@ declare namespace LocalJSX {
           * The name of the form control. Submitted with the form as part of a name/value pair.
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML textarea element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Emitted when the textarea loses focus.
          */
@@ -1901,6 +2002,10 @@ declare namespace LocalJSX {
           * The name of the input
          */
         "name"?: string;
+        /**
+          * Attributes that will be added to the native HTML input element.
+         */
+        "nativeAttributes"?: { [key: string]: string };
         /**
           * Emitted when the toggle loses focus.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "3.0.2",
+  "version": "4.1.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -25,6 +25,7 @@
   },
   "scripts": {
     "build": "stencil build --docs",
+    "build:watch": "stencil build --docs --watch",
     "build:ci": "stencil build --ci",
     "postbuild": "node replace",
     "postbuild:ci": "node replace",
@@ -45,7 +46,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.0.3",
-    "@haiilo/catalyst-tokens": "3.0.2",
+    "@haiilo/catalyst-tokens": "4.1.0",
     "@stencil/core": "2.17.4",
     "autosize": "5.0.1",
     "autosize-input": "1.0.2",

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