@3t-transform/threeteeui 1.9.69 → 1.9.71

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

@@ -1 +1 @@
-import{r as t,c as o,h as i,F as e,H as s,g as n}from"./p-5c9beaf9.js";import{p as l,d as r}from"./p-55799798.js";import"./p-112455b1.js";const d=class{constructor(i){t(this,i),this.selectItemEvent=o(this,"selectItemEvent",7),this.toggleOpen=o(this,"toggleOpen",7),this.changesApplied=o(this,"changesApplied",7),this.searchDataChanged=o(this,"searchDataChanged",7),this.bodyOffset={},this.optionsData=null,this.label=void 0,this.inline=void 0,this.placeholder="",this.searchEnabled=void 0,this.htmlVisibleValue=void 0,this.visibleValue=void 0,this.isLoading=void 0,this.stopLocalSearch=void 0,this.readOnly=void 0,this.priorityLabel="Priority Group",this.nonPriorityLabel="Non Priority Group",this.open=!1,this.unsavedSelectedItems=[],this.searchTerm=""}handleCloseSelectBox(){this.open=!1}handleBlur(){this.open=!1,this.toggleOpen.emit(!1)}handleOptionsDataChange(){this.initializeUnsavedSelectedItems()}componentWillLoad(){this.initializeUnsavedSelectedItems()}initializeUnsavedSelectedItems(){this.unsavedSelectedItems=this.safelyCloneArray("string"==typeof this.optionsData?JSON.parse(this.optionsData):this.optionsData),this.open&&this.calculateDropdownMenuOffset()}safelyCloneArray(t){return JSON.parse(JSON.stringify(t))}onDropdownClicked(){this.readOnly||(this.open=!this.open,this.searchTerm="",this.calculateDropdownMenuOffset(),this.toggleOpen.emit(this.open))}onCancel(){this.open=!1,this.unsavedSelectedItems=this.safelyCloneArray("string"==typeof this.optionsData?JSON.parse(this.optionsData):this.optionsData),this.toggleOpen.emit(!1)}applyChanges(){this.open=!1,this.changesApplied.emit(this.safelyCloneArray(this.unsavedSelectedItems))}onItemSelected(t){const o=this.unsavedSelectedItems.findIndex((o=>o.value===t.value));this.unsavedSelectedItems[o]=Object.assign(Object.assign({},t),{selected:!t.selected}),this.unsavedSelectedItems=[...this.unsavedSelectedItems],this.selectItemEvent.emit(t)}dropdownSelectorContent(){if(!this.unsavedSelectedItems.find((t=>t.selected)))return i("div",{class:"placeholder"},this.placeholder);if(this.htmlVisibleValue){const t=l.sanitize(this.visibleValue,r);return i("div",{class:"dropdown-selector-html-content",innerHTML:t})}return i("div",null,this.visibleValue)}optionFoundInSearchTerm(t){if(this.stopLocalSearch)return!1;const o=t.label.toLowerCase(),i=this.searchTerm.toLowerCase();return!o.includes(i)}renderDropdownOptions(t){let o=!1;const s=[],n=[];for(const i of t)o=o||!0===i.prioritise,this.searchEnabled&&this.optionFoundInSearchTerm(i)||(!0!==i.prioritise?n.push(i):s.push(i));return i(e,null,o&&s.length>0&&i(e,null,i("tttx-tag_1_9_69",{class:"priority-pill",text:this.priorityLabel,color:"#F0F0F0"}),s.map((t=>this.dropdownOption(t)))),n.length>0&&i(e,null,o&&i("tttx-tag_1_9_69",{class:"priority-pill",text:this.nonPriorityLabel,color:"#F0F0F0"}),n.map((t=>this.dropdownOption(t)))))}dropdownOption(t){const o=t.selected?"check_box":"check_box_outline_blank",e=t.selected?"blue":"grey";if(t.html){const s=l.sanitize(t.html,r);return i("div",{class:"dropdown-option "+(t.selected?"selected":""),onClick:this.onItemSelected.bind(this,t),key:t.label},i("tttx-icon_1_9_69",{icon:o,color:e,class:"checkbox-icon"}),i("div",{innerHTML:s}))}return i("div",{class:"dropdown-option "+(t.selected?"selected":""),onClick:this.onItemSelected.bind(this,t),key:t.label},i("tttx-icon_1_9_69",{icon:o,color:e,class:"checkbox-icon"}),i("div",{class:"plaintext-option"},t.label))}handleSearchInput(t){const o=t.target;this.searchTerm=o.value,this.searchDataChanged.emit({searchTerm:o.value}),this.calculateDropdownMenuOffset()}calculateDropdownMenuOffset(){const t=this.el.shadowRoot.querySelector(".dropdown-selector"),o=t.getBoundingClientRect().bottom,i=t.getBoundingClientRect();let e=Math.min(288,36*this.unsavedSelectedItems.length)+45+8;this.searchEnabled&&(e+=52),this.bodyOffset=o+e>window.innerHeight?{top:window.innerHeight-(e+16)+"px",position:"fixed",width:`${t.offsetWidth}px`,zIndex:"10"}:{position:"fixed",left:i.left,top:`${i.top}px`,width:i.width-2+"px",zIndex:"10"}}render(){if(!this.optionsData)return;const t=this.open?"expand_less":"expand_more",o=this.readOnly?"dropdown-read-only":"";return i(s,{class:this.inline?"inline":"block"},this.label&&i("div",{class:"label"},this.label),i("div",{tabindex:"0",class:"dropdown-container"},i("div",{class:["dropdown-selector",o].join(" "),onClick:this.onDropdownClicked.bind(this)},this.dropdownSelectorContent(),i("div",{class:"dropdown-selector-chevron"},i("tttx-icon_1_9_69",{icon:t,color:"black"}))),this.open&&i("div",{class:"dropdown-body-container"},i("div",{class:"dropdown-body",style:Object.assign({},this.bodyOffset)},this.searchEnabled&&i("div",{class:"searchbox"},i("tttx-standalone-input_1_9_69",{type:"text",placeholder:"Search",label:"",required:!0,showerrorbubble:!1,iconleft:"search",onInput:this.handleSearchInput.bind(this),inline:!0})),i("div",{class:"dropdown-options-list"},this.isLoading?i("tttx-loading-spinner_1_9_69",{class:"loading-style"}):this.renderDropdownOptions(this.unsavedSelectedItems)),i("div",{class:"footer"},i("tttx-button_1_9_69",{design:"primary",onClick:this.applyChanges.bind(this)},"Apply"),i("tttx-button_1_9_69",{onClick:this.onCancel.bind(this)},"Cancel"))))))}get el(){return n(this)}static get watchers(){return{optionsData:["handleOptionsDataChange"]}}};d.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:flex;gap:4px}.label{font-size:16px;font-style:normal;font-weight:500;line-height:normal}:host(.inline) .label{padding-top:8px}:host(.block){flex-direction:column}.dropdown-container{position:relative;display:flex;flex-direction:column;width:100%}.dropdown-container:focus-visible{outline:none}.dropdown-container:focus .dropdown-selector{border:1px solid #1479c6}.dropdown-selector,.dropdown-body{display:flex;border-radius:4px;background-color:white}.dropdown-selector{align-items:center;gap:8px;padding:6px 8px 6px 16px;cursor:pointer;border:1px solid #d5d5d5}.dropdown-selector *{font-weight:400}.dropdown-selector-chevron{margin-left:auto;height:24px;align-self:flex-start}.dropdown-selector-chevron>tttx-icon{cursor:pointer}.dropdown-selector-html-content{display:flex;gap:8px;flex-wrap:wrap}.dropdown-read-only{background-color:#BDBDBD !important}.dropdown-body-container{position:relative}.dropdown-body{position:absolute;display:flex;flex-direction:column;box-shadow:0px 1px 5px #1111114D;padding-bottom:8px;border:1px solid #d5d5d5;width:100%}.dropdown-options-list{display:flex;flex-direction:column;overflow-y:auto;scrollbar-gutter:stable;max-height:288px}.dropdown-option{padding:6px 8px 6px 16px;cursor:pointer;display:flex;gap:8px}.dropdown-option .checkbox-icon{height:24px}.dropdown-option .plaintext-option{line-height:24px}.dropdown-option:hover{background-color:#1111110d}.dropdown-option:active,.dropdown-option.selected{background-color:#ebfbfc}.priority-pill{padding:6px 8px 6px 16px;display:flex;gap:8px}.placeholder{color:#9e9e9e}.searchbox{padding:8px 16px 8px 16px;height:52px;box-sizing:border-box}.searchbox tttx-standalone-input{margin-top:-4px}.hidden{display:none}.footer{display:flex;gap:8px;flex-direction:row-reverse;padding:8px 16px 0 16px;border-top:1px solid #d5d5d5}';export{d as tttx_multiselect_box_1_9_69}
+import{r as t,c as o,h as i,F as e,H as s,g as n}from"./p-5c9beaf9.js";import{p as l,d as r}from"./p-55799798.js";import"./p-112455b1.js";const d=class{constructor(i){t(this,i),this.selectItemEvent=o(this,"selectItemEvent",7),this.toggleOpen=o(this,"toggleOpen",7),this.changesApplied=o(this,"changesApplied",7),this.searchDataChanged=o(this,"searchDataChanged",7),this.bodyOffset={},this.optionsData=null,this.label=void 0,this.inline=void 0,this.placeholder="",this.searchEnabled=void 0,this.htmlVisibleValue=void 0,this.visibleValue=void 0,this.isLoading=void 0,this.stopLocalSearch=void 0,this.readOnly=void 0,this.priorityLabel="Priority Group",this.nonPriorityLabel="Non Priority Group",this.open=!1,this.unsavedSelectedItems=[],this.searchTerm=""}handleCloseSelectBox(){this.open=!1}handleBlur(){this.open=!1,this.toggleOpen.emit(!1)}handleOptionsDataChange(){this.initializeUnsavedSelectedItems()}componentWillLoad(){this.initializeUnsavedSelectedItems()}initializeUnsavedSelectedItems(){this.unsavedSelectedItems=this.safelyCloneArray("string"==typeof this.optionsData?JSON.parse(this.optionsData):this.optionsData),this.open&&this.calculateDropdownMenuOffset()}safelyCloneArray(t){return JSON.parse(JSON.stringify(t))}onDropdownClicked(){this.readOnly||(this.open=!this.open,this.searchTerm="",this.calculateDropdownMenuOffset(),this.toggleOpen.emit(this.open))}onCancel(){this.open=!1,this.unsavedSelectedItems=this.safelyCloneArray("string"==typeof this.optionsData?JSON.parse(this.optionsData):this.optionsData),this.toggleOpen.emit(!1)}applyChanges(){this.open=!1,this.changesApplied.emit(this.safelyCloneArray(this.unsavedSelectedItems))}onItemSelected(t){const o=this.unsavedSelectedItems.findIndex((o=>o.value===t.value));this.unsavedSelectedItems[o]=Object.assign(Object.assign({},t),{selected:!t.selected}),this.unsavedSelectedItems=[...this.unsavedSelectedItems],this.selectItemEvent.emit(t)}dropdownSelectorContent(){if(!this.unsavedSelectedItems.find((t=>t.selected)))return i("div",{class:"placeholder"},this.placeholder);if(this.htmlVisibleValue){const t=l.sanitize(this.visibleValue,r);return i("div",{class:"dropdown-selector-html-content",innerHTML:t})}return i("div",null,this.visibleValue)}optionFoundInSearchTerm(t){if(this.stopLocalSearch)return!1;const o=t.label.toLowerCase(),i=this.searchTerm.toLowerCase();return!o.includes(i)}renderDropdownOptions(t){let o=!1;const s=[],n=[];for(const i of t)o=o||!0===i.prioritise,this.searchEnabled&&this.optionFoundInSearchTerm(i)||(!0!==i.prioritise?n.push(i):s.push(i));return i(e,null,o&&s.length>0&&i(e,null,i("tttx-tag_1_9_71",{class:"priority-pill",text:this.priorityLabel,color:"#F0F0F0"}),s.map((t=>this.dropdownOption(t)))),n.length>0&&i(e,null,o&&i("tttx-tag_1_9_71",{class:"priority-pill",text:this.nonPriorityLabel,color:"#F0F0F0"}),n.map((t=>this.dropdownOption(t)))))}dropdownOption(t){const o=t.selected?"check_box":"check_box_outline_blank",e=t.selected?"blue":"grey";if(t.html){const s=l.sanitize(t.html,r);return i("div",{class:"dropdown-option "+(t.selected?"selected":""),onClick:this.onItemSelected.bind(this,t),key:t.label},i("tttx-icon_1_9_71",{icon:o,color:e,class:"checkbox-icon"}),i("div",{innerHTML:s}))}return i("div",{class:"dropdown-option "+(t.selected?"selected":""),onClick:this.onItemSelected.bind(this,t),key:t.label},i("tttx-icon_1_9_71",{icon:o,color:e,class:"checkbox-icon"}),i("div",{class:"plaintext-option"},t.label))}handleSearchInput(t){const o=t.target;this.searchTerm=o.value,this.searchDataChanged.emit({searchTerm:o.value}),this.calculateDropdownMenuOffset()}calculateDropdownMenuOffset(){const t=this.el.shadowRoot.querySelector(".dropdown-selector"),o=t.getBoundingClientRect().bottom,i=t.getBoundingClientRect();let e=Math.min(288,36*this.unsavedSelectedItems.length)+45+8;this.searchEnabled&&(e+=52),this.bodyOffset=o+e>window.innerHeight?{top:window.innerHeight-(e+16)+"px",position:"fixed",width:`${t.offsetWidth}px`,zIndex:"10"}:{position:"fixed",left:i.left,top:`${i.top}px`,width:i.width-2+"px",zIndex:"10"}}render(){if(!this.optionsData)return;const t=this.open?"expand_less":"expand_more",o=this.readOnly?"dropdown-read-only":"";return i(s,{class:this.inline?"inline":"block"},this.label&&i("div",{class:"label"},this.label),i("div",{tabindex:"0",class:"dropdown-container"},i("div",{class:["dropdown-selector",o].join(" "),onClick:this.onDropdownClicked.bind(this)},this.dropdownSelectorContent(),i("div",{class:"dropdown-selector-chevron"},i("tttx-icon_1_9_71",{icon:t,color:"black"}))),this.open&&i("div",{class:"dropdown-body-container"},i("div",{class:"dropdown-body",style:Object.assign({},this.bodyOffset)},this.searchEnabled&&i("div",{class:"searchbox"},i("tttx-standalone-input_1_9_71",{type:"text",placeholder:"Search",label:"",required:!0,showerrorbubble:!1,iconleft:"search",onInput:this.handleSearchInput.bind(this),inline:!0})),i("div",{class:"dropdown-options-list"},this.isLoading?i("tttx-loading-spinner_1_9_71",{class:"loading-style"}):this.renderDropdownOptions(this.unsavedSelectedItems)),i("div",{class:"footer"},i("tttx-button_1_9_71",{design:"primary",onClick:this.applyChanges.bind(this)},"Apply"),i("tttx-button_1_9_71",{onClick:this.onCancel.bind(this)},"Cancel"))))))}get el(){return n(this)}static get watchers(){return{optionsData:["handleOptionsDataChange"]}}};d.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:flex;gap:4px}.label{font-size:16px;font-style:normal;font-weight:500;line-height:normal}:host(.inline) .label{padding-top:8px}:host(.block){flex-direction:column}.dropdown-container{position:relative;display:flex;flex-direction:column;width:100%}.dropdown-container:focus-visible{outline:none}.dropdown-container:focus .dropdown-selector{border:1px solid #1479c6}.dropdown-selector,.dropdown-body{display:flex;border-radius:4px;background-color:white}.dropdown-selector{align-items:center;gap:8px;padding:6px 8px 6px 16px;cursor:pointer;border:1px solid #d5d5d5}.dropdown-selector *{font-weight:400}.dropdown-selector-chevron{margin-left:auto;height:24px;align-self:flex-start}.dropdown-selector-chevron>tttx-icon{cursor:pointer}.dropdown-selector-html-content{display:flex;gap:8px;flex-wrap:wrap}.dropdown-read-only{background-color:#BDBDBD !important}.dropdown-body-container{position:relative}.dropdown-body{position:absolute;display:flex;flex-direction:column;box-shadow:0px 1px 5px #1111114D;padding-bottom:8px;border:1px solid #d5d5d5;width:100%}.dropdown-options-list{display:flex;flex-direction:column;overflow-y:auto;scrollbar-gutter:stable;max-height:288px}.dropdown-option{padding:6px 8px 6px 16px;cursor:pointer;display:flex;gap:8px}.dropdown-option .checkbox-icon{height:24px}.dropdown-option .plaintext-option{line-height:24px}.dropdown-option:hover{background-color:#1111110d}.dropdown-option:active,.dropdown-option.selected{background-color:#ebfbfc}.priority-pill{padding:6px 8px 6px 16px;display:flex;gap:8px}.placeholder{color:#9e9e9e}.searchbox{padding:8px 16px 8px 16px;height:52px;box-sizing:border-box}.searchbox tttx-standalone-input{margin-top:-4px}.hidden{display:none}.footer{display:flex;gap:8px;flex-direction:row-reverse;padding:8px 16px 0 16px;border-top:1px solid #d5d5d5}';export{d as tttx_multiselect_box_1_9_71}

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

@@ -1 +1 @@
-import{r as o,h as t,H as n}from"./p-5c9beaf9.js";const e=class{constructor(t){o(this,t)}render(){return t(n,null,t("div",{class:"tttx-checkbox-group__caption"},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_caption_1_9_69}
+import{r as o,h as t,H as n}from"./p-5c9beaf9.js";const e=class{constructor(t){o(this,t)}render(){return t(n,null,t("div",{class:"tttx-checkbox-group__caption"},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_caption_1_9_71}

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

@@ -1 +1 @@
-import{r as e,h as t,H as i}from"./p-5c9beaf9.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_69}
+import{r as e,h as t,H as i}from"./p-5c9beaf9.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_71}

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

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as n}from"./p-5c9beaf9.js";const c=class{constructor(i){t(this,i),this.checkboxChangeEvent=e(this,"checkboxChangeEvent",3),this.checkboxId=void 0,this.label=void 0,this.inline=!1,this.indeterminate=!1,this.checked=void 0}watchIndeterminateChange(t){this.checkbox.indeterminate=t}onClick(){const{checked:t,indeterminate:e}=this;this.checkboxChangeEvent.emit({indeterminate:e,checked:t})}componentDidLoad(){this.checkbox.indeterminate=this.indeterminate}render(){const t=this.indeterminate?"indeterminate_check_box":this.checked?"check_box":"check_box_outline_blank";return i(n,null,i("label",{class:"tttx-checkbox "+(this.inline?"--inline":"")},i("input",{class:"tttx-checkbox__input",type:"checkbox",id:this.checkboxId,checked:this.checked,ref:t=>this.checkbox=t}),i("tttx-icon_1_9_69",{color:this.checked?"blue":"grey",icon:t,onClick:this.onClick.bind(this)}),i("span",{class:"tttx-checkbox__label"},this.label)))}static get watchers(){return{indeterminate:["watchIndeterminateChange"]}}};c.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tttx-checkbox{padding:8px;display:flex;justify-content:flex-start;font-size:16px;align-items:center;font-weight:normal;line-height:18.752px}.tttx-checkbox tttx-icon{height:24px}.tttx-checkbox.--inline{display:inline-flex}.tttx-checkbox__input{display:none}.tttx-checkbox__label{margin-left:8px;padding-right:0;color:#212121;font-weight:normal}';export{c as tttx_checkbox_1_9_69}
+import{r as t,c as e,h as i,H as n}from"./p-5c9beaf9.js";const c=class{constructor(i){t(this,i),this.checkboxChangeEvent=e(this,"checkboxChangeEvent",3),this.checkboxId=void 0,this.label=void 0,this.inline=!1,this.indeterminate=!1,this.checked=void 0}watchIndeterminateChange(t){this.checkbox.indeterminate=t}onClick(){const{checked:t,indeterminate:e}=this;this.checkboxChangeEvent.emit({indeterminate:e,checked:t})}componentDidLoad(){this.checkbox.indeterminate=this.indeterminate}render(){const t=this.indeterminate?"indeterminate_check_box":this.checked?"check_box":"check_box_outline_blank";return i(n,null,i("label",{class:"tttx-checkbox "+(this.inline?"--inline":"")},i("input",{class:"tttx-checkbox__input",type:"checkbox",id:this.checkboxId,checked:this.checked,ref:t=>this.checkbox=t}),i("tttx-icon_1_9_71",{color:this.checked?"blue":"grey",icon:t,onClick:this.onClick.bind(this)}),i("span",{class:"tttx-checkbox__label"},this.label)))}static get watchers(){return{indeterminate:["watchIndeterminateChange"]}}};c.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tttx-checkbox{padding:8px;display:flex;justify-content:flex-start;font-size:16px;align-items:center;font-weight:normal;line-height:18.752px}.tttx-checkbox tttx-icon{height:24px}.tttx-checkbox.--inline{display:inline-flex}.tttx-checkbox__input{display:none}.tttx-checkbox__label{margin-left:8px;padding-right:0;color:#212121;font-weight:normal}';export{c as tttx_checkbox_1_9_71}

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

@@ -1 +1 @@
-import{r as t,c as e,h as o}from"./p-5c9beaf9.js";const i=class{constructor(o){t(this,o),this.toggleSwitchEvent=e(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=o("input",this._state?{type:"checkbox",checked:!0,onChange:this.onChange.bind(this)}:{type:"checkbox",onChange:this.onChange.bind(this)}),o("div",{id:"toggle-switch"},t,o("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_69}
+import{r as t,c as e,h as o}from"./p-5c9beaf9.js";const i=class{constructor(o){t(this,o),this.toggleSwitchEvent=e(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=o("input",this._state?{type:"checkbox",checked:!0,onChange:this.onChange.bind(this)}:{type:"checkbox",onChange:this.onChange.bind(this)}),o("div",{id:"toggle-switch"},t,o("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_71}

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

@@ -1 +1 @@
-import{r as o,c as i,h as t,g as l}from"./p-5c9beaf9.js";import{p as e,d}from"./p-55799798.js";import"./p-112455b1.js";const s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.buttonClick=i(this,"buttonClick",7),this.closeSelectBoxOnScroll=i(this,"closeSelectBoxOnScroll",7),this.emitDialogClose=()=>{this.closeButtonClick.emit()},this.data=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}handleScrollEvent(){this.closeSelectBoxOnScroll.emit()}componentDidRender(){this.dialog&&(this.dialog.removeEventListener("close",this.emitDialogClose),this.dialog.addEventListener("close",this.emitDialogClose),this.open?this.dialog.open||this.dialog.showModal():this.dialog.close())}onCloseClickHandler(){this.open=!1,this.dialog.close()}onButtonClickHandler(o){this.buttonClick.emit({buttonNumber:o,buttonClicked:!0})}renderHeader(o){const i=o.title,l=!!o.hasClose;return t("div",{class:"dialog-box-header"},!!o.hasIcon&&t("tttx-icon_1_9_69",{class:"dialog-box-icon",icon:o.iconName,color:o.iconColor}),t("h3",{class:"dialog-box-title"},i),l&&t("div",{class:"dialog-box-align-right close-button",onClick:()=>this.onCloseClickHandler()},t("tttx-icon_1_9_69",{class:"dialog-box-icon-close dialog-box-clickable",icon:"close",color:"black"})))}renderContent(o){if(o.isCustomHtml){const i=e.sanitize(o.customHtml,d);return t("div",{class:"dialog-box-body "+(this.allowOverflow?"":"overflow-hidden")},t("div",{innerHTML:i}))}return t("div",{class:"dialog-box-body "+(this.allowOverflow?"":"overflow-hidden")},t("span",{class:"dialog-box-content"},o.contentText))}renderFooter(o){const i=o.buttons,l=i.length>0,e=i.length>1,d="mobile"===this.elementSize;return t("div",{class:"dialog-box-footer"},t("div",{class:"dialog-box-align-right"},3==i.length&&t("tttx-button_1_9_69",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(3),design:i[2].type,notext:d,icon:i[2].icon},!d&&i[2].name),e&&t("tttx-button_1_9_69",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(2),design:i[1].type,icon:i[1].icon},i[1].name),l&&t("tttx-button_1_9_69",{onClick:()=>this.onButtonClickHandler(1),design:i[0].type,icon:i[0].icon},i[0].name)))}componentWillLoad(){this.elementSize=window.innerWidth<698?"mobile":this.size}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,t("dialog",{ref:o=>this.dialog=o,class:`dialog-box ${this.allowOverflow?"overflow-visible":""} ${this.elementSize}`,onScroll:this.handleScrollEvent.bind(this)},t("div",{class:"contents"},t("div",{class:`dialog-box-padding dialog-box-header-box ${this._data.type||""}`},this.renderHeader(this._data.header)),t("div",{class:"dialog-box-padding dialog-box-body-box"},this.renderContent(this._data.body)),t("div",{class:"dialog-box-padding dialog-box-footer-box"},this.renderFooter(this._data.footer))))}get el(){return l(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}.overflow-visible{overflow-y:auto}.overflow-hidden{overflow:hidden}dialog::backdrop{background-color:#75757580}.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)}.dialog-box-clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px;position:sticky;top:0;background:white;z-index:2}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:"Roboto", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.dialog-box-body{text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px;position:sticky;bottom:0;background:white}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}';export{s as tttx_dialog_box_1_9_69}
+import{r as o,c as i,h as t,g as l}from"./p-5c9beaf9.js";import{p as e,d}from"./p-55799798.js";import"./p-112455b1.js";const s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.buttonClick=i(this,"buttonClick",7),this.closeSelectBoxOnScroll=i(this,"closeSelectBoxOnScroll",7),this.emitDialogClose=()=>{this.closeButtonClick.emit()},this.data=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}handleScrollEvent(){this.closeSelectBoxOnScroll.emit()}componentDidRender(){this.dialog&&(this.dialog.removeEventListener("close",this.emitDialogClose),this.dialog.addEventListener("close",this.emitDialogClose),this.open?this.dialog.open||this.dialog.showModal():this.dialog.close())}onCloseClickHandler(){this.open=!1,this.dialog.close()}onButtonClickHandler(o){this.buttonClick.emit({buttonNumber:o,buttonClicked:!0})}renderHeader(o){const i=o.title,l=!!o.hasClose;return t("div",{class:"dialog-box-header"},!!o.hasIcon&&t("tttx-icon_1_9_71",{class:"dialog-box-icon",icon:o.iconName,color:o.iconColor}),t("h3",{class:"dialog-box-title"},i),l&&t("div",{class:"dialog-box-align-right close-button",onClick:()=>this.onCloseClickHandler()},t("tttx-icon_1_9_71",{class:"dialog-box-icon-close dialog-box-clickable",icon:"close",color:"black"})))}renderContent(o){if(o.isCustomHtml){const i=e.sanitize(o.customHtml,d);return t("div",{class:"dialog-box-body "+(this.allowOverflow?"":"overflow-hidden")},t("div",{innerHTML:i}))}return t("div",{class:"dialog-box-body "+(this.allowOverflow?"":"overflow-hidden")},t("span",{class:"dialog-box-content"},o.contentText))}renderFooter(o){const i=o.buttons,l=i.length>0,e=i.length>1,d="mobile"===this.elementSize;return t("div",{class:"dialog-box-footer"},t("div",{class:"dialog-box-align-right"},3==i.length&&t("tttx-button_1_9_71",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(3),design:i[2].type,notext:d,icon:i[2].icon},!d&&i[2].name),e&&t("tttx-button_1_9_71",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(2),design:i[1].type,icon:i[1].icon},i[1].name),l&&t("tttx-button_1_9_71",{onClick:()=>this.onButtonClickHandler(1),design:i[0].type,icon:i[0].icon},i[0].name)))}componentWillLoad(){this.elementSize=window.innerWidth<698?"mobile":this.size}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,t("dialog",{ref:o=>this.dialog=o,class:`dialog-box ${this.allowOverflow?"overflow-visible":""} ${this.elementSize}`,onScroll:this.handleScrollEvent.bind(this)},t("div",{class:"contents"},t("div",{class:`dialog-box-padding dialog-box-header-box ${this._data.type||""}`},this.renderHeader(this._data.header)),t("div",{class:"dialog-box-padding dialog-box-body-box"},this.renderContent(this._data.body)),t("div",{class:"dialog-box-padding dialog-box-footer-box"},this.renderFooter(this._data.footer))))}get el(){return l(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}.overflow-visible{overflow-y:auto}.overflow-hidden{overflow:hidden}dialog::backdrop{background-color:#75757580}.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)}.dialog-box-clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px;position:sticky;top:0;background:white;z-index:2}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:"Roboto", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.dialog-box-body{text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px;position:sticky;bottom:0;background:white}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}';export{s as tttx_dialog_box_1_9_71}

package/dist/tttx/p-d1ee41dd.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-5c9beaf9.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_69",{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_69",{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_69",{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_69}
+import{r as e,c as t,a as i,h as n,F as o,g as r}from"./p-5c9beaf9.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_71",{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_71",{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_71",{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_71}