@uh-design-system/component-library 0.4.1 → 0.5.0

package/dist/types/components.d.ts

@@ -5,12 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { CheckboxChangeEvent } from "./components/01-base-components/ds-checkbox/ds-checkbox";
-import { CheckboxGroupChangeEvent, CheckboxGroupIndeterminateChildChangeEvent } from "./components/01-base-components/ds-checkbox-group/ds-checkbox-group";
-import { TextInputType } from "./components/01-base-components/ds-text-input/utils";
-export { CheckboxChangeEvent } from "./components/01-base-components/ds-checkbox/ds-checkbox";
-export { CheckboxGroupChangeEvent, CheckboxGroupIndeterminateChildChangeEvent } from "./components/01-base-components/ds-checkbox-group/ds-checkbox-group";
-export { TextInputType } from "./components/01-base-components/ds-text-input/utils";
+import { DsCheckboxInputEvent } from "./components/01-base-components/ds-checkbox/ds-checkbox";
+import { DsCheckboxGroupChangeEvent, DsCheckboxGroupIndeterminateChildChangeEvent } from "./components/01-base-components/ds-checkbox-group/ds-checkbox-group";
+import { DsTextInputType } from "./components/01-base-components/ds-text-input/utils";
+import { DsTextInputClearEvent } from "./components/01-base-components/ds-text-input/ds-text-input";
+export { DsCheckboxInputEvent } from "./components/01-base-components/ds-checkbox/ds-checkbox";
+export { DsCheckboxGroupChangeEvent, DsCheckboxGroupIndeterminateChildChangeEvent } from "./components/01-base-components/ds-checkbox-group/ds-checkbox-group";
+export { DsTextInputType } from "./components/01-base-components/ds-text-input/utils";
+export { DsTextInputClearEvent } from "./components/01-base-components/ds-text-input/ds-text-input";
 export namespace Components {
     interface DsAccordion {
         "accordionId": string;
@@ -42,12 +44,13 @@ export namespace Components {
         "variant": 'primary' | 'secondary' | 'supplementary';
     }
     interface DsCheckbox {
+        "ariaLabel": string;
         "assistiveText"?: string;
-        "checkboxId"?: string;
         "checked": boolean;
         "disabled": boolean;
         "errorText": string;
         "errorsDisabled": boolean;
+        "identifier"?: string;
         "indeterminate": boolean;
         "legend"?: string;
         "optional": boolean;
@@ -58,12 +61,10 @@ export namespace Components {
     interface DsCheckboxGroup {
         "assistiveText"?: string;
         "checked": boolean;
-        "checkedChildElementCount": number;
         "direction": 'horizontal' | 'vertical';
         "disabled": boolean;
         "errorText": string;
         "legend"?: string;
-        "parentCheckedCount": number;
         /**
           * Updates child elements' checked state.
           * @param newValue New checked state.
@@ -80,12 +81,12 @@ export namespace Components {
         "size": string;
     }
     interface DsInputValidity {
-        "role"?: InputValidityRole;
         "text": string;
         "type": InputValidityType;
+        "validityRole"?: InputValidityRole;
     }
     interface DsLink {
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         "download"?: boolean;
         "href": string;
         "icon": string;
@@ -100,7 +101,7 @@ export namespace Components {
         "weight": LinkWeight;
     }
     interface DsLinkWithArrow {
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         "href": string;
         "iconPosition": LinkIconPosition;
         "language"?: LinkLang;
@@ -116,10 +117,10 @@ export namespace Components {
         "autocomplete"?: string;
         "clearInput": () => Promise<void>;
         "disabled"?: boolean;
-        "dsId"?: string;
         "errorText"?: string;
         "hiddenAssistiveText"?: string;
         "icon": string;
+        "identifier"?: string;
         "label"?: string;
         "max"?: number;
         "maxlength"?: number;
@@ -135,7 +136,7 @@ export namespace Components {
         "successText"?: string;
         "suffixText"?: string;
         "togglePasswordVisibility": () => Promise<boolean>;
-        "type": TextInputType;
+        "type": DsTextInputType;
         "value"?: string;
     }
     interface DsVisuallyHidden {
@@ -149,6 +150,10 @@ export interface DsCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsCheckboxGroupElement;
 }
+export interface DsTextInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsTextInputElement;
+}
 declare global {
     interface HTMLDsAccordionElement extends Components.DsAccordion, HTMLStencilElement {
     }
@@ -163,8 +168,7 @@ declare global {
         new (): HTMLDsButtonElement;
     };
     interface HTMLDsCheckboxElementEventMap {
-        "dsCheckboxChange": CheckboxChangeEvent;
-        "dsCheckboxError": string;
+        "dsCheckboxInput": DsCheckboxInputEvent;
     }
     interface HTMLDsCheckboxElement extends Components.DsCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -181,8 +185,8 @@ declare global {
         new (): HTMLDsCheckboxElement;
     };
     interface HTMLDsCheckboxGroupElementEventMap {
-        "dsCheckboxGroupChange": CheckboxGroupChangeEvent;
-        "dsCheckboxGroupIndeterminateChildChange": CheckboxGroupIndeterminateChildChangeEvent;
+        "dsCheckboxGroupChange": DsCheckboxGroupChangeEvent;
+        "dsCheckboxGroupIndeterminateChildChange": DsCheckboxGroupIndeterminateChildChangeEvent;
     }
     interface HTMLDsCheckboxGroupElement extends Components.DsCheckboxGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupElement, ev: DsCheckboxGroupCustomEvent<HTMLDsCheckboxGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -222,7 +226,18 @@ declare global {
         prototype: HTMLDsLinkWithArrowElement;
         new (): HTMLDsLinkWithArrowElement;
     };
+    interface HTMLDsTextInputElementEventMap {
+        "clear": DsTextInputClearEvent;
+    }
     interface HTMLDsTextInputElement extends Components.DsTextInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsTextInputElementEventMap>(type: K, listener: (this: HTMLDsTextInputElement, ev: DsTextInputCustomEvent<HTMLDsTextInputElementEventMap[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 HTMLDsTextInputElementEventMap>(type: K, listener: (this: HTMLDsTextInputElement, ev: DsTextInputCustomEvent<HTMLDsTextInputElementEventMap[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 HTMLDsTextInputElement: {
         prototype: HTMLDsTextInputElement;
@@ -278,16 +293,16 @@ declare namespace LocalJSX {
         "variant"?: 'primary' | 'secondary' | 'supplementary';
     }
     interface DsCheckbox {
+        "ariaLabel"?: string;
         "assistiveText"?: string;
-        "checkboxId"?: string;
         "checked"?: boolean;
         "disabled"?: boolean;
         "errorText"?: string;
         "errorsDisabled"?: boolean;
+        "identifier"?: string;
         "indeterminate"?: boolean;
         "legend"?: string;
-        "onDsCheckboxChange"?: (event: DsCheckboxCustomEvent<CheckboxChangeEvent>) => void;
-        "onDsCheckboxError"?: (event: DsCheckboxCustomEvent<string>) => void;
+        "onDsCheckboxInput"?: (event: DsCheckboxCustomEvent<DsCheckboxInputEvent>) => void;
         "optional"?: boolean;
         "optionalText"?: string;
         "required"?: boolean;
@@ -296,14 +311,12 @@ declare namespace LocalJSX {
     interface DsCheckboxGroup {
         "assistiveText"?: string;
         "checked"?: boolean;
-        "checkedChildElementCount"?: number;
         "direction"?: 'horizontal' | 'vertical';
         "disabled"?: boolean;
         "errorText"?: string;
         "legend"?: string;
-        "onDsCheckboxGroupChange"?: (event: DsCheckboxGroupCustomEvent<CheckboxGroupChangeEvent>) => void;
-        "onDsCheckboxGroupIndeterminateChildChange"?: (event: DsCheckboxGroupCustomEvent<CheckboxGroupIndeterminateChildChangeEvent>) => void;
-        "parentCheckedCount"?: number;
+        "onDsCheckboxGroupChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupChangeEvent>) => void;
+        "onDsCheckboxGroupIndeterminateChildChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupIndeterminateChildChangeEvent>) => void;
         "text"?: string;
     }
     interface DsIcon {
@@ -315,9 +328,9 @@ declare namespace LocalJSX {
         "size"?: string;
     }
     interface DsInputValidity {
-        "role"?: InputValidityRole;
         "text"?: string;
         "type"?: InputValidityType;
+        "validityRole"?: InputValidityRole;
     }
     interface DsLink {
         "ariaLabel"?: string;
@@ -350,15 +363,16 @@ declare namespace LocalJSX {
         "assistiveText"?: string;
         "autocomplete"?: string;
         "disabled"?: boolean;
-        "dsId"?: string;
         "errorText"?: string;
         "hiddenAssistiveText"?: string;
         "icon"?: string;
+        "identifier"?: string;
         "label"?: string;
         "max"?: number;
         "maxlength"?: number;
         "min"?: number;
         "name"?: string;
+        "onClear"?: (event: DsTextInputCustomEvent<DsTextInputClearEvent>) => void;
         "optional"?: boolean;
         "optionalText"?: string;
         "pattern"?: string;
@@ -368,7 +382,7 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "successText"?: string;
         "suffixText"?: string;
-        "type"?: TextInputType;
+        "type"?: DsTextInputType;
         "value"?: string;
     }
     interface DsVisuallyHidden {

package/dist/types/index.d.ts

@@ -1 +1,2 @@
+export { configure } from './store';
 export type * from './components.d.ts';

package/dist/types/store.d.ts

@@ -0,0 +1,10 @@
+type Validation = 'client' | 'server';
+interface ConfigurationOptions {
+    validation?: Validation;
+}
+declare const state: {
+    validation?: Validation;
+};
+export declare const isValidation: (validation: Validation) => boolean;
+export declare const configure: ({ validation }: ConfigurationOptions) => void;
+export default state;

package/dist/types/utils/link/linkUtils.d.ts

@@ -1,3 +1,2 @@
 export declare const opensInNewTab: (target: string) => target is "_blank";
 export declare const visuallyHiddenAssistiveText: (lang: string) => "Avautuu uuteen välilehteen" | "Öppnas i en ny flik" | "Opens in a new tab";
-export declare const getAriaLabel: (text: string, ariaLabel?: string) => string;

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

@@ -12,3 +12,4 @@ export declare const remToPx: (remString: string) => string;
 export declare const pxToRem: (pxString: string) => string;
 export declare const litTemplateResultToString: (data: TemplateResult) => string;
 export declare function idGenerator(id: string): Generator<string, void, unknown>;
+export declare const getAriaLabel: (text: string, ariaLabel?: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "publishConfig": {
     "access": "public"
   },
@@ -40,7 +40,7 @@
   "scripts": {
     "build": "stencil build",
     "build.watch": "stencil build --watch",
-    "develop": "concurrently \"npm:build.watch\" \"npm:storybook\"",
+    "develop": "run-p build.watch storybook",
     "start": "stencil build --dev --watch --serve",
     "test-storybook": "test-storybook",
     "test-storybook:update": "rm -rf __snapshots__ && test-storybook -u",
@@ -50,42 +50,43 @@
     "generate": "stencil generate",
     "storybook": "storybook dev -p 6006",
     "build-storybook-static": "storybook build",
-    "build-storybook": "concurrently \"npm:build\" \"npm:storybook build\""
+    "build-storybook": "run-s build build-storybook-static"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
+    "@chromatic-com/storybook": "^3.2.5",
     "@material-symbols/svg-700": "^0.26.0",
-    "@stencil/core": "^4.22.2",
+    "@stencil/core": "^4.27.2",
     "@stencil/react-output-target": "^0.8.2",
-    "@stencil/sass": "^3.0.12",
-    "@storybook/addon-a11y": "^8.4.5",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-links": "^8.4.5",
+    "@stencil/sass": "^3.1.9",
+    "@stencil/store": "^2.1.2",
+    "@storybook/addon-a11y": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
     "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.6",
     "@storybook/blocks": "^8.4.5",
     "@storybook/manager-api": "^8.4.5",
     "@storybook/test": "^8.4.5",
     "@storybook/test-runner": "^0.19.1",
     "@storybook/theming": "^8.4.5",
     "@storybook/web-components": "^8.4.5",
-    "@storybook/web-components-webpack5": "^8.4.5",
+    "@storybook/web-components-webpack5": "^8.6.4",
     "@types/jest": "^29.5.14",
     "@types/node": "^16.18.119",
-    "axe-playwright": "^2.0.3",
+    "axe-playwright": "^2.1.0",
     "classnames": "^2.5.1",
-    "concurrently": "^9.1.0",
     "css-loader": "^7.1.2",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
     "jest-image-snapshot": "^6.4.0",
     "lit": "^3.2.1",
+    "npm-run-all": "^4.1.5",
     "raw-loader": "^4.0.2",
-    "sass": "^1.81.0",
-    "sass-loader": "^16.0.3",
+    "sass": "^1.85.1",
+    "sass-loader": "^16.0.5",
     "stencil-inline-svg": "^1.1.0",
-    "storybook": "^8.4.5",
+    "storybook": "^8.6.4",
     "storybook-dark-mode": "^4.0.2",
     "style-loader": "^4.0.0"
   },
@@ -94,5 +95,5 @@
     "glob": "^9.0.0"
   },
   "license": "MIT",
-  "gitHead": "3448fb142a11125d2188e392caaffe38d4ed3a75"
+  "gitHead": "7eb91dddc9c13d377297374448f4f33686256826"
 }

package/dist/component-library/index-aaccd233.js

@@ -1,2 +0,0 @@
-var t=Object.defineProperty,e=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},n=new WeakMap,o=t=>n.get(t),l=(t,o)=>{n.set(o.i=t,o),e(t,o)},s=(t,e)=>e in t,i=(t,e)=>(0,console.error)(t,e),r=new Map,c=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",f="http://www.w3.org/1999/xlink",a=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],d="undefined"!=typeof window?window:{},h=d.document||{head:{}},p={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},v=t=>Promise.resolve(t),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),y=!1,b=[],$=[],w=(t,e)=>n=>{t.push(n),y||(y=!0,e&&4&p.u?j(S):p.raf(S))},g=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){i(t)}t.length=0},S=()=>{g(b),g($),(y=b.length>0)&&p.raf(S)},j=t=>v().then(t),O=w($,!0),k=t=>"object"==(t=typeof t)||"function"===t;function C(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>x,map:()=>M,ok:()=>E,unwrap:()=>R,unwrapErr:()=>T});var E=t=>({isOk:!0,isErr:!1,value:t}),x=t=>({isOk:!1,isErr:!0,value:t});function M(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>E(t))):E(n)}if(t.isErr)return x(t.value);throw"should never get here"}var R=t=>{if(t.isOk)return t.value;throw t.value},T=t=>{if(t.isErr)return t.value;throw t.value},P=t=>{const e=t.__childNodes||t.childNodes;t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&F(e,t.tagName).forEach((t=>{var e;1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!(null==(e=N(t,t["s-sn"],!1))?void 0:e.length))}));for(const t of e)1===t.nodeType&&(t.__childNodes||t.childNodes).length&&P(t)};function F(t,e,n){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&o["s-hn"]===e&&(void 0===n||o["s-sn"]===n)&&(s.push(o),void 0!==n))return s;s=[...s,...F(o.childNodes,e,n)]}return s}var L,A,D,N=(t,e,n=!0)=>{const o=[];for((n&&t["s-sr"]||!t["s-sr"])&&o.push(t);(t=t.nextSibling)&&t["s-sn"]===e;)o.push(t);return o},U=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,B=(t,e,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!k(o))&&(o+=""),i&&r?c[c.length-1].p+=o:c.push(i?H(null,o):o),r=i)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,V);const f=H(t,null);return f.v=e,c.length>0&&(f.m=c),f.$=l,f.S=s,f},H=(t,e)=>({u:0,j:t,p:e,O:null,m:null,v:null,$:null,S:null}),W={},V={forEach:(t,e)=>t.map(q).forEach(e),map:(t,e)=>t.map(q).map(e).map(G)},q=t=>({vattrs:t.v,vchildren:t.m,vkey:t.$,vname:t.S,vtag:t.j,vtext:t.p}),G=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),B(t.vtag,e,...t.vchildren||[])}const e=H(t.vtag,t.vtext);return e.v=t.vattrs,e.m=t.vchildren,e.$=t.vkey,e.S=t.vname,e},_=(t,e)=>null==t||k(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,z=t=>o(t).$hostElement$,I=(t,e,n)=>{const o=z(t);return{emit:t=>J(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},J=(t,e,n)=>{const o=p.ce(e,n);return t.dispatchEvent(o),o},K=new WeakMap,Q=t=>"sc-"+t.k,X=(t,e,n,o,l,i)=>{if(n!==o){let r=s(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=Z(n);let s=Z(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const s=k(o);if((r||s&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(f,e):t.removeAttribute(e)):(!r||4&i||l)&&!s&&(o=!0===o?"":o,u?t.setAttributeNS(f,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):s(d,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(tt);e=e.replace(et,""),n&&p.rel(t,e,n,l),o&&p.ael(t,e,o,l)}}},Y=/\s/,Z=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(Y):[]),tt="Capture",et=RegExp(tt+"$"),nt=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.v||{},s=e.v||{};for(const t of ot(Object.keys(l)))t in s||X(o,t,l[t],void 0,n,e.u);for(const t of ot(Object.keys(s)))X(o,t,l[t],s[t],n,e.u)};function ot(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var lt=!1,st=!1,it=!1,rt=!1,ct=(t,e,n)=>{var o;const l=e.m[n];let s,i,r,c=0;if(lt||(it=!0,"slot"===l.j&&(l.u|=l.m?2:1)),null!==l.p)s=l.O=h.createTextNode(l.p);else if(1&l.u)s=l.O=h.createTextNode("");else if(s=l.O=h.createElement(!lt&&2&l.u?"slot-fb":l.j),nt(null,l,rt),null!=L&&void 0!==L&&s["s-si"]!==L&&s.classList.add(s["s-si"]=L),l.m)for(c=0;c<l.m.length;++c)i=ct(t,l,c),i&&s.appendChild(i);return s["s-hn"]=D,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=A,s["s-sn"]=l.S||"",s["s-rf"]=null==(o=l.v)?void 0:o.ref,r=t&&t.m&&t.m[n],r&&r.j===l.j&&t.O&&ut(t.O,!1),$t(A,s,e.O,null==t?void 0:t.O)),s},ut=(t,e)=>{p.u|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==D&&o["s-ol"]&&(bt(ht(o).parentNode,o,ht(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,it=!0),e&&ut(o,e)}p.u&=-2},ft=(t,e,n,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=ct(null,n,l),i&&(o[l].O=i,bt(r,i,ht(e))))},at=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;yt(e),t&&(st=!0,t["s-ol"]?t["s-ol"].remove():ut(t,!0),t.remove())}}},dt=(t,e,n=!1)=>t.j===e.j&&("slot"===t.j?t.S===e.S:n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),ht=t=>t&&t["s-ol"]||t,pt=(t,e,n=!1)=>{const o=e.O=t.O,l=t.m,s=e.m,i=e.p;let r;null===i?(("slot"!==e.j||lt)&&nt(t,e,rt),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,v=o[0],m=o[p];for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==v)v=o[++c];else if(null==m)m=o[--p];else if(dt(d,v,l))pt(d,v,l),d=e[++r],v=o[++c];else if(dt(h,m,l))pt(h,m,l),h=e[--a],m=o[--p];else if(dt(d,m,l))"slot"!==d.j&&"slot"!==m.j||ut(d.O.parentNode,!1),pt(d,m,l),bt(t,d.O,h.O.nextSibling),d=e[++r],m=o[--p];else if(dt(h,v,l))"slot"!==d.j&&"slot"!==m.j||ut(h.O.parentNode,!1),pt(h,v,l),bt(t,h.O,d.O),h=e[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].$&&e[f].$===v.$){u=f;break}u>=0?(i=e[u],i.j!==v.j?s=ct(e&&e[c],n,u):(pt(i,v,l),e[u]=void 0,s=i.O),v=o[++c]):(s=ct(e&&e[c],n,c),v=o[++c]),s&&bt(ht(d.O).parentNode,s,ht(d.O))}r>a?ft(t,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&at(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.p&&(o.textContent=""),ft(o,null,e,s,0,s.length-1)):!n&&null!==l&&at(l,0,l.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.p!==i&&(o.data=i)},vt=[],mt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(U(e,l)){let n=vt.find((t=>t.C===e));st=!0,e["s-sn"]=e["s-sn"]||l,n?(n.C["s-sh"]=t["s-hn"],n.M=t):(e["s-sh"]=t["s-hn"],vt.push({M:t,C:e})),e["s-sr"]&&vt.map((t=>{U(t.C,e["s-sn"])&&(n=vt.find((t=>t.C===e)),n&&!t.M&&(t.M=n.M))}))}else vt.some((t=>t.C===e))||vt.push({C:e})}1===t.nodeType&&mt(t)}},yt=t=>{t.v&&t.v.ref&&t.v.ref(null),t.m&&t.m.map(yt)},bt=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&$t(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function $t(t,e,n,o){var l,s;let i;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],r=e["s-hn"];if(null==(l=n.classList)||l.add(i+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(i+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===r&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(i+"-s")}}}var wt=(t,e)=>{if(e&&!t.R&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.R=()=>{e["s-p"].splice(n-1,1),o()})))}},gt=(t,e)=>{if(t.u|=16,!(4&t.u))return wt(t,t.T),O((()=>St(t,e)));t.u|=512},St=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e&&(t.u|=256,t.P&&(t.P.map((([t,e])=>Mt(o,t,e,n))),t.P=void 0),l=Mt(o,"componentWillLoad",void 0,n)),jt(l,(()=>kt(t,o,e)))},jt=(t,e)=>Ot(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),Ot=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,kt=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n;const o=Q(e),l=c.get(o);if(t=11===t.nodeType?t:h,l)if("string"==typeof l){let s,i=K.get(t=t.head||t);if(i||K.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||h.createElement("style"),s.innerHTML=l;const i=null!=(n=p.F)?n:C(h);if(null!=i&&s.setAttribute("nonce",i),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(m){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.u&&t.insertBefore(s,null)}4&e.u&&(s.innerHTML+=u),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);Ct(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Et(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},Ct=(t,e,n,o)=>{try{e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,l,s,i;const r=t.$hostElement$,c=t.o,u=t.L||H(null,null),f=(t=>t&&t.j===W)(e)?e:B(null,null,e);if(D=r.tagName,n&&f.v)for(const t of Object.keys(f.v))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.v[t]=r[t]);if(f.j=null,f.u|=4,t.L=f,f.O=u.O=r.shadowRoot||r,L=r["s-sc"],lt=!(!(1&c.u)||128&c.u),A=r["s-cr"],st=!1,pt(u,f,n),p.u|=1,it){mt(f.O);for(const t of vt){const e=t.C;if(!e["s-ol"]){const t=h.createTextNode("");t["s-nr"]=e,bt(e.parentNode,e["s-ol"]=t,e)}}for(const t of vt){const e=t.C,r=t.M;if(r){const t=r.parentNode;let n=r.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),bt(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}st&&P(f.O),p.u&=-2,vt.length=0,A=void 0})(t,e,o)}catch(e){i(e,t.$hostElement$)}return null},Et=t=>{const e=t.$hostElement$,n=t.i,o=t.T;64&t.u?Mt(n,"componentDidUpdate",void 0,e):(t.u|=64,Rt(e),Mt(n,"componentDidLoad",void 0,e),t.A(e),o||xt()),t.D(e),t.R&&(t.R(),t.R=void 0),512&t.u&&j((()=>gt(t,!1))),t.u&=-517},xt=()=>{j((()=>J(d,"appload",{detail:{namespace:"component-library"}})))},Mt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){i(t,o)}},Rt=t=>t.classList.add("hydrated"),Tt=(t,e,n,l)=>{const s=o(t);if(!s)throw Error(`Couldn't find host element for "${l.k}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.$hostElement$,c=s.l.get(e),u=s.u,f=s.i;if(n=_(n,l.t[e][0]),(!(8&u)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.l.set(e,n),f)){if(l.N&&128&u){const t=l.N[e];t&&t.map((t=>{try{f[t](n,c,e)}catch(t){i(t,r)}}))}2==(18&u)&&gt(s,!1)}},Pt=(t,e,n)=>{var l,s;const i=t.prototype;if(64&e.u&&1&n&&a.forEach((t=>{Object.defineProperty(i,t,{value(...e){const n=o(this),l=n.i;if(l){const n=l[t];"function"==typeof n&&n.call(l,...e)}else n.U.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})})),e.t||e.N||t.watchers){t.watchers&&!e.N&&(e.N=t.watchers);const r=Object.entries(null!=(l=e.t)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&n&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),(1&n||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>o(this).l.get(e))(0,t);const n=o(this),l=n?n.i:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=o(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.l.get(t)?s=i.l.get(t):!i.l.get(t)&&n&&i.l.set(t,n),r.call(this,_(s,l)),void Tt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&n&&4096&e.t[t][0]))return Tt(this,t,s,e),void(1&n&&!i.i&&i.U.then((()=>{4096&e.t[t][0]&&i.i[t]!==i.l.get(t)&&(i.i[t]=s)})));const o=()=>{const n=i.i[t];!i.l.get(t)&&n&&i.l.set(t,n),i.i[t]=_(s,l),Tt(this,t,i.i[t],e)};i.i?o():i.U.then((()=>o()))}}})}else 1&n&&64&l&&Object.defineProperty(i,t,{value(...e){var n;const l=o(this);return null==(n=null==l?void 0:l.B)?void 0:n.then((()=>{var n;return null==(n=l.i)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;i.attributeChangedCallback=function(t,l,s){p.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const n=o(this),i=null==n?void 0:n.u;if(i&&!(8&i)&&128&i&&s!==l){const o=n.i,i=null==(r=e.N)?void 0:r[t];null==i||i.forEach((e=>{null!=o[e]&&o[e].call(o,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.N)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const o=e[1]||t;return n.set(o,t),o}))]))}}return t},Ft=(t,e={})=>{var l;const s=[],f=e.exclude||[],a=d.customElements,v=h.head,y=v.querySelector("meta[charset]"),b=h.createElement("style"),$=[];let w,g=!0;Object.assign(p,e),p.h=new URL(e.resourcesUrl||"./",h.baseURI).href;let S=!1;if(t.map((t=>{t[1].map((e=>{var l;const u={u:e[0],k:e[1],t:e[2],H:e[3]};4&u.u&&(S=!0),u.t=e[2],u.H=e[3],u.N=null!=(l=e[4])?l:{};const d=u.k,v=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const o={u:0,$hostElement$:t,o:e,l:new Map};o.B=new Promise((t=>o.D=t)),o.U=new Promise((t=>o.A=t)),t["s-p"]=[],t["s-rc"]=[],n.set(t,o)})(t=this,u),1&u.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.k}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){const t=o(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,At(this,t,u.H)),w&&(clearTimeout(w),w=null),g?$.push(this):p.jmp((()=>(t=>{if(!(1&p.u)){const e=o(t),n=e.o,l=()=>{};if(1&e.u)At(t,e,n.H),(null==e?void 0:e.i)||(null==e?void 0:e.U)&&e.U.then((()=>{}));else{e.u|=1,12&n.u&&(t=>{const e=t["s-cr"]=h.createComment("");e["s-cn"]=!0,bt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){wt(e,e.T=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.W){const l=((t,e)=>{const n=t.k.replace(/-/g,"_"),o=t.W;if(!o)return;const l=r.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(r.set(o,t),t[n])),(t=>{i(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.k}#${e.V}" was not found`);o.isProxied||(n.N=o.watchers,Pt(o,n,2),o.isProxied=!0);const s=()=>{};e.u|=8;try{new o(e)}catch(e){i(e,t)}e.u&=-9,e.u|=128,s()}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=Q(n);if(!c.has(e)){const o=()=>{};((t,e,n)=>{let o=c.get(t);m&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,c.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.T,s=()=>gt(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)}l()}})(this)))}disconnectedCallback(){p.jmp((()=>(async t=>{if(!(1&p.u)){const e=o(t);e.q&&(e.q.map((t=>t())),e.q=void 0),(null==e?void 0:e.i)||(null==e?void 0:e.U)&&e.U.then((()=>{}))}K.has(t)&&K.delete(t),t.shadowRoot&&K.has(t.shadowRoot)&&K.delete(t.shadowRoot)})(this))),p.raf((()=>{var t;const e=o(this),n=$.findIndex((t=>t===this));n>-1&&$.splice(n,1),(null==(t=null==e?void 0:e.L)?void 0:t.O)instanceof Node&&!e.L.O.isConnected&&delete e.L.O}))}componentOnReady(){return o(this).U}};64&u.u&&(v.formAssociated=!0),u.W=t[0],f.includes(d)||a.get(d)||(s.push(d),a.define(d,Pt(v,u,1)))}))})),s.length>0&&(S&&(b.textContent+=u),b.textContent+=s.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const t=null!=(l=p.F)?l:C(h);null!=t&&b.setAttribute("nonce",t),v.insertBefore(b,y?y.nextSibling:v.firstChild)}g=!1,$.length?$.map((t=>t.connectedCallback())):p.jmp((()=>w=setTimeout(xt,30)))},Lt=(t,e)=>e,At=(t,e,n)=>{n&&n.map((([n,o,l])=>{const s=t,i=Dt(e,l),r=Nt(n);p.ael(s,o,i,r),(e.q=e.q||[]).push((()=>p.rel(s,o,i,r)))}))},Dt=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.P=t.P||[]).push([e,n])}catch(e){i(e,t.$hostElement$)}},Nt=t=>({passive:!!(1&t),capture:!!(2&t)}),Ut=t=>p.F=t;export{Lt as F,Ft as b,I as c,z as g,B as h,v as p,l as r,Ut as s}

package/dist/component-library/utils-b5843ae1.js

@@ -1 +0,0 @@
-const r=r=>{const t=parseFloat(r);return(o=""+16*t).endsWith("px")?o:`${o}px`;var o};function*t(r){let t=1;for(;;)yield`${r}-${t++}`}export{t as i,r}