@3t-transform/threeteeui 0.1.3 → 0.1.5

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts

@@ -1,56 +1,53 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
-export declare type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
-export declare type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
-export declare type TimeSyntax = `${number}${number}:${number}${number}`;
-export declare type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
-export declare type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
-export declare class TttxInput {
-  label: string;
-  showerrormsg: boolean;
-  showerrorbubble: boolean;
-  errormsg: string;
-  iconleft: string;
-  iconright: string;
-  inputicon: string;
-  inline: boolean;
-  inputAutocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-  inputAutofocus: boolean;
-  /**
-   * Defines what action to present for the enter key on virtual keyboards
-   */
-  inputKeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-  /**
-   * tabindex - Allows the HTML elements to be focusable
-   * @example <caption>In HTML (like `index.html`)</caption>
-   * <tttx-standalone-input input-index="1" />
-   * @example <caption>In TSX files</caption>
-   * <tttx-standalone-input inputIndex={1} />
-   */
-  inputIndex: string | number;
-  inputTitle: string;
-  autocomplete: 'off' | 'on';
-  checked: boolean;
-  disabled: boolean;
-  max: MinMaxDates | number;
-  maxlength: string | number;
-  min: MinMaxDates | number;
-  minlength: string | number;
-  name: string;
-  pattern: string;
-  placeholder: string;
-  readonly: string | boolean;
-  required: boolean;
-  step: string | number;
-  type: string;
-  value: string | number;
-  valueChanged: EventEmitter<string>;
-  handleChange(event: Event | InputEvent): void;
-  focusChanged: EventEmitter<string>;
-  handleFocus(event: Event | InputEvent): void;
-  blurChanged: EventEmitter<string>;
-  handleBlur(event: Event | InputEvent): void;
-  invalidChanged: EventEmitter<string>;
-  handleInvalid(event: Event | InputEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
+export type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
+export type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
+export type TimeSyntax = `${number}${number}:${number}${number}`;
+export type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
+export type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
+export declare class TttxInput {
+  label: string;
+  showerrormsg: boolean;
+  errormsg: string;
+  iconleft: string;
+  iconright: string;
+  inputAutocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+  inputAutofocus: boolean;
+  /**
+   * Defines what action to present for the enter key on virtual keyboards
+   */
+  inputKeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+  /**
+   * tabindex - Allows the HTML elements to be focusable
+   * @example <caption>In HTML (like `index.html`)</caption>
+   * <tttx-standalone-input input-index="1" />
+   * @example <caption>In TSX files</caption>
+   * <tttx-standalone-input inputIndex={1} />
+   */
+  inputIndex: string | number;
+  inputTitle: string;
+  autocomplete: 'off' | 'on';
+  checked: boolean;
+  disabled: boolean;
+  max: MinMaxDates | number;
+  maxlength: string | number;
+  min: MinMaxDates | number;
+  minlength: string | number;
+  name: string;
+  pattern: string;
+  placeholder: string;
+  readonly: string | boolean;
+  required: boolean;
+  step: string | number;
+  type: string;
+  value: string | number;
+  valueChanged: EventEmitter<string>;
+  handleChange(event: Event | InputEvent): void;
+  focusChanged: EventEmitter<string>;
+  handleFocus(event: Event | InputEvent): void;
+  blurChanged: EventEmitter<string>;
+  handleBlur(event: Event | InputEvent): void;
+  invalidChanged: EventEmitter<string>;
+  handleInvalid(event: Event | InputEvent): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts

@@ -1,122 +1,106 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    iconleft: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconright: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    inputIcon: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    label: {
-      control: {
-        type: string;
-      };
-    };
-    errormsg: {
-      control: {
-        type: string;
-      };
-    };
-    showerrorbubble: {
-      control: {
-        type: string;
-      };
-    };
-    showerrormsg: {
-      control: {
-        type: string;
-      };
-    };
-    inline: {
-      control: {
-        type: string;
-      };
-    };
-    checked: {
-      control: {
-        type: string;
-      };
-    };
-    disabled: {
-      control: {
-        type: string;
-      };
-    };
-    max: {
-      control: {
-        type: string;
-      };
-    };
-    maxlength: {
-      control: {
-        type: string;
-      };
-    };
-    min: {
-      control: {
-        type: string;
-      };
-    };
-    minlength: {
-      control: {
-        type: string;
-      };
-    };
-    name: {
-      control: {
-        type: string;
-      };
-    };
-    pattern: {
-      control: {
-        type: string;
-      };
-    };
-    placeholder: {
-      control: {
-        type: string;
-      };
-    };
-    readonly: {
-      control: {
-        type: string;
-      };
-    };
-    required: {
-      control: {
-        type: string;
-      };
-    };
-    step: {
-      control: {
-        type: string;
-      };
-    };
-    type: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    value: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const InputField: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    iconleft: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconright: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      control: {
+        type: string;
+      };
+    };
+    errormsg: {
+      control: {
+        type: string;
+      };
+    };
+    showerrormsg: {
+      control: {
+        type: string;
+      };
+    };
+    checked: {
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      control: {
+        type: string;
+      };
+    };
+    max: {
+      control: {
+        type: string;
+      };
+    };
+    maxlength: {
+      control: {
+        type: string;
+      };
+    };
+    min: {
+      control: {
+        type: string;
+      };
+    };
+    minlength: {
+      control: {
+        type: string;
+      };
+    };
+    name: {
+      control: {
+        type: string;
+      };
+    };
+    pattern: {
+      control: {
+        type: string;
+      };
+    };
+    placeholder: {
+      control: {
+        type: string;
+      };
+    };
+    readonly: {
+      control: {
+        type: string;
+      };
+    };
+    required: {
+      control: {
+        type: string;
+      };
+    };
+    step: {
+      control: {
+        type: string;
+      };
+    };
+    type: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    value: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const InputField: any;

package/dist/types/components/palette.stories.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components.d.ts

@@ -41,7 +41,6 @@ export namespace Components {
         "errormsg": string;
         "iconleft": string;
         "iconright": string;
-        "inline": boolean;
         "inputAutocapitalize": 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
         "inputAutofocus": boolean;
         /**
@@ -55,7 +54,6 @@ export namespace Components {
          */
         "inputKeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
         "inputTitle": string;
-        "inputicon": string;
         "label": string;
         "max": MinMaxDates | number;
         "maxlength": string | number;
@@ -66,7 +64,6 @@ export namespace Components {
         "placeholder": string;
         "readonly": string | boolean;
         "required": boolean;
-        "showerrorbubble": boolean;
         "showerrormsg": boolean;
         "step": string | number;
         "type": string;
@@ -175,7 +172,6 @@ declare namespace LocalJSX {
         "errormsg"?: string;
         "iconleft"?: string;
         "iconright"?: string;
-        "inline"?: boolean;
         "inputAutocapitalize"?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
         "inputAutofocus"?: boolean;
         /**
@@ -189,7 +185,6 @@ declare namespace LocalJSX {
          */
         "inputKeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
         "inputTitle"?: string;
-        "inputicon"?: string;
         "label"?: string;
         "max"?: MinMaxDates | number;
         "maxlength"?: string | number;
@@ -204,7 +199,6 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: string | boolean;
         "required"?: boolean;
-        "showerrorbubble"?: boolean;
         "showerrormsg"?: boolean;
         "step"?: string | number;
         "type"?: string;

package/dist/types/docs/gettingstarted-developer.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-  title: string;
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: any;

package/dist/types/icons.d.ts

@@ -1,2 +1,2 @@
-declare const icons: string[];
-export default icons;
+declare const icons: string[];
+export default icons;

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { Components, JSX } from './components';
+export { Components, JSX } from './components';

package/dist/types/shared/domsanitiser.options.d.ts

@@ -1,10 +1,10 @@
-declare function tagRegXp(tagName: string): RegExpExecArray;
-declare function attributeNameCheck(): boolean;
-declare const domSanitiserOptions: {
-  CUSTOM_ELEMENT_HANDLING: {
-    tagNameCheck: typeof tagRegXp;
-    attributeNameCheck: typeof attributeNameCheck;
-    allowCustomizedBuiltInElements: boolean;
-  };
-};
-export default domSanitiserOptions;
+declare function tagRegXp(tagName: string): RegExpExecArray;
+declare function attributeNameCheck(): boolean;
+declare const domSanitiserOptions: {
+  CUSTOM_ELEMENT_HANDLING: {
+    tagNameCheck: typeof tagRegXp;
+    attributeNameCheck: typeof attributeNameCheck;
+    allowCustomizedBuiltInElements: boolean;
+  };
+};
+export default domSanitiserOptions;

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

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
@@ -257,6 +257,15 @@ export declare function getAssetPath(path: string): string;
  * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
+/**
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
 /**
  * Retrieve a Stencil element for a given reference
  * @param ref the ref to get the Stencil element for
@@ -433,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -486,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;

package/dist/types/transform-tag-name.d.ts

@@ -0,0 +1 @@
+export declare const transformTagName: (tagNameToBeTransformed: string, knownUntransformedTagName: string, knownUntransformedTagNameElementReference: HTMLElement) => string;

package/loader/index.d.ts

@@ -10,3 +10,12 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/** 
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/cjs/tttx-icon.cjs.entry.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-451f61dd.js');
-
-const tttxIconCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.tooltip{background:#ffffff;color:#343434;font-weight:bold;padding:8px 16px;font-size:13px;border-radius:4px;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3);display:none}.tooltip[data-show]{display:block}.arrow,.arrow::before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg)}.tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}.tooltip[data-popper-placement^=left]>.arrow{right:-4px}.tooltip[data-popper-placement^=right]>.arrow{left:-4px}.red{color:#dc0000}.darkred{color:#A20000}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}";
-
-const TttxIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.icon = undefined;
-    this.color = 'grey';
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("span", { class: `material-symbols-rounded ${this.color ? this.color : ''}` }, this.icon)));
-  }
-};
-TttxIcon.style = tttxIconCss;
-
-exports.tttx_icon = TttxIcon;

package/dist/esm/tttx-icon.entry.js

@@ -1,17 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0350f122.js';
-
-const tttxIconCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.tooltip{background:#ffffff;color:#343434;font-weight:bold;padding:8px 16px;font-size:13px;border-radius:4px;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3);display:none}.tooltip[data-show]{display:block}.arrow,.arrow::before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg)}.tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}.tooltip[data-popper-placement^=left]>.arrow{right:-4px}.tooltip[data-popper-placement^=right]>.arrow{left:-4px}.red{color:#dc0000}.darkred{color:#A20000}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}";
-
-const TttxIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.icon = undefined;
-    this.color = 'grey';
-  }
-  render() {
-    return (h(Host, null, h("span", { class: `material-symbols-rounded ${this.color ? this.color : ''}` }, this.icon)));
-  }
-};
-TttxIcon.style = tttxIconCss;
-
-export { TttxIcon as tttx_icon };

package/dist/tttx/p-4f3958fa.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as r}from"./p-62869344.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.color="grey"}render(){return t(r,null,t("span",{class:`material-symbols-rounded ${this.color?this.color:""}`},this.icon))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.tooltip{background:#ffffff;color:#343434;font-weight:bold;padding:8px 16px;font-size:13px;border-radius:4px;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3);display:none}.tooltip[data-show]{display:block}.arrow,.arrow::before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}.tooltip[data-popper-placement^=left]>.arrow{right:-4px}.tooltip[data-popper-placement^=right]>.arrow{left:-4px}.red{color:#dc0000}.darkred{color:#A20000}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}';export{e as tttx_icon}

package/dist/tttx/p-62869344.js

@@ -1,2 +0,0 @@
-let e,t,n=!1;const l={},s=e=>"object"==(e=typeof e)||"function"===e,o=(e,t,...n)=>{let l=null,o=!1,r=!1;const i=[],u=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!s(l))&&(l+=""),o&&r?i[i.length-1].t+=l:i.push(o?c(null,l):l),r=o)};if(u(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const a=c(e,null);return a.l=t,i.length>0&&(a.o=i),a},c=(e,t)=>({i:0,u:e,t,$:null,o:null,l:null}),r={},i=(e,t,n)=>{const l=(e=>T(e).h)(e);return{emit:e=>u(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},u=(e,t,n)=>{const l=B.ce(t,n);return e.dispatchEvent(l),l},a=new WeakMap,f=e=>"sc-"+e.m,d=(e,t,n,l,o,c)=>{if(n!==l){let r=U(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,s=h(n),o=h(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const i=s(l);if((r||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const s=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&c||o)&&!i&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):U(_,i)?i.slice(2):i[2]+t.slice(3),n&&B.rel(e,t,n,!1),l&&B.ael(e,t,l,!1)}},$=/\s/,h=e=>e?e.split($):[],m=(e,t,n,s)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,c=e&&e.l||l,r=t.l||l;for(s in c)s in r||d(o,s,c[s],void 0,n,t.i);for(s in r)d(o,s,c[s],r[s],n,t.i)},p=(t,n,l)=>{const s=n.o[l];let o,c,r=0;if(null!==s.t)o=s.$=z.createTextNode(s.t);else if(o=s.$=z.createElement(s.u),m(null,s,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),s.o)for(r=0;r<s.o.length;++r)c=p(t,s,r),c&&o.appendChild(c);return o},y=(e,n,l,s,o,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);o<=c;++o)s[o]&&(r=p(null,l,o),r&&(s[o].$=r,i.insertBefore(r,n)))},b=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.$,g(l),s.remove())},w=(e,t)=>e.u===t.u,S=(e,t)=>{const n=t.$=e.$,l=e.o,s=t.o,o=t.t;null===o?("slot"===t.u||m(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,c=0,r=t.length-1,i=t[0],u=t[r],a=l.length-1,f=l[0],d=l[a];for(;o<=r&&c<=a;)null==i?i=t[++o]:null==u?u=t[--r]:null==f?f=l[++c]:null==d?d=l[--a]:w(i,f)?(S(i,f),i=t[++o],f=l[++c]):w(u,d)?(S(u,d),u=t[--r],d=l[--a]):w(i,d)?(S(i,d),e.insertBefore(i.$,u.$.nextSibling),i=t[++o],d=l[--a]):w(u,f)?(S(u,f),e.insertBefore(u.$,i.$),u=t[--r],f=l[++c]):(s=p(t&&t[c],n,c),f=l[++c],s&&i.$.parentNode.insertBefore(s,i.$));o>r?y(e,null==l[a+1]?null:l[a+1].$,n,l,c,a):c>a&&b(t,o,r)})(n,l,t,s):null!==s?(null!==e.t&&(n.textContent=""),y(n,null,t,s,0,s.length-1)):null!==l&&b(l,0,l.length-1)):e.t!==o&&(n.data=o)},g=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(g)},j=(e,t)=>{t&&!e.p&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.p=t)))},M=(e,t)=>{if(e.i|=16,!(4&e.i))return j(e,e.S),ee((()=>v(e,t)));e.i|=512},v=(e,t)=>{const n=e.g;let l;return t&&(l=P(n,"componentWillLoad")),l=R(l,(()=>P(n,"componentWillRender"))),R(l,(()=>k(e,n,t)))},k=async(e,t,n)=>{const l=e.h,s=l["s-rc"];n&&(e=>{const t=e.j,n=e.h,l=t.i,s=((e,t)=>{let n=f(t);const l=V.get(n);if(e=11===e.nodeType?e:z,l)if("string"==typeof l){let t,s=a.get(e=e.head||e);s||a.set(e,s=new Set),s.has(n)||(t=z.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"),2&l&&n.classList.add(s+"-s"))})(e);C(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>O(e);0===t.length?n():(Promise.all(t).then(n),e.i|=4,t.length=0)}},C=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const s=n.h,i=n.M||c(null,null),u=(e=>e&&e.u===r)(l)?l:o(null,null,l);t=s.tagName,u.u=null,u.i|=4,n.M=u,u.$=i.$=s.shadowRoot||s,e=s["s-sc"],S(i,u)})(n,l)}catch(e){q(e,n.h)}return null},O=e=>{const t=e.h,n=e.S;P(e.g,"componentDidRender"),64&e.i||(e.i|=64,W(t),e.v(t),n||x()),e.p&&(e.p(),e.p=void 0),512&e.i&&Z((()=>M(e,!1))),e.i&=-517},x=()=>{W(z.documentElement),Z((()=>u(_,"appload",{detail:{namespace:"tttx"}})))},P=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){q(e)}},R=(e,t)=>e&&e.then?e.then(t):t(),W=e=>e.classList.add("hydrated"),E=(e,t,n)=>{if(t.k){e.watchers&&(t.C=e.watchers);const l=Object.entries(t.k),o=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(o,e,{get(){return((e,t)=>T(this).O.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=T(e),c=o.h,r=o.O.get(t),i=o.i,u=o.g;if(n=((e,t)=>null==e||s(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.k[t][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.O.set(t,n),u)){if(l.C&&128&i){const e=l.C[t];e&&e.map((e=>{try{u[e](n,r,t)}catch(e){q(e,c)}}))}2==(18&i)&&M(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;o.attributeChangedCallback=function(e,n,l){B.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(o.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},L=(e,t={})=>{const n=[],l=t.exclude||[],s=_.customElements,o=z.head,c=o.querySelector("meta[charset]"),r=z.createElement("style"),i=[];let u,a=!0;Object.assign(B,t),B.P=new URL(t.resourcesUrl||"./",z.baseURI).href,e.map((e=>{e[1].map((t=>{const o={i:t[0],m:t[1],k:t[2],R:t[3]};o.k=t[2],o.C={};const c=o.m,r=class extends HTMLElement{constructor(e){super(e),H(e=this,o),1&o.i&&e.attachShadow({mode:"open"})}connectedCallback(){u&&(clearTimeout(u),u=null),a?i.push(this):B.jmp((()=>(e=>{if(0==(1&B.i)){const t=T(e),n=t.j,l=()=>{};if(!(1&t.i)){t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){j(t,t.S=n);break}}n.k&&Object.entries(n.k).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.i)){{if(t.i|=32,(s=F(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.C=s.watchers,E(s,n,2),s.isProxied=!0);const e=()=>{};t.i|=8;try{new s(t)}catch(e){q(e)}t.i&=-9,t.i|=128,e()}if(s.style){let e=s.style;const t=f(n);if(!V.has(t)){const l=()=>{};((e,t,n)=>{let l=V.get(e);I&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,V.set(e,l)})(t,e,!!(1&n.i)),l()}}}const o=t.S,c=()=>M(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){B.jmp((()=>{}))}componentOnReady(){return T(this).W}};o.L=e[0],l.includes(c)||s.get(c)||(n.push(c),s.define(c,E(r,o,1)))}))})),r.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),o.insertBefore(r,c?c.nextSibling:o.firstChild),a=!1,i.length?i.map((e=>e.connectedCallback())):B.jmp((()=>u=setTimeout(x,30)))},N=new WeakMap,T=e=>N.get(e),A=(e,t)=>N.set(t.g=e,t),H=(e,t)=>{const n={i:0,h:e,j:t,O:new Map};return n.W=new Promise((e=>n.v=e)),e["s-p"]=[],e["s-rc"]=[],N.set(e,n)},U=(e,t)=>t in e,q=(e,t)=>(0,console.error)(e,t),D=new Map,F=e=>{const t=e.m.replace(/-/g,"_"),n=e.L,l=D.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(D.set(n,e),e[t])),q)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},V=new Map,_="undefined"!=typeof window?window:{},z=_.document||{head:{}},B={i:0,P:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},G=e=>Promise.resolve(e),I=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),J=[],K=[],Q=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&B.i?Z(Y):B.raf(Y))},X=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){q(e)}e.length=0},Y=()=>{X(J),X(K),(n=J.length>0)&&B.raf(Y)},Z=e=>G().then(e),ee=Q(K,!0);export{r as H,L as b,i as c,o as h,G as p,A as r}