@3t-transform/threeteeui 1.9.62 → 1.9.63

package/dist/tttx/p-218f3309.entry.js

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as n}from"./p-2b0fc913.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_62",{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_62}
+import{r as t,c as e,h as i,H as n}from"./p-2b0fc913.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_63",{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_63}

package/dist/tttx/p-24eef142.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-2b0fc913.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_62",{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_62",{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_62",{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_62",{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_62",{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_62",{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_62",{class:"loading-style"}):this.renderDropdownOptions(this.unsavedSelectedItems)),i("div",{class:"footer"},i("tttx-button_1_9_62",{design:"primary",onClick:this.applyChanges.bind(this)},"Apply"),i("tttx-button_1_9_62",{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_62}
+import{r as t,c as o,h as i,F as e,H as s,g as n}from"./p-2b0fc913.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_63",{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_63",{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_63",{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_63",{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_63",{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_63",{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_63",{class:"loading-style"}):this.renderDropdownOptions(this.unsavedSelectedItems)),i("div",{class:"footer"},i("tttx-button_1_9_63",{design:"primary",onClick:this.applyChanges.bind(this)},"Apply"),i("tttx-button_1_9_63",{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_63}

package/dist/tttx/p-2636cba4.entry.js

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as o}from"./p-2b0fc913.js";const n=class{constructor(a){t(this,a),this.valueChanged=e(this,"valueChanged",7),this.focusChanged=e(this,"focusChanged",7),this.blurChanged=e(this,"blurChanged",7),this.invalidChanged=e(this,"invalidChanged",7),this.label=void 0,this.secondarylabel=void 0,this.showerrormsg=void 0,this.showerrorbubble=!0,this.errormsg=void 0,this.rows=void 0,this.textareaautofocus=void 0,this.inputkeyhint=void 0,this.inputindex=void 0,this.inputtitle=void 0,this.disabled=void 0,this.maxlength=void 0,this.name=void 0,this.placeholder=void 0,this.readonly=void 0,this.required=void 0,this.value=void 0}handleChange(t){const e=t.target;this.value=e.value,this.valueChanged.emit(e.value)}handleFocus(t){this.focusChanged.emit(t.target.value)}handleBlur(t){this.blurChanged.emit(t.target.value)}handleInvalid(t){t.preventDefault(),this.invalidChanged.emit(t.target.value)}render(){const t=[this.showerrormsg?"invalid":"",!this.label&&this.required?"no-label":""].join(" ");return a(o,null,a("label",null,this.label,this.required?"":a("span",{class:"optional"}," (optional)"),a("div",{class:"textarea-container"},a("textarea",{rows:this.rows,class:t,autofocus:this.textareaautofocus,enterkeyhint:this.inputkeyhint,tabindex:this.inputindex,title:this.inputtitle,disabled:this.disabled,maxlength:this.maxlength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,value:this.value,onBlur:this.handleBlur.bind(this),onFocus:this.handleFocus.bind(this),onInput:this.handleChange.bind(this),onInvalid:this.handleInvalid.bind(this)}),this.secondarylabel&&a("span",{class:"secondarylabel"},this.secondarylabel),this.showerrorbubble&&a("span",{class:["errorBubble",this.showerrormsg&&this.errormsg?"visible":""].join(" ")},a("span",{class:"material-symbols-rounded validationicon"},"warning")," ",this.errormsg))))}};n.style='.material-symbols-rounded.sc-tttx-textarea_1_9_62{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sc-tttx-textarea_1_9_62-h{display:block}label.sc-tttx-textarea_1_9_62{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62{position:relative}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.sc-tttx-textarea_1_9_62{font-family:"Roboto", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.no-label.sc-tttx-textarea_1_9_62{margin-top:0}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.sc-tttx-textarea_1_9_62~.errorBubble.sc-tttx-textarea_1_9_62{font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.sc-tttx-textarea_1_9_62~.errorBubble.sc-tttx-textarea_1_9_62:not(.visible){display:none}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.sc-tttx-textarea_1_9_62~.errorBubble.sc-tttx-textarea_1_9_62 span.sc-tttx-textarea_1_9_62{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.sc-tttx-textarea_1_9_62:focus{border-color:#1479c6}label.sc-tttx-textarea_1_9_62 .textarea-container.sc-tttx-textarea_1_9_62 textarea.sc-tttx-textarea_1_9_62:focus-visible{outline:none}label.sc-tttx-textarea_1_9_62 .secondarylabel.sc-tttx-textarea_1_9_62{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_9_62 .optional.sc-tttx-textarea_1_9_62{color:#757575;font-weight:normal}';export{n as tttx_textarea_1_9_62}
+import{r as t,c as e,h as a,H as o}from"./p-2b0fc913.js";const n=class{constructor(a){t(this,a),this.valueChanged=e(this,"valueChanged",7),this.focusChanged=e(this,"focusChanged",7),this.blurChanged=e(this,"blurChanged",7),this.invalidChanged=e(this,"invalidChanged",7),this.label=void 0,this.secondarylabel=void 0,this.showerrormsg=void 0,this.showerrorbubble=!0,this.errormsg=void 0,this.rows=void 0,this.textareaautofocus=void 0,this.inputkeyhint=void 0,this.inputindex=void 0,this.inputtitle=void 0,this.disabled=void 0,this.maxlength=void 0,this.name=void 0,this.placeholder=void 0,this.readonly=void 0,this.required=void 0,this.value=void 0}handleChange(t){const e=t.target;this.value=e.value,this.valueChanged.emit(e.value)}handleFocus(t){this.focusChanged.emit(t.target.value)}handleBlur(t){this.blurChanged.emit(t.target.value)}handleInvalid(t){t.preventDefault(),this.invalidChanged.emit(t.target.value)}render(){const t=[this.showerrormsg?"invalid":"",!this.label&&this.required?"no-label":""].join(" ");return a(o,null,a("label",null,this.label,this.required?"":a("span",{class:"optional"}," (optional)"),a("div",{class:"textarea-container"},a("textarea",{rows:this.rows,class:t,autofocus:this.textareaautofocus,enterkeyhint:this.inputkeyhint,tabindex:this.inputindex,title:this.inputtitle,disabled:this.disabled,maxlength:this.maxlength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,value:this.value,onBlur:this.handleBlur.bind(this),onFocus:this.handleFocus.bind(this),onInput:this.handleChange.bind(this),onInvalid:this.handleInvalid.bind(this)}),this.secondarylabel&&a("span",{class:"secondarylabel"},this.secondarylabel),this.showerrorbubble&&a("span",{class:["errorBubble",this.showerrormsg&&this.errormsg?"visible":""].join(" ")},a("span",{class:"material-symbols-rounded validationicon"},"warning")," ",this.errormsg))))}};n.style='.material-symbols-rounded.sc-tttx-textarea_1_9_63{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sc-tttx-textarea_1_9_63-h{display:block}label.sc-tttx-textarea_1_9_63{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63{position:relative}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.sc-tttx-textarea_1_9_63{font-family:"Roboto", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.no-label.sc-tttx-textarea_1_9_63{margin-top:0}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.sc-tttx-textarea_1_9_63~.errorBubble.sc-tttx-textarea_1_9_63{font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.sc-tttx-textarea_1_9_63~.errorBubble.sc-tttx-textarea_1_9_63:not(.visible){display:none}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.sc-tttx-textarea_1_9_63~.errorBubble.sc-tttx-textarea_1_9_63 span.sc-tttx-textarea_1_9_63{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.sc-tttx-textarea_1_9_63:focus{border-color:#1479c6}label.sc-tttx-textarea_1_9_63 .textarea-container.sc-tttx-textarea_1_9_63 textarea.sc-tttx-textarea_1_9_63:focus-visible{outline:none}label.sc-tttx-textarea_1_9_63 .secondarylabel.sc-tttx-textarea_1_9_63{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_9_63 .optional.sc-tttx-textarea_1_9_63{color:#757575;font-weight:normal}';export{n as tttx_textarea_1_9_63}