@3t-transform/threeteeui 0.1.43 → 0.1.45

package/dist/tttx/{p-ec253eea.entry.js → p-e1efb888.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as o,g as n}from"./p-0ebffdfc.js";const r=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((i=>i!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let i=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(i=!1)})),this.allSelected=i}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover}handleFilterChange(t){this.filterSearchTerm=t.target.value;const i=this.parseFilterOptions().filter((t=>{const i=t.optionText.toLowerCase(),e=this.filterSearchTerm.toLowerCase();return i.includes(e)}));this.displayedFilterSettings=i}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",i=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return e(o,{id:`filter__${this.filterKey}`},e("div",{class:"filter-container"},e("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},e("tttx-icon",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon",{icon:"search",class:"search-icon"}),e("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",e("div",{class:"filter-options-container"},this.showSelectAll?e("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},e("tttx-icon",{icon:i,color:n,class:"select-all-icon"}),e("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const i=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return e("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},e("tttx-icon",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon",{icon:t.optionIcon,color:t.optionIconColor}),e("label",{class:"filter-label"},t.optionText))}))),e("div",{class:"filter-popover-button-container"},e("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),e("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};r.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}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:0 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding:12px 0}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center;padding-bottom:8px}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';export{r as tttx_filter}
+import{r as t,c as i,h as e,H as o,g as n}from"./p-ab4652a8.js";const r=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((i=>i!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let i=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(i=!1)})),this.allSelected=i}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover}handleFilterChange(t){this.filterSearchTerm=t.target.value;const i=this.parseFilterOptions().filter((t=>{const i=t.optionText.toLowerCase(),e=this.filterSearchTerm.toLowerCase();return i.includes(e)}));this.displayedFilterSettings=i}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",i=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return e(o,{id:`filter__${this.filterKey}`},e("div",{class:"filter-container"},e("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},e("tttx-icon",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon",{icon:"search",class:"search-icon"}),e("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",e("div",{class:"filter-options-container"},this.showSelectAll?e("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},e("tttx-icon",{icon:i,color:n,class:"select-all-icon"}),e("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const i=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return e("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},e("tttx-icon",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon",{icon:t.optionIcon,color:t.optionIconColor}),e("label",{class:"filter-label"},t.optionText))}))),e("div",{class:"filter-popover-button-container"},e("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),e("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};r.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}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:0 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding:12px 0}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center;padding-bottom:8px}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';export{r as tttx_filter}

package/dist/tttx/tttx.esm.js

@@ -1 +1 @@
-import{p as t,b as e}from"./p-0ebffdfc.js";export{s as setNonce}from"./p-0ebffdfc.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-b720c4ad",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-aaf02902",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}]]],["p-ec253eea",[[1,"tttx-filter",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],defaultFilterOptions:[1,"default-filter-options"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]}]]],["p-1db3704e",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-92cade7f",[[1,"tttx-sorter",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]}]]],["p-563605b2",[[2,"tttx-standalone-input",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-f702df4f",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-798a098a",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-ab6ce9f6",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-cac26a1b",[[1,"tttx-toolbar",{border:[4]}]]]],t)));
+import{p as t,b as e}from"./p-ab4652a8.js";export{s as setNonce}from"./p-ab4652a8.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-af7ff3b3",[[1,"tttx-dialog-box",{data:[1025],size:[1],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-e1efb888",[[1,"tttx-filter",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],defaultFilterOptions:[1,"default-filter-options"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]}]]],["p-2d130f82",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-623b9147",[[1,"tttx-sorter",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]}]]],["p-d0ca435d",[[2,"tttx-standalone-input",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-a092cd71",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-d2b0ec0a",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-77fb8e0f",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-83563ce9",[[0,"tttx-qrcode",{link:[1025],size:[1026]}]]],["p-7428fc97",[[1,"tttx-toolbar",{border:[4]}]]],["p-120a0732",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-42349ae5",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}]]]],t)));

package/dist/types/components/atoms/tttx-button/tttx-button.d.ts

@@ -1,10 +1,10 @@
-export declare class TttxButton {
-  notext: boolean;
-  icon: string;
-  iconposition: 'left' | 'right';
-  design: string;
-  _design: string;
-  _iconcolor: string;
-  componentWillLoad(): void;
-  render(): any;
-}
+export declare class TttxButton {
+  notext: boolean;
+  icon: string;
+  iconposition: 'left' | 'right';
+  design: string;
+  _design: string;
+  _iconcolor: string;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts

@@ -1,10 +1,10 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const Primary: any;
-export declare const Default: any;
-export declare const Borderless: any;
-export declare const Danger: any;
-export declare const Disabled: any;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const Primary: any;
+export declare const Default: any;
+export declare const Borderless: any;
+export declare const Danger: any;
+export declare const Disabled: any;

package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts

@@ -1,5 +1,5 @@
-export declare class TttxIcon {
-  icon: string;
-  color: string;
-  render(): any;
-}
+export declare class TttxIcon {
+  icon: string;
+  color: string;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts

@@ -1,20 +1,20 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    icon: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    color: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-};
-export default _default;
-export declare const Icon: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    icon: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+};
+export default _default;
+export declare const Icon: any;

package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts

@@ -1,7 +1,7 @@
-export declare class TttxKeyvalueBlock {
-  keyvalues: any | any[] | string;
-  horizontal: boolean;
-  private renderSingleElements;
-  private renderArrayElements;
-  render(): any;
-}
+export declare class TttxKeyvalueBlock {
+  keyvalues: any | any[] | string;
+  horizontal: boolean;
+  private renderSingleElements;
+  private renderArrayElements;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const KeyValueBlock: () => string;
-export declare const KeyValueSubtitleBlock: () => string;
-export declare const HorizontalKeyValueBlock: () => string;
-export declare const HorizontalKeyValueSubtitleBlock: () => string;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const KeyValueBlock: () => string;
+export declare const KeyValueSubtitleBlock: () => string;
+export declare const HorizontalKeyValueBlock: () => string;
+export declare const HorizontalKeyValueSubtitleBlock: () => string;

package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts

@@ -1,6 +1,6 @@
-export declare class TttxLoadingSpinner {
-  loadingMessage: boolean;
-  size: 'small' | 'large';
-  renderLoadingMessage(): any;
-  render(): any;
-}
+export declare class TttxLoadingSpinner {
+  loadingMessage: boolean;
+  size: 'small' | 'large';
+  renderLoadingMessage(): any;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts

@@ -1,17 +1,17 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    loadingMessage: {
-      control: string;
-    };
-    size: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-};
-export default _default;
-export declare const Example: (args: any) => string;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    loadingMessage: {
+      control: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+};
+export default _default;
+export declare const Example: (args: any) => string;

package/dist/types/components/atoms/tttx-qrcode/tttx-qrcode.d.ts

@@ -0,0 +1,6 @@
+export declare class TttxQrCode {
+  link: string;
+  size: number;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-qrcode/tttx-qrcode.stories.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    url: {
+      control: {
+        type: string;
+      };
+    };
+    size: {
+      control: string;
+      default: number;
+    };
+  };
+};
+export default _default;
+export declare const basicQRCode: {
+  (args: any): string;
+  args: {
+    url: string;
+    size: number;
+  };
+};

package/dist/types/components/molecules/tttx-dialog-box/interfaces.d.ts

@@ -0,0 +1,25 @@
+export interface DialogItems {
+    type: string;
+    header: {
+      title: string;
+      hasIcon: boolean;
+      iconName: string;
+      iconColor: string;
+      hasClose: boolean;
+    }
+    body: {
+      isCustomHtml: boolean;
+      customHtml: string;
+      contentText: string;
+    }
+    footer: {
+      buttons: DialogButtons[];
+    }
+}
+
+export interface DialogButtons {
+  name: string;
+  icon: string;
+  type: string;
+  width: string;
+}

package/dist/types/components/molecules/tttx-dialog-box/tttx-dialog-box.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { DialogItems } from './interfaces';
+export declare class TttxDialogBox {
+  data: string | DialogItems;
+  size: 'regular' | 'mobile' | 'large' | 'small';
+  elementSize: 'regular' | 'mobile' | 'large' | 'small';
+  private _data;
+  closeButtonClick: EventEmitter;
+  buttonClick: EventEmitter;
+  handleResize(): void;
+  onCloseClickHandler(): void;
+  onButtonClickHandler(index: number): void;
+  renderHeader(header: any): any;
+  renderContent(content: any): any;
+  renderFooter(footer: any): any;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,23 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    docs: {
+      description: {
+        component: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Mobile: any;
+export declare const Small: any;
+export declare const Large: any;
+export declare const closeDisabled: any;
+export declare const Icon: any;
+export declare const Info: any;
+export declare const Success: any;
+export declare const Warning: any;
+export declare const Critical: any;
+export declare const CustomHTML: any;

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

@@ -1,41 +1,41 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export interface FilterSettings {
-  optionIcon: string;
-  optionIconColor: string;
-  optionText: string;
-}
-export interface FilterChangeEvent {
-  selectedFilters: string[];
-  filterKey: string;
-  allSelected: boolean;
-}
-export declare class TttxFilter {
-  filterKey: string;
-  filterOptions: string | FilterSettings[];
-  showSelectAll: boolean;
-  showSearchField: boolean;
-  showOptionIcons: boolean;
-  filterButtonStyle: 'list filter' | 'list icon' | 'table icon';
-  filterHeader: string;
-  defaultFilterOptions: string[] | string;
-  showPopover: boolean;
-  displayedFilterSettings: FilterSettings[];
-  selectedFilters: string[];
-  filterSearchTerm: string;
-  allSelected: boolean;
-  filterChangeEvent: EventEmitter<FilterChangeEvent>;
-  el: any;
-  emitFilterEvent(): void;
-  onFilterButtonClick(): void;
-  onCloseButtonClick(): void;
-  onApplyFilterButtonClick(): void;
-  onFilterOptionSelected(selectedOption: string): void;
-  componentWillLoad(): void;
-  togglePopover(): void;
-  handleFilterChange(event: Event | InputEvent): void;
-  onSelectAllClick(): void;
-  getFilterButtonClassName(buttonStyle: string): "" | "--table-icon" | "--list-icon";
-  parseFilterOptions(): any;
-  parseDefaultFilterOptions(): any;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export interface FilterSettings {
+  optionIcon: string;
+  optionIconColor: string;
+  optionText: string;
+}
+export interface FilterChangeEvent {
+  selectedFilters: string[];
+  filterKey: string;
+  allSelected: boolean;
+}
+export declare class TttxFilter {
+  filterKey: string;
+  filterOptions: string | FilterSettings[];
+  showSelectAll: boolean;
+  showSearchField: boolean;
+  showOptionIcons: boolean;
+  filterButtonStyle: 'list filter' | 'list icon' | 'table icon';
+  filterHeader: string;
+  defaultFilterOptions: string[] | string;
+  showPopover: boolean;
+  displayedFilterSettings: FilterSettings[];
+  selectedFilters: string[];
+  filterSearchTerm: string;
+  allSelected: boolean;
+  filterChangeEvent: EventEmitter<FilterChangeEvent>;
+  el: any;
+  emitFilterEvent(): void;
+  onFilterButtonClick(): void;
+  onCloseButtonClick(): void;
+  onApplyFilterButtonClick(): void;
+  onFilterOptionSelected(selectedOption: string): void;
+  componentWillLoad(): void;
+  togglePopover(): void;
+  handleFilterChange(event: Event | InputEvent): void;
+  onSelectAllClick(): void;
+  getFilterButtonClassName(buttonStyle: string): "" | "--table-icon" | "--list-icon";
+  parseFilterOptions(): any;
+  parseDefaultFilterOptions(): any;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts

@@ -1,13 +1,13 @@
-/**
- * Sets the error state of an input field by updating its class and error message.
- * If an error was detected, it sets the input field's class to "invalid" and
- * displays the error message in an error bubble. If no error was detected,
- * it removes the "invalid" class from the input field and clears the error bubble.
- *
- * @param {HTMLInputElement} target - The input field to update.
- * @param {boolean} hasError - Whether an error was detected in the field.
- * @param {string} errorMessage - The error message to display (if any).
- * @return {void}
- */
-declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
-export default setErrorState;
+/**
+ * Sets the error state of an input field by updating its class and error message.
+ * If an error was detected, it sets the input field's class to "invalid" and
+ * displays the error message in an error bubble. If no error was detected,
+ * it removes the "invalid" class from the input field and clears the error bubble.
+ *
+ * @param {HTMLInputElement} target - The input field to update.
+ * @param {boolean} hasError - Whether an error was detected in the field.
+ * @param {string} errorMessage - The error message to display (if any).
+ * @return {void}
+ */
+declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
+export default setErrorState;

package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts

@@ -1,17 +1,17 @@
-/**
- * Validates the input field on focusout event by checking its validity state,
- * sets an error message if there's an issue, and emits a "dataChanged" event to
- * the parent component with the field name and its new value.
- *
- * @param {Event} event - The focusout event triggered by the input field.
- * @return {void}
- */
-declare function validityCheck(event: {
-  target: any;
-  preventDefault: Function;
-}): {
-  target: any;
-  hasError: boolean;
-  errorMessage: string;
-};
-export default validityCheck;
+/**
+ * Validates the input field on focusout event by checking its validity state,
+ * sets an error message if there's an issue, and emits a "dataChanged" event to
+ * the parent component with the field name and its new value.
+ *
+ * @param {Event} event - The focusout event triggered by the input field.
+ * @return {void}
+ */
+declare function validityCheck(event: {
+  target: any;
+  preventDefault: Function;
+}): {
+  target: any;
+  hasError: boolean;
+  errorMessage: string;
+};
+export default validityCheck;