@haiilo/catalyst 8.0.2 → 8.1.1

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

@@ -8,7 +8,8 @@ import { InputType } from './input-type';
  *
  * @slot hint - Optional hint element to be displayed with the input.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
- * @part label - The label content.
+ * @part label - The native label element.
+ * @part input - The native input element.
  * @part prefix - The text prefix.
  * @part suffix - The text suffix.
  */

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

@@ -6,6 +6,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot hint - Optional hint element to be displayed with the radio.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
  * @part label - The label content.
+ * @part input - The native input element.
  */
 export declare class CatRadio {
   private readonly _id;

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

@@ -0,0 +1 @@
+declare module 'autosize-input';

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

@@ -68,7 +68,8 @@ export interface CatSelectTaggingValue {
  *
  * @slot hint - Optional hint element to be displayed with the select.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
- * @part label - The label content.
+ * @part label - The native label element.
+ * @part input - The native input element.
  */
 export declare class CatSelect {
   private static readonly SKELETON_COUNT;

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

@@ -7,7 +7,8 @@ import { ErrorMap } from '../cat-form-hint/cat-form-hint';
  *
  * @slot hint - Optional hint element to be displayed with the textarea.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
- * @part label - The label content.
+ * @part label - The native label element.
+ * @part textarea - The native textarea element.
  */
 export declare class CatTextarea {
   private readonly _id;

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

@@ -5,8 +5,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
  *
  * @slot hint - Optional hint element to be displayed with the toggle.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
- * @part toggle - The toggle element.
  * @part label - The label content.
+ * @part input - The native input element.
  */
 export declare class CatToggle {
   private readonly _id;

package/dist/types/components.d.ts

@@ -1269,11 +1269,24 @@ declare global {
         prototype: HTMLCatBadgeElement;
         new (): HTMLCatBadgeElement;
     };
+    interface HTMLCatButtonElementEventMap {
+        "catClick": MouseEvent;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Buttons are used for interface actions. Primary style should be used only
      * once per view for main call-to-action.
      */
     interface HTMLCatButtonElement extends Components.CatButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatButtonElementEventMap>(type: K, listener: (this: HTMLCatButtonElement, ev: CatButtonCustomEvent<HTMLCatButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatButtonElementEventMap>(type: K, listener: (this: HTMLCatButtonElement, ev: CatButtonCustomEvent<HTMLCatButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatButtonElement: {
         prototype: HTMLCatButtonElement;
@@ -1299,29 +1312,78 @@ declare global {
         prototype: HTMLCatCardElement;
         new (): HTMLCatCardElement;
     };
+    interface HTMLCatCheckboxElementEventMap {
+        "catChange": any;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Checkboxes are used to let a user choose one or more options from a limited
      * number of options.
      */
     interface HTMLCatCheckboxElement extends Components.CatCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatCheckboxElementEventMap>(type: K, listener: (this: HTMLCatCheckboxElement, ev: CatCheckboxCustomEvent<HTMLCatCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatCheckboxElementEventMap>(type: K, listener: (this: HTMLCatCheckboxElement, ev: CatCheckboxCustomEvent<HTMLCatCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatCheckboxElement: {
         prototype: HTMLCatCheckboxElement;
         new (): HTMLCatCheckboxElement;
     };
+    interface HTMLCatDatepickerElementEventMap {
+        "catChange": string;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     interface HTMLCatDatepickerElement extends Components.CatDatepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatDatepickerElementEventMap>(type: K, listener: (this: HTMLCatDatepickerElement, ev: CatDatepickerCustomEvent<HTMLCatDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatDatepickerElementEventMap>(type: K, listener: (this: HTMLCatDatepickerElement, ev: CatDatepickerCustomEvent<HTMLCatDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatDatepickerElement: {
         prototype: HTMLCatDatepickerElement;
         new (): HTMLCatDatepickerElement;
     };
+    interface HTMLCatDatepickerInlineElementEventMap {
+        "catChange": string;
+    }
     interface HTMLCatDatepickerInlineElement extends Components.CatDatepickerInline, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatDatepickerInlineElementEventMap>(type: K, listener: (this: HTMLCatDatepickerInlineElement, ev: CatDatepickerInlineCustomEvent<HTMLCatDatepickerInlineElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatDatepickerInlineElementEventMap>(type: K, listener: (this: HTMLCatDatepickerInlineElement, ev: CatDatepickerInlineCustomEvent<HTMLCatDatepickerInlineElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatDatepickerInlineElement: {
         prototype: HTMLCatDatepickerInlineElement;
         new (): HTMLCatDatepickerInlineElement;
     };
+    interface HTMLCatDropdownElementEventMap {
+        "catOpen": FocusEvent;
+        "catClose": FocusEvent;
+    }
     interface HTMLCatDropdownElement extends Components.CatDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatDropdownElementEventMap>(type: K, listener: (this: HTMLCatDropdownElement, ev: CatDropdownCustomEvent<HTMLCatDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatDropdownElementEventMap>(type: K, listener: (this: HTMLCatDropdownElement, ev: CatDropdownCustomEvent<HTMLCatDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatDropdownElement: {
         prototype: HTMLCatDropdownElement;
@@ -1343,17 +1405,33 @@ declare global {
         prototype: HTMLCatIconElement;
         new (): HTMLCatIconElement;
     };
+    interface HTMLCatInputElementEventMap {
+        "catChange": string;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Inputs are used to allow users to provide text input when the expected input
      * is short. As well as plain text, Input supports various types of text,
      * including passwords and numbers.
      */
     interface HTMLCatInputElement extends Components.CatInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatInputElementEventMap>(type: K, listener: (this: HTMLCatInputElement, ev: CatInputCustomEvent<HTMLCatInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatInputElementEventMap>(type: K, listener: (this: HTMLCatInputElement, ev: CatInputCustomEvent<HTMLCatInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatInputElement: {
         prototype: HTMLCatInputElement;
         new (): HTMLCatInputElement;
     };
+    interface HTMLCatPaginationElementEventMap {
+        "catChange": number;
+    }
     /**
      * A navigation component to switch between different pages of paged chunks of
      * data such as a table. Pagination is built with list HTML elements and a
@@ -1362,45 +1440,107 @@ declare global {
      * correctly highlighted using `aria-current`.
      */
     interface HTMLCatPaginationElement extends Components.CatPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatPaginationElementEventMap>(type: K, listener: (this: HTMLCatPaginationElement, ev: CatPaginationCustomEvent<HTMLCatPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatPaginationElementEventMap>(type: K, listener: (this: HTMLCatPaginationElement, ev: CatPaginationCustomEvent<HTMLCatPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatPaginationElement: {
         prototype: HTMLCatPaginationElement;
         new (): HTMLCatPaginationElement;
     };
+    interface HTMLCatRadioElementEventMap {
+        "catChange": boolean | string;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Radio Buttons are graphical interface elements that allow user to choose
      * only one of a predefined set of mutually exclusive options.
      */
     interface HTMLCatRadioElement extends Components.CatRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatRadioElementEventMap>(type: K, listener: (this: HTMLCatRadioElement, ev: CatRadioCustomEvent<HTMLCatRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatRadioElementEventMap>(type: K, listener: (this: HTMLCatRadioElement, ev: CatRadioCustomEvent<HTMLCatRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatRadioElement: {
         prototype: HTMLCatRadioElement;
         new (): HTMLCatRadioElement;
     };
+    interface HTMLCatRadioGroupElementEventMap {
+        "catChange": boolean | string;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * A group of radio buttons.
      */
     interface HTMLCatRadioGroupElement extends Components.CatRadioGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatRadioGroupElementEventMap>(type: K, listener: (this: HTMLCatRadioGroupElement, ev: CatRadioGroupCustomEvent<HTMLCatRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatRadioGroupElementEventMap>(type: K, listener: (this: HTMLCatRadioGroupElement, ev: CatRadioGroupCustomEvent<HTMLCatRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatRadioGroupElement: {
         prototype: HTMLCatRadioGroupElement;
         new (): HTMLCatRadioGroupElement;
     };
+    interface HTMLCatScrollableElementEventMap {
+        "scrolledTop": void;
+        "scrolledLeft": void;
+        "scrolledRight": void;
+        "scrolledBottom": void;
+    }
     /**
      * An element to display scrollable content.
      */
     interface HTMLCatScrollableElement extends Components.CatScrollable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatScrollableElementEventMap>(type: K, listener: (this: HTMLCatScrollableElement, ev: CatScrollableCustomEvent<HTMLCatScrollableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatScrollableElementEventMap>(type: K, listener: (this: HTMLCatScrollableElement, ev: CatScrollableCustomEvent<HTMLCatScrollableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatScrollableElement: {
         prototype: HTMLCatScrollableElement;
         new (): HTMLCatScrollableElement;
     };
+    interface HTMLCatSelectElementEventMap {
+        "catOpen": FocusEvent;
+        "catClose": FocusEvent;
+        "catChange": InputEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Select lets user choose one option from an options' menu. Consider using
      * select when you have 6 or more options. Select component supports any content
      * type.
      */
     interface HTMLCatSelectElement extends Components.CatSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatSelectElementEventMap>(type: K, listener: (this: HTMLCatSelectElement, ev: CatSelectCustomEvent<HTMLCatSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatSelectElementEventMap>(type: K, listener: (this: HTMLCatSelectElement, ev: CatSelectCustomEvent<HTMLCatSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatSelectElement: {
         prototype: HTMLCatSelectElement;
@@ -1430,41 +1570,89 @@ declare global {
         prototype: HTMLCatSpinnerElement;
         new (): HTMLCatSpinnerElement;
     };
+    interface HTMLCatTabElementEventMap {
+        "tabClick": MouseEvent;
+    }
     /**
      * A single tab inside a tabs component.
      */
     interface HTMLCatTabElement extends Components.CatTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatTabElementEventMap>(type: K, listener: (this: HTMLCatTabElement, ev: CatTabCustomEvent<HTMLCatTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatTabElementEventMap>(type: K, listener: (this: HTMLCatTabElement, ev: CatTabCustomEvent<HTMLCatTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatTabElement: {
         prototype: HTMLCatTabElement;
         new (): HTMLCatTabElement;
     };
+    interface HTMLCatTabsElementEventMap {
+        "catChange": { id: string; index: number };
+    }
     /**
      * Tabs are used to display multiple panels to be contained within a single
      * window, using tabs as a navigational element.
      */
     interface HTMLCatTabsElement extends Components.CatTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatTabsElementEventMap>(type: K, listener: (this: HTMLCatTabsElement, ev: CatTabsCustomEvent<HTMLCatTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatTabsElementEventMap>(type: K, listener: (this: HTMLCatTabsElement, ev: CatTabsCustomEvent<HTMLCatTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatTabsElement: {
         prototype: HTMLCatTabsElement;
         new (): HTMLCatTabsElement;
     };
+    interface HTMLCatTextareaElementEventMap {
+        "catChange": string;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Textarea specifies a control that allows user to write text over multiple
      * rows. Used when the expected user input is long. For shorter input, use the
      * input component.
      */
     interface HTMLCatTextareaElement extends Components.CatTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatTextareaElementEventMap>(type: K, listener: (this: HTMLCatTextareaElement, ev: CatTextareaCustomEvent<HTMLCatTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatTextareaElementEventMap>(type: K, listener: (this: HTMLCatTextareaElement, ev: CatTextareaCustomEvent<HTMLCatTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatTextareaElement: {
         prototype: HTMLCatTextareaElement;
         new (): HTMLCatTextareaElement;
     };
+    interface HTMLCatToggleElementEventMap {
+        "catChange": any;
+        "catFocus": FocusEvent;
+        "catBlur": FocusEvent;
+    }
     /**
      * Toggles are graphical interface switches that give user control over a
      * feature or option that can be turned on or off.
      */
     interface HTMLCatToggleElement extends Components.CatToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCatToggleElementEventMap>(type: K, listener: (this: HTMLCatToggleElement, ev: CatToggleCustomEvent<HTMLCatToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCatToggleElementEventMap>(type: K, listener: (this: HTMLCatToggleElement, ev: CatToggleCustomEvent<HTMLCatToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCatToggleElement: {
         prototype: HTMLCatToggleElement;

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -1115,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "8.0.2",
+  "version": "8.1.1",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.5.3",
-    "@stencil/core": "4.4.1",
+    "@stencil/core": "4.7.1",
     "autosize": "6.0.1",
     "autosize-input": "1.0.2",
     "flatpickr": "4.6.13",
@@ -38,23 +38,23 @@
     "sanitize.css": "13.0.0",
     "tabbable": "6.2.0",
     "toastify-js": "1.12.0",
-    "@haiilo/catalyst-tokens": "8.0.2"
+    "@haiilo/catalyst-tokens": "8.1.1"
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",
     "@haiilo/catalyst-icons": "^1.0.7",
-    "@stencil/angular-output-target": "^0.8.2",
+    "@stencil/angular-output-target": "^0.8.3",
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^3.0.6",
-    "@stencil/vue-output-target": "^0.8.6",
+    "@stencil/sass": "^3.0.7",
+    "@stencil/vue-output-target": "^0.8.7",
     "@types/autosize": "^4.0.1",
-    "@types/jest": "^27.5.1",
+    "@types/jest": "^27.4.1",
     "@types/node": "^18.18.5",
     "@types/toastify-js": "^1.12.1",
-    "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
     "babel-loader": "^9.1.3",
-    "eslint": "^8.51.0",
+    "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
@@ -63,9 +63,9 @@
     "replace-in-file": "^7.0.1",
     "rxjs": "^7.5.5",
     "stencil-inline-svg": "^1.1.0",
-    "stylelint": "^15.10.3",
+    "stylelint": "^15.11.0",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^11.0.0",
+    "stylelint-config-standard-scss": "^11.1.0",
     "typescript": "~5.2.2"
   },
   "scripts": {

package/dist/catalyst/p-376b504c.js

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