@3t-transform/threeteeui 1.9.59 → 1.9.60

package/dist/tttx/p-5f35edd8.entry.js

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as l}from"./p-2b0fc913.js";import{p as s,d as o}from"./p-55799798.js";import"./p-112455b1.js";const h=class{constructor(i){t(this,i),this.rowClicked=e(this,"rowClicked",7),this.headerClicked=e(this,"headerClicked",7),this.headerOrderChanged=e(this,"headerOrderChanged",7),this.headers=[],this.data=[],this.selectable=!1,this.loading=!1,this.selected=-1,this.draggableHeaders=!1,this.draggedHeaderIndex=null}rowClickedHandler(t){this.rowClicked.emit(t),this.selectable&&(this.selected=this.data.findIndex((e=>e===t)))}headerClickedHandler(t){this.headerClicked.emit(t)}handleDragStart(t){this.draggedHeaderIndex=t}handleDragOver(t){t.preventDefault()}handleDrop(t){if(null!==this.draggedHeaderIndex&&this.draggedHeaderIndex!==t){const e=[...this.headers],i=e[this.draggedHeaderIndex];e.splice(this.draggedHeaderIndex,1),e.splice(t,0,i),console.log("newOrder",e),this.headerOrderChanged.emit(e.map((t=>t.key)))}this.draggedHeaderIndex=null}render(){return i(l,null,i("div",{style:{width:"100%",overflowX:"auto"}},i("table",null,i("colgroup",null,this.headers&&this.headers.map((t=>i("col",{style:{width:t.width?`${t.width}`:"auto"}})))),i("thead",null,i("tr",null,this.loading?[1,2,3].map((t=>i("th",{key:"skeleton-header-"+t},i("div",{class:"skeleton"})))):this.headers&&this.headers.map(((t,e)=>i("th",{key:"header-"+t.key,class:"header-typography",onClick:()=>this.headerClickedHandler(t),innerHTML:s.sanitize(t.label,o),draggable:this.draggableHeaders,onDragStart:this.draggableHeaders?()=>this.handleDragStart(e):void 0,onDragOver:this.draggableHeaders?t=>this.handleDragOver(t):void 0,onDrop:this.draggableHeaders?()=>this.handleDrop(e):void 0}))))),i("tbody",null,this.loading?[1,2,3].map((t=>i("tr",{key:"skeleton-row-"+t},[1,2,3].map((t=>i("td",{key:"skeleton-cell-"+t},i("div",{class:"skeleton"}))))))):Object.keys(this.data).map(((t,e)=>i("tr",{key:"row-"+e,class:(this.selectable?"clickable":"")+(e===this.selected&&this.selectable?" selected":""),onClick:()=>this.rowClickedHandler(this.data[t])},this.headers.map((e=>i("td",{key:"cell-"+e.key,class:"cell-typography"},i("div",{class:"cell-spacing",innerHTML:s.sanitize(this.data[t][e.key],o)})))))))))))}};h.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.skeleton{animation:skeleton-loading 1s linear infinite alternate;border-radius:4px;width:100%}@keyframes skeleton-loading{0%{background-color:#c2cfd6}100%{background-color:#f0f3f5}}:host{display:block}table{width:100%;border-collapse:collapse;table-layout:fixed;box-sizing:border-box;min-width:600px}thead tr{height:52px;background-color:#f0f0f0}thead tr td{text-align:left;padding-left:8px 16px;min-width:40px}tbody tr{height:52px}tr{border-bottom:1px solid #d5d5d5}.selected{background-color:#ebfbfc}td,th{text-align:left;padding:8px 16px;min-width:40px}.cell-spacing{display:flex;align-items:left}.skeleton{height:24px;display:block}.header-typography,.cell-typography{font-family:"Roboto", sans-serif;font-size:16px;font-style:normal;line-height:normal}.header-typography{font-weight:500;color:#757575}.cell-typography{font-weight:normal;color:#212121}.clickable{cursor:pointer}';export{h as tttx_table_1_9_59}
+import{r as t,c as e,h as i,H as l}from"./p-2b0fc913.js";import{p as s,d as o}from"./p-55799798.js";import"./p-112455b1.js";const h=class{constructor(i){t(this,i),this.rowClicked=e(this,"rowClicked",7),this.headerClicked=e(this,"headerClicked",7),this.headerOrderChanged=e(this,"headerOrderChanged",7),this.headers=[],this.data=[],this.selectable=!1,this.loading=!1,this.selected=-1,this.draggableHeaders=!1,this.draggedHeaderIndex=null}rowClickedHandler(t){this.rowClicked.emit(t),this.selectable&&(this.selected=this.data.findIndex((e=>e===t)))}headerClickedHandler(t){this.headerClicked.emit(t)}handleDragStart(t){this.draggedHeaderIndex=t}handleDragOver(t){t.preventDefault()}handleDrop(t){if(null!==this.draggedHeaderIndex&&this.draggedHeaderIndex!==t){const e=[...this.headers],i=e[this.draggedHeaderIndex];e.splice(this.draggedHeaderIndex,1),e.splice(t,0,i),console.log("newOrder",e),this.headerOrderChanged.emit(e.map((t=>t.key)))}this.draggedHeaderIndex=null}render(){return i(l,null,i("div",{style:{width:"100%",overflowX:"auto"}},i("table",null,i("colgroup",null,this.headers&&this.headers.map((t=>i("col",{style:{width:t.width?`${t.width}`:"auto"}})))),i("thead",null,i("tr",null,this.loading?[1,2,3].map((t=>i("th",{key:"skeleton-header-"+t},i("div",{class:"skeleton"})))):this.headers&&this.headers.map(((t,e)=>i("th",{key:"header-"+t.key,class:"header-typography",onClick:()=>this.headerClickedHandler(t),innerHTML:s.sanitize(t.label,o),draggable:this.draggableHeaders,onDragStart:this.draggableHeaders?()=>this.handleDragStart(e):void 0,onDragOver:this.draggableHeaders?t=>this.handleDragOver(t):void 0,onDrop:this.draggableHeaders?()=>this.handleDrop(e):void 0}))))),i("tbody",null,this.loading?[1,2,3].map((t=>i("tr",{key:"skeleton-row-"+t},[1,2,3].map((t=>i("td",{key:"skeleton-cell-"+t},i("div",{class:"skeleton"}))))))):Object.keys(this.data).map(((t,e)=>i("tr",{key:"row-"+e,class:(this.selectable?"clickable":"")+(e===this.selected&&this.selectable?" selected":""),onClick:()=>this.rowClickedHandler(this.data[t])},this.headers.map((e=>i("td",{key:"cell-"+e.key,class:"cell-typography"},i("div",{class:"cell-spacing",innerHTML:s.sanitize(this.data[t][e.key],o)})))))))))))}};h.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.skeleton{animation:skeleton-loading 1s linear infinite alternate;border-radius:4px;width:100%}@keyframes skeleton-loading{0%{background-color:#c2cfd6}100%{background-color:#f0f3f5}}:host{display:block}table{width:100%;border-collapse:collapse;table-layout:fixed;box-sizing:border-box;min-width:600px}thead tr{height:52px;background-color:#f0f0f0}thead tr td{text-align:left;padding-left:8px 16px;min-width:40px}tbody tr{height:52px}tr{border-bottom:1px solid #d5d5d5}.selected{background-color:#ebfbfc}td,th{text-align:left;padding:8px 16px;min-width:40px}.cell-spacing{display:flex;align-items:left}.skeleton{height:24px;display:block}.header-typography,.cell-typography{font-family:"Roboto", sans-serif;font-size:16px;font-style:normal;line-height:normal}.header-typography{font-weight:500;color:#757575}.cell-typography{font-weight:normal;color:#212121}.clickable{cursor:pointer}';export{h as tttx_table_1_9_60}

package/dist/tttx/p-61af5028.entry.js

@@ -1 +1 @@
-import{r as t,h as i,H as o}from"./p-2b0fc913.js";const d=class{constructor(i){t(this,i),this.keyvalues=void 0,this.horizontal=void 0,this.spacedout=void 0,this._elements=void 0}renderSingleElements(t){const o=Object.keys(t),d=[],l=(100/o.length).toString()+"%";for(const s of o)this.horizontal||this.spacedout?d.push(i("div",{style:{maxWidth:l}},i("dt",null,s),i("dd",null,t[s]))):(d.push(i("dt",null,s)),d.push(i("dd",null,t[s])));return d}renderArrayElements(t){const o=[],d=(100/t.length).toString()+"%";for(const l of t){const t=l;this.horizontal||this.spacedout?o.push(i("div",{style:{maxWidth:d}},i("dt",{class:"mainTitle"},t.title),i("dt",{class:"subTitle"},t.subTitle),i("dd",null,t.data))):(o.push(i("dt",{class:"mainTitle"},t.title)),o.push(i("dt",{class:"subTitle"},t.subTitle)),o.push(i("dd",null,t.data)))}return o}componentWillRender(){if(!this.keyvalues)return;let t;t="string"==typeof this.keyvalues?JSON.parse(this.keyvalues):this.keyvalues,this._elements=Array.isArray(t)?this.renderArrayElements(t):this.renderSingleElements(t)}render(){return i(o,null,i("dl",{class:[this.horizontal?"horizontal":void 0,this.spacedout?" spacedout":void 0].join(" ").trim()},this._elements))}};d.style=':host{display:block}dl{margin:0;padding:0;font-family:"Roboto", sans-serif;cursor:default}dt{font-weight:400;font-size:16px;margin-bottom:4px}dt,dt.subTitle{color:#757575}dt.mainTitle{color:#212121}dt,dd{overflow-wrap:anywhere}dd{margin:0;font-weight:400;font-size:16px;color:#212121}dd:not(:last-child){margin-bottom:16px}dl.spacedout,dl.horizontal{display:flex;flex-direction:row;width:100%}dl.spacedout{justify-content:space-between}dl.horizontal div{flex-grow:1}@media (max-width: 769px){dl.horizontal{flex-wrap:wrap}dl.horizontal div{width:50%;max-width:50% !important}}@media (max-width: 600px){dl.horizontal div{width:100%;max-width:100% !important}}';export{d as tttx_keyvalue_block_1_9_59}
+import{r as t,h as i,H as o}from"./p-2b0fc913.js";const d=class{constructor(i){t(this,i),this.keyvalues=void 0,this.horizontal=void 0,this.spacedout=void 0,this._elements=void 0}renderSingleElements(t){const o=Object.keys(t),d=[],l=(100/o.length).toString()+"%";for(const s of o)this.horizontal||this.spacedout?d.push(i("div",{style:{maxWidth:l}},i("dt",null,s),i("dd",null,t[s]))):(d.push(i("dt",null,s)),d.push(i("dd",null,t[s])));return d}renderArrayElements(t){const o=[],d=(100/t.length).toString()+"%";for(const l of t){const t=l;this.horizontal||this.spacedout?o.push(i("div",{style:{maxWidth:d}},i("dt",{class:"mainTitle"},t.title),i("dt",{class:"subTitle"},t.subTitle),i("dd",null,t.data))):(o.push(i("dt",{class:"mainTitle"},t.title)),o.push(i("dt",{class:"subTitle"},t.subTitle)),o.push(i("dd",null,t.data)))}return o}componentWillRender(){if(!this.keyvalues)return;let t;t="string"==typeof this.keyvalues?JSON.parse(this.keyvalues):this.keyvalues,this._elements=Array.isArray(t)?this.renderArrayElements(t):this.renderSingleElements(t)}render(){return i(o,null,i("dl",{class:[this.horizontal?"horizontal":void 0,this.spacedout?" spacedout":void 0].join(" ").trim()},this._elements))}};d.style=':host{display:block}dl{margin:0;padding:0;font-family:"Roboto", sans-serif;cursor:default}dt{font-weight:400;font-size:16px;margin-bottom:4px}dt,dt.subTitle{color:#757575}dt.mainTitle{color:#212121}dt,dd{overflow-wrap:anywhere}dd{margin:0;font-weight:400;font-size:16px;color:#212121}dd:not(:last-child){margin-bottom:16px}dl.spacedout,dl.horizontal{display:flex;flex-direction:row;width:100%}dl.spacedout{justify-content:space-between}dl.horizontal div{flex-grow:1}@media (max-width: 769px){dl.horizontal{flex-wrap:wrap}dl.horizontal div{width:50%;max-width:50% !important}}@media (max-width: 600px){dl.horizontal div{width:100%;max-width:100% !important}}';export{d as tttx_keyvalue_block_1_9_60}

package/dist/tttx/p-67f75171.entry.js

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as o,g as n,F as r}from"./p-2b0fc913.js";import{p as s,d as l}from"./p-55799798.js";import"./p-112455b1.js";const a=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.toggleFilter=i(this,"toggleFilter",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.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}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,this.toggleFilter.emit(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_1_9_59",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon_1_9_59",{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_1_9_59",{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_1_9_59",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon_1_9_59",{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)}};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}.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;cursor:pointer}@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:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.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;padding-bottom:8px}.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}.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;width:100%;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}';const c=class{constructor(e){t(this,e),this.rowClick=i(this,"listRowClick",7),this.rowCheckboxClick=i(this,"listRowCheckboxClick",7),this.data=void 0,this._data=void 0,this.name=void 0}onDataChange(){if(this.data){this._data="string"==typeof this.data?JSON.parse(this.data):[...this.data];for(const t of this._data)t.hasCheckbox&&void 0===t.checked&&(t.checked=!1)}}componentWillLoad(){this.onDataChange()}onRowCheckboxHandler(t,i){t.stopPropagation(),i.rowData&&this.rowCheckboxClick.emit({key:i.key,name:this.name,data:i.rowData})}onRowClickHandler(t){(t.clickable||t.toggleable)&&t.rowData&&this.rowClick.emit({key:t.key,name:this.name,data:t.rowData})}renderListItem(t){let i;if("string"==typeof t.element){const o=s.sanitize(t.element,l);i=e("span",{class:"item-content",innerHTML:o})}else i=e("span",{class:"item-content"},t.element);return e(r,null,t.hasCheckbox&&e("div",{class:"checkbox"},e("tttx-icon_1_9_59",{icon:t.checked?"check_box":"check_box_outline_blank",color:t.checked?"blue":"grey",onClick:i=>{this.onRowCheckboxHandler(i,t)}})),t.element&&i,t.icon&&e("span",{class:"icons"},e("tttx-icon_1_9_59",{class:"align-right",icon:t.icon,color:"black"})))}render(){if(this._data)return e("ul",{class:"list"},this._data.map((t=>e("li",{key:t.key,class:"item"+(t.clickable?" clickable":"")+(t.toggleable?" toggleable":"")+(t.checked?" selected":"")+(t.active?" active":""),onClick:()=>{this.onRowClickHandler(t)}},this.renderListItem(t)))))}static get watchers(){return{data:["onDataChange"]}}};c.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}li{display:flex;align-items:flex-start;width:100%}li.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;box-sizing:border-box;width:100%}li.item:first-of-type{border-top:1px solid #d5d5d5}li.item.clickable:hover{cursor:pointer}li.item.toggleable:hover{cursor:pointer}li.item.active{background-color:rgba(17, 17, 17, 0.1)}li.item.active:hover{background-color:rgba(17, 17, 17, 0.15)}li.item.selected{background-color:#ebfbfc}li.item.selected:hover{background-color:#e0f8f9}li.item.selected.active{background-color:#ccf3f6}li.item.selected.active:hover{background-color:#bff0f3}li.item .icons{display:flex;justify-content:flex-end;align-items:center;height:36px}li.item .icons tttx-icon:hover{cursor:pointer}li.item .icons *{display:flex}li.item:hover{background-color:rgba(17, 17, 17, 0.05)}.align-right{margin-left:auto}.item-content{display:flex;align-items:center;width:100%;min-height:36px}.checkbox{padding:6px;margin-left:-8px}';const d=class{constructor(e){t(this,e),this.sorterChangeEvent=i(this,"sorterChangeEvent",7),this.toggleSorter=i(this,"toggleSorter",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}handleCloseSorter(){this.dropdownExpand=!1}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(t){t.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand,this.toggleSorter.emit(this.dropdownExpand)}onDropdownSelected(t){this.dropdownExpand=!1,this.selectedField=t.target.innerHTML,this.emitSortEvent(),this.toggleSorter.emit(this.dropdownExpand)}render(){const t="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const i="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",n=this.dropdownExpand?"expand_less":"expand_more",r=this.selectedField;return e(o,{id:`sorter__${this.sorterKey}`},e("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},e("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},e("tttx-icon_1_9_59",{icon:i,color:"black"})),e("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},e("div",{class:"dropdown-selector-button"},e("div",{class:"dropdown-selector-text"},r),e("div",{class:"dropdown-selector-chevron"},e("tttx-icon_1_9_59",{icon:n,color:"black"})))),this.dropdownExpand&&e("div",{class:"dropdown-options-list"},t.sorterOptions.map((t=>e("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:t.optionLabel},t.optionLabel))))))}get el(){return n(this)}};d.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;cursor:pointer;width:220px}@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;cursor:pointer}.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;cursor:pointer}@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:220px;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:#ebfbfc}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';const p=class{constructor(i){t(this,i),this.border=!0,this.viewSize=void 0}handleResize(){this.setViewSize()}async componentWillLoad(){this.setViewSize()}setViewSize(){this.viewSize=window.innerWidth<698?"mobile":"desktop"}render(){return e(o,null,e("div",{class:`container ${this.border?"bordered":""} ${this.viewSize}`},e("slot",{name:"before"}),e("slot",{name:"center"}),e("slot",{name:"after"})))}};p.style=".container{display:flex;align-items:flex-end;row-gap:8px;padding:8px 0;flex-wrap:wrap}.container.bordered{border-bottom:1px solid #d5d5d5}.desktop ::slotted([slot=before]){flex:1 1 0px}.desktop ::slotted([slot=center]){flex:0 1 fit-content}.desktop ::slotted([slot=after]){flex:1 1 0px}::slotted([slot=before]){display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=center]){display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=after]){display:flex;justify-content:end;align-items:flex-end;flex-wrap:wrap;gap:8px}";export{a as tttx_filter_1_9_59,c as tttx_list_1_9_59,d as tttx_sorter_1_9_59,p as tttx_toolbar_1_9_59}
+import{r as t,c as i,h as e,H as o,g as n,F as r}from"./p-2b0fc913.js";import{p as s,d as l}from"./p-55799798.js";import"./p-112455b1.js";const a=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.toggleFilter=i(this,"toggleFilter",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.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}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,this.toggleFilter.emit(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_1_9_60",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon_1_9_60",{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_1_9_60",{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_1_9_60",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon_1_9_60",{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)}};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}.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;cursor:pointer}@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:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.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;padding-bottom:8px}.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}.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;width:100%;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}';const c=class{constructor(e){t(this,e),this.rowClick=i(this,"listRowClick",7),this.rowCheckboxClick=i(this,"listRowCheckboxClick",7),this.data=void 0,this._data=void 0,this.name=void 0}onDataChange(){if(this.data){this._data="string"==typeof this.data?JSON.parse(this.data):[...this.data];for(const t of this._data)t.hasCheckbox&&void 0===t.checked&&(t.checked=!1)}}componentWillLoad(){this.onDataChange()}onRowCheckboxHandler(t,i){t.stopPropagation(),i.rowData&&this.rowCheckboxClick.emit({key:i.key,name:this.name,data:i.rowData})}onRowClickHandler(t){(t.clickable||t.toggleable)&&t.rowData&&this.rowClick.emit({key:t.key,name:this.name,data:t.rowData})}renderListItem(t){let i;if("string"==typeof t.element){const o=s.sanitize(t.element,l);i=e("span",{class:"item-content",innerHTML:o})}else i=e("span",{class:"item-content"},t.element);return e(r,null,t.hasCheckbox&&e("div",{class:"checkbox"},e("tttx-icon_1_9_60",{icon:t.checked?"check_box":"check_box_outline_blank",color:t.checked?"blue":"grey",onClick:i=>{this.onRowCheckboxHandler(i,t)}})),t.element&&i,t.icon&&e("span",{class:"icons"},e("tttx-icon_1_9_60",{class:"align-right",icon:t.icon,color:"black"})))}render(){if(this._data)return e("ul",{class:"list"},this._data.map((t=>e("li",{key:t.key,class:"item"+(t.clickable?" clickable":"")+(t.toggleable?" toggleable":"")+(t.checked?" selected":"")+(t.active?" active":""),onClick:()=>{this.onRowClickHandler(t)}},this.renderListItem(t)))))}static get watchers(){return{data:["onDataChange"]}}};c.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}li{display:flex;align-items:flex-start;width:100%}li.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;box-sizing:border-box;width:100%}li.item:first-of-type{border-top:1px solid #d5d5d5}li.item.clickable:hover{cursor:pointer}li.item.toggleable:hover{cursor:pointer}li.item.active{background-color:rgba(17, 17, 17, 0.1)}li.item.active:hover{background-color:rgba(17, 17, 17, 0.15)}li.item.selected{background-color:#ebfbfc}li.item.selected:hover{background-color:#e0f8f9}li.item.selected.active{background-color:#ccf3f6}li.item.selected.active:hover{background-color:#bff0f3}li.item .icons{display:flex;justify-content:flex-end;align-items:center;height:36px}li.item .icons tttx-icon:hover{cursor:pointer}li.item .icons *{display:flex}li.item:hover{background-color:rgba(17, 17, 17, 0.05)}.align-right{margin-left:auto}.item-content{display:flex;align-items:center;width:100%;min-height:36px}.checkbox{padding:6px;margin-left:-8px}';const d=class{constructor(e){t(this,e),this.sorterChangeEvent=i(this,"sorterChangeEvent",7),this.toggleSorter=i(this,"toggleSorter",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}handleCloseSorter(){this.dropdownExpand=!1}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(t){t.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand,this.toggleSorter.emit(this.dropdownExpand)}onDropdownSelected(t){this.dropdownExpand=!1,this.selectedField=t.target.innerHTML,this.emitSortEvent(),this.toggleSorter.emit(this.dropdownExpand)}render(){const t="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const i="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",n=this.dropdownExpand?"expand_less":"expand_more",r=this.selectedField;return e(o,{id:`sorter__${this.sorterKey}`},e("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},e("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},e("tttx-icon_1_9_60",{icon:i,color:"black"})),e("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},e("div",{class:"dropdown-selector-button"},e("div",{class:"dropdown-selector-text"},r),e("div",{class:"dropdown-selector-chevron"},e("tttx-icon_1_9_60",{icon:n,color:"black"})))),this.dropdownExpand&&e("div",{class:"dropdown-options-list"},t.sorterOptions.map((t=>e("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:t.optionLabel},t.optionLabel))))))}get el(){return n(this)}};d.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;cursor:pointer;width:220px}@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;cursor:pointer}.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;cursor:pointer}@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:220px;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:#ebfbfc}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';const p=class{constructor(i){t(this,i),this.border=!0,this.viewSize=void 0}handleResize(){this.setViewSize()}async componentWillLoad(){this.setViewSize()}setViewSize(){this.viewSize=window.innerWidth<698?"mobile":"desktop"}render(){return e(o,null,e("div",{class:`container ${this.border?"bordered":""} ${this.viewSize}`},e("slot",{name:"before"}),e("slot",{name:"center"}),e("slot",{name:"after"})))}};p.style=".container{display:flex;align-items:flex-end;row-gap:8px;padding:8px 0;flex-wrap:wrap}.container.bordered{border-bottom:1px solid #d5d5d5}.desktop ::slotted([slot=before]){flex:1 1 0px}.desktop ::slotted([slot=center]){flex:0 1 fit-content}.desktop ::slotted([slot=after]){flex:1 1 0px}::slotted([slot=before]){display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=center]){display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=after]){display:flex;justify-content:end;align-items:flex-end;flex-wrap:wrap;gap:8px}";export{a as tttx_filter_1_9_60,c as tttx_list_1_9_60,d as tttx_sorter_1_9_60,p as tttx_toolbar_1_9_60}

package/dist/tttx/p-7bfa4e1e.entry.js

@@ -1 +1 @@
-import{r as o,c as i,h as t,g as e}from"./p-2b0fc913.js";const n={critical:{iconName:"report",iconColor:"red"},info:{iconName:"info",iconColor:"blue"},success:{iconName:"check_circle",iconColor:"green"},warning:{iconName:"warning",iconColor:"orange"}},s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.header=void 0,this.type=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.closeEnabled=!0,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}emitDialogClose(){this.closeButtonClick.emit()}componentDidLoad(){this.dialog.addEventListener("close",this.emitDialogClose.bind(this))}onCloseClickHandler(){this.dialog.close()}headerIconDetails(o){return o?n[this.type]:{iconName:void 0,iconColor:void 0}}renderHeader(){const o=void 0!==this.type,{iconName:i,iconColor:e}=this.headerIconDetails(o);return t("div",{class:`padding header ${this.type||""}`},o&&t("tttx-icon_1_9_59",{class:"icon",icon:i,color:e}),t("h3",{class:"title",title:this.header},this.header),this.closeEnabled&&t("tttx-button_1_9_59",{class:"align-right close-button",design:"borderless-circle",icon:"close",color:"black",notext:!0,onClick:()=>this.onCloseClickHandler()}))}body(){return t("div",{class:"body "+(this.allowOverflow?"":"overflow-hidden")},t("span",{class:"body-content"},t("slot",null)))}footer(){if(this.el.querySelector('[slot="buttons"]'))return t("div",{class:"padding footer"},t("div",{class:"align-right"},t("slot",{name:"buttons"})))}componentDidRender(){this.open?this.dialog.open||this.dialog.showModal():this.dialog.close()}componentWillLoad(){this.handleResize()}render(){return t("dialog",{ref:o=>this.dialog=o,class:`dialog-box ${this.allowOverflow?"overflow-visible":""} ${this.elementSize}`},t("div",{class:"contents"},this.renderHeader(),this.body(),this.footer()))}get el(){return e(this)}};s.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;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d;padding:0}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.overflow-visible{overflow-y:auto}.overflow-hidden{overflow:hidden}dialog::backdrop{background-color:#75757580}.clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.padding{padding:8px 16px}.align-right{margin-left:auto;display:flex}.header{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;align-items:center;height:36px;position:sticky;top:0;background:white;z-index:2}.title{font-size:18;font-weight:500;font-family:"Roboto", serif;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.icon{padding-right:8px;width:24px;height:24px}.icon-close{width:24px;height:24px}.body-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.body{text-overflow:ellipsis;padding:16px}.footer{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px;position:sticky;background:white;bottom:0}::slotted([slot=buttons]){display:flex;gap:8px}.header.info{border-bottom:1px solid #1479c6}.header.success{border-bottom:1px solid #a2bb31}.header.warning{border-bottom:1px solid #f59500}.header.critical{border-bottom:1px solid #dc0000}';export{s as tttx_dialog_1_9_59}
+import{r as o,c as i,h as t,g as e}from"./p-2b0fc913.js";const n={critical:{iconName:"report",iconColor:"red"},info:{iconName:"info",iconColor:"blue"},success:{iconName:"check_circle",iconColor:"green"},warning:{iconName:"warning",iconColor:"orange"}},s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.header=void 0,this.type=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.closeEnabled=!0,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}emitDialogClose(){this.closeButtonClick.emit()}componentDidLoad(){this.dialog.addEventListener("close",this.emitDialogClose.bind(this))}onCloseClickHandler(){this.dialog.close()}headerIconDetails(o){return o?n[this.type]:{iconName:void 0,iconColor:void 0}}renderHeader(){const o=void 0!==this.type,{iconName:i,iconColor:e}=this.headerIconDetails(o);return t("div",{class:`padding header ${this.type||""}`},o&&t("tttx-icon_1_9_60",{class:"icon",icon:i,color:e}),t("h3",{class:"title",title:this.header},this.header),this.closeEnabled&&t("tttx-button_1_9_60",{class:"align-right close-button",design:"borderless-circle",icon:"close",color:"black",notext:!0,onClick:()=>this.onCloseClickHandler()}))}body(){return t("div",{class:"body "+(this.allowOverflow?"":"overflow-hidden")},t("span",{class:"body-content"},t("slot",null)))}footer(){if(this.el.querySelector('[slot="buttons"]'))return t("div",{class:"padding footer"},t("div",{class:"align-right"},t("slot",{name:"buttons"})))}componentDidRender(){this.open?this.dialog.open||this.dialog.showModal():this.dialog.close()}componentWillLoad(){this.handleResize()}render(){return t("dialog",{ref:o=>this.dialog=o,class:`dialog-box ${this.allowOverflow?"overflow-visible":""} ${this.elementSize}`},t("div",{class:"contents"},this.renderHeader(),this.body(),this.footer()))}get el(){return e(this)}};s.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;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d;padding:0}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.overflow-visible{overflow-y:auto}.overflow-hidden{overflow:hidden}dialog::backdrop{background-color:#75757580}.clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.padding{padding:8px 16px}.align-right{margin-left:auto;display:flex}.header{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;align-items:center;height:36px;position:sticky;top:0;background:white;z-index:2}.title{font-size:18;font-weight:500;font-family:"Roboto", serif;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.icon{padding-right:8px;width:24px;height:24px}.icon-close{width:24px;height:24px}.body-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.body{text-overflow:ellipsis;padding:16px}.footer{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px;position:sticky;background:white;bottom:0}::slotted([slot=buttons]){display:flex;gap:8px}.header.info{border-bottom:1px solid #1479c6}.header.success{border-bottom:1px solid #a2bb31}.header.warning{border-bottom:1px solid #f59500}.header.critical{border-bottom:1px solid #dc0000}';export{s as tttx_dialog_1_9_60}

package/dist/tttx/p-7c7e8951.entry.js

@@ -1 +1 @@
-import{r as e,c as t,a as i,h as n,F as o,g as r}from"./p-2b0fc913.js";import{p as l,d as s}from"./p-55799798.js";import"./p-112455b1.js";const d=class{constructor(n){e(this,n),this.clickEvent=t(this,"clickEvent",7),this.expandNode=t(this,"expandNode",7),this.checkboxChange=t(this,"checkboxChange",7),this.moveNode=t(this,"moveNode",7),this.dragIcon=i("assets/img/drag-icon.svg"),this.dragGhost={el:null},this.createGhostImage=e=>{const t=document.createElement("div");return t.textContent=e,Object.assign(t.style,{position:"absolute",top:"-9999px",left:"-9999px",padding:"6px 20px",background:"white",border:"1px solid #ccc",fontSize:"14px",pointerEvents:"none"}),document.body.appendChild(t),setTimeout((()=>document.body.removeChild(t)),0),t},this.handleDragStart=(e,t,i,n)=>{if(!e.dataTransfer)return;this.draggedNodeParentId=n;const o=JSON.stringify({parentId:n,index:i,node:t});e.dataTransfer.setData("text/plain",o);const r=this.createGhostImage(t.title);this.dragGhost.el=r,e.dataTransfer.setDragImage(r,0,0)},this.handleDragDrop=(e,t,i,n)=>{var o;e.preventDefault();const r=null===(o=e.dataTransfer)||void 0===o?void 0:o.getData("text/plain");if(!r)return;const{parentId:l,index:s,node:d}=JSON.parse(r);if(t.id===d.id||l!==n)return;const a=[...this.treeData],c=this.findNodeById(a,n),h=[...c.child],[m]=h.splice(s,1);h.splice(i,0,m),c.child=h,this.treeData=a,this.draggedNodeParentId=void 0,this.dragGhost.el&&(this.dragGhost.el.remove(),this.dragGhost.el=null),this.moveNode.emit(this.treeData)},this.handleDragOver=(e,t)=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=this.draggedNodeParentId===t?"move":"none")},this.data=void 0,this.treeData=void 0}componentWillRender(){this.data&&(this.treeData="string"==typeof this.data?JSON.parse(this.data):this.data)}onClickHandler(e,t){e.stopPropagation(),this.clickEvent.emit(t)}toggleNode(e,t){t.stopPropagation(),e.isOpen=!e.isOpen,this.treeData=[...this.treeData],this.expandNode.emit({node:e,treeViewData:this.treeData})}handleCheckboxChange(e,t){t.stopPropagation(),e.checked=!e.checked,this.updateChildrenCheckStatus(e),this.updateParentCheckStatus(),this.treeData=[...this.treeData],this.checkboxChange.emit(this.treeData)}updateChildrenCheckStatus(e){e.child&&e.child.forEach((t=>{t.hasCheckbox&&void 0!==t.checked&&(t.checked=e.checked),this.updateChildrenCheckStatus(t)}))}updateParentCheckStatus(e,t){if(void 0===e)return void this.treeData.forEach((e=>this.updateParentCheckStatus(e,e.child)));let i=[];return t&&t.length>0&&(i=t.map((e=>this.updateParentCheckStatus(e,e.child))).flat(1),i.some((e=>e))&&(e.checked=!0),i.every((e=>!e))&&(e.checked=!1)),[...i,e.checked]}treeConfigs(e){let t,i;return e.checked?(t="check_box",i="blue"):(t="check_box_outline_blank",i="grey"),{checkboxColor:i,checkboxIcon:t,rowHoverActive:e.hasHover?"rowHover":"",expanderIcon:e.isOpen?"arrow_drop_down":"arrow_right",selectedActive:e.selectable&&e.selected?"rowSelected":""}}findNodeById(e,t){for(const i of e){if(i.id===t)return i;if(i.child){const e=this.findNodeById(i.child,t);if(e)return e}}}renderNode(e,t,i){var r,l;const s=this.treeConfigs(e);return e.child?n(o,null,n("li",Object.assign({"data-id":e.id,draggable:null!==(r=e.draggable)&&void 0!==r&&r},e.draggable?{onDragOver:e=>this.handleDragOver(e,i)}:{},e.draggable?{onDrop:n=>this.handleDragDrop(n,e,t,i)}:{},{class:`inline-tree-item element-row tree-node ${s.rowHoverActive} ${s.selectedActive}`,onClick:t=>{e.hasHover&&this.onClickHandler(t,e)}}),n("tttx-button_1_9_59",{class:"toggleNode",design:"borderless-circle",notext:!0,icon:s.expanderIcon,color:"black",onClick:t=>this.toggleNode(e,t)}),this.htmlcode("treeNode",e,s.checkboxIcon,s.checkboxColor,t,i)),e.isOpen?n("li",null,n("ul",null,e.child.map(((t,i)=>this.renderNode(t,i,e.id))))):null):n("li",Object.assign({"data-id":e.id,draggable:null!==(l=e.draggable)&&void 0!==l&&l},e.draggable?{onDragOver:e=>this.handleDragOver(e,i)}:{},e.draggable?{onDrop:n=>this.handleDragDrop(n,e,t,i)}:{},{class:`inline-tree-item element-row ${s.rowHoverActive} ${s.selectedActive}`,onClick:t=>{e.hasHover&&this.onClickHandler(t,e)}}),this.htmlcode("treeLeaf",e,s.checkboxIcon,s.checkboxColor,t,i))}htmlcode(e,t,i,o,r,d){return n("div",{class:"inline-tree-item element"},t.draggable&&n("img",{src:this.dragIcon,alt:"drag",class:"drag-handle",draggable:!0,onDragStart:e=>this.handleDragStart(e,t,r,d)}),t.hasCheckbox&&n("tttx-button_1_9_59",{design:"borderless-circle",notext:!0,icon:i,iconcolor:o,class:"padding-icon checkbox",onClick:e=>this.handleCheckboxChange(t,e)}),!t.html&&t.hasIcon&&n("tttx-icon_1_9_59",{icon:t.icon,color:t.iconColor,class:"padding-icon"}),!t.html&&n("div",{class:e},t.title),t.html&&n("div",{class:e,innerHTML:l.sanitize(t.html,s)}))}render(){if(this.data)return n("div",{class:"tree-view-element"},n("ul",null,this.treeData.map(((e,t)=>this.renderNode(e,t)))))}get el(){return r(this)}};d.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tree-view-element>ul{margin:0;padding:0}.tree-view-element>* ul{padding:0 0 0 36px}.tree-view-element ul li{list-style-type:none}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:8px}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover{cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover::before{content:"";position:absolute;left:-50%;top:0;bottom:0;right:0;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowHover:not(.rowSelected):hover::before{background-color:rgba(17, 17, 17, 0.05)}.tree-view-element ul li.inline-tree-item.element-row.rowHover.rowSelected:hover::before{background-color:rgba(17, 17, 17, 0.15)}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:"Roboto", serif;font-size:16px;padding:8px 0px;position:relative}.tree-view-element ul li.inline-tree-item.element-row::before{content:"";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{content:"";position:absolute;left:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{background-color:#fafafa;height:51px;z-index:1}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:2}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400}.tree-view-element ul li.inline-tree-item.element-row .drag-handle{margin-right:10px}.tree-view-element ul li.inline-tree-item.element-row .drop-not-allowed{border-color:red;border-style:dashed;cursor:not-allowed;opacity:0.7}';export{d as tttx_tree_view_1_9_59}
+import{r as e,c as t,a as i,h as n,F as o,g as r}from"./p-2b0fc913.js";import{p as l,d as s}from"./p-55799798.js";import"./p-112455b1.js";const d=class{constructor(n){e(this,n),this.clickEvent=t(this,"clickEvent",7),this.expandNode=t(this,"expandNode",7),this.checkboxChange=t(this,"checkboxChange",7),this.moveNode=t(this,"moveNode",7),this.dragIcon=i("assets/img/drag-icon.svg"),this.dragGhost={el:null},this.createGhostImage=e=>{const t=document.createElement("div");return t.textContent=e,Object.assign(t.style,{position:"absolute",top:"-9999px",left:"-9999px",padding:"6px 20px",background:"white",border:"1px solid #ccc",fontSize:"14px",pointerEvents:"none"}),document.body.appendChild(t),setTimeout((()=>document.body.removeChild(t)),0),t},this.handleDragStart=(e,t,i,n)=>{if(!e.dataTransfer)return;this.draggedNodeParentId=n;const o=JSON.stringify({parentId:n,index:i,node:t});e.dataTransfer.setData("text/plain",o);const r=this.createGhostImage(t.title);this.dragGhost.el=r,e.dataTransfer.setDragImage(r,0,0)},this.handleDragDrop=(e,t,i,n)=>{var o;e.preventDefault();const r=null===(o=e.dataTransfer)||void 0===o?void 0:o.getData("text/plain");if(!r)return;const{parentId:l,index:s,node:d}=JSON.parse(r);if(t.id===d.id||l!==n)return;const a=[...this.treeData],c=this.findNodeById(a,n),h=[...c.child],[m]=h.splice(s,1);h.splice(i,0,m),c.child=h,this.treeData=a,this.draggedNodeParentId=void 0,this.dragGhost.el&&(this.dragGhost.el.remove(),this.dragGhost.el=null),this.moveNode.emit(this.treeData)},this.handleDragOver=(e,t)=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=this.draggedNodeParentId===t?"move":"none")},this.data=void 0,this.treeData=void 0}componentWillRender(){this.data&&(this.treeData="string"==typeof this.data?JSON.parse(this.data):this.data)}onClickHandler(e,t){e.stopPropagation(),this.clickEvent.emit(t)}toggleNode(e,t){t.stopPropagation(),e.isOpen=!e.isOpen,this.treeData=[...this.treeData],this.expandNode.emit({node:e,treeViewData:this.treeData})}handleCheckboxChange(e,t){t.stopPropagation(),e.checked=!e.checked,this.updateChildrenCheckStatus(e),this.updateParentCheckStatus(),this.treeData=[...this.treeData],this.checkboxChange.emit(this.treeData)}updateChildrenCheckStatus(e){e.child&&e.child.forEach((t=>{t.hasCheckbox&&void 0!==t.checked&&(t.checked=e.checked),this.updateChildrenCheckStatus(t)}))}updateParentCheckStatus(e,t){if(void 0===e)return void this.treeData.forEach((e=>this.updateParentCheckStatus(e,e.child)));let i=[];return t&&t.length>0&&(i=t.map((e=>this.updateParentCheckStatus(e,e.child))).flat(1),i.some((e=>e))&&(e.checked=!0),i.every((e=>!e))&&(e.checked=!1)),[...i,e.checked]}treeConfigs(e){let t,i;return e.checked?(t="check_box",i="blue"):(t="check_box_outline_blank",i="grey"),{checkboxColor:i,checkboxIcon:t,rowHoverActive:e.hasHover?"rowHover":"",expanderIcon:e.isOpen?"arrow_drop_down":"arrow_right",selectedActive:e.selectable&&e.selected?"rowSelected":""}}findNodeById(e,t){for(const i of e){if(i.id===t)return i;if(i.child){const e=this.findNodeById(i.child,t);if(e)return e}}}renderNode(e,t,i){var r,l;const s=this.treeConfigs(e);return e.child?n(o,null,n("li",Object.assign({"data-id":e.id,draggable:null!==(r=e.draggable)&&void 0!==r&&r},e.draggable?{onDragOver:e=>this.handleDragOver(e,i)}:{},e.draggable?{onDrop:n=>this.handleDragDrop(n,e,t,i)}:{},{class:`inline-tree-item element-row tree-node ${s.rowHoverActive} ${s.selectedActive}`,onClick:t=>{e.hasHover&&this.onClickHandler(t,e)}}),n("tttx-button_1_9_60",{class:"toggleNode",design:"borderless-circle",notext:!0,icon:s.expanderIcon,color:"black",onClick:t=>this.toggleNode(e,t)}),this.htmlcode("treeNode",e,s.checkboxIcon,s.checkboxColor,t,i)),e.isOpen?n("li",null,n("ul",null,e.child.map(((t,i)=>this.renderNode(t,i,e.id))))):null):n("li",Object.assign({"data-id":e.id,draggable:null!==(l=e.draggable)&&void 0!==l&&l},e.draggable?{onDragOver:e=>this.handleDragOver(e,i)}:{},e.draggable?{onDrop:n=>this.handleDragDrop(n,e,t,i)}:{},{class:`inline-tree-item element-row ${s.rowHoverActive} ${s.selectedActive}`,onClick:t=>{e.hasHover&&this.onClickHandler(t,e)}}),this.htmlcode("treeLeaf",e,s.checkboxIcon,s.checkboxColor,t,i))}htmlcode(e,t,i,o,r,d){return n("div",{class:"inline-tree-item element"},t.draggable&&n("img",{src:this.dragIcon,alt:"drag",class:"drag-handle",draggable:!0,onDragStart:e=>this.handleDragStart(e,t,r,d)}),t.hasCheckbox&&n("tttx-button_1_9_60",{design:"borderless-circle",notext:!0,icon:i,iconcolor:o,class:"padding-icon checkbox",onClick:e=>this.handleCheckboxChange(t,e)}),!t.html&&t.hasIcon&&n("tttx-icon_1_9_60",{icon:t.icon,color:t.iconColor,class:"padding-icon"}),!t.html&&n("div",{class:e},t.title),t.html&&n("div",{class:e,innerHTML:l.sanitize(t.html,s)}))}render(){if(this.data)return n("div",{class:"tree-view-element"},n("ul",null,this.treeData.map(((e,t)=>this.renderNode(e,t)))))}get el(){return r(this)}};d.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tree-view-element>ul{margin:0;padding:0}.tree-view-element>* ul{padding:0 0 0 36px}.tree-view-element ul li{list-style-type:none}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:8px}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover{cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover::before{content:"";position:absolute;left:-50%;top:0;bottom:0;right:0;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowHover:not(.rowSelected):hover::before{background-color:rgba(17, 17, 17, 0.05)}.tree-view-element ul li.inline-tree-item.element-row.rowHover.rowSelected:hover::before{background-color:rgba(17, 17, 17, 0.15)}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:"Roboto", serif;font-size:16px;padding:8px 0px;position:relative}.tree-view-element ul li.inline-tree-item.element-row::before{content:"";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{content:"";position:absolute;left:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{background-color:#fafafa;height:51px;z-index:1}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:2}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400}.tree-view-element ul li.inline-tree-item.element-row .drag-handle{margin-right:10px}.tree-view-element ul li.inline-tree-item.element-row .drop-not-allowed{border-color:red;border-style:dashed;cursor:not-allowed;opacity:0.7}';export{d as tttx_tree_view_1_9_60}

package/dist/tttx/p-972b7449.entry.js

@@ -1 +1 @@
-import{r as o,h as r,H as t}from"./p-2b0fc913.js";const e=class{constructor(r){o(this,r),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.iconcolor="black",this.design="default"}componentWillLoad(){this._design=this.design,["primary","default","disabled","danger","borderless","borderless-circle","blackout"].includes(this.design)||(this._design="default"),"primary"!==this._design&&"danger"!==this._design&&"blackout"!==this._design||(this.iconcolor="white")}render(){return this._iconcolor=this.iconcolor,r(t,null,r("button",{class:`button ${this._design} ${this.icon?"withicon":""} ${this.icon&&this.iconposition?"icon"+this.iconposition:""}  ${this.notext?"notext":""}`},this.icon&&"left"===this.iconposition&&r("div",{class:"icon-left"},r("tttx-icon_1_9_59",{icon:this.icon,color:this._iconcolor})),!this.notext&&r("div",{class:"button-content"},r("slot",null)),this.icon&&"right"===this.iconposition&&r("div",{class:"icon-right"},r("tttx-icon_1_9_59",{icon:this.icon,color:this._iconcolor}))))}};e.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:500}.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:active{background:rgba(17, 17, 17, 0.2);border:1px solid #d5d5d5}.blackout{background:#363636;border:1px solid #363636;color:white}.blackout:active{background:#212121;border:1px solid #212121}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:active{background:#1464a2;border:1px solid #1464a2}.borderless{background:transparent;border:none;color:#212121}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.borderless-circle{background:transparent;border:none;color:#212121;border-radius:50%}.borderless-circle:active{border:none}.borderless-circle:focus{border-color:transparent}.danger{background:#dc0000;border:1px solid #dc0000;color:white}.danger:active{background:#b00000;border:1px solid #b00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}@media (hover: hover){.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #d5d5d5}.primary:hover{background:#146eb3;border:1px solid #146eb3}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless-circle:hover{background:rgba(17, 17, 17, 0.1);border:none}.danger:hover{background:#c60000;border:1px solid #c60000}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.blackout:hover{background:#212121;border:1px solid #212121}}:host{display:inline-block}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}';export{e as tttx_button_1_9_59}
+import{r as o,h as r,H as t}from"./p-2b0fc913.js";const e=class{constructor(r){o(this,r),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.iconcolor="black",this.design="default"}componentWillLoad(){this._design=this.design,["primary","default","disabled","danger","borderless","borderless-circle","blackout"].includes(this.design)||(this._design="default"),"primary"!==this._design&&"danger"!==this._design&&"blackout"!==this._design||(this.iconcolor="white")}render(){return this._iconcolor=this.iconcolor,r(t,null,r("button",{class:`button ${this._design} ${this.icon?"withicon":""} ${this.icon&&this.iconposition?"icon"+this.iconposition:""}  ${this.notext?"notext":""}`},this.icon&&"left"===this.iconposition&&r("div",{class:"icon-left"},r("tttx-icon_1_9_60",{icon:this.icon,color:this._iconcolor})),!this.notext&&r("div",{class:"button-content"},r("slot",null)),this.icon&&"right"===this.iconposition&&r("div",{class:"icon-right"},r("tttx-icon_1_9_60",{icon:this.icon,color:this._iconcolor}))))}};e.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:500}.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:active{background:rgba(17, 17, 17, 0.2);border:1px solid #d5d5d5}.blackout{background:#363636;border:1px solid #363636;color:white}.blackout:active{background:#212121;border:1px solid #212121}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:active{background:#1464a2;border:1px solid #1464a2}.borderless{background:transparent;border:none;color:#212121}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.borderless-circle{background:transparent;border:none;color:#212121;border-radius:50%}.borderless-circle:active{border:none}.borderless-circle:focus{border-color:transparent}.danger{background:#dc0000;border:1px solid #dc0000;color:white}.danger:active{background:#b00000;border:1px solid #b00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}@media (hover: hover){.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #d5d5d5}.primary:hover{background:#146eb3;border:1px solid #146eb3}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless-circle:hover{background:rgba(17, 17, 17, 0.1);border:none}.danger:hover{background:#c60000;border:1px solid #c60000}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.blackout:hover{background:#212121;border:1px solid #212121}}:host{display:inline-block}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}';export{e as tttx_button_1_9_60}

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

@@ -1 +1 @@
-import{r as t,h as i,H as e}from"./p-2b0fc913.js";const o=class{constructor(i){t(this,i),this.cardTitle=void 0,this.leftData=void 0,this.rightData=void 0,this.rightSubtext=void 0,this.iconStyle=void 0,this.cardType=void 0,this.chartConfig=void 0,this._chartConfig=void 0,this.chartRender=void 0}chartConfigChanged(t){this._chartConfig=JSON.parse(t),this.chartRender=!0}componentDidLoad(){this.chartConfig&&(this._chartConfig=JSON.parse(this.chartConfig),this.chartRender=!0)}renderIcon(t){switch(t){case"up":return i("tttx-icon_1_9_59",{size:24,icon:"arrow_circle_up",color:"green"});case"down":return i("tttx-icon_1_9_59",{size:24,icon:"arrow_circle_down",color:"darkred"});default:return null}}render(){return i(e,null,i("div",{class:"datacard"},this.cardTitle&&i("h2",{style:{position:"relative",top:"0",left:"0",height:"40px"}},this.cardTitle),this.chartRender&&"chart"===this.cardType&&i("tttx-graph_1_9_59",{style:{position:"relative",width:"100%",height:this.cardTitle?"calc(100% - 40px)":"100%"},class:"chart","chart-data":this._chartConfig.chartData,"chart-text":this._chartConfig.chartText,"chart-type":this._chartConfig.chartType}),i("div",{style:{position:"relative",width:"100%",height:this.cardTitle?"calc(100% - 40px)":"100%"}},i("div",{class:"lower"},i("div",{class:this.rightData&&"undefined"!==this.rightData?"left":"centered"},this.leftData),this.rightData&&"undefined"!==this.rightData&&i("div",{class:"right"},i("div",{class:"flex"},i("div",{class:"righticon"},this.renderIcon(this.iconStyle)),i("div",{class:"rightdata"},this.rightData)),i("div",{class:"subtext"},this.rightSubtext))))))}static get watchers(){return{chartConfig:["chartConfigChanged"]}}};o.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:block;width:100%;height:100%}.datacard{font-family:"Roboto", Arial, Verdana, Tahoma, sans-serif;box-sizing:border-box;width:100%;height:100%;background-color:white;border-radius:4px;padding:0px 16px 16px 16px;margin-right:16px;margin-bottom:16px}.chart{width:100%;height:100%}h2{box-sizing:border-box;margin:0;padding:16px;width:100%;font-size:18px;font-weight:500;line-height:21.09px;text-align:left;height:40px}.lower{width:100%;display:flex}.right{box-sizing:border-box;flex-grow:1;border-left:1px solid #D5D5D5;padding-left:24px;font-size:24px;font-weight:500;line-height:28.13px;text-align:left}.flex{display:flex;justify-content:flex-start}.righticon{margin-top:1px;margin-right:4px;height:24px}.left{box-sizing:border-box;flex-grow:1;font-size:40px;font-weight:500;line-height:46.88px;text-align:right;margin-right:20px;padding-left:40px}.centered{box-sizing:border-box;flex-grow:1;font-size:40px;font-weight:500;line-height:46.88px;text-align:center;margin:0;padding-left:20px}.subtext{font-size:14px;font-weight:400;line-height:16.41px;text-align:left;color:#757575}';export{o as tttx_datacard_1_9_59}
+import{r as t,h as i,H as e}from"./p-2b0fc913.js";const o=class{constructor(i){t(this,i),this.cardTitle=void 0,this.leftData=void 0,this.rightData=void 0,this.rightSubtext=void 0,this.iconStyle=void 0,this.cardType=void 0,this.chartConfig=void 0,this._chartConfig=void 0,this.chartRender=void 0}chartConfigChanged(t){this._chartConfig=JSON.parse(t),this.chartRender=!0}componentDidLoad(){this.chartConfig&&(this._chartConfig=JSON.parse(this.chartConfig),this.chartRender=!0)}renderIcon(t){switch(t){case"up":return i("tttx-icon_1_9_60",{size:24,icon:"arrow_circle_up",color:"green"});case"down":return i("tttx-icon_1_9_60",{size:24,icon:"arrow_circle_down",color:"darkred"});default:return null}}render(){return i(e,null,i("div",{class:"datacard"},this.cardTitle&&i("h2",{style:{position:"relative",top:"0",left:"0",height:"40px"}},this.cardTitle),this.chartRender&&"chart"===this.cardType&&i("tttx-graph_1_9_60",{style:{position:"relative",width:"100%",height:this.cardTitle?"calc(100% - 40px)":"100%"},class:"chart","chart-data":this._chartConfig.chartData,"chart-text":this._chartConfig.chartText,"chart-type":this._chartConfig.chartType}),i("div",{style:{position:"relative",width:"100%",height:this.cardTitle?"calc(100% - 40px)":"100%"}},i("div",{class:"lower"},i("div",{class:this.rightData&&"undefined"!==this.rightData?"left":"centered"},this.leftData),this.rightData&&"undefined"!==this.rightData&&i("div",{class:"right"},i("div",{class:"flex"},i("div",{class:"righticon"},this.renderIcon(this.iconStyle)),i("div",{class:"rightdata"},this.rightData)),i("div",{class:"subtext"},this.rightSubtext))))))}static get watchers(){return{chartConfig:["chartConfigChanged"]}}};o.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:block;width:100%;height:100%}.datacard{font-family:"Roboto", Arial, Verdana, Tahoma, sans-serif;box-sizing:border-box;width:100%;height:100%;background-color:white;border-radius:4px;padding:0px 16px 16px 16px;margin-right:16px;margin-bottom:16px}.chart{width:100%;height:100%}h2{box-sizing:border-box;margin:0;padding:16px;width:100%;font-size:18px;font-weight:500;line-height:21.09px;text-align:left;height:40px}.lower{width:100%;display:flex}.right{box-sizing:border-box;flex-grow:1;border-left:1px solid #D5D5D5;padding-left:24px;font-size:24px;font-weight:500;line-height:28.13px;text-align:left}.flex{display:flex;justify-content:flex-start}.righticon{margin-top:1px;margin-right:4px;height:24px}.left{box-sizing:border-box;flex-grow:1;font-size:40px;font-weight:500;line-height:46.88px;text-align:right;margin-right:20px;padding-left:40px}.centered{box-sizing:border-box;flex-grow:1;font-size:40px;font-weight:500;line-height:46.88px;text-align:center;margin:0;padding-left:20px}.subtext{font-size:14px;font-weight:400;line-height:16.41px;text-align:left;color:#757575}';export{o as tttx_datacard_1_9_60}

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

@@ -1 +1 @@
-import{r as o,h as t,H as n}from"./p-2b0fc913.js";const e=class{constructor(t){o(this,t)}render(){return t(n,null,t("div",{class:"tttx-checkbox-group__heading"},t("slot",null)))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:"Roboto", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:"Roboto", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}';export{e as tttx_checkbox_group_heading_1_9_59}
+import{r as o,h as t,H as n}from"./p-2b0fc913.js";const e=class{constructor(t){o(this,t)}render(){return t(n,null,t("div",{class:"tttx-checkbox-group__heading"},t("slot",null)))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:"Roboto", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:"Roboto", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}';export{e as tttx_checkbox_group_heading_1_9_60}

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

@@ -1 +1 @@
-import{r as t,c as o,h as e}from"./p-2b0fc913.js";const i=class{constructor(e){t(this,e),this.toggleSwitchEvent=o(this,"toggleSwitchEvent",3),this.initialstate=void 0,this._state=void 0}componentWillLoad(){this._state=!0===this.initialstate||"true"===this.initialstate}onChange(t){this.toggleSwitchEvent.emit({checked:t.target.checked})}render(){let t;return t=e("input",this._state?{type:"checkbox",checked:!0,onChange:this.onChange.bind(this)}:{type:"checkbox",onChange:this.onChange.bind(this)}),e("div",{id:"toggle-switch"},t,e("div",{id:"toggle-body"}))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:inline-block}#toggle-switch{width:50px;height:30px;border-radius:30px;position:relative;box-sizing:border-box}#toggle-switch input{cursor:pointer;width:50px;height:30px;padding:0;margin:0;top:0;left:0;border:none;outline:none;opacity:0;position:absolute}#toggle-switch #toggle-body{width:50px;height:30px;border-radius:28px;position:relative;top:0;left:0;pointer-events:none;background:#9e9e9e}#toggle-switch #toggle-body::after{font-family:"Material Symbols Rounded", sans-serif;content:"\\e5ca";position:absolute;width:26px;height:26px;left:2px;top:2px;border-radius:26px;background:white;transition:all 0.1s;font-size:22px;color:#FFFFFF;justify-content:center;display:inline-flex}#toggle-switch input:checked~#toggle-body::after{color:#a2bb31;left:22px}#toggle-switch input:checked~#toggle-body{background:#a2bb31}';export{i as tttx_toggle_1_9_59}
+import{r as t,c as o,h as e}from"./p-2b0fc913.js";const i=class{constructor(e){t(this,e),this.toggleSwitchEvent=o(this,"toggleSwitchEvent",3),this.initialstate=void 0,this._state=void 0}componentWillLoad(){this._state=!0===this.initialstate||"true"===this.initialstate}onChange(t){this.toggleSwitchEvent.emit({checked:t.target.checked})}render(){let t;return t=e("input",this._state?{type:"checkbox",checked:!0,onChange:this.onChange.bind(this)}:{type:"checkbox",onChange:this.onChange.bind(this)}),e("div",{id:"toggle-switch"},t,e("div",{id:"toggle-body"}))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:inline-block}#toggle-switch{width:50px;height:30px;border-radius:30px;position:relative;box-sizing:border-box}#toggle-switch input{cursor:pointer;width:50px;height:30px;padding:0;margin:0;top:0;left:0;border:none;outline:none;opacity:0;position:absolute}#toggle-switch #toggle-body{width:50px;height:30px;border-radius:28px;position:relative;top:0;left:0;pointer-events:none;background:#9e9e9e}#toggle-switch #toggle-body::after{font-family:"Material Symbols Rounded", sans-serif;content:"\\e5ca";position:absolute;width:26px;height:26px;left:2px;top:2px;border-radius:26px;background:white;transition:all 0.1s;font-size:22px;color:#FFFFFF;justify-content:center;display:inline-flex}#toggle-switch input:checked~#toggle-body::after{color:#a2bb31;left:22px}#toggle-switch input:checked~#toggle-body{background:#a2bb31}';export{i as tttx_toggle_1_9_60}

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

@@ -1 +1 @@
-import{r as e,h as t,H as i}from"./p-2b0fc913.js";const s=class{constructor(t){e(this,t),this.width="100%",this.height="1rem",this.borderRadius="4px",this.color="#e0e0e0",this.variant="text",this.animation="pulse",this.count=1,this.direction="vertical",this.gap="8px",this.customClass=""}getSkeletonStyle(){return{width:this.width,height:this.height,backgroundColor:this.color,borderRadius:"circle"===this.variant?"50%":this.borderRadius}}render(){const e=this.getSkeletonStyle(),s=Array.from({length:this.count});return t(i,null,t("div",{class:`skeleton-wrapper ${this.direction} ${this.customClass}`,style:{gap:this.gap,width:"100%"}},s.map(((i,s)=>t("div",{key:s,class:`skeleton ${this.animation} ${this.variant}`,style:e})))))}};s.style=':host{display:block}.skeleton-wrapper{display:flex}.skeleton-wrapper.vertical{flex-direction:column}.skeleton-wrapper.horizontal{flex-direction:row;align-items:center;flex-wrap:wrap}.skeleton{display:inline-block;background-color:#D5D5D5;position:relative;overflow:hidden;flex-shrink:0}.skeleton.text{border-radius:4px}.skeleton.rect{border-radius:4px}.skeleton.circle{border-radius:50%}.skeleton.pulse{animation:pulse 1.5s infinite ease-in-out}.skeleton.wave::after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg, transparent, white, transparent);animation:wave 1.6s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes wave{0%{left:-150px}100%{left:100%}}';export{s as tttx_skeleton_loader_1_9_59}
+import{r as e,h as t,H as i}from"./p-2b0fc913.js";const s=class{constructor(t){e(this,t),this.width="100%",this.height="1rem",this.borderRadius="4px",this.color="#e0e0e0",this.variant="text",this.animation="pulse",this.count=1,this.direction="vertical",this.gap="8px",this.customClass=""}getSkeletonStyle(){return{width:this.width,height:this.height,backgroundColor:this.color,borderRadius:"circle"===this.variant?"50%":this.borderRadius}}render(){const e=this.getSkeletonStyle(),s=Array.from({length:this.count});return t(i,null,t("div",{class:`skeleton-wrapper ${this.direction} ${this.customClass}`,style:{gap:this.gap,width:"100%"}},s.map(((i,s)=>t("div",{key:s,class:`skeleton ${this.animation} ${this.variant}`,style:e})))))}};s.style=':host{display:block}.skeleton-wrapper{display:flex}.skeleton-wrapper.vertical{flex-direction:column}.skeleton-wrapper.horizontal{flex-direction:row;align-items:center;flex-wrap:wrap}.skeleton{display:inline-block;background-color:#D5D5D5;position:relative;overflow:hidden;flex-shrink:0}.skeleton.text{border-radius:4px}.skeleton.rect{border-radius:4px}.skeleton.circle{border-radius:50%}.skeleton.pulse{animation:pulse 1.5s infinite ease-in-out}.skeleton.wave::after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg, transparent, white, transparent);animation:wave 1.6s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes wave{0%{left:-150px}100%{left:100%}}';export{s as tttx_skeleton_loader_1_9_60}

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

@@ -1 +1 @@
-import{r as t,h as s,H as i}from"./p-2b0fc913.js";const r=class{constructor(s){t(this,s),this.percentage=void 0,this.thresholds=void 0,this.color="#d5d5d5",this.min="1",this.labelid=void 0,this._percentage=void 0,this._ranges=void 0,this._min=void 0}componentWillRender(){let t;if(this._percentage="string"==typeof this.percentage?parseInt(this.percentage):this.percentage,this.thresholds){t="string"==typeof this.thresholds?JSON.parse(this.thresholds):this.thresholds,this._ranges=[{range:[0],color:t[0].color}];for(const[s,i]of t.entries())this._ranges[this._ranges.length-1].range.push(i.threshold),this._ranges[this._ranges.length-1].color=i.color,s<t.length-1&&this._ranges.push({range:[i.threshold],color:void 0})}this._min=parseInt(this.min)}getColour(){return this._ranges&&0!==this._ranges.length?this._ranges.find((t=>this._percentage>=t.range[0]&&this._percentage<=t.range[1])).color:this.color}getWidth(){return Math.min(Math.max(this._percentage,Math.min(this._min,100)),100)}render(){return s(i,null,s("div",{class:"progress"},s("div",{class:"bar",style:{"background-color":this.getColour(),width:`${this.getWidth()}%`},role:"progressbar","aria-valuemin":this._min,"aria-valuemax":"100","aria-valuenow":this._percentage,"aria-labelledby":this.labelid})))}};r.style=".sc-tttx-percentage-bar_1_9_59-h{display:block}.progress.sc-tttx-percentage-bar_1_9_59{width:100%;background-color:#dbdbdb}.progress.sc-tttx-percentage-bar_1_9_59 .bar.sc-tttx-percentage-bar_1_9_59{height:20px}";export{r as tttx_percentage_bar_1_9_59}
+import{r as t,h as s,H as i}from"./p-2b0fc913.js";const r=class{constructor(s){t(this,s),this.percentage=void 0,this.thresholds=void 0,this.color="#d5d5d5",this.min="1",this.labelid=void 0,this._percentage=void 0,this._ranges=void 0,this._min=void 0}componentWillRender(){let t;if(this._percentage="string"==typeof this.percentage?parseInt(this.percentage):this.percentage,this.thresholds){t="string"==typeof this.thresholds?JSON.parse(this.thresholds):this.thresholds,this._ranges=[{range:[0],color:t[0].color}];for(const[s,i]of t.entries())this._ranges[this._ranges.length-1].range.push(i.threshold),this._ranges[this._ranges.length-1].color=i.color,s<t.length-1&&this._ranges.push({range:[i.threshold],color:void 0})}this._min=parseInt(this.min)}getColour(){return this._ranges&&0!==this._ranges.length?this._ranges.find((t=>this._percentage>=t.range[0]&&this._percentage<=t.range[1])).color:this.color}getWidth(){return Math.min(Math.max(this._percentage,Math.min(this._min,100)),100)}render(){return s(i,null,s("div",{class:"progress"},s("div",{class:"bar",style:{"background-color":this.getColour(),width:`${this.getWidth()}%`},role:"progressbar","aria-valuemin":this._min,"aria-valuemax":"100","aria-valuenow":this._percentage,"aria-labelledby":this.labelid})))}};r.style=".sc-tttx-percentage-bar_1_9_60-h{display:block}.progress.sc-tttx-percentage-bar_1_9_60{width:100%;background-color:#dbdbdb}.progress.sc-tttx-percentage-bar_1_9_60 .bar.sc-tttx-percentage-bar_1_9_60{height:20px}";export{r as tttx_percentage_bar_1_9_60}

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

@@ -1 +1 @@
-import{r as o,h as t,H as e,g as i}from"./p-2b0fc913.js";const r=class{constructor(t){o(this,t),this.icon=void 0,this.color="grey",this.size=24}updateIconSize(o){this.element.style.setProperty("--icon-size",o)}componentWillRender(){this.updateIconSize(this.size+"px")}render(){return this.color.startsWith("#")?t(e,null,t("span",{class:"material-symbols-rounded",style:{color:this.color}},this.icon)):t(e,null,t("span",{class:`material-symbols-rounded ${this.color}`},this.icon))}get element(){return i(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}:host{--icon-size:24;display:inline-block;cursor:default;user-select:none}.material-symbols-rounded{font-size:var(--icon-size)}.icon-size{width:var(--icon-size);height:var(--icon-size)}.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{r as tttx_icon_1_9_59}
+import{r as o,h as t,H as e,g as i}from"./p-2b0fc913.js";const r=class{constructor(t){o(this,t),this.icon=void 0,this.color="grey",this.size=24}updateIconSize(o){this.element.style.setProperty("--icon-size",o)}componentWillRender(){this.updateIconSize(this.size+"px")}render(){return this.color.startsWith("#")?t(e,null,t("span",{class:"material-symbols-rounded",style:{color:this.color}},this.icon)):t(e,null,t("span",{class:`material-symbols-rounded ${this.color}`},this.icon))}get element(){return i(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}:host{--icon-size:24;display:inline-block;cursor:default;user-select:none}.material-symbols-rounded{font-size:var(--icon-size)}.icon-size{width:var(--icon-size);height:var(--icon-size)}.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{r as tttx_icon_1_9_60}