@uh-design-system/component-library 0.2.1 → 0.2.2-alpha.2

package/dist/esm/ds-accordion_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, F as Fragment } from './index-dfeefc7e.js';
+import { r as registerInstance, g as getElement, h, F as Fragment } from './index-4200d514.js';
 import { c as classNames } from './index-72ac5051.js';
 
 const dsAccordionCss = ".ds-accordion__open-button{color:var(--ds-textColor-default, #1A1A1A);all:unset;box-sizing:border-box;display:flex;flex-direction:row;gap:8px;width:100%}.ds-accordion__open-button:hover{cursor:pointer;background:var(--ds-bgColor-transparent-onLight-hover, rgba(0, 0, 0, 0.1019607843))}.ds-accordion__open-button:hover.ds-accordion--border-aligned{padding-inline:16px;margin-inline:0}.ds-accordion__open-button:active{background:var(--ds-bgColor-transparent-onLight-active, rgba(0, 0, 0, 0.1490196078))}.ds-accordion__open-button:active.ds-accordion--border-aligned{padding-inline:16px;margin-inline:0}.ds-accordion__open-button:focus{background:var(--ds-bgColor-transparent-onLight-hover, rgba(0, 0, 0, 0.1019607843));box-shadow:0px 0px 0px 1px var(--ds-palette-black)}.ds-accordion__open-button:focus.ds-accordion--border-aligned{padding-inline:16px;margin-inline:0}.ds-accordion__open-button.ds-accordion--default{padding:16px;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:600;line-height:27px;letter-spacing:var(--letterSpacing-wide)}.ds-accordion__open-button.ds-accordion--compact{font-size:var(--ds-fontSize-16);padding:12px 16px 12px 16px;line-height:24px;font-weight:600}.ds-accordion__open-button.ds-accordion--border-aligned{padding-inline:0;padding-inline:0;margin-inline:16px}.ds-accordion__open-button[aria-expanded=false]{border-bottom:1px solid var(--ds-borderColor-light, #CCCCCC)}.ds-accordion__panel--expanded{border-bottom:1px solid var(--ds-borderColor-light, #CCCCCC)}.ds-accordion__content{color:var(--ds-textColor-default, #1A1A1A);font-family:var(--ds-fontFamily-body);padding:16px}.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-18);font-weight:400;line-height:27px;letter-spacing:var(--ds-letterSpacing-wide)}.ds-accordion__content .ds-accordion--compact{font-size:var(--fontSize-16);font-weight:400;line-height:24px;letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button{color:var(--ds-textColor-default, #1A1A1A);all:unset;border-bottom:1px solid var(--ds-borderColor-light, #CCCCCC);display:flex;flex-direction:row;gap:8px;font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:100%}.ds-accordion__close-button:hover{cursor:pointer;background:var(--ds-bgColor-transparent-onLight-hover, rgba(0, 0, 0, 0.1019607843))}.ds-accordion__close-button:hover.ds-accordion--border-aligned{padding-inline:16px;margin-inline:0}.ds-accordion__close-button:active{background:var(--ds-bgColor-transparent-onLight-active, rgba(0, 0, 0, 0.1490196078))}.ds-accordion__close-button:active.ds-accordion--border-aligned{padding-inline:16px;margin-inline:0}.ds-accordion__close-button:focus{background:var(--ds-bgColor-transparent-onLight-hover, rgba(0, 0, 0, 0.1019607843));box-shadow:0px 0px 0px 1px var(--ds-palette-black)}.ds-accordion__close-button:focus.ds-accordion--border-aligned{padding-inline:16px;margin-inline:0}.ds-accordion__close-button.ds-accordion--default{padding:16px;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:600;line-height:27px;letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button.ds-accordion--compact{font-size:var(--ds-fontSize-16);padding:12px 16px 12px 16px;line-height:24px;font-weight:600}.ds-accordion__close-button.ds-accordion--border-aligned{padding-inline:0;padding-inline:0;margin-inline:16px}";
@@ -7,38 +7,40 @@ const DsAccordionStyle0 = dsAccordionCss;
 const DsAccordion = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.variant = 'default';
-        this.borderAligned = false;
-        this.openByDefault = false;
-        this.accordionId = 'dsaccordion';
-        this.headingLevel = 2;
-        this.useCloseButton = false;
-        this.closeButtonLabel = 'Close';
-        this.isExpanded = this.openByDefault;
-        this.shouldMoveFocus = false;
-        this.handleClick = (event) => {
-            const isCloseButton = event.target.closest('.ds-accordion__close-button');
-            this.shouldMoveFocus = isCloseButton ? true : false;
-            this.isExpanded = !this.isExpanded;
-        };
-        this.handleKeyDown = (event) => {
-            switch (event.key) {
-                case 'Enter':
-                case ' ':
-                    event.preventDefault();
-                    const isCloseButton = event.target.closest('.ds-accordion__close-button');
-                    this.shouldMoveFocus = isCloseButton ? true : false;
-                    this.isExpanded = !this.isExpanded;
-                    break;
-            }
-        };
     }
+    variant = 'default';
+    borderAligned = false;
+    openByDefault = false;
+    accordionId = 'dsaccordion';
+    headingLevel = 2;
+    useCloseButton = false;
+    closeButtonLabel = 'Close';
+    isExpanded = this.openByDefault;
+    get host() { return getElement(this); }
+    headerButtonRef;
+    shouldMoveFocus = false;
     watchHandler(isExpanded) {
         if (!isExpanded && this.shouldMoveFocus && this.headerButtonRef) {
             this.headerButtonRef.focus();
             this.shouldMoveFocus = false;
         }
     }
+    handleClick = (event) => {
+        const isCloseButton = event.target.closest('.ds-accordion__close-button');
+        this.shouldMoveFocus = isCloseButton ? true : false;
+        this.isExpanded = !this.isExpanded;
+    };
+    handleKeyDown = (event) => {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                const isCloseButton = event.target.closest('.ds-accordion__close-button');
+                this.shouldMoveFocus = isCloseButton ? true : false;
+                this.isExpanded = !this.isExpanded;
+                break;
+        }
+    };
     render() {
         return (h("div", { key: '2cc1b7c39897a2437b1c1b2a2dda3c73366f2406', class: classNames('ds-accordion', `ds-accordion--${this.variant}`, {
                 'ds-accordion--border-aligned': this.borderAligned
@@ -51,7 +53,6 @@ const DsAccordion = class {
                     'ds-accordion--border-aligned': this.borderAligned
                 }), "aria-labelledby": `${this.accordionId}-close-button ${this.accordionId}`, id: `${this.accordionId}-close-button`, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("ds-icon", { key: '295bb76f0130566900081b90e5d80033bbe9758f', hidden: true, name: "keyboard_arrow_up" }), h("span", { key: '90dcf29559c485707ea8517e0056249027b1e45b' }, this.closeButtonLabel))))));
     }
-    get host() { return getElement(this); }
     static get watchers() { return {
         "isExpanded": ["watchHandler"]
     }; }
@@ -848,12 +849,14 @@ const DsIconStyle0 = dsIconCss;
 const DsIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.size = '1.5rem';
-        this.title = 'Icon';
-        this.role = 'img';
-        this.hidden = true;
-        this.message = '';
     }
+    name;
+    colour;
+    size = '1.5rem';
+    title = 'Icon';
+    role = 'img';
+    hidden = true;
+    message = '';
     getIcon() {
         const selectedIcon = icons.find(icon => icon.name === this.name);
         if (!selectedIcon) {

package/dist/esm/ds-button_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-dfeefc7e.js';
+import { r as registerInstance, g as getElement, h } from './index-4200d514.js';
 import { c as classNames } from './index-72ac5051.js';
 
 const inheritAttributes = (el, attributes = []) => {
@@ -81,58 +81,62 @@ const DsButtonStyle0 = dsButtonCss;
 const DsButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.inheritedAttributes = {};
-        this.pressedKeys = new Set();
-        this.value = '';
-        this.variant = 'primary';
-        this.colour = 'blue';
-        this.size = 'medium';
-        this.fontWeight = 'normal';
-        this.icon = '';
-        this.iconPosition = 'start';
-        this.type = 'button';
-        this.disabled = false;
-        this.ariaDisabled = 'false';
-        this.handleKeyDown = (event) => {
-            if (event.repeat) {
-                return;
-            }
-            switch (event.key) {
-                case 'Enter':
-                case ' ':
-                    this.pressedKeys.add(event.key);
-                    this.buttonEl.classList.add(`${this.colour}--active`);
-                    break;
-            }
-        };
-        this.handleKeyUp = (event) => {
-            switch (event.key) {
-                case 'Enter':
-                case ' ':
-                    this.pressedKeys.delete(event.key);
-                    if (this.pressedKeys.size === 0) {
-                        this.buttonEl.classList.remove(`${this.colour}--active`);
-                    }
-                    break;
-            }
-        };
     }
+    inheritedAttributes = {};
+    buttonEl;
+    pressedKeys = new Set();
+    get el() { return getElement(this); }
+    value = '';
+    variant = 'primary';
+    colour = 'blue';
+    size = 'medium';
+    fontWeight = 'normal';
+    icon = '';
+    iconPosition = 'start';
+    type = 'button';
+    disabled = false;
+    ariaDisabled = 'false';
     componentWillLoad() {
-        this.inheritedAttributes = Object.assign(Object.assign({}, inheritAriaAttributes(this.el, ['aria-disabled'])), inheritAttributes(this.el, [
-            'autofocus',
-            'form',
-            'formaction',
-            'formenctype',
-            'formmethod',
-            'formnovalidate',
-            'formtarget',
-            'name',
-            'popovertarget',
-            'popovertargetaction',
-        ]));
+        this.inheritedAttributes = {
+            ...inheritAriaAttributes(this.el, ['aria-disabled']),
+            ...inheritAttributes(this.el, [
+                'autofocus',
+                'form',
+                'formaction',
+                'formenctype',
+                'formmethod',
+                'formnovalidate',
+                'formtarget',
+                'name',
+                'popovertarget',
+                'popovertargetaction',
+            ]),
+        };
     }
+    handleKeyDown = (event) => {
+        if (event.repeat) {
+            return;
+        }
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                this.pressedKeys.add(event.key);
+                this.buttonEl.classList.add(`${this.colour}--active`);
+                break;
+        }
+    };
+    handleKeyUp = (event) => {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                this.pressedKeys.delete(event.key);
+                if (this.pressedKeys.size === 0) {
+                    this.buttonEl.classList.remove(`${this.colour}--active`);
+                }
+                break;
+        }
+    };
     render() {
-        console.log('render');
         const classes = classNames(`${this.variant} ${this.colour} ${this.size}`, {
             'icon-start': this.icon && this.iconPosition === 'start' && this.value,
             'icon-end': this.icon && this.iconPosition === 'end' && this.value,
@@ -140,9 +144,8 @@ const DsButton = class {
         });
         const iconSize = this.size === 'small' ? '1rem' : undefined;
         const isDisabled = this.disabled || this.ariaDisabled === 'true';
-        return (h("button", Object.assign({ key: 'd85ee424afafcb437fa873e69b7554e315e4cad5', ref: el => (this.buttonEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, class: classes, style: { fontWeight: this.fontWeight }, type: this.type, "aria-disabled": isDisabled ? 'true' : 'false' }, this.inheritedAttributes), h("slot", { key: 'c21dc9317ae1970d8e5fcead12b4041a8dc13af0', name: "prefix" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: 'cc993dd0b2a12b3243bc8863d754a0efa3b6f1f4', name: this.icon, size: iconSize })), this.value && h("span", { key: 'b8a7bcac21782fd898192d98c605c0eacbfff882', class: "button-value" }, this.value), h("slot", { key: 'e4766fc18983798416533173ceddcbe3c80779ba', name: "suffix" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: 'f308fb96c0b0b06036975df25fc5fba59dffe301', name: this.icon, size: iconSize }))));
+        return (h("button", { key: '1230108c308cc8a89f8202bef69e839e36b6912d', ref: el => (this.buttonEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, class: classes, style: { fontWeight: this.fontWeight }, type: this.type, "aria-disabled": isDisabled ? 'true' : 'false', ...this.inheritedAttributes }, h("slot", { key: 'bb67886e636e7a5294a6fbbde4a8a013e1ace3ce', name: "prefix" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: '6e93f6095ee4482d5026b42a67b7591712206146', name: this.icon, size: iconSize })), this.value && h("span", { key: '833424437f89ace4253e9daef6d8cda409563a4a', class: "button-value" }, this.value), h("slot", { key: '162e459206000c3b1b5b4ede761f5600f88b3de1', name: "suffix" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: '2e9bff6bdc4d5023374916bcbdc11151270113b6', name: this.icon, size: iconSize }))));
     }
-    get el() { return getElement(this); }
 };
 DsButton.style = DsButtonStyle0;
 

package/dist/esm/ds-text-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-dfeefc7e.js';
+import { r as registerInstance, h, F as Fragment } from './index-4200d514.js';
 import { c as classNames } from './index-72ac5051.js';
 
 function* idGenerator(id) {
@@ -25,29 +25,42 @@ const errorTextIdGenerator = idGenerator('error-text');
 const DsTextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.assistiveTextId = assistiveTextIdGenerator.next().value;
-        this.visuallyHiddenAssistiveTextId = visuallyHiddenAssistiveTextIdGenerator.next().value;
-        this.successTextId = successTextIdGenerator.next().value;
-        this.errorTextId = errorTextIdGenerator.next().value;
-        this.id = 'input';
-        this.icon = '';
-        this.type = 'text';
-        this.hasFocus = false;
-        this.clearButtonVisible = false;
-        this.passwordInputVisible = false;
-        this.inputActive = false;
-        this.onActionButtonClicked = (e) => {
-            e.stopPropagation();
-            switch (this.type) {
-                case 'password':
-                    return this.togglePasswordVisibility();
-                case 'search':
-                    this.clearInput();
-                default:
-                    return;
-            }
-        };
     }
+    suffixButtonElement;
+    inputElement;
+    assistiveTextId = assistiveTextIdGenerator.next().value;
+    visuallyHiddenAssistiveTextId = visuallyHiddenAssistiveTextIdGenerator.next().value;
+    successTextId = successTextIdGenerator.next().value;
+    errorTextId = errorTextIdGenerator.next().value;
+    label;
+    placeholder;
+    id = 'input';
+    name;
+    disabled;
+    required;
+    readonly;
+    value;
+    min;
+    max;
+    maxlength;
+    pattern;
+    autocomplete;
+    errorText;
+    successText;
+    assistiveText;
+    actionButtonAriaLabel;
+    hiddenAssistiveText;
+    prefixText;
+    suffixText;
+    icon = '';
+    type = 'text';
+    ariaLabel;
+    ariaLabelledBy;
+    ariaDescribedby;
+    hasFocus = false;
+    clearButtonVisible = false;
+    passwordInputVisible = false;
+    inputActive = false;
     async togglePasswordVisibility() {
         return (this.passwordInputVisible = !this.passwordInputVisible);
     }
@@ -56,6 +69,17 @@ const DsTextInput = class {
         this.inputElement.focus();
         this.clearButtonVisible = false;
     }
+    onActionButtonClicked = (e) => {
+        e.stopPropagation();
+        switch (this.type) {
+            case 'password':
+                return this.togglePasswordVisibility();
+            case 'search':
+                this.clearInput();
+            default:
+                return;
+        }
+    };
     renderValidityMessage(type) {
         const textId = type === 'success' ? this.successTextId : this.errorTextId;
         const text = type === 'success' ? this.successText : this.errorText;
@@ -74,11 +98,10 @@ const DsTextInput = class {
         return null;
     }
     renderSuffixContent() {
-        var _a, _b;
         if (this.suffixText) {
             return (h("slot", { name: "suffix" }, h("span", { class: "suffix" }, this.suffixText)));
         }
-        const actionButtonIcon = (_b = (_a = INPUT_TYPE_ACTION_BUTTON_ICON_MAP[this.type]) === null || _a === void 0 ? void 0 : _a.call(INPUT_TYPE_ACTION_BUTTON_ICON_MAP, this)) !== null && _b !== void 0 ? _b : '';
+        const actionButtonIcon = INPUT_TYPE_ACTION_BUTTON_ICON_MAP[this.type]?.(this) ?? '';
         const ariaPressed = this.type === 'password' ? this.passwordInputVisible : undefined;
         if (actionButtonIcon) {
             return (h("slot", { name: "suffix" }, h("ds-button", { ref: e => (this.suffixButtonElement = e), variant: "supplementary", colour: "black", class: "suffix", disabled: false, icon: actionButtonIcon, onClick: this.onActionButtonClicked, "aria-pressed": ariaPressed, "aria-label": this.actionButtonAriaLabel })));

package/dist/esm/{index-dfeefc7e.js → index-4200d514.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'component-library';
-const BUILD = /* component-library */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* component-library */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: true, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
@@ -10,11 +10,38 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
+// src/utils/es2022-rewire-class-members.ts
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(instance), memberName);
+      Object.defineProperty(instance, memberName, {
+        get() {
+          return ogDescriptor.get.call(this);
+        },
+        set(newValue) {
+          ogDescriptor.set.call(this, newValue);
+        },
+        configurable: true,
+        enumerable: true
+      });
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+
 // src/client/client-host-ref.ts
 var hostRefs = /* @__PURE__ */ new WeakMap();
 var getHostRef = (ref) => hostRefs.get(ref);
 var registerInstance = (lazyInstance, hostRef) => {
   hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+  {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-dfeefc7e.js';
-export { s as setNonce } from './index-dfeefc7e.js';
+import { b as bootstrapLazy } from './index-4200d514.js';
+export { s as setNonce } from './index-4200d514.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "0.2.1",
+  "version": "0.2.2-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -82,5 +82,5 @@
     "glob": "^9.0.0"
   },
   "license": "MIT",
-  "gitHead": "9521c600cfee1b60469bbe794114a5545a90f901"
+  "gitHead": "b9277170e29e4fe9e9c079d047997ef3ea7cb2bc"
 }

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

@@ -1,2 +0,0 @@
-var t=Object.defineProperty,e=new WeakMap,n=t=>e.get(t),o=(t,n)=>{e.set(n.t=t,n)},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="http://www.w3.org/1999/xlink",f="undefined"!=typeof window?window:{},a=f.document||{head:{}},d={o:0,l:"",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)},h=t=>Promise.resolve(t),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),v=!1,m=[],y=[],$=(t,e)=>n=>{t.push(n),v||(v=!0,e&&4&d.o?S(w):d.raf(w))},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},w=()=>{b(m),b(y),(v=m.length>0)&&d.raf(w)},S=t=>h().then(t),g=$(y,!0),j=t=>"object"==(t=typeof t)||"function"===t;function k(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:()=>E,map:()=>C,ok:()=>O,unwrap:()=>x,unwrapErr:()=>M});var O=t=>({isOk:!0,isErr:!1,value:t}),E=t=>({isOk:!1,isErr:!0,value:t});function C(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return E(t.value);throw"should never get here"}var x=t=>{if(t.isOk)return t.value;throw t.value},M=t=>{if(t.isErr)return t.value;throw t.value},T=t=>{const e=t.__childNodes||t.childNodes;t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&P(e,t.tagName).forEach((t=>{var e;1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!(null==(e=L(t,t["s-sn"],!1))?void 0:e.length))}));for(const t of e)1===t.nodeType&&(t.__childNodes||t.childNodes).length&&T(t)};function P(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,...P(o.childNodes,e,n)]}return s}var F,R,A,L=(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},N=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,H=(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&&!j(o))&&(o+=""),i&&r?c[c.length-1].i+=o:c.push(i?B(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,U);const f=B(t,null);return f.u=e,c.length>0&&(f.h=c),f.p=l,f.v=s,f},B=(t,e)=>({o:0,m:t,i:e,$:null,h:null,u:null,p:null,v:null}),D={},U={forEach:(t,e)=>t.map(W).forEach(e),map:(t,e)=>t.map(W).map(e).map(V)},W=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.v,vtag:t.m,vtext:t.i}),V=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),H(t.vtag,e,...t.vchildren||[])}const e=B(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.v=t.vname,e},q=(t,e)=>null==t||j(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,G=t=>n(t).$hostElement$,_=new WeakMap,z=t=>"sc-"+t.S,I=(t,e,n,o,s,i)=>{if(n!==o){let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=K(n);let s=K(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 l=j(o);if((r||l&&null!==o)&&!s)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 f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,f=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(f?t.removeAttributeNS(u,e):t.removeAttribute(e)):(!r||4&i||s)&&!l&&(o=!0===o?"":o,f?t.setAttributeNS(u,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):l(f,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(Q);e=e.replace(X,""),n&&d.rel(t,e,n,l),o&&d.ael(t,e,o,l)}}},J=/\s/,K=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(J):[]),Q="Capture",X=RegExp(Q+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.u||{},s=e.u||{};for(const t of Z(Object.keys(l)))t in s||I(o,t,l[t],void 0,n,e.o);for(const t of Z(Object.keys(s)))I(o,t,l[t],s[t],n,e.o)};function Z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var tt=!1,et=!1,nt=!1,ot=!1,lt=(t,e,n)=>{var o;const l=e.h[n];let s,i,r,c=0;if(tt||(nt=!0,"slot"===l.m&&(l.o|=l.h?2:1)),null!==l.i)s=l.$=a.createTextNode(l.i);else if(1&l.o)s=l.$=a.createTextNode("");else if(s=l.$=a.createElement(!tt&&2&l.o?"slot-fb":l.m),Y(null,l,ot),null!=F&&void 0!==F&&s["s-si"]!==F&&s.classList.add(s["s-si"]=F),l.h)for(c=0;c<l.h.length;++c)i=lt(t,l,c),i&&s.appendChild(i);return s["s-hn"]=A,3&l.o&&(s["s-sr"]=!0,s["s-cr"]=R,s["s-sn"]=l.v||"",s["s-rf"]=null==(o=l.u)?void 0:o.ref,r=t&&t.h&&t.h[n],r&&r.m===l.m&&t.$&&st(t.$,!1),vt(R,s,e.$,null==t?void 0:t.$)),s},st=(t,e)=>{d.o|=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"]!==A&&o["s-ol"]&&(pt(ut(o).parentNode,o,ut(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,nt=!0),e&&st(o,e)}d.o&=-2},it=(t,e,n,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===A&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=lt(null,n,l),i&&(o[l].$=i,pt(r,i,ut(e))))},rt=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;ht(e),t&&(et=!0,t["s-ol"]?t["s-ol"].remove():st(t,!0),t.remove())}}},ct=(t,e,n=!1)=>t.m===e.m&&("slot"===t.m?t.v===e.v:n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),ut=t=>t&&t["s-ol"]||t,ft=(t,e,n=!1)=>{const o=e.$=t.$,l=t.h,s=e.h,i=e.i;let r;null===i?(("slot"!==e.m||tt)&&Y(t,e,ot),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(ct(d,v,l))ft(d,v,l),d=e[++r],v=o[++c];else if(ct(h,m,l))ft(h,m,l),h=e[--a],m=o[--p];else if(ct(d,m,l))"slot"!==d.m&&"slot"!==m.m||st(d.$.parentNode,!1),ft(d,m,l),pt(t,d.$,h.$.nextSibling),d=e[++r],m=o[--p];else if(ct(h,v,l))"slot"!==d.m&&"slot"!==m.m||st(h.$.parentNode,!1),ft(h,v,l),pt(t,h.$,d.$),h=e[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].p&&e[f].p===v.p){u=f;break}u>=0?(i=e[u],i.m!==v.m?s=lt(e&&e[c],n,u):(ft(i,v,l),e[u]=void 0,s=i.$),v=o[++c]):(s=lt(e&&e[c],n,c),v=o[++c]),s&&pt(ut(d.$).parentNode,s,ut(d.$))}r>a?it(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&rt(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),it(o,null,e,s,0,s.length-1)):!n&&null!==l&&rt(l,0,l.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.i!==i&&(o.data=i)},at=[],dt=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(N(e,l)){let n=at.find((t=>t.j===e));et=!0,e["s-sn"]=e["s-sn"]||l,n?(n.j["s-sh"]=t["s-hn"],n.k=t):(e["s-sh"]=t["s-hn"],at.push({k:t,j:e})),e["s-sr"]&&at.map((t=>{N(t.j,e["s-sn"])&&(n=at.find((t=>t.j===e)),n&&!t.k&&(t.k=n.k))}))}else at.some((t=>t.j===e))||at.push({j:e})}1===t.nodeType&&dt(t)}},ht=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(ht)},pt=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&vt(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function vt(t,e,n,o){var l;let s;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(s=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],i=e["s-hn"];if(null==(l=n.classList)||l.add(s+"-s"),o&&o.classList.contains(s+"-s")){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===i&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(s+"-s")}}}var mt=(t,e)=>{if(e&&!t.O&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.O=()=>{e["s-p"].splice(n-1,1),o()})))}},yt=(t,e)=>{if(t.o|=16,!(4&t.o))return mt(t,t.C),g((()=>$t(t,e)));t.o|=512},$t=(t,e)=>{const n=t.$hostElement$,o=t.t;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&&(l=Ot(o,"componentWillLoad",void 0,n)),bt(l,(()=>St(t,o,e)))},bt=(t,e)=>wt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),wt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,St=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.M,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=z(e),l=r.get(o);if(t=11===t.nodeType?t:a,l)if("string"==typeof l){let s,i=_.get(t=t.head||t);if(i||_.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||a.createElement("style"),s.innerHTML=l;const i=null!=(n=d.T)?n:k(a);if(null!=i&&s.setAttribute("nonce",i),!(1&e.o))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(p){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.o&&"HEAD"!==t.nodeName&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=c),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&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);gt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>jt(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},gt=(t,e,n,o)=>{try{e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,i;const r=t.$hostElement$,c=t.M,u=t.P||B(null,null),f=(t=>t&&t.m===D)(e)?e:H(null,null,e);if(A=r.tagName,n&&f.u)for(const t of Object.keys(f.u))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.u[t]=r[t]);if(f.m=null,f.o|=4,t.P=f,f.$=u.$=r.shadowRoot||r,F=r["s-sc"],tt=!!(1&c.o),R=r["s-cr"],et=!1,ft(u,f,n),d.o|=1,nt){dt(f.$);for(const t of at){const e=t.j;if(!e["s-ol"]){const t=a.createTextNode("");t["s-nr"]=e,pt(e.parentNode,e["s-ol"]=t,e)}}for(const t of at){const e=t.j,r=t.k;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),pt(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)}}et&&T(f.$),d.o&=-2,at.length=0,R=void 0})(t,e,o)}catch(e){s(e,t.$hostElement$)}return null},jt=t=>{const e=t.$hostElement$,n=t.C;64&t.o||(t.o|=64,Et(e),t.F(e),n||kt()),t.R(e),t.O&&(t.O(),t.O=void 0),512&t.o&&S((()=>yt(t,!1))),t.o&=-517},kt=()=>{Et(a.documentElement),S((()=>(t=>{const e=d.ce("appload",{detail:{namespace:"component-library"}});return t.dispatchEvent(e),e})(f)))},Ot=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},Et=t=>t.classList.add("hydrated"),Ct=(t,e,o,l)=>{const i=n(t);if(!i)throw Error(`Couldn't find host element for "${l.S}" 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=i.$hostElement$,c=i.A.get(e),u=i.o,f=i.t;if(o=q(o,l.L[e][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.A.set(e,o),f)){if(l.N&&128&u){const t=l.N[e];t&&t.map((t=>{try{f[t](o,c,e)}catch(t){s(t,r)}}))}2==(18&u)&&yt(i,!1)}},xt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.L||e.N||t.watchers){t.watchers&&!e.N&&(e.N=t.watchers);const r=Object.entries(null!=(l=e.L)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.L[t][0]|=2048),r&&(e.L[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.L[t][0]))return((t,e)=>n(this).A.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.A.get(t)?s=i.A.get(t):!i.A.get(t)&&n&&i.A.set(t,n),r.call(this,q(s,l)),void Ct(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.L[t][0]))return Ct(this,t,s,e),void(1&o&&!i.t&&i.H.then((()=>{4096&e.L[t][0]&&i.t[t]!==i.A.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.A.get(t)&&n&&i.A.set(t,n),i.t[t]=q(s,l),Ct(this,t,i.t[t],e)};i.t?n():i.H.then((()=>n()))}}})}else 1&o&&64&l&&Object.defineProperty(i,t,{value(...e){var o;const l=n(this);return null==(o=null==l?void 0:l.B)?void 0:o.then((()=>{var n;return null==(n=l.t)?void 0:n[t](...e)}))}})})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){d.jmp((()=>{var r;const c=o.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 o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.N)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,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 n=e[1]||t;return o.set(n,t),n}))]))}}return t},Mt=(t,o={})=>{var l;const u=[],h=o.exclude||[],v=f.customElements,m=a.head,y=m.querySelector("meta[charset]"),$=a.createElement("style"),b=[];let w,S=!0;Object.assign(d,o),d.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let g=!1;if(t.map((t=>{t[1].map((o=>{var l;const c={o:o[0],S:o[1],L:o[2],D:o[3]};4&c.o&&(g=!0),c.L=o[2],c.N=null!=(l=o[4])?l:{};const f=c.S,m=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,n)=>{const o={o:0,$hostElement$:t,M:n,A:new Map};o.B=new Promise((t=>o.R=t)),o.H=new Promise((t=>o.F=t)),t["s-p"]=[],t["s-rc"]=[],e.set(t,o)})(t=this,c),1&c.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),S?b.push(this):d.jmp((()=>(t=>{if(!(1&d.o)){const e=n(t),o=e.M,l=()=>{};if(1&e.o)(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{e.o|=1,12&o.o&&(t=>{const e=t["s-cr"]=a.createComment("");e["s-cn"]=!0,pt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){mt(e,e.C=n);break}}o.L&&Object.entries(o.L).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.o)){e.o|=32;{const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.U;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(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.S}#${e.W}" was not found`);o.isProxied||(n.N=o.watchers,xt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){s(e,t)}e.o&=-9,e.o|=128,r()}if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=z(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.C,c=()=>yt(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){d.jmp((()=>(async t=>{if(!(1&d.o)){const e=n(t);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}_.has(t)&&_.delete(t),t.shadowRoot&&_.has(t.shadowRoot)&&_.delete(t.shadowRoot)})(this))),d.raf((()=>{var t;const e=n(this);(null==(t=null==e?void 0:e.P)?void 0:t.$)instanceof Node&&!e.P.$.isConnected&&delete e.P.$}))}componentOnReady(){return n(this).H}};c.U=t[0],h.includes(f)||v.get(f)||(u.push(f),v.define(f,xt(m,c,1)))}))})),u.length>0&&(g&&($.textContent+=c),$.textContent+=u.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const t=null!=(l=d.T)?l:k(a);null!=t&&$.setAttribute("nonce",t),m.insertBefore($,y?y.nextSibling:m.firstChild)}S=!1,b.length?b.map((t=>t.connectedCallback())):d.jmp((()=>w=setTimeout(kt,30)))},Tt=(t,e)=>e,Pt=t=>d.T=t;export{Tt as F,Mt as b,G as g,H as h,h as p,o as r,Pt as s}