@3t-transform/threeteeui 0.1.42 → 0.1.44

package/dist/tttx/{p-dc2a37b0.entry.js → p-7bba2014.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e}from"./p-db059a69.js";import{p as s,d as n}from"./p-b4290a5b.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}
+import{r as t,c as i,h as e}from"./p-71c244bd.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}

package/dist/tttx/p-d075a2c0.entry.js

@@ -0,0 +1 @@
+import{r as o,c as i,h as t}from"./p-71c244bd.js";import{p as d,d as l}from"./p-350ddb03.js";const a=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.buttonClick=i(this,"buttonClick",7),this.data=void 0,this.size="regular",this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}onCloseClickHandler(){this.closeButtonClick.emit({close:!0})}onButtonClickHandler(o){this.buttonClick.emit({buttonNumber:o,buttonClicked:!0})}renderHeader(o){const i=o.title,d=!!o.hasClose;return t("div",{class:"dialog-box-header"},!!o.hasIcon&&t("tttx-icon",{class:"dialog-box-icon",icon:o.iconName,color:o.iconColor}),t("h3",{class:"dialog-box-title"},i),d&&t("div",{class:"dialog-box-align-right close-button",onClick:()=>this.onCloseClickHandler()},t("tttx-icon",{class:"dialog-box-icon-close dialog-box-clickable",icon:"close",color:"black"})))}renderContent(o){if(o.isCustomHtml){const i=d.sanitize(o.customHtml,l);return t("div",{class:"dialog-box-body"},t("div",{innerHTML:i}))}return t("div",{class:"dialog-box-body"},t("span",{class:"dialog-box-content"},o.contentText))}renderFooter(o){const i=o.buttons,d=i.length>0,l=i.length>1,a="mobile"===this.elementSize;return t("div",{class:"dialog-box-footer"},t("div",{class:"dialog-box-align-right"},3==i.length&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(3),design:i[2].type,notext:a,icon:i[2].icon},!a&&i[2].name),l&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(2),design:i[1].type,icon:i[1].icon},i[1].name),d&&t("tttx-button",{onClick:()=>this.onButtonClickHandler(1),design:i[0].type,icon:i[0].icon},i[0].name)))}componentWillLoad(){this.elementSize=window.innerWidth<698?"mobile":this.size}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,t("div",{class:`dialog-box ${this.elementSize}`},t("div",{class:`dialog-box-padding dialog-box-header-box ${this._data.type||""}`},this.renderHeader(this._data.header)),t("div",{class:"dialog-box-padding dialog-box-body-box"},this.renderContent(this._data.body)),t("div",{class:"dialog-box-padding dialog-box-footer-box"},this.renderFooter(this._data.footer)))}};a.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}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px;max-height:500px}.dialog-box.regular{width:600px;min-height:200px;max-height:500px}.dialog-box.large{width:900px;min-height:200px;max-height:500px}.dialog-box.mobile{max-width:424px;max-height:510px}.dialog-box-clickable{cursor:pointer}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:600;font-family:"Roboto", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}';export{a as tttx_dialog_box}

package/dist/tttx/{p-bd1edaed.entry.js → p-deec335c.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as r}from"./p-db059a69.js";const i=class{constructor(t){o(this,t),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.design="default"}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}))))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}button{cursor:pointer}.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}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}';export{i as tttx_button}
+import{r as o,h as t,H as r}from"./p-71c244bd.js";const i=class{constructor(t){o(this,t),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.design="default"}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}))))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}button{cursor:pointer}.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}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}';export{i as tttx_button}

package/dist/tttx/{p-9f1e9cc1.entry.js → p-e061910d.entry.js}

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

package/dist/tttx/{p-f885f17a.entry.js → p-f247a7bc.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as r,H as e,g as i}from"./p-db059a69.js";const n=class{constructor(r){o(this,r),this.sorterChangeEvent=t(this,"sorterChangeEvent",7),this.sorterKey=void 0,this.defaultSortDirection="descending",this.fieldOptionsData=null,this.defaultOption="",this.selectedField=this.defaultOption,this.sortDirection=this.defaultSortDirection,this.dropdownExpand=!1,this.dropdownOptions=void 0}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(o){o.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand}onDropdownSelected(o){this.dropdownExpand=!1,this.selectedField=o.target.innerHTML,this.emitSortEvent()}render(){const o="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const t="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",i=this.dropdownExpand?"expand_less":"expand_more",n=this.selectedField;return r(e,{id:`sorter__${this.sorterKey}`},r("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},r("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},r("tttx-icon",{icon:t,color:"black"})),r("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},r("div",{class:"dropdown-selector-button"},r("div",{class:"dropdown-selector-text"},n),r("div",{class:"dropdown-selector-chevron"},r("tttx-icon",{icon:i,color:"black"})))),this.dropdownExpand&&r("div",{class:"dropdown-options-list"},o.sorterOptions.map((o=>r("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:o.optionLabel},o.optionLabel))))))}get el(){return i(this)}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sorter-container{display:flex;flex-direction:row;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;height:36px}@media (max-width: 475px){.sorter-container{width:68px}}.sorter-container .arrow-toggle-button{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px}@media (max-width: 475px){.sorter-container .arrow-toggle-button{padding-right:0px;padding-left:8px}}.sorter-container .arrow-toggle-button .hydrated{display:flex;justify-content:center;align-items:center}.sorter-container .arrow-toggle-button span{display:block;margin:auto;line-height:16px}.sorter-container .arrow-toggle-button .material-symbols-rounded{color:#212121}.sorter-container .dropdown-selector{display:inline-flex;position:relative;flex-grow:1}.sorter-container .dropdown-selector .dropdown-selector-button{display:inline-flex;flex-direction:row;gap:4px;padding-right:4px;align-items:center;color:#212121;width:100%}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-button .dropdown-selector-text{display:none}}.sorter-container .dropdown-selector .dropdown-selector-chevron{display:inline-flex;margin-left:auto;right:0;top:0;flex-direction:row;align-items:center;height:36px}.sorter-container .dropdown-selector .dropdown-selector-chevron .hydrated{height:24px}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-chevron{padding-right:2px}}.sorter-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:100%;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white}@media (max-width: 475px){.sorter-container .dropdown-options-list{width:220px;padding-top:8px}}.sorter-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px}.sorter-container .dropdown-options-list .dropdown-option:hover,.sorter-container .dropdown-options-list .dropdown-option:focus{background-color:#e7f1f9}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';export{n as tttx_sorter}
+import{r as o,c as t,h as r,H as e,g as i}from"./p-71c244bd.js";const n=class{constructor(r){o(this,r),this.sorterChangeEvent=t(this,"sorterChangeEvent",7),this.sorterKey=void 0,this.defaultSortDirection="descending",this.fieldOptionsData=null,this.defaultOption="",this.selectedField=this.defaultOption,this.sortDirection=this.defaultSortDirection,this.dropdownExpand=!1,this.dropdownOptions=void 0}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(o){o.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand}onDropdownSelected(o){this.dropdownExpand=!1,this.selectedField=o.target.innerHTML,this.emitSortEvent()}render(){const o="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const t="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",i=this.dropdownExpand?"expand_less":"expand_more",n=this.selectedField;return r(e,{id:`sorter__${this.sorterKey}`},r("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},r("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},r("tttx-icon",{icon:t,color:"black"})),r("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},r("div",{class:"dropdown-selector-button"},r("div",{class:"dropdown-selector-text"},n),r("div",{class:"dropdown-selector-chevron"},r("tttx-icon",{icon:i,color:"black"})))),this.dropdownExpand&&r("div",{class:"dropdown-options-list"},o.sorterOptions.map((o=>r("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:o.optionLabel},o.optionLabel))))))}get el(){return i(this)}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sorter-container{display:flex;flex-direction:row;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;height:36px}@media (max-width: 475px){.sorter-container{width:68px}}.sorter-container .arrow-toggle-button{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px}@media (max-width: 475px){.sorter-container .arrow-toggle-button{padding-right:0px;padding-left:8px}}.sorter-container .arrow-toggle-button .hydrated{display:flex;justify-content:center;align-items:center}.sorter-container .arrow-toggle-button span{display:block;margin:auto;line-height:16px}.sorter-container .arrow-toggle-button .material-symbols-rounded{color:#212121}.sorter-container .dropdown-selector{display:inline-flex;position:relative;flex-grow:1}.sorter-container .dropdown-selector .dropdown-selector-button{display:inline-flex;flex-direction:row;gap:4px;padding-right:4px;align-items:center;color:#212121;width:100%}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-button .dropdown-selector-text{display:none}}.sorter-container .dropdown-selector .dropdown-selector-chevron{display:inline-flex;margin-left:auto;right:0;top:0;flex-direction:row;align-items:center;height:36px}.sorter-container .dropdown-selector .dropdown-selector-chevron .hydrated{height:24px}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-chevron{padding-right:2px}}.sorter-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:100%;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white}@media (max-width: 475px){.sorter-container .dropdown-options-list{width:220px;padding-top:8px}}.sorter-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px}.sorter-container .dropdown-options-list .dropdown-option:hover,.sorter-container .dropdown-options-list .dropdown-option:focus{background-color:#e7f1f9}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';export{n as tttx_sorter}

package/dist/tttx/tttx.esm.js

@@ -1,129 +1 @@
-import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-e3e64631.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
-
-/*
- Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
- */
-const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
-const patchBrowser = () => {
-    // NOTE!! This fn cannot use async/await!
-    if (BUILD.isDev && !BUILD.isTesting) {
-        consoleDevInfo('Running in development mode.');
-    }
-    if (BUILD.cssVarShim) {
-        // shim css vars
-        plt.$cssShim$ = win.__cssshim;
-    }
-    if (BUILD.cloneNodeFix) {
-        // opted-in to polyfill cloneNode() for slot polyfilled components
-        patchCloneNodeFix(H.prototype);
-    }
-    if (BUILD.profile && !performance.mark) {
-        // not all browsers support performance.mark/measure (Safari 10)
-        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,
-        // simply stub the implementations out.
-        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)
-        // @ts-ignore
-        performance.mark = performance.measure = () => {
-            /*noop*/
-        };
-        performance.getEntriesByName = () => [];
-    }
-    // @ts-ignore
-    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
-        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
-            s.getAttribute('data-stencil-namespace') === NAMESPACE)
-        : null;
-    const importMeta = import.meta.url;
-    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
-    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
-        // Safari < v11 support: This IF is true if it's Safari below v11.
-        // This fn cannot use async/await since Safari didn't support it until v11,
-        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
-        // so both the ESM file and nomodule file would get downloaded. Only Safari
-        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
-        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
-        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
-        return {
-            then() {
-                /* promise noop */
-            },
-        };
-    }
-    if (!BUILD.safari10 && importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    else if (BUILD.dynamicImportShim || BUILD.safari10) {
-        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
-        if (BUILD.dynamicImportShim) {
-            patchDynamicImport(opts.resourcesUrl, scriptElm);
-        }
-        if (BUILD.dynamicImportShim && !win.customElements) {
-            // module support, but no custom elements support (Old Edge)
-            // @ts-ignore
-            return import(/* webpackChunkName: "polyfills-dom" */ './dom-6be6f662.js').then(() => opts);
-        }
-    }
-    return promiseResolve(opts);
-};
-const patchDynamicImport = (base, orgScriptElm) => {
-    const importFunctionName = getDynamicImportFunction(NAMESPACE);
-    try {
-        // test if this browser supports dynamic imports
-        // There is a caching issue in V8, that breaks using import() in Function
-        // By generating a random string, we can workaround it
-        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
-        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
-    }
-    catch (e) {
-        // this shim is specifically for browsers that do support "esm" imports
-        // however, they do NOT support "dynamic" imports
-        // basically this code is for old Edge, v18 and below
-        const moduleMap = new Map();
-        win[importFunctionName] = (src) => {
-            const url = new URL(src, base).href;
-            let mod = moduleMap.get(url);
-            if (!mod) {
-                const script = doc.createElement('script');
-                script.type = 'module';
-                script.crossOrigin = orgScriptElm.crossOrigin;
-                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
-                    type: 'application/javascript',
-                }));
-                mod = new Promise((resolve) => {
-                    script.onload = () => {
-                        resolve(win[importFunctionName].m);
-                        script.remove();
-                    };
-                });
-                moduleMap.set(url, mod);
-                doc.head.appendChild(script);
-            }
-            return mod;
-        };
-    }
-};
-const patchCloneNodeFix = (HTMLElementPrototype) => {
-    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
-    HTMLElementPrototype.cloneNode = function (deep) {
-        if (this.nodeName === 'TEMPLATE') {
-            return nativeCloneNodeFn.call(this, deep);
-        }
-        const clonedNode = nativeCloneNodeFn.call(this, false);
-        const srcChildNodes = this.childNodes;
-        if (deep) {
-            for (let i = 0; i < srcChildNodes.length; i++) {
-                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
-                if (srcChildNodes[i].nodeType !== 2) {
-                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
-                }
-            }
-        }
-        return clonedNode;
-    };
-};
-
-patchBrowser().then(options => {
-  globalScripts();
-  return bootstrapLazy([["tttx-icon",[[1,"tttx-icon",{"icon":[1],"color":[1]}]]],["tttx-button",[[1,"tttx-button",{"notext":[4],"icon":[1],"iconposition":[1],"design":[1]}]]],["tttx-filter",[[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"],"showPopover":[32],"displayedFilterSettings":[32],"selectedFilters":[32],"filterSearchTerm":[32],"allSelected":[32]}]]],["tttx-list",[[1,"tttx-list",{"data":[1025],"name":[1]}]]],["tttx-sorter",[[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]}]]],["tttx-standalone-input",[[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]}]]],["tttx-form",[[1,"tttx-form",{"formschema":[1032],"data":[1032],"submit":[64]}]]],["tttx-keyvalue-block",[[1,"tttx-keyvalue-block",{"keyvalues":[8],"horizontal":[4]}]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-toolbar",[[1,"tttx-toolbar",{"border":[4]}]]]], options);
-});
+import{p as t,b as e}from"./p-71c244bd.js";export{s as setNonce}from"./p-71c244bd.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-d075a2c0",[[1,"tttx-dialog-box",{data:[1025],size:[1],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-2dd43e97",[[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-7bba2014",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-f247a7bc",[[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-5e91cf1c",[[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-0ed6f369",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-2e135be9",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-01863bf1",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-48b15a3d",[[1,"tttx-toolbar",{border:[4]}]]],["p-e061910d",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-deec335c",[[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/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,39 +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;
-  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;
-  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;
+}