@3t-transform/threeteeui 0.1.43 → 0.1.45

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

@@ -1,143 +1,143 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    iconleft: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconleftcolor: {
-      control: {
-        type: string;
-      };
-    };
-    iconright: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconrightcolor: {
-      control: {
-        type: string;
-      };
-    };
-    inputicon: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    inputiconcolor: {
-      control: {
-        type: string;
-      };
-    };
-    label: {
-      control: {
-        type: string;
-      };
-    };
-    secondarylabel: {
-      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;
-export declare const searchField: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    iconleft: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconleftcolor: {
+      control: {
+        type: string;
+      };
+    };
+    iconright: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconrightcolor: {
+      control: {
+        type: string;
+      };
+    };
+    inputicon: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    inputiconcolor: {
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      control: {
+        type: string;
+      };
+    };
+    secondarylabel: {
+      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;
+export declare const searchField: any;

package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts

@@ -1,4 +1,4 @@
-export declare class TttxToolbar {
-  border: boolean;
-  render(): any;
-}
+export declare class TttxToolbar {
+  border: boolean;
+  render(): any;
+}

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

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    border: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const BasicStringList: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    border: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const BasicStringList: 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

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { DialogItems } from "./components/molecules/tttx-dialog-box/interfaces";
 import { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-filter/tttx-filter";
 import { ListItem } from "./components/molecules/tttx-list/interfaces";
 import { SorterChangeEvent, SorterData } from "./components/molecules/tttx-sorter/interfaces";
@@ -16,6 +17,10 @@ export namespace Components {
         "iconposition": 'left' | 'right';
         "notext": boolean;
     }
+    interface TttxDialogBox {
+        "data": string | DialogItems;
+        "size": 'regular' | 'mobile' | 'large' | 'small';
+    }
     interface TttxFilter {
         "defaultFilterOptions": string[] | string;
         "filterButtonStyle": 'list filter' | 'list icon' | 'table icon';
@@ -47,6 +52,10 @@ export namespace Components {
         "loadingMessage": boolean;
         "size": 'small' | 'large';
     }
+    interface TttxQrcode {
+        "link": string;
+        "size": number;
+    }
     interface TttxSorter {
         "defaultOption": string;
         "defaultSortDirection": 'ascending' | 'descending';
@@ -102,6 +111,10 @@ export namespace Components {
         "border": boolean;
     }
 }
+export interface TttxDialogBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxDialogBoxElement;
+}
 export interface TttxFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxFilterElement;
@@ -129,6 +142,12 @@ declare global {
         prototype: HTMLTttxButtonElement;
         new (): HTMLTttxButtonElement;
     };
+    interface HTMLTttxDialogBoxElement extends Components.TttxDialogBox, HTMLStencilElement {
+    }
+    var HTMLTttxDialogBoxElement: {
+        prototype: HTMLTttxDialogBoxElement;
+        new (): HTMLTttxDialogBoxElement;
+    };
     interface HTMLTttxFilterElement extends Components.TttxFilter, HTMLStencilElement {
     }
     var HTMLTttxFilterElement: {
@@ -165,6 +184,12 @@ declare global {
         prototype: HTMLTttxLoadingSpinnerElement;
         new (): HTMLTttxLoadingSpinnerElement;
     };
+    interface HTMLTttxQrcodeElement extends Components.TttxQrcode, HTMLStencilElement {
+    }
+    var HTMLTttxQrcodeElement: {
+        prototype: HTMLTttxQrcodeElement;
+        new (): HTMLTttxQrcodeElement;
+    };
     interface HTMLTttxSorterElement extends Components.TttxSorter, HTMLStencilElement {
     }
     var HTMLTttxSorterElement: {
@@ -185,12 +210,14 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "tttx-button": HTMLTttxButtonElement;
+        "tttx-dialog-box": HTMLTttxDialogBoxElement;
         "tttx-filter": HTMLTttxFilterElement;
         "tttx-form": HTMLTttxFormElement;
         "tttx-icon": HTMLTttxIconElement;
         "tttx-keyvalue-block": HTMLTttxKeyvalueBlockElement;
         "tttx-list": HTMLTttxListElement;
         "tttx-loading-spinner": HTMLTttxLoadingSpinnerElement;
+        "tttx-qrcode": HTMLTttxQrcodeElement;
         "tttx-sorter": HTMLTttxSorterElement;
         "tttx-standalone-input": HTMLTttxStandaloneInputElement;
         "tttx-toolbar": HTMLTttxToolbarElement;
@@ -203,6 +230,12 @@ declare namespace LocalJSX {
         "iconposition"?: 'left' | 'right';
         "notext"?: boolean;
     }
+    interface TttxDialogBox {
+        "data"?: string | DialogItems;
+        "onButtonClick"?: (event: TttxDialogBoxCustomEvent<any>) => void;
+        "onCloseButtonClick"?: (event: TttxDialogBoxCustomEvent<any>) => void;
+        "size"?: 'regular' | 'mobile' | 'large' | 'small';
+    }
     interface TttxFilter {
         "defaultFilterOptions"?: string[] | string;
         "filterButtonStyle"?: 'list filter' | 'list icon' | 'table icon';
@@ -237,6 +270,10 @@ declare namespace LocalJSX {
         "loadingMessage"?: boolean;
         "size"?: 'small' | 'large';
     }
+    interface TttxQrcode {
+        "link"?: string;
+        "size"?: number;
+    }
     interface TttxSorter {
         "defaultOption"?: string;
         "defaultSortDirection"?: 'ascending' | 'descending';
@@ -301,12 +338,14 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "tttx-button": TttxButton;
+        "tttx-dialog-box": TttxDialogBox;
         "tttx-filter": TttxFilter;
         "tttx-form": TttxForm;
         "tttx-icon": TttxIcon;
         "tttx-keyvalue-block": TttxKeyvalueBlock;
         "tttx-list": TttxList;
         "tttx-loading-spinner": TttxLoadingSpinner;
+        "tttx-qrcode": TttxQrcode;
         "tttx-sorter": TttxSorter;
         "tttx-standalone-input": TttxStandaloneInput;
         "tttx-toolbar": TttxToolbar;
@@ -317,12 +356,14 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "tttx-button": LocalJSX.TttxButton & JSXBase.HTMLAttributes<HTMLTttxButtonElement>;
+            "tttx-dialog-box": LocalJSX.TttxDialogBox & JSXBase.HTMLAttributes<HTMLTttxDialogBoxElement>;
             "tttx-filter": LocalJSX.TttxFilter & JSXBase.HTMLAttributes<HTMLTttxFilterElement>;
             "tttx-form": LocalJSX.TttxForm & JSXBase.HTMLAttributes<HTMLTttxFormElement>;
             "tttx-icon": LocalJSX.TttxIcon & JSXBase.HTMLAttributes<HTMLTttxIconElement>;
             "tttx-keyvalue-block": LocalJSX.TttxKeyvalueBlock & JSXBase.HTMLAttributes<HTMLTttxKeyvalueBlockElement>;
             "tttx-list": LocalJSX.TttxList & JSXBase.HTMLAttributes<HTMLTttxListElement>;
             "tttx-loading-spinner": LocalJSX.TttxLoadingSpinner & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinnerElement>;
+            "tttx-qrcode": LocalJSX.TttxQrcode & JSXBase.HTMLAttributes<HTMLTttxQrcodeElement>;
             "tttx-sorter": LocalJSX.TttxSorter & JSXBase.HTMLAttributes<HTMLTttxSorterElement>;
             "tttx-standalone-input": LocalJSX.TttxStandaloneInput & JSXBase.HTMLAttributes<HTMLTttxStandaloneInputElement>;
             "tttx-toolbar": LocalJSX.TttxToolbar & JSXBase.HTMLAttributes<HTMLTttxToolbarElement>;

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "0.1.43",
+    "version": "0.1.45",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -23,13 +23,14 @@
         "generate": "stencil generate",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",
-        "chromatic": "npx chromatic --project-token=531b962b0be5 --exit-zero-on-changes --exit-once-uploaded",
+        "chromatic": "npx chromatic --project-token=531b9621b0be5 --exit-zero-on-changes --exit-once-uploaded",
         "lint": "eslint \"src/**/*.{tsx,jsx}\"",
         "lint:generate": "eslint \"src/**/*.{tsx,jsx}\" -o output.eslint.json -f json",
         "lint:fix": "eslint \"src/**/*.{tsx,jsx}\" --fix"
     },
     "resolutions": {
-        "@types/babel__traverse": "7.0.6"
+        "@types/babel__traverse": "7.0.6",
+        "file-system-cache": "2.3.0"
     },
     "devDependencies": {
         "@babel/core": "^7.18.10",
@@ -67,8 +68,9 @@
     "readme": "ERROR: No README data found!",
     "dependencies": {
         "@popperjs/core": "^2.11.7",
+        "@types/react": "^18.2.6",
         "dompurify": "^3.0.3",
         "storybook": "^7.0.6",
-        "@types/react": "^18.2.6"
+        "ts-qrcode": "^0.0.4"
     }
-}
+}

package/readme.md

@@ -18,31 +18,43 @@
 Pull down this repo and run:
 
 ```bash
-npm install
-npm start
+yarn
+yarn start
 ```
 
 To build the component for production, run:
 
 ```bash
-npm run build
+yarn build
 ```
 
 To run the unit tests for the components, run:
 
 ```bash
-npm test
+yarn test
 ```
 
 To see the components in Storybook, run:
 
-```
-npm run build
-npm run storybook
+``` bash
+yarn build
+yarn storybook
 ```
 
 Need help? Check out our [docs](https://stenciljs.com/docs/my-first-component).
 
+## Release Process
+
+To release a new version of the library, follow these steps:
+
+1. Update the version number in the `package.json` file according to [semantic versioning](https://semver.org/).
+1. Push the changes to the remote `master` branch.
+1. This will trigger a build and run the tests on the CI/CD pipeline.
+1. If the tests pass, the new version will be published to npm and a new tag will be created.
+1. If the tests fail, the release process will be halted and you will need to fix the issues before trying again.
+
+Make sure to follow the [semantic versioning](https://semver.org/) guidelines when updating the version number. This will help users understand the impact of the changes in the new version and avoid breaking changes.
+
 ## Naming Components
 
 When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!

package/dist/tttx/p-0ebffdfc.js

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

package/dist/tttx/p-1db3704e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-0ebffdfc.js";import{p as s,d as n}from"./p-350ddb03.js";const o=class{constructor(e){t(this,e),this.rowClick=i(this,"listRowClick",7),this.data=void 0,this.name=void 0}onRowClickHandler(t){t.clickable&&t.rowData&&this.rowClick.emit({name:this.name,data:t.rowData})}renderListItem(t){const i=s.sanitize(t.element,n);return e("li",{class:"item  "+(t.clickable?"clickable":""),onClick:()=>{this.onRowClickHandler(t)}},t.element&&e("span",{class:"item-content",innerHTML:i}),t.icon&&e("tttx-icon",{class:"align-right ",icon:t.icon}))}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,e("ul",{class:"list"},this._data.map((t=>this.renderListItem(t))))}};o.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:flex;flex-direction:column}.list{margin:0;padding:0}.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;display:flex;align-items:center}.item:first-of-type{border-top:1px solid #d5d5d5}.item.clickable:hover{cursor:pointer}.item.clickable:active{background-color:#e6e6e6}.align-right{margin-left:auto}.item-content{display:flex;align-items:center}';export{o as tttx_list}