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

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-aaccd233.js';
-export { s as setNonce } from './index-aaccd233.js';
+import { b as bootstrapLazy } from './index-50783b0c.js';
+export { s as setNonce } from './index-50783b0c.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["ds-accordion_3",[[1,"ds-accordion",{"variant":[1],"borderAligned":[4,"border-aligned"],"openByDefault":[4,"open-by-default"],"accordionId":[1,"accordion-id"],"headingLevel":[2,"heading-level"],"useCloseButton":[4,"use-close-button"],"closeButtonLabel":[1,"close-button-label"],"hideTopBorder":[4,"hide-top-border"],"isExpanded":[32]},null,{"isExpanded":["watchHandler"]}],[6,"ds-button",{"value":[1],"variant":[1],"colour":[1],"size":[1],"fontWeight":[1,"font-weight"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"disabled":[4],"fullWidth":[4,"full-width"],"ariaDisabled":[1,"aria-disabled"]}],[1,"ds-icon",{"name":[1],"colour":[1],"size":[1],"dsTitle":[1,"title"],"role":[1],"hidden":[4],"message":[32]}]]],["ds-checkbox-group",[[1,"ds-checkbox-group",{"legend":[1],"assistiveText":[1,"assistive-text"],"direction":[1],"errorText":[1,"error-text"],"text":[1],"checked":[1028],"checkedChildElementCount":[1026,"checked-child-element-count"],"disabled":[4],"parentCheckedCount":[2,"parent-checked-count"],"childElementsCount":[32],"isIndeterminate":[32],"indeterminateChildCheckboxCount":[32],"setChecked":[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleIndeterminateChildChange"],[0,"dsCheckboxChange","handleCheckboxChange"],[0,"dsCheckboxGroupChange","handleCheckboxGroupChange"]],{"disabled":["handleCheckboxDisabledChange"],"checked":["handleCheckedChange"],"isIndeterminate":["handleIndeterminateChange"],"checkedChildElementCount":["handleCheckedChildElementCountChange"]}]]],["ds-visually-hidden",[[1,"ds-visually-hidden"]]],["ds-text-input",[[6,"ds-text-input",{"label":[1],"placeholder":[1],"dsId":[1,"id"],"name":[1],"disabled":[4],"optional":[4],"required":[4],"readonly":[4],"value":[1],"min":[2],"max":[2],"maxlength":[2],"pattern":[1],"autocomplete":[1],"optionalText":[1,"optional-text"],"errorText":[1,"error-text"],"successText":[1,"success-text"],"assistiveText":[1,"assistive-text"],"actionButtonAriaLabel":[1,"action-button-aria-label"],"hiddenAssistiveText":[1,"hidden-assistive-text"],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"icon":[1],"type":[1],"ariaLabel":[1,"aria-label"],"ariaLabelledBy":[1,"aria-labelledby"],"ariaDescribedby":[1,"aria-describedby"],"hasFocus":[32],"clearButtonVisible":[32],"passwordInputVisible":[32],"inputActive":[32],"togglePasswordVisibility":[64],"clearInput":[64]}]]],["ds-link",[[1,"ds-link",{"text":[1],"size":[1],"variant":[1],"weight":[1],"icon":[1025],"iconPosition":[1025,"icon-position"],"iconTitle":[1,"icon-title"],"iconHidden":[4,"icon-hidden"],"href":[1],"target":[1],"download":[4],"language":[1,"lang"],"ariaLabel":[1,"aria-label"]}]]],["ds-link-with-arrow",[[1,"ds-link-with-arrow",{"text":[1],"iconPosition":[1,"icon-position"],"href":[1],"target":[1],"language":[1,"lang"],"ariaLabel":[1,"aria-label"]}]]],["ds-input-validity",[[0,"ds-input-validity",{"text":[1],"type":[1],"role":[1],"identifier":[32]}]]],["ds-checkbox",[[65,"ds-checkbox",{"checkboxId":[1025,"id"],"checked":[1028],"legend":[1],"assistiveText":[1,"assistive-text"],"text":[1],"indeterminate":[4],"disabled":[4],"errorText":[1,"error-text"],"errorsDisabled":[4,"data-errors-disabled"],"required":[4],"optional":[4],"optionalText":[1,"optional-text"],"ariaLabel":[32],"value":[32],"validationMessage":[32]}]]]], options);
+  return bootstrapLazy([["ds-accordion_3",[[1,"ds-accordion",{"variant":[1],"borderAligned":[4,"border-aligned"],"openByDefault":[4,"open-by-default"],"accordionId":[1,"accordion-id"],"headingLevel":[2,"heading-level"],"useCloseButton":[4,"use-close-button"],"closeButtonLabel":[1,"close-button-label"],"hideTopBorder":[4,"hide-top-border"],"isExpanded":[32]},null,{"isExpanded":["watchHandler"]}],[6,"ds-button",{"value":[1],"variant":[1],"colour":[1],"size":[1],"fontWeight":[1,"font-weight"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"disabled":[4],"fullWidth":[4,"full-width"],"ariaDisabled":[1,"aria-disabled"]}],[1,"ds-icon",{"name":[1],"colour":[1],"size":[1],"dsTitle":[1,"title"],"role":[1],"hidden":[4],"message":[32]}]]],["ds-checkbox-group",[[1,"ds-checkbox-group",{"legend":[1],"assistiveText":[1,"assistive-text"],"direction":[1],"errorText":[1,"error-text"],"text":[1],"checked":[1028],"checkedChildElementCount":[1026,"checked-child-element-count"],"disabled":[4],"parentCheckedCount":[2,"parent-checked-count"],"childElementsCount":[32],"isIndeterminate":[32],"indeterminateChildCheckboxCount":[32],"setChecked":[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleIndeterminateChildChange"],[0,"dsCheckboxChange","handleCheckboxChange"],[0,"dsCheckboxGroupChange","handleCheckboxGroupChange"]],{"disabled":["handleCheckboxDisabledChange"],"checked":["handleCheckedChange"],"isIndeterminate":["handleIndeterminateChange"],"checkedChildElementCount":["handleCheckedChildElementCountChange"]}]]],["ds-visually-hidden",[[1,"ds-visually-hidden"]]],["ds-text-input",[[6,"ds-text-input",{"label":[1],"placeholder":[1],"dsId":[1,"id"],"name":[1],"disabled":[4],"optional":[4],"required":[4],"readonly":[4],"value":[1],"min":[2],"max":[2],"maxlength":[2],"pattern":[1],"autocomplete":[1],"optionalText":[1,"optional-text"],"errorText":[1,"error-text"],"successText":[1,"success-text"],"assistiveText":[1,"assistive-text"],"actionButtonAriaLabel":[1,"action-button-aria-label"],"hiddenAssistiveText":[1,"hidden-assistive-text"],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"icon":[1],"type":[1],"ariaLabel":[1,"aria-label"],"ariaLabelledBy":[1,"aria-labelledby"],"ariaDescribedby":[1,"aria-describedby"],"hasFocus":[32],"clearButtonVisible":[32],"passwordInputVisible":[32],"inputActive":[32],"togglePasswordVisibility":[64],"clearInput":[64]}]]],["ds-link",[[1,"ds-link",{"text":[1],"size":[1],"variant":[1],"weight":[1],"icon":[1025],"iconPosition":[1025,"icon-position"],"iconTitle":[1,"icon-title"],"iconHidden":[4,"icon-hidden"],"href":[1],"target":[1],"download":[4],"language":[1,"lang"],"linkAriaLabel":[1,"aria-label"]}]]],["ds-link-with-arrow",[[1,"ds-link-with-arrow",{"text":[1],"iconPosition":[1,"icon-position"],"href":[1],"target":[1],"language":[1,"lang"],"linkAriaLabel":[1,"aria-label"]}]]],["ds-input-validity",[[0,"ds-input-validity",{"text":[1],"type":[1],"validityRole":[1,"role"],"identifier":[32]}]]],["ds-checkbox",[[65,"ds-checkbox",{"checkboxId":[1025,"id"],"checked":[1028],"legend":[1],"assistiveText":[1,"assistive-text"],"text":[1],"indeterminate":[4],"disabled":[4],"errorText":[1,"error-text"],"errorsDisabled":[4,"data-errors-disabled"],"required":[4],"optional":[4],"optionalText":[1,"optional-text"],"ariaLabel":[32],"value":[32],"validationMessage":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/01-base-components/ds-input-validity/ds-input-validity.d.ts

@@ -4,7 +4,7 @@ export declare class DsInputValidity {
     el: HTMLElement;
     text: string;
     type: InputValidityType;
-    role?: InputValidityRole;
+    validityRole?: InputValidityRole;
     identifier?: string;
     componentDidLoad(): void;
     render(): any;

package/dist/types/components/01-base-components/ds-link/ds-link.d.ts

@@ -21,7 +21,7 @@ export declare class DsLink {
     target?: LinkTarget;
     download?: boolean;
     language?: LinkLang;
-    ariaLabel?: string;
+    linkAriaLabel?: string;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.d.ts

@@ -12,7 +12,7 @@ export declare class DsLinkWithArrow {
     href: string;
     target?: LinkTarget;
     language?: LinkLang;
-    ariaLabel?: string;
+    linkAriaLabel?: string;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -80,12 +80,11 @@ export namespace Components {
         "size": string;
     }
     interface DsInputValidity {
-        "role"?: InputValidityRole;
         "text": string;
         "type": InputValidityType;
+        "validityRole"?: InputValidityRole;
     }
     interface DsLink {
-        "ariaLabel"?: string;
         "download"?: boolean;
         "href": string;
         "icon": string;
@@ -93,6 +92,7 @@ export namespace Components {
         "iconPosition": LinkIconPosition;
         "iconTitle"?: string;
         "language"?: LinkLang;
+        "linkAriaLabel"?: string;
         "size"?: LinkSize;
         "target"?: LinkTarget;
         "text": string;
@@ -100,10 +100,10 @@ export namespace Components {
         "weight": LinkWeight;
     }
     interface DsLinkWithArrow {
-        "ariaLabel"?: string;
         "href": string;
         "iconPosition": LinkIconPosition;
         "language"?: LinkLang;
+        "linkAriaLabel"?: string;
         "target"?: LinkTarget;
         "text"?: string;
     }
@@ -315,12 +315,11 @@ declare namespace LocalJSX {
         "size"?: string;
     }
     interface DsInputValidity {
-        "role"?: InputValidityRole;
         "text"?: string;
         "type"?: InputValidityType;
+        "validityRole"?: InputValidityRole;
     }
     interface DsLink {
-        "ariaLabel"?: string;
         "download"?: boolean;
         "href": string;
         "icon"?: string;
@@ -328,6 +327,7 @@ declare namespace LocalJSX {
         "iconPosition"?: LinkIconPosition;
         "iconTitle"?: string;
         "language"?: LinkLang;
+        "linkAriaLabel"?: string;
         "size"?: LinkSize;
         "target"?: LinkTarget;
         "text": string;
@@ -335,10 +335,10 @@ declare namespace LocalJSX {
         "weight"?: LinkWeight;
     }
     interface DsLinkWithArrow {
-        "ariaLabel"?: string;
         "href": string;
         "iconPosition"?: LinkIconPosition;
         "language"?: LinkLang;
+        "linkAriaLabel"?: string;
         "target"?: LinkTarget;
         "text"?: string;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "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,42 @@
     "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",
+    "@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 +94,5 @@
     "glob": "^9.0.0"
   },
   "license": "MIT",
-  "gitHead": "3448fb142a11125d2188e392caaffe38d4ed3a75"
+  "gitHead": "f003b6ed10e8beb0cabf06262fd52255567a276d"
 }

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}