@haiilo/catalyst 0.5.13 → 0.7.0

package/dist/types/components.d.ts

@@ -14,6 +14,40 @@ export namespace Components {
          */
         "color": 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
     }
+    interface CatAvatar {
+        /**
+          * An icon to be used instead of the initials.
+         */
+        "icon"?: string;
+        /**
+          * Custom initials for the avatar.
+         */
+        "initials"?: string;
+        /**
+          * The label of the avatar.
+         */
+        "label": string;
+        /**
+          * Use round avatar edges.
+         */
+        "round": boolean;
+        /**
+          * The size of the avatar.
+         */
+        "size": 'xs' | 's' | 'm' | 'l' | 'xl';
+        /**
+          * An optional avatar image.
+         */
+        "src"?: string;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
+        /**
+          * Specifies where to open the linked document.
+         */
+        "urlTarget"?: '_blank' | '_self';
+    }
     interface CatBadge {
         /**
           * The color palette of the badge.
@@ -57,10 +91,6 @@ export namespace Components {
           * Specifies that the button should be disabled. A disabled button is unusable and un-clickable. Corresponds with the native HTML disabled attribute.
          */
         "disabled": boolean;
-        /**
-          * Ellipse overflowing button content.
-         */
-        "ellipsed": boolean;
         /**
           * The name of an icon to be displayed in the button.
          */
@@ -81,6 +111,10 @@ export namespace Components {
           * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
          */
         "name"?: string;
+        /**
+          * Disables ellipse overflowing button content.
+         */
+        "noEllipsis": boolean;
         /**
           * Use round button edges.
          */
@@ -126,6 +160,10 @@ export namespace Components {
           * Disabled state of the checkbox
          */
         "disabled": boolean;
+        /**
+          * Optional hint text(s) to be displayed with the checkbox.
+         */
+        "hint"?: string | string[];
         /**
           * Indeterminate state of the checkbox
          */
@@ -188,9 +226,9 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Optional hint text to be displayed with the input.
+          * Optional hint text(s) to be displayed with the input.
          */
-        "hint"?: string;
+        "hint"?: string | string[];
         /**
           * The name of an icon to be displayed in the input.
          */
@@ -280,6 +318,10 @@ export namespace Components {
           * Whether this radio is disabled.
          */
         "disabled": boolean;
+        /**
+          * Optional hint text(s) to be displayed with the radio.
+         */
+        "hint"?: string | string[];
         /**
           * The label of the radio that is visible.
          */
@@ -308,33 +350,33 @@ export namespace Components {
     }
     interface CatScrollable {
         /**
-          * Flags to enable/disable overflowX.
+          * Flags to disable/enable overflowX.
          */
-        "overflowX": boolean;
+        "noOverflowX": boolean;
         /**
-          * Flags to enable/disable overflowY.
+          * Flags to disable/enable overflowY.
          */
-        "overflowY": boolean;
+        "noOverflowY": boolean;
         /**
-          * Flag to enable/disable overscroll behavior.
+          * Flag to disable/enable overscroll behavior.
          */
-        "overscroll": boolean;
+        "noOverscroll": boolean;
         /**
-          * Buffer to be used to calculate the scroll distance.
+          * Flag to not fire an initial event after content initialization.
          */
-        "scrolledBuffer": number;
+        "noScrolledInit": boolean;
         /**
-          * Flag to fire an initial event after content initialization.
+          * Flags to disable/enable scroll shadowX.
          */
-        "scrolledInit": boolean;
+        "noShadowX": boolean;
         /**
-          * Flags to enable/disable scroll shadowX.
+          * Flags to disable/enable scroll shadowY.
          */
-        "shadowX": boolean;
+        "noShadowY": boolean;
         /**
-          * Flags to enable/disable scroll shadowY.
+          * Buffer to be used to calculate the scroll distance.
          */
-        "shadowY": boolean;
+        "scrolledBuffer": number;
     }
     interface CatSkeleton {
         /**
@@ -364,15 +406,55 @@ export namespace Components {
          */
         "size": 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
     }
+    interface CatTab {
+        /**
+          * Specifies that the tab should be deactivated.
+         */
+        "deactivated": boolean;
+        /**
+          * The name of an icon to be displayed in the tab.
+         */
+        "icon"?: string;
+        /**
+          * Hide the actual button content and only display the tab.
+         */
+        "iconOnly": boolean | Breakpoint;
+        /**
+          * Display the icon on the right.
+         */
+        "iconRight": boolean;
+        /**
+          * The label of the tab.
+         */
+        "label": string;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
+        /**
+          * Specifies where to open the linked document.
+         */
+        "urlTarget"?: '_blank' | '_self';
+    }
+    interface CatTabs {
+        /**
+          * The ID of the active tab.
+         */
+        "activeTab": string;
+        /**
+          * The alignment of the tabs.
+         */
+        "tabsAlign": 'left' | 'center' | 'right' | 'justify';
+    }
     interface CatTextarea {
         /**
           * Whether the textarea is disabled.
          */
         "disabled": boolean;
         /**
-          * Optional hint text to be displayed with the textarea.
+          * Optional hint text(s) to be displayed with the textarea.
          */
-        "hint"?: string;
+        "hint"?: string | string[];
         /**
           * The label for the textarea.
          */
@@ -430,6 +512,10 @@ export namespace Components {
           * Disabled state of the toggle.
          */
         "disabled": boolean;
+        /**
+          * Optional hint text(s) to be displayed with the toggle.
+         */
+        "hint"?: string | string[];
         /**
           * The label of the toggle that is visible.
          */
@@ -490,6 +576,12 @@ declare global {
         prototype: HTMLCatAlertElement;
         new (): HTMLCatAlertElement;
     };
+    interface HTMLCatAvatarElement extends Components.CatAvatar, HTMLStencilElement {
+    }
+    var HTMLCatAvatarElement: {
+        prototype: HTMLCatAvatarElement;
+        new (): HTMLCatAvatarElement;
+    };
     interface HTMLCatBadgeElement extends Components.CatBadge, HTMLStencilElement {
     }
     var HTMLCatBadgeElement: {
@@ -556,6 +648,18 @@ declare global {
         prototype: HTMLCatSpinnerElement;
         new (): HTMLCatSpinnerElement;
     };
+    interface HTMLCatTabElement extends Components.CatTab, HTMLStencilElement {
+    }
+    var HTMLCatTabElement: {
+        prototype: HTMLCatTabElement;
+        new (): HTMLCatTabElement;
+    };
+    interface HTMLCatTabsElement extends Components.CatTabs, HTMLStencilElement {
+    }
+    var HTMLCatTabsElement: {
+        prototype: HTMLCatTabsElement;
+        new (): HTMLCatTabsElement;
+    };
     interface HTMLCatTextareaElement extends Components.CatTextarea, HTMLStencilElement {
     }
     var HTMLCatTextareaElement: {
@@ -582,6 +686,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "cat-alert": HTMLCatAlertElement;
+        "cat-avatar": HTMLCatAvatarElement;
         "cat-badge": HTMLCatBadgeElement;
         "cat-button": HTMLCatButtonElement;
         "cat-card": HTMLCatCardElement;
@@ -593,6 +698,8 @@ declare global {
         "cat-scrollable": HTMLCatScrollableElement;
         "cat-skeleton": HTMLCatSkeletonElement;
         "cat-spinner": HTMLCatSpinnerElement;
+        "cat-tab": HTMLCatTabElement;
+        "cat-tabs": HTMLCatTabsElement;
         "cat-textarea": HTMLCatTextareaElement;
         "cat-toast-demo": HTMLCatToastDemoElement;
         "cat-toggle": HTMLCatToggleElement;
@@ -606,6 +713,40 @@ declare namespace LocalJSX {
          */
         "color"?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
     }
+    interface CatAvatar {
+        /**
+          * An icon to be used instead of the initials.
+         */
+        "icon"?: string;
+        /**
+          * Custom initials for the avatar.
+         */
+        "initials"?: string;
+        /**
+          * The label of the avatar.
+         */
+        "label"?: string;
+        /**
+          * Use round avatar edges.
+         */
+        "round"?: boolean;
+        /**
+          * The size of the avatar.
+         */
+        "size"?: 'xs' | 's' | 'm' | 'l' | 'xl';
+        /**
+          * An optional avatar image.
+         */
+        "src"?: string;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
+        /**
+          * Specifies where to open the linked document.
+         */
+        "urlTarget"?: '_blank' | '_self';
+    }
     interface CatBadge {
         /**
           * The color palette of the badge.
@@ -649,10 +790,6 @@ declare namespace LocalJSX {
           * Specifies that the button should be disabled. A disabled button is unusable and un-clickable. Corresponds with the native HTML disabled attribute.
          */
         "disabled"?: boolean;
-        /**
-          * Ellipse overflowing button content.
-         */
-        "ellipsed"?: boolean;
         /**
           * The name of an icon to be displayed in the button.
          */
@@ -673,6 +810,10 @@ declare namespace LocalJSX {
           * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
          */
         "name"?: string;
+        /**
+          * Disables ellipse overflowing button content.
+         */
+        "noEllipsis"?: boolean;
         /**
           * Emitted when the button loses focus.
          */
@@ -725,6 +866,10 @@ declare namespace LocalJSX {
           * Disabled state of the checkbox
          */
         "disabled"?: boolean;
+        /**
+          * Optional hint text(s) to be displayed with the checkbox.
+         */
+        "hint"?: string | string[];
         /**
           * Indeterminate state of the checkbox
          */
@@ -790,9 +935,9 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Optional hint text to be displayed with the input.
+          * Optional hint text(s) to be displayed with the input.
          */
-        "hint"?: string;
+        "hint"?: string | string[];
         /**
           * The name of an icon to be displayed in the input.
          */
@@ -897,6 +1042,10 @@ declare namespace LocalJSX {
           * Whether this radio is disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Optional hint text(s) to be displayed with the radio.
+         */
+        "hint"?: string | string[];
         /**
           * The label of the radio that is visible.
          */
@@ -932,49 +1081,49 @@ declare namespace LocalJSX {
     }
     interface CatScrollable {
         /**
-          * Emitted when the content is fully scrolled to the bottom.
+          * Flags to disable/enable overflowX.
          */
-        "onScrolledBottom"?: (event: CustomEvent<void>) => void;
+        "noOverflowX"?: boolean;
         /**
-          * Emitted when the content is fully scrolled to the left.
+          * Flags to disable/enable overflowY.
          */
-        "onScrolledLeft"?: (event: CustomEvent<void>) => void;
+        "noOverflowY"?: boolean;
         /**
-          * Emitted when the content is fully scrolled to the right.
+          * Flag to disable/enable overscroll behavior.
          */
-        "onScrolledRight"?: (event: CustomEvent<void>) => void;
+        "noOverscroll"?: boolean;
         /**
-          * Emitted when the content is fully scrolled to the top.
+          * Flag to not fire an initial event after content initialization.
          */
-        "onScrolledTop"?: (event: CustomEvent<void>) => void;
+        "noScrolledInit"?: boolean;
         /**
-          * Flags to enable/disable overflowX.
+          * Flags to disable/enable scroll shadowX.
          */
-        "overflowX"?: boolean;
+        "noShadowX"?: boolean;
         /**
-          * Flags to enable/disable overflowY.
+          * Flags to disable/enable scroll shadowY.
          */
-        "overflowY"?: boolean;
+        "noShadowY"?: boolean;
         /**
-          * Flag to enable/disable overscroll behavior.
+          * Emitted when the content is fully scrolled to the bottom.
          */
-        "overscroll"?: boolean;
+        "onScrolledBottom"?: (event: CustomEvent<void>) => void;
         /**
-          * Buffer to be used to calculate the scroll distance.
+          * Emitted when the content is fully scrolled to the left.
          */
-        "scrolledBuffer"?: number;
+        "onScrolledLeft"?: (event: CustomEvent<void>) => void;
         /**
-          * Flag to fire an initial event after content initialization.
+          * Emitted when the content is fully scrolled to the right.
          */
-        "scrolledInit"?: boolean;
+        "onScrolledRight"?: (event: CustomEvent<void>) => void;
         /**
-          * Flags to enable/disable scroll shadowX.
+          * Emitted when the content is fully scrolled to the top.
          */
-        "shadowX"?: boolean;
+        "onScrolledTop"?: (event: CustomEvent<void>) => void;
         /**
-          * Flags to enable/disable scroll shadowY.
+          * Buffer to be used to calculate the scroll distance.
          */
-        "shadowY"?: boolean;
+        "scrolledBuffer"?: number;
     }
     interface CatSkeleton {
         /**
@@ -1004,15 +1153,59 @@ declare namespace LocalJSX {
          */
         "size"?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
     }
+    interface CatTab {
+        /**
+          * Specifies that the tab should be deactivated.
+         */
+        "deactivated"?: boolean;
+        /**
+          * The name of an icon to be displayed in the tab.
+         */
+        "icon"?: string;
+        /**
+          * Hide the actual button content and only display the tab.
+         */
+        "iconOnly"?: boolean | Breakpoint;
+        /**
+          * Display the icon on the right.
+         */
+        "iconRight"?: boolean;
+        /**
+          * The label of the tab.
+         */
+        "label"?: string;
+        /**
+          * Emitted when tab is clicked.
+         */
+        "onTabClick"?: (event: CustomEvent<MouseEvent>) => void;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
+        /**
+          * Specifies where to open the linked document.
+         */
+        "urlTarget"?: '_blank' | '_self';
+    }
+    interface CatTabs {
+        /**
+          * The ID of the active tab.
+         */
+        "activeTab"?: string;
+        /**
+          * The alignment of the tabs.
+         */
+        "tabsAlign"?: 'left' | 'center' | 'right' | 'justify';
+    }
     interface CatTextarea {
         /**
           * Whether the textarea is disabled.
          */
         "disabled"?: boolean;
         /**
-          * Optional hint text to be displayed with the textarea.
+          * Optional hint text(s) to be displayed with the textarea.
          */
-        "hint"?: string;
+        "hint"?: string | string[];
         /**
           * The label for the textarea.
          */
@@ -1077,6 +1270,10 @@ declare namespace LocalJSX {
           * Disabled state of the toggle.
          */
         "disabled"?: boolean;
+        /**
+          * Optional hint text(s) to be displayed with the toggle.
+         */
+        "hint"?: string | string[];
         /**
           * The label of the toggle that is visible.
          */
@@ -1138,6 +1335,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "cat-alert": CatAlert;
+        "cat-avatar": CatAvatar;
         "cat-badge": CatBadge;
         "cat-button": CatButton;
         "cat-card": CatCard;
@@ -1149,6 +1347,8 @@ declare namespace LocalJSX {
         "cat-scrollable": CatScrollable;
         "cat-skeleton": CatSkeleton;
         "cat-spinner": CatSpinner;
+        "cat-tab": CatTab;
+        "cat-tabs": CatTabs;
         "cat-textarea": CatTextarea;
         "cat-toast-demo": CatToastDemo;
         "cat-toggle": CatToggle;
@@ -1160,6 +1360,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "cat-alert": LocalJSX.CatAlert & JSXBase.HTMLAttributes<HTMLCatAlertElement>;
+            "cat-avatar": LocalJSX.CatAvatar & JSXBase.HTMLAttributes<HTMLCatAvatarElement>;
             "cat-badge": LocalJSX.CatBadge & JSXBase.HTMLAttributes<HTMLCatBadgeElement>;
             "cat-button": LocalJSX.CatButton & JSXBase.HTMLAttributes<HTMLCatButtonElement>;
             "cat-card": LocalJSX.CatCard & JSXBase.HTMLAttributes<HTMLCatCardElement>;
@@ -1171,6 +1372,8 @@ declare module "@stencil/core" {
             "cat-scrollable": LocalJSX.CatScrollable & JSXBase.HTMLAttributes<HTMLCatScrollableElement>;
             "cat-skeleton": LocalJSX.CatSkeleton & JSXBase.HTMLAttributes<HTMLCatSkeletonElement>;
             "cat-spinner": LocalJSX.CatSpinner & JSXBase.HTMLAttributes<HTMLCatSpinnerElement>;
+            "cat-tab": LocalJSX.CatTab & JSXBase.HTMLAttributes<HTMLCatTabElement>;
+            "cat-tabs": LocalJSX.CatTabs & JSXBase.HTMLAttributes<HTMLCatTabsElement>;
             "cat-textarea": LocalJSX.CatTextarea & JSXBase.HTMLAttributes<HTMLCatTextareaElement>;
             "cat-toast-demo": LocalJSX.CatToastDemo & JSXBase.HTMLAttributes<HTMLCatToastDemoElement>;
             "cat-toggle": LocalJSX.CatToggle & JSXBase.HTMLAttributes<HTMLCatToggleElement>;

package/dist/types/utils/load-img.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Loads an image and wraps the result in a promise.
+ *
+ * @param src the image URL
+ * @returns a promise
+ */
+declare const loadImg: (src: string) => Promise<Event>;
+export default loadImg;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.5.13",
+  "version": "0.7.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "0.4.1",
-    "@haiilo/catalyst-tokens": "^0.5.13",
+    "@haiilo/catalyst-tokens": "0.7.0",
     "@stencil/core": "2.15.0",
     "autosize": "^5.0.1",
     "focus-trap": "6.8.1",

package/dist/catalyst/p-a8629c54.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as n,h as e,H as o}from"./p-bfc656ca.js";import{l as i}from"./p-7c06183a.js";var r,a,s="function"==typeof Map?new Map:(r=[],a=[],{has:function(t){return r.indexOf(t)>-1},get:function(t){return a[r.indexOf(t)]},set:function(t,n){-1===r.indexOf(t)&&(r.push(t),a.push(n))},delete:function(t){var n=r.indexOf(t);n>-1&&(r.splice(n,1),a.splice(n,1))}}),l=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(r){l=function(t){var n=document.createEvent("Event");return n.initEvent(t,!0,!1),n}}function u(t){var n=s.get(t);n&&n.destroy()}function h(t){var n=s.get(t);n&&n.update()}var c=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((c=function(t){return t}).destroy=function(t){return t},c.update=function(t){return t}):((c=function(t,n){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!s.has(t)){var n,e=null,o=null,i=null,r=function(){t.clientWidth!==o&&c()},a=function(n){window.removeEventListener("resize",r,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(n).forEach((function(e){t.style[e]=n[e]})),s.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",r,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",s.set(t,{destroy:a,update:c}),"vertical"===(n=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),e="content-box"===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(e)&&(e=0),c()}function u(n){var e=t.style.width;t.style.width="0px",t.style.width=e,t.style.overflowY=n}function h(){if(0!==t.scrollHeight){var n=function(t){for(var n=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&n.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return n}(t),i=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",o=t.clientWidth,n.forEach((function(t){t.node.scrollTop=t.scrollTop})),i&&(document.documentElement.scrollTop=i)}}function c(){h();var n=Math.round(parseFloat(t.style.height)),e=window.getComputedStyle(t,null),o="content-box"===e.boxSizing?Math.round(parseFloat(e.height)):t.offsetHeight;if(o<n?"hidden"===e.overflowY&&(u("scroll"),h(),o="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==e.overflowY&&(u("hidden"),h(),o="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),i!==o){i=o;var r=l("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],u),t},c.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],h),t});var d=c;const p=":host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;margin-bottom:1rem}:host([hidden]){display:none}label{align-self:flex-start}label.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:0.25rem;border:none;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}textarea:disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));resize:none}textarea:hover:not(:disabled){box-shadow:0 0 0 2px #d7dbe0}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.input-hint{font-size:0.875rem;line-height:1rem;margin:0}";let f=0;const m=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-textarea-${f++}`;this.disabled=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.rows=3}componentWillRender(){if(!this.label){i.error("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){d(this.textarea)}async setFocus(t){this.textarea.focus(t)}render(){return e(o,null,this.label&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.label,!this.required&&e("span",{class:"input-optional","aria-hidden":"true"},"(Optional)"))),e("textarea",{ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,maxlength:this.maxLength,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,rows:this.rows,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),this.hint&&e("p",{class:"input-hint"},this.hint))}onInput(t){this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}};m.style=p;export{m as cat_textarea};
-//# sourceMappingURL=p-a8629c54.entry.js.map

package/dist/catalyst/p-a8629c54.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/autosize/dist/autosize.esm.js","src/components/cat-textarea/cat-textarea.scss?tag=cat-textarea&encapsulation=shadow","src/components/cat-textarea/cat-textarea.tsx"],"names":["e","t","n","Map","has","indexOf","get","set","o","push","delete","splice","Event","bubbles","document","createEvent","initEvent","r","destroy","i","update","l","window","getComputedStyle","Array","prototype","forEach","call","length","nodeName","d","clientWidth","c","a","removeEventListener","Object","keys","style","bind","height","resize","overflowY","overflowX","wordWrap","addEventListener","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","isNaN","u","width","s","scrollHeight","parentNode","Element","scrollTop","node","documentElement","Math","round","offsetHeight","dispatchEvent","catTextareaCss","nextUniqueId","CatTextarea","[object Object]","hostRef","this","id","disabled","label","labelHidden","name","readonly","required","rows","log","error","autosize","textarea","options","focus","h","Host","htmlFor","class","hidden","part","aria-hidden","ref","el","maxlength","maxLength","minlength","minLength","placeholder","value","onInput","onFocus","onBlur","hint","event","catChange","emit","catFocus","catBlur"],"mappings":"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","sourcesContent":["var e,t,n=\"function\"==typeof Map?new Map:(e=[],t=[],{has:function(t){return e.indexOf(t)>-1},get:function(n){return t[e.indexOf(n)]},set:function(n,o){-1===e.indexOf(n)&&(e.push(n),t.push(o))},delete:function(n){var o=e.indexOf(n);o>-1&&(e.splice(o,1),t.splice(o,1))}}),o=function(e){return new Event(e,{bubbles:!0})};try{new Event(\"test\")}catch(e){o=function(e){var t=document.createEvent(\"Event\");return t.initEvent(e,!0,!1),t}}function r(e){var t=n.get(e);t&&t.destroy()}function i(e){var t=n.get(e);t&&t.update()}var l=null;\"undefined\"==typeof window||\"function\"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return function(e){if(e&&e.nodeName&&\"TEXTAREA\"===e.nodeName&&!n.has(e)){var t,r=null,i=null,l=null,d=function(){e.clientWidth!==i&&c()},a=function(t){window.removeEventListener(\"resize\",d,!1),e.removeEventListener(\"input\",c,!1),e.removeEventListener(\"keyup\",c,!1),e.removeEventListener(\"autosize:destroy\",a,!1),e.removeEventListener(\"autosize:update\",c,!1),Object.keys(t).forEach(function(n){e.style[n]=t[n]}),n.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener(\"autosize:destroy\",a,!1),\"onpropertychange\"in e&&\"oninput\"in e&&e.addEventListener(\"keyup\",c,!1),window.addEventListener(\"resize\",d,!1),e.addEventListener(\"input\",c,!1),e.addEventListener(\"autosize:update\",c,!1),e.style.overflowX=\"hidden\",e.style.wordWrap=\"break-word\",n.set(e,{destroy:a,update:c}),\"vertical\"===(t=window.getComputedStyle(e,null)).resize?e.style.resize=\"none\":\"both\"===t.resize&&(e.style.resize=\"horizontal\"),r=\"content-box\"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(r)&&(r=0),c()}function u(t){var n=e.style.width;e.style.width=\"0px\",e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height=\"\",e.style.height=e.scrollHeight+r+\"px\",i=e.clientWidth,t.forEach(function(e){e.node.scrollTop=e.scrollTop}),n&&(document.documentElement.scrollTop=n)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r<t?\"hidden\"===n.overflowY&&(u(\"scroll\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):\"hidden\"!==n.overflowY&&(u(\"hidden\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),l!==r){l=r;var i=o(\"autosize:resized\");try{e.dispatchEvent(i)}catch(e){}}}}(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e});var d=l;export default d;\n","@use 'variables' as *;\n@use 'mixins' as *;\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  @include cat-body('m');\n  margin-bottom: $cat-body-margin-bottom;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\nlabel {\n  align-self: flex-start;\n\n  &.hidden {\n    @include cat-visually-hidden;\n  }\n}\n\n.input-optional {\n  margin-left: 0.25rem;\n  @include cat-body('xs');\n  color: cat-token('color.ui.font.muted');\n}\n\ntextarea {\n  margin: 0;\n  padding: 0.625rem 0.75rem;\n  min-height: cat-size('m');\n  font: inherit;\n  background: cat-token('color.ui.background.input');\n  border-radius: cat-border-radius('m');\n  border: none;\n  box-shadow: 0 0 0 1px cat-token('color.ui.border.input');\n  transition: box-shadow cat-token('time.transition.s') linear;\n\n  &:disabled {\n    background: cat-token('color.ui.background.inputDisabled');\n    cursor: not-allowed;\n    color: cat-token('color.ui.font.muted');\n    resize: none;\n  }\n\n  &:hover:not(:disabled) {\n    box-shadow: 0 0 0 2px cat-token('color.ui.border.input');\n  }\n\n  &:focus {\n    outline: 2px solid cat-token('color.ui.border.focus');\n  }\n\n  &::placeholder {\n    color: cat-token('color.ui.font.muted');\n  }\n}\n\n.input-hint {\n  @include cat-body('s');\n  margin: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport log from 'loglevel';\nimport autosize from 'autosize';\n\nlet nextUniqueId = 0;\n\n/**\n * Textarea specifies a control that allows user to write text over multiple\n * rows. Used when the expected user input is long. For shorter input, use the\n * input component.\n *\n * @part label - The label content.\n */\n@Component({\n  tag: 'cat-textarea',\n  styleUrl: 'cat-textarea.scss',\n  shadow: true\n})\nexport class CatTextarea {\n  private readonly id = `cat-textarea-${nextUniqueId++}`;\n  private textarea!: HTMLTextAreaElement;\n\n  /**\n   * Whether the textarea is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Optional hint text to be displayed with the textarea.\n   */\n  @Prop() hint?: string;\n\n  /**\n   * The label for the textarea.\n   */\n  @Prop() label = '';\n\n  /**\n   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A maximum length (number of characters) for textual values.\n   */\n  @Prop() maxLength?: number;\n\n  /**\n   * A minimum length (number of characters) for textual values.\n   */\n  @Prop() minLength?: number;\n\n  /**\n   * The name of the form control. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name = '';\n\n  /**\n   * The placeholder text to display within the input.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The value is not editable.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A value is required or must be check for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * Specifies the initial number of lines in the textarea.\n   */\n  @Prop() rows = 3;\n\n  /**\n   * The initial value of the control.\n   */\n  @Prop() value?: string | number;\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter;\n\n  /**\n   * Emitted when the textarea received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the textarea loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillRender(): void {\n    if (!this.label) {\n      log.error('[A11y] Missing ARIA label on textarea', this);\n    }\n  }\n\n  componentDidLoad(): void {\n    autosize(this.textarea);\n  }\n\n  /**\n   * Sets focus on the textarea. Use this method instead of `textarea.focus()`.\n   *\n   * @param options An optional object providing options to control aspects of\n   * the focusing process.\n   */\n  @Method()\n  async setFocus(options?: FocusOptions): Promise<void> {\n    this.textarea.focus(options);\n  }\n\n  // /**\n  //  * Clear the input.\n  //  */\n  // @Method()\n  // async clear(): Promise<void> {\n  //   this.inputValue = '';\n  // }\n\n  render() {\n    return (\n      <Host>\n        {this.label && (\n          <label htmlFor={this.id} class={{ hidden: this.labelHidden }}>\n            <span part=\"label\">\n              {this.label}\n              {!this.required && (\n                <span class=\"input-optional\" aria-hidden=\"true\">\n                  (Optional)\n                </span>\n              )}\n            </span>\n          </label>\n        )}\n        <textarea\n          ref={el => (this.textarea = el as HTMLTextAreaElement)}\n          id={this.id}\n          disabled={this.disabled}\n          maxlength={this.maxLength}\n          minlength={this.minLength}\n          name={this.name}\n          placeholder={this.placeholder}\n          readonly={this.readonly}\n          required={this.required}\n          rows={this.rows}\n          value={this.value}\n          onInput={this.onInput.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onBlur={this.onBlur.bind(this)}\n        ></textarea>\n        {this.hint && <p class=\"input-hint\">{this.hint}</p>}\n      </Host>\n    );\n  }\n\n  private onInput(event: Event) {\n    // this.inputValue = πthis.input.value;\n    this.catChange.emit(event);\n  }\n\n  private onFocus(event: FocusEvent) {\n    this.catFocus.emit(event);\n  }\n\n  private onBlur(event: FocusEvent) {\n    this.catBlur.emit(event);\n  }\n}\n"]}

package/dist/catalyst/p-bfc656ca.js

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