@3t-transform/threeteeui 0.1.5 → 0.1.6

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

@@ -1,53 +1,56 @@
-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;
-}
+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;
+}

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

@@ -1,106 +1,122 @@
-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;
+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;

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,6 +41,7 @@ export namespace Components {
         "errormsg": string;
         "iconleft": string;
         "iconright": string;
+        "inline": boolean;
         "inputAutocapitalize": 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
         "inputAutofocus": boolean;
         /**
@@ -54,6 +55,7 @@ export namespace Components {
          */
         "inputKeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
         "inputTitle": string;
+        "inputicon": string;
         "label": string;
         "max": MinMaxDates | number;
         "maxlength": string | number;
@@ -64,6 +66,7 @@ export namespace Components {
         "placeholder": string;
         "readonly": string | boolean;
         "required": boolean;
+        "showerrorbubble": boolean;
         "showerrormsg": boolean;
         "step": string | number;
         "type": string;
@@ -172,6 +175,7 @@ declare namespace LocalJSX {
         "errormsg"?: string;
         "iconleft"?: string;
         "iconright"?: string;
+        "inline"?: boolean;
         "inputAutocapitalize"?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
         "inputAutofocus"?: boolean;
         /**
@@ -185,6 +189,7 @@ declare namespace LocalJSX {
          */
         "inputKeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
         "inputTitle"?: string;
+        "inputicon"?: string;
         "label"?: string;
         "max"?: MinMaxDates | number;
         "maxlength"?: string | number;
@@ -199,6 +204,7 @@ 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 type ListenTargetOptions = 'body' | 'document' | 'window';
+export declare 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 type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
@@ -257,15 +257,6 @@ 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
@@ -442,57 +433,13 @@ 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;
@@ -539,9 +486,6 @@ 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/loader/index.d.ts

@@ -10,12 +10,3 @@ 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.5",
+    "version": "0.1.6",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/collection/transform-tag-name.js

@@ -1,5 +0,0 @@
-export const transformTagName = (tagNameToBeTransformed, knownUntransformedTagName, knownUntransformedTagNameElementReference) => {
-  const actualCurrentTag = knownUntransformedTagNameElementReference.tagName.toLowerCase();
-  const [prefix, suffix] = actualCurrentTag.split(knownUntransformedTagName);
-  return prefix + tagNameToBeTransformed + suffix;
-};

package/dist/tttx/p-083eeedc.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as r,g as i}from"./p-5687f4ad.js";const e=class{constructor(t){o(this,t),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.design="default"}connectedCallback(){const o=(()=>{const o=this.el.tagName.toLowerCase(),[t,r]=o.split("tttx-button");return t+"tttx-button"+r})();this.buttonEl=this.el.closest(o)}componentWillLoad(){this._design=this.design,["primary","default","disabled","danger","borderless"].includes(this.design)||(this._design="default"),"primary"!==this._design&&"danger"!==this._design||(this._iconcolor="white")}render(){return t(r,null,t("button",{class:`button ${this._design} ${this.icon?"withicon":""} ${this.icon&&this.iconposition?"icon"+this.iconposition:""}  ${this.notext?"notext":""}`},this.icon&&"left"===this.iconposition&&t("div",{class:"icon-left"},t("tttx-icon",{icon:this.icon,color:this._iconcolor})),!this.notext&&t("div",{class:"button-content"},t("slot",null)),this.icon&&"right"===this.iconposition&&t("div",{class:"icon-right"},t("tttx-icon",{icon:this.icon,color:this._iconcolor}))))}get el(){return i(this)}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:inline-block}.spacingleft{margin-left:8px}';const n=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))}};n.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}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}';export{e as tttx_button,n as tttx_icon}

package/dist/tttx/p-5687f4ad.js

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