@3t-transform/threeteeui 0.1.8 → 0.1.19

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 { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-filter/tttx-filter";
 import { ListItem } from "./components/molecules/tttx-list/interfaces";
 import { MinMaxDates } from "./components/molecules/tttx-standalone-input/tttx-standalone-input";
 export namespace Components {
@@ -14,6 +15,15 @@ export namespace Components {
         "iconposition": 'left' | 'right';
         "notext": boolean;
     }
+    interface TttxFilter {
+        "filterButtonStyle": 'list filter' | 'list icon' | 'table icon';
+        "filterHeader": string;
+        "filterKey": string;
+        "filterOptions": FilterSettings[];
+        "showOptionIcons": boolean;
+        "showSearchField": boolean;
+        "showSelectAll": boolean;
+    }
     interface TttxForm {
         "formschema": any;
         "submitValue": any;
@@ -76,6 +86,10 @@ export namespace Components {
         "border": boolean;
     }
 }
+export interface TttxFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxFilterElement;
+}
 export interface TttxFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxFormElement;
@@ -95,6 +109,12 @@ declare global {
         prototype: HTMLTttxButtonElement;
         new (): HTMLTttxButtonElement;
     };
+    interface HTMLTttxFilterElement extends Components.TttxFilter, HTMLStencilElement {
+    }
+    var HTMLTttxFilterElement: {
+        prototype: HTMLTttxFilterElement;
+        new (): HTMLTttxFilterElement;
+    };
     interface HTMLTttxFormElement extends Components.TttxForm, HTMLStencilElement {
     }
     var HTMLTttxFormElement: {
@@ -139,6 +159,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "tttx-button": HTMLTttxButtonElement;
+        "tttx-filter": HTMLTttxFilterElement;
         "tttx-form": HTMLTttxFormElement;
         "tttx-icon": HTMLTttxIconElement;
         "tttx-keyvalue-block": HTMLTttxKeyvalueBlockElement;
@@ -155,6 +176,16 @@ declare namespace LocalJSX {
         "iconposition"?: 'left' | 'right';
         "notext"?: boolean;
     }
+    interface TttxFilter {
+        "filterButtonStyle"?: 'list filter' | 'list icon' | 'table icon';
+        "filterHeader"?: string;
+        "filterKey"?: string;
+        "filterOptions"?: FilterSettings[];
+        "onFilterChangeEvent"?: (event: TttxFilterCustomEvent<FilterChangeEvent>) => void;
+        "showOptionIcons"?: boolean;
+        "showSearchField"?: boolean;
+        "showSelectAll"?: boolean;
+    }
     interface TttxForm {
         "formschema"?: any;
         "onDataChanged"?: (event: TttxFormCustomEvent<{ name: string, value: any }>) => void;
@@ -225,6 +256,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "tttx-button": TttxButton;
+        "tttx-filter": TttxFilter;
         "tttx-form": TttxForm;
         "tttx-icon": TttxIcon;
         "tttx-keyvalue-block": TttxKeyvalueBlock;
@@ -239,6 +271,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "tttx-button": LocalJSX.TttxButton & JSXBase.HTMLAttributes<HTMLTttxButtonElement>;
+            "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>;

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.8",
+    "version": "0.1.19",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

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

@@ -1 +0,0 @@
-import{r as t,h as l,H as i}from"./p-c4b803fc.js";const d=class{constructor(l){t(this,l),this.keyvalues=void 0,this.horizontal=void 0}renderSingleElements(t){const i=Object.keys(t),d=[];for(let o=0;o<i.length;o++)this.horizontal?d.push(l("div",null,l("dt",null,i[o]),l("dd",null,t[i[o]]))):(d.push(l("dt",null,i[o])),d.push(l("dd",null,t[i[o]])));return d}renderArrayElements(t){const i=[];for(let d=0;d<t.length;d++){const o=t[d];this.horizontal?i.push(l("div",null,l("dt",{class:"mainTitle"},o.title),l("dt",{class:"subTitle"},o.subTitle),l("dd",null,o.data))):(i.push(l("dt",{class:"mainTitle"},o.title)),i.push(l("dt",{class:"subTitle"},o.subTitle)),i.push(l("dd",null,o.data)))}return i}render(){if(!this.keyvalues)return;let t,d;return t="string"==typeof this.keyvalues?JSON.parse(this.keyvalues):this.keyvalues,d=Array.isArray(t)?this.renderArrayElements(t):this.renderSingleElements(t),l(i,null,l("dl",{class:this.horizontal?"horizontal":null},d))}};d.style=':host{display:block}dl{margin:0;padding:0;font-family:"Roboto", sans-serif;cursor:default}dt{font-weight:400;line-height:21px;font-size:16px}dt,dt.subTitle{color:#757575}dt.mainTitle{color:#212121}dd{margin:0;font-weight:400;font-size:16px;color:#212121;line-height:21px;margin-bottom:18px}dl.horizontal{display:flex;flex-direction:row;width:100%}dl.horizontal div{flex-grow:1}@media (max-width: 769px){dl.horizontal{flex-wrap:wrap}dl.horizontal div{width:50%}}@media (max-width: 600px){dl.horizontal div{width:100%}}';export{d as tttx_keyvalue_block}

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