@3t-transform/threeteeui 1.9.61 → 1.9.63

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

@@ -1 +1 @@
-import{r as t,h as n,c as o,H as e}from"./p-2b0fc913.js";const a=class{constructor(n){t(this,n),this.defaultMessageSchema=[{threshold:2,message:"Loading, please wait…"},{threshold:4,message:"Processing your request…"},{threshold:10,message:"Hang tight, almost there…"},{threshold:1/0,message:"Taking longer than expected… refresh if needed."}],this.loadingMessage=!1,this.size="large",this.color="#2e6dcc",this.message=void 0,this.customMessageSchema=void 0,this.timeElapsed=0}componentDidLoad(){!this.loadingMessage||this.message||this.timer||this.startTimer()}disconnectedCallback(){this.clearTimer()}startTimer(){this.timer=setInterval((()=>{this.timeElapsed+=1}),1e3)}clearTimer(){this.timer&&(clearInterval(this.timer),this.timer=void 0)}getEffectiveSchema(){return Array.isArray(this.customMessageSchema)&&this.customMessageSchema.length>0?this.customMessageSchema:this.defaultMessageSchema}getMessageFromSchema(){const t=this.getEffectiveSchema();for(const{threshold:n,message:o}of t)if(this.timeElapsed<=n)return o;return""}getDynamicMessage(){var t;return null!==(t=this.message)&&void 0!==t?t:this.getMessageFromSchema()}renderMessage(){return this.loadingMessage?n("div",{class:"loading-text"},this.getDynamicMessage()):null}render(){return n("div",null,n("div",{class:"loading-box"},n("span",{class:`spinner ${this.size}`,style:{"--spinner-color":this.color}})),this.renderMessage())}};a.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid var(--spinner-color, #1479c6);border-bottom-color:transparent;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';const l=class{constructor(n){t(this,n),this.valueChanged=o(this,"valueChanged",7),this.focusChanged=o(this,"focusChanged",7),this.blurChanged=o(this,"blurChanged",7),this.invalidChanged=o(this,"invalidChanged",7),this.inputIconClick=o(this,"inputIconClick",7),this.leftIconClick=o(this,"leftIconClick",7),this.rightIconClick=o(this,"rightIconClick",7),this.label=void 0,this.secondarylabel=void 0,this.showerrormsg=void 0,this.showerrorbubble=!0,this.errormsg=void 0,this.iconleft=void 0,this.iconleftcolor="grey",this.iconright=void 0,this.iconrightcolor="grey",this.inputicon=void 0,this.inputiconcolor="grey",this.inline=void 0,this.inputautocapitalize=void 0,this.inputautofocus=void 0,this.inputkeyhint=void 0,this.inputindex=void 0,this.inputtitle=void 0,this.autocomplete=void 0,this.checked=void 0,this.disabled=void 0,this.max=void 0,this.maxlength=void 0,this.min=void 0,this.minlength=void 0,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=void 0,this.required=void 0,this.step=void 0,this.type="text",this.value=void 0}handleChange(t){const n=t.target;this.value=n.value,this.valueChanged.emit(n.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)}handleInputIconClick(t){t.preventDefault(),this.inputIconClick.emit()}handleLeftIconClick(t){t.preventDefault(),this.leftIconClick.emit()}handleRightIconClick(t){t.preventDefault(),this.rightIconClick.emit()}render(){const t=[this.showerrormsg?"invalid":"",this.inputicon?"has-input-icon":"",this.iconleft?"has-left-icon":"",this.iconright?"has-right-icon":""].join(" ");return n(e,null,n("label",null,this.label,this.required?"":n("span",{class:"optional"}," (optional)"),n("div",{class:["outer-container",this.inline?"inputInline":"inputBlock"].join(" ")},n("input",{class:t,autocapitalize:this.inputautocapitalize,autofocus:this.inputautofocus,enterkeyhint:this.inputkeyhint,tabindex:this.inputindex,title:this.inputtitle,autocomplete:this.autocomplete,checked:this.checked,disabled:this.disabled,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,step:this.step,type:this.type,value:this.value,onBlur:this.handleBlur.bind(this),onFocus:this.handleFocus.bind(this),onInput:this.handleChange.bind(this),onInvalid:this.handleInvalid.bind(this)}),(this.inputicon||this.iconleft)&&n("span",{class:"left-icons"},this.inputicon&&n("tttx-icon_1_9_61",{class:"input-icon",icon:this.inputicon,color:this.inputiconcolor,onClick:this.handleInputIconClick.bind(this)}),this.iconleft&&n("tttx-icon_1_9_61",{class:"left-icon",icon:this.iconleft,color:this.iconleftcolor,onClick:this.handleLeftIconClick.bind(this)})),this.iconright&&n("span",{class:"right-icons"},n("tttx-icon_1_9_61",{class:"right-icon",icon:this.iconright,color:this.iconrightcolor,onClick:this.handleRightIconClick.bind(this)}))),this.secondarylabel&&n("span",{class:"secondarylabel"},this.secondarylabel),this.showerrorbubble&&n("span",{class:["errorBubble",this.showerrormsg&&this.errormsg?"visible":""].join(" ")},n("span",{class:"material-symbols-rounded"},"warning")," ",this.errormsg)))}};l.style='.material-symbols-rounded.sc-tttx-standalone-input_1_9_61{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_61{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}label.sc-tttx-standalone-input_1_9_61{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_61 .optional.sc-tttx-standalone-input_1_9_61{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61{position:relative}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 .left-icons.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 .right-icons.sc-tttx-standalone-input_1_9_61{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 .left-icons.sc-tttx-standalone-input_1_9_61 tttx-icon.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 .right-icons.sc-tttx-standalone-input_1_9_61 tttx-icon.sc-tttx-standalone-input_1_9_61{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 .left-icons.sc-tttx-standalone-input_1_9_61{left:8px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 .right-icons.sc-tttx-standalone-input_1_9_61{right:8px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.sc-tttx-standalone-input_1_9_61{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px;padding:0;padding-left:16px;padding-right:16px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.has-input-icon.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.has-input-icon.sc-tttx-standalone-input_1_9_61{padding-left:40px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_61{padding-left:72px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.has-left-icon.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.has-left-icon.sc-tttx-standalone-input_1_9_61{padding-left:40px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.has-right-icon.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.has-right-icon.sc-tttx-standalone-input_1_9_61{padding-right:40px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.invalid.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.invalid.sc-tttx-standalone-input_1_9_61{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.sc-tttx-standalone-input_1_9_61:not([type=submit]),label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.sc-tttx-standalone-input_1_9_61:not([type=submit]){font-family:"Roboto", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input[type=radio].sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea[type=radio].sc-tttx-standalone-input_1_9_61{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input[type=date].sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea[type=date].sc-tttx-standalone-input_1_9_61{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input[readonly].sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea[readonly].sc-tttx-standalone-input_1_9_61{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.sc-tttx-standalone-input_1_9_61:focus,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.sc-tttx-standalone-input_1_9_61:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 input.sc-tttx-standalone-input_1_9_61:focus-visible,label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.sc-tttx-standalone-input_1_9_61:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.sc-tttx-standalone-input_1_9_61{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_61 .outer-container.sc-tttx-standalone-input_1_9_61 textarea.resize-none.sc-tttx-standalone-input_1_9_61{resize:none}label.sc-tttx-standalone-input_1_9_61 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_61{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_61 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_61 .left-icons.sc-tttx-standalone-input_1_9_61,label.sc-tttx-standalone-input_1_9_61 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_61 .right-icons.sc-tttx-standalone-input_1_9_61{margin-top:4px}label.sc-tttx-standalone-input_1_9_61 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_61{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_61 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_61{display:block}label.sc-tttx-standalone-input_1_9_61 .outer-container.inputInline.sc-tttx-standalone-input_1_9_61{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_61 .outer-container.inputInline.sc-tttx-standalone-input_1_9_61 input.sc-tttx-standalone-input_1_9_61{margin-top:0}label.sc-tttx-standalone-input_1_9_61 .secondarylabel.sc-tttx-standalone-input_1_9_61{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_61 .errorBubble.sc-tttx-standalone-input_1_9_61{position:relative;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-standalone-input_1_9_61 .errorBubble.sc-tttx-standalone-input_1_9_61:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_61 .errorBubble.sc-tttx-standalone-input_1_9_61 span.sc-tttx-standalone-input_1_9_61{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_61{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}.sc-tttx-standalone-input_1_9_61-h{display:block}';const i=class{constructor(n){t(this,n),this.text=void 0,this.color="#d5d5d5",this.textColor="#212121",this.hasIcon=!1,this.icon="check_circle",this.iconColor="#397A4C",this.iconSize=24}render(){return n(e,null,n("div",{class:"tag",style:{"background-color":this.color,color:this.textColor}},this.hasIcon&&n("tttx-icon_1_9_61",{role:"icon",class:"tag_icon","aria-label":this.text,icon:this.icon,color:this.iconColor,size:this.iconSize}),n("span",null,this.text)))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight: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}.tag{display:inline-flex;align-items:center;border-radius:20px;padding:4px;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;width:max-content}.tag_icon{padding-top:4px}.tag span{margin-left:4px;margin-right:4px}.icon{height:18px;width:18px;font-weight:400}';export{a as tttx_loading_spinner_1_9_61,l as tttx_standalone_input_1_9_61,i as tttx_tag_1_9_61}
+import{r as t,h as n,c as o,H as e}from"./p-2b0fc913.js";const a=class{constructor(n){t(this,n),this.defaultMessageSchema=[{threshold:2,message:"Loading, please wait…"},{threshold:4,message:"Processing your request…"},{threshold:10,message:"Hang tight, almost there…"},{threshold:1/0,message:"Taking longer than expected… refresh if needed."}],this.loadingMessage=!1,this.size="large",this.color="#2e6dcc",this.message=void 0,this.customMessageSchema=void 0,this.timeElapsed=0}componentDidLoad(){!this.loadingMessage||this.message||this.timer||this.startTimer()}disconnectedCallback(){this.clearTimer()}startTimer(){this.timer=setInterval((()=>{this.timeElapsed+=1}),1e3)}clearTimer(){this.timer&&(clearInterval(this.timer),this.timer=void 0)}getEffectiveSchema(){return Array.isArray(this.customMessageSchema)&&this.customMessageSchema.length>0?this.customMessageSchema:this.defaultMessageSchema}getMessageFromSchema(){const t=this.getEffectiveSchema();for(const{threshold:n,message:o}of t)if(this.timeElapsed<=n)return o;return""}getDynamicMessage(){var t;return null!==(t=this.message)&&void 0!==t?t:this.getMessageFromSchema()}renderMessage(){return this.loadingMessage?n("div",{class:"loading-text"},this.getDynamicMessage()):null}render(){return n("div",null,n("div",{class:"loading-box"},n("span",{class:`spinner ${this.size}`,style:{"--spinner-color":this.color}})),this.renderMessage())}};a.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid var(--spinner-color, #1479c6);border-bottom-color:transparent;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';const l=class{constructor(n){t(this,n),this.valueChanged=o(this,"valueChanged",7),this.focusChanged=o(this,"focusChanged",7),this.blurChanged=o(this,"blurChanged",7),this.invalidChanged=o(this,"invalidChanged",7),this.inputIconClick=o(this,"inputIconClick",7),this.leftIconClick=o(this,"leftIconClick",7),this.rightIconClick=o(this,"rightIconClick",7),this.label=void 0,this.secondarylabel=void 0,this.showerrormsg=void 0,this.showerrorbubble=!0,this.errormsg=void 0,this.iconleft=void 0,this.iconleftcolor="grey",this.iconright=void 0,this.iconrightcolor="grey",this.inputicon=void 0,this.inputiconcolor="grey",this.inline=void 0,this.inputautocapitalize=void 0,this.inputautofocus=void 0,this.inputkeyhint=void 0,this.inputindex=void 0,this.inputtitle=void 0,this.autocomplete=void 0,this.checked=void 0,this.disabled=void 0,this.max=void 0,this.maxlength=void 0,this.min=void 0,this.minlength=void 0,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=void 0,this.required=void 0,this.step=void 0,this.type="text",this.value=void 0}handleChange(t){const n=t.target;this.value=n.value,this.valueChanged.emit(n.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)}handleInputIconClick(t){t.preventDefault(),this.inputIconClick.emit()}handleLeftIconClick(t){t.preventDefault(),this.leftIconClick.emit()}handleRightIconClick(t){t.preventDefault(),this.rightIconClick.emit()}render(){const t=[this.showerrormsg?"invalid":"",this.inputicon?"has-input-icon":"",this.iconleft?"has-left-icon":"",this.iconright?"has-right-icon":""].join(" ");return n(e,null,n("label",null,this.label,this.required?"":n("span",{class:"optional"}," (optional)"),n("div",{class:["outer-container",this.inline?"inputInline":"inputBlock"].join(" ")},n("input",{class:t,autocapitalize:this.inputautocapitalize,autofocus:this.inputautofocus,enterkeyhint:this.inputkeyhint,tabindex:this.inputindex,title:this.inputtitle,autocomplete:this.autocomplete,checked:this.checked,disabled:this.disabled,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,step:this.step,type:this.type,value:this.value,onBlur:this.handleBlur.bind(this),onFocus:this.handleFocus.bind(this),onInput:this.handleChange.bind(this),onInvalid:this.handleInvalid.bind(this)}),(this.inputicon||this.iconleft)&&n("span",{class:"left-icons"},this.inputicon&&n("tttx-icon_1_9_63",{class:"input-icon",icon:this.inputicon,color:this.inputiconcolor,onClick:this.handleInputIconClick.bind(this)}),this.iconleft&&n("tttx-icon_1_9_63",{class:"left-icon",icon:this.iconleft,color:this.iconleftcolor,onClick:this.handleLeftIconClick.bind(this)})),this.iconright&&n("span",{class:"right-icons"},n("tttx-icon_1_9_63",{class:"right-icon",icon:this.iconright,color:this.iconrightcolor,onClick:this.handleRightIconClick.bind(this)}))),this.secondarylabel&&n("span",{class:"secondarylabel"},this.secondarylabel),this.showerrorbubble&&n("span",{class:["errorBubble",this.showerrormsg&&this.errormsg?"visible":""].join(" ")},n("span",{class:"material-symbols-rounded"},"warning")," ",this.errormsg)))}};l.style='.material-symbols-rounded.sc-tttx-standalone-input_1_9_63{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_63{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}label.sc-tttx-standalone-input_1_9_63{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_63 .optional.sc-tttx-standalone-input_1_9_63{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63{position:relative}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 .left-icons.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 .right-icons.sc-tttx-standalone-input_1_9_63{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 .left-icons.sc-tttx-standalone-input_1_9_63 tttx-icon.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 .right-icons.sc-tttx-standalone-input_1_9_63 tttx-icon.sc-tttx-standalone-input_1_9_63{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 .left-icons.sc-tttx-standalone-input_1_9_63{left:8px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 .right-icons.sc-tttx-standalone-input_1_9_63{right:8px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.sc-tttx-standalone-input_1_9_63{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px;padding:0;padding-left:16px;padding-right:16px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.has-input-icon.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.has-input-icon.sc-tttx-standalone-input_1_9_63{padding-left:40px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_63{padding-left:72px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.has-left-icon.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.has-left-icon.sc-tttx-standalone-input_1_9_63{padding-left:40px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.has-right-icon.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.has-right-icon.sc-tttx-standalone-input_1_9_63{padding-right:40px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.invalid.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.invalid.sc-tttx-standalone-input_1_9_63{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.sc-tttx-standalone-input_1_9_63:not([type=submit]),label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.sc-tttx-standalone-input_1_9_63:not([type=submit]){font-family:"Roboto", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input[type=radio].sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea[type=radio].sc-tttx-standalone-input_1_9_63{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input[type=date].sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea[type=date].sc-tttx-standalone-input_1_9_63{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input[readonly].sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea[readonly].sc-tttx-standalone-input_1_9_63{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.sc-tttx-standalone-input_1_9_63:focus,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.sc-tttx-standalone-input_1_9_63:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 input.sc-tttx-standalone-input_1_9_63:focus-visible,label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.sc-tttx-standalone-input_1_9_63:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.sc-tttx-standalone-input_1_9_63{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_63 .outer-container.sc-tttx-standalone-input_1_9_63 textarea.resize-none.sc-tttx-standalone-input_1_9_63{resize:none}label.sc-tttx-standalone-input_1_9_63 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_63{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_63 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_63 .left-icons.sc-tttx-standalone-input_1_9_63,label.sc-tttx-standalone-input_1_9_63 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_63 .right-icons.sc-tttx-standalone-input_1_9_63{margin-top:4px}label.sc-tttx-standalone-input_1_9_63 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_63{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_63 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_63{display:block}label.sc-tttx-standalone-input_1_9_63 .outer-container.inputInline.sc-tttx-standalone-input_1_9_63{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_63 .outer-container.inputInline.sc-tttx-standalone-input_1_9_63 input.sc-tttx-standalone-input_1_9_63{margin-top:0}label.sc-tttx-standalone-input_1_9_63 .secondarylabel.sc-tttx-standalone-input_1_9_63{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_63 .errorBubble.sc-tttx-standalone-input_1_9_63{position:relative;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-standalone-input_1_9_63 .errorBubble.sc-tttx-standalone-input_1_9_63:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_63 .errorBubble.sc-tttx-standalone-input_1_9_63 span.sc-tttx-standalone-input_1_9_63{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_63{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}.sc-tttx-standalone-input_1_9_63-h{display:block}';const i=class{constructor(n){t(this,n),this.text=void 0,this.color="#d5d5d5",this.textColor="#212121",this.hasIcon=!1,this.icon="check_circle",this.iconColor="#397A4C",this.iconSize=24}render(){return n(e,null,n("div",{class:"tag",style:{"background-color":this.color,color:this.textColor}},this.hasIcon&&n("tttx-icon_1_9_63",{role:"icon",class:"tag_icon","aria-label":this.text,icon:this.icon,color:this.iconColor,size:this.iconSize}),n("span",null,this.text)))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight: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}.tag{display:inline-flex;align-items:center;border-radius:20px;padding:4px;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;width:max-content}.tag_icon{padding-top:4px}.tag span{margin-left:4px;margin-right:4px}.icon{height:18px;width:18px;font-weight:400}';export{a as tttx_loading_spinner_1_9_63,l as tttx_standalone_input_1_9_63,i as tttx_tag_1_9_63}

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

@@ -1 +1 @@
-import{r as o,c as i,h as t,g as l}from"./p-2b0fc913.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_61",{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_61",{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_61",{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_61",{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_61",{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_61}
+import{r as o,c as i,h as t,g as l}from"./p-2b0fc913.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_63",{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_63",{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_63",{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_63",{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_63",{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_63}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,F as n,H as o}from"./p-2b0fc913.js";const a=class{constructor(i){t(this,i),this.commentAdded=e(this,"commentAdded",6),this.commentEdited=e(this,"commentEdited",6),this.requestCommentRemoval=e(this,"requestCommentRemoval",6),this.requestFileUpload=e(this,"requestFileUpload",6),this.requestFileDownload=e(this,"requestFileDownload",6),this.blurChanged=e(this,"commentFocusOut",7),this.isFileComment=t=>{var e;return(null===(e=t.metadata)||void 0===e?void 0:e.type)===l.FILE},this.isUnread=t=>t.createdByFullName!==this.currentuser&&(!t.userLastViewed||t.createdAt>t.userLastViewed),this.currentuser=void 0,this.comments=void 0,this.disableFile=!1,this.messageLimit=1e3,this.inputBoxHeight=90,this.placeholder="Enter Comment",this.saveButtonText="Add Comment",this.value=void 0,this.allowEditing=!1,this.readonly=!1,this._comments=void 0,this.showError=void 0,this._saveButtonText=void 0,this.editingComment=void 0}componentWillLoad(){this.onCommentsChange(),this._saveButtonText=this.saveButtonText}onCommentsChange(){this.comments&&(this._comments="string"==typeof this.comments?JSON.parse(this.comments):this.comments,this.editingComment&&this._comments.find((t=>t.id===this.editingComment.id)).isDeleted&&this.onFinishEdit(),this.scrollToBottom())}renderCommentBubble(){var t,e;const o=(null===(t=this._comments)||void 0===t?void 0:t.length)>0&&this.isUnread(this._comments[0]);let a=!1,l=null;return o&&(l=i("div",{class:"unread-comment-divider"},i("hr",{class:"unread-comment-divider-line"}),i("span",{class:"unread-comments-text"},"New Unread Comments"),i("hr",{class:"unread-comment-divider-line"}))),i(n,null,null===(e=this._comments)||void 0===e?void 0:e.map(((t,e)=>{var s;const c=t.createdByFullName===this.currentuser,d="commentBubble "+(c?"right":"left"),p=e===this._comments.length-1,h=0===e?{marginTop:"10px"}:{},m=!p&&this.isUnread(this._comments[e+1]),u=0===e;let b=null;return p||!m||a||o&&0===e||(b=i("div",{class:"unread-comment-divider"},i("hr",{class:"unread-comment-divider-line"}),i("span",{class:"unread-comments-text"},"New Unread Comments"),i("hr",{class:"unread-comment-divider-line"}))),a=a||m,[i("div",{class:d,style:h},u&&l,i("div",{class:"bubbleHeader"},i("div",{class:"bubble-header-inner"},i("span",{class:"commentName"},t.createdByFullName),this.isUnread(t)&&i("tttx-icon_1_9_63",{class:"unread-symbol",icon:"error",color:"blue",style:{height:"18px"},size:18})),(null===(s=t.metadata)||void 0===s?void 0:s.contextString)&&i("span",{class:"commentContext"},"(",t.metadata.contextString,")")),i("div",{class:"bubbleText "+(t.isDeleted?"deleted-comment":"")},this.renderCommentInner(t)),i("div",{class:"bubbleFooter"},!this.readonly&&this.allowEditing&&c&&!t.isDeleted&&!!t.id&&i("div",null,!this.isFileComment(t)&&i(n,null,i("span",{class:"clickable",onClick:this.onEdit.bind(this,t)},"Edit")," | "),i("span",{class:"clickable",onClick:this.onRemove.bind(this,t)},"Remove")),i("span",{class:"comment-date"},!!t.lastUpdatedAt&&!t.isDeleted&&`Edited ${new Date(t.lastUpdatedAt).toLocaleString(void 0,r)}`,!!t.lastUpdatedAt&&t.isDeleted&&`Removed ${new Date(t.lastUpdatedAt).toLocaleString(void 0,r)}`,!t.lastUpdatedAt&&`${new Date(t.createdAt).toLocaleString(void 0,r)}`)),!b&&!p&&i("hr",{class:"commentDivider"}),b)]})))}renderCommentInner(t){return t.isDeleted?this.isFileComment(t)?"File removed.":"Comment removed.":this.isFileComment(t)?this.renderFileLink(t.metadata):t.text}renderFileLink(t){return i("div",{class:"file-link-container"},i("tttx-icon_1_9_63",{icon:"attach_file",color:"black",style:{height:"20px"},size:20}),i("button",{class:"linkButton",type:"button",value:t.key,onClick:this.onFileDownloadRequest.bind(this)},t.filename))}onFormSubmit(t){t.preventDefault();const e=new FormData(t.currentTarget);let i;for(const t of e.entries())i=t[1];t.currentTarget.reset(),this.editingComment?this.editComment(i):this.createComment(i),this.scrollToBottom()}createComment(t){const e={id:void 0,text:t,createdAt:+new Date,createdByFullName:this.currentuser,createdById:void 0,isDeleted:!1};this._comments=[...this._comments,e],this.commentAdded.emit(e)}editComment(t){const e=this._comments.findIndex((t=>t.id===this.editingComment.id));this._comments[e]=Object.assign(Object.assign({},this._comments[e]),{text:t,lastUpdatedAt:+new Date,updatedByFullName:this.currentuser,updatedById:void 0}),this._comments=[...this._comments],this.commentEdited.emit(this._comments[e]),this.onFinishEdit()}scrollToBottom(){setTimeout((()=>this._scrollContainer.scrollTo({top:this._scrollContainer.scrollHeight})))}onFileUploadRequest(){this.requestFileUpload.emit()}onFileDownloadRequest(t){this.requestFileDownload.emit(t.currentTarget.value)}async addDummyComment(t,e){const i={id:void 0,text:t,createdAt:+new Date,createdByFullName:null!=e?e:this.currentuser,createdById:void 0,isDeleted:!1};this._comments=[...this._comments,i],this.scrollToBottom()}onCommentFieldChange(t){this.showError=t.target.value.length>=this.messageLimit}handleBlur(t){this.editingComment||this.blurChanged.emit(t.target.value)}onEdit(t){this.editingComment=t,this.textInput.value=this.editingComment.text,this._saveButtonText="Update comment",this.scrollToBottom()}onFinishEdit(){this.editingComment=void 0,this.textInput.value="",this._saveButtonText=this.saveButtonText}onRemove(t){t=Object.assign(Object.assign({},t),{lastUpdatedAt:+new Date,updatedByFullName:this.currentuser,updatedById:void 0}),this.requestCommentRemoval.emit(t)}render(){return i(o,null,i("article",{id:"comment-container"},(!Array.isArray(this._comments)||0===this._comments.length)&&i("div",{class:"no-comments"},i("tttx-icon_1_9_63",{class:"mt-s",icon:"chat_bubble_outline",color:"grey"}),i("span",null,"No comments have been added")),i("section",{id:"comment-bubbles-section"},i("div",{id:"scroll-container",ref:t=>this._scrollContainer=t},this.renderCommentBubble())),i("section",{id:"input-section"},!this.readonly&&i("form",{onSubmit:this.onFormSubmit.bind(this)},this.editingComment&&i("div",{class:"cancel-edit-container"},i("span",{class:"cancel-edit-button clickable",onClick:this.onFinishEdit.bind(this)},"x")),i("fieldset",null,i("textarea",{ref:t=>this.textInput=t,name:"commentText",required:!0,maxlength:`${this.messageLimit}`,placeholder:this.placeholder,onInput:t=>this.onCommentFieldChange(t),style:{"--textarea-max-height":`${this.inputBoxHeight}px`},class:"comment-textarea",value:this.value,onBlur:this.handleBlur.bind(this)})),this.showError&&i("span",{class:"errorBubble visible"},i("span",{class:"material-symbols-rounded"},"warning")," ",`${this.messageLimit} character limit is reached.`),i("fieldset",null,this.editingComment&&i("span",{class:"editing-sub-text"},"Editing comment"),!this.disableFile&&i("button",{id:"attach-file",class:"flex-right-align clickable",type:"button",value:"File",onClick:this.onFileUploadRequest.bind(this)},i("tttx-icon_1_9_63",{color:"black",icon:"attach_file"})),i("input",{class:(this.disableFile?"flex-right-align ":"")+"clickable",style:{width:"fit-content"},type:"submit",value:this._saveButtonText}))))))}static get watchers(){return{comments:["onCommentsChange"]}}};var l;!function(t){t[t.FILE=0]="FILE"}(l||(l={}));const r={hour12:!1,year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric"};a.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}label{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label .optional{color:#757575;font-weight:normal}label .outer-container{position:relative}label .outer-container .left-icons,label .outer-container .right-icons{display:flex;position:absolute;height:24px;gap:8px}label .outer-container .left-icons tttx-icon,label .outer-container .right-icons tttx-icon{height:24px;width:24px}label .outer-container .left-icons{left:8px}label .outer-container .right-icons{right:8px}label .outer-container input,label .outer-container textarea{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px;padding:0;padding-left:16px;padding-right:16px;}label .outer-container input.has-input-icon,label .outer-container textarea.has-input-icon{padding-left:40px}label .outer-container input.has-input-icon.has-left-icon,label .outer-container textarea.has-input-icon.has-left-icon{padding-left:72px}label .outer-container input.has-left-icon,label .outer-container textarea.has-left-icon{padding-left:40px}label .outer-container input.has-right-icon,label .outer-container textarea.has-right-icon{padding-right:40px}label .outer-container input.invalid,label .outer-container textarea.invalid{border:1px solid #dc0000}label .outer-container input:not([type=submit]),label .outer-container textarea:not([type=submit]){font-family:"Roboto", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label .outer-container input[type=radio],label .outer-container textarea[type=radio]{width:20px;height:20px}label .outer-container input[type=date],label .outer-container textarea[type=date]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label .outer-container input[readonly],label .outer-container textarea[readonly]{cursor:default;pointer-events:none;user-select:none;color:gray}label .outer-container input:focus,label .outer-container textarea:focus{border-color:#1479c6}label .outer-container input:focus-visible,label .outer-container textarea:focus-visible{outline:none}label .outer-container textarea{padding:8px;height:auto;min-height:100px;resize:vertical}label .outer-container textarea.resize-none{resize:none}label .outer-container.inputBlock{display:flex;align-items:center;line-height:21px}label .outer-container.inputBlock .left-icons,label .outer-container.inputBlock .right-icons{margin-top:4px}label .outer-container.inputBlock.readonly{pointer-events:none;user-select:none;color:gray}label .outer-container.inputBlock.radioBlock{display:block}label .outer-container.inputInline{display:flex;white-space:nowrap;align-items:center;margin:0}label .outer-container.inputInline input{margin-top:0}label .secondarylabel{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label .errorBubble{position:relative;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 .errorBubble:not(.visible){display:none}label .errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}*{font-family:"Roboto", sans-serif}#comment-container{display:flex;height:100%;flex-direction:column}#comment-bubbles-section{display:flex;height:100%;flex-direction:column;justify-content:end;margin-bottom:8px;padding-bottom:8px;overflow:hidden}#input-section,#input-section form{display:flex;flex-direction:column;padding:0px 1px}#scroll-container{display:flex;overflow-y:auto;max-height:100%;width:100%;align-items:end;flex-direction:column}.commentBubble{display:flex;flex-direction:column;margin-bottom:8px;width:100%}.commentBubble>.bubbleText{background:#f0f0f0;border-radius:4px;padding:8px 12px;margin-bottom:4px;margin-top:10px;font-size:11pt;white-space:wrap}.commentBubble>span{color:#757575;font-size:10pt;margin:2px 16px}.commentBubble.right>span{text-align:right}.commentBubble.left>span{text-align:left}input{border:1px solid #dddddd;border-radius:4px;padding:8px 16px;font-size:11pt}input[type=text]{flex-grow:1}input[type=submit]{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;width:132px;display:flex;align-self:end}input[type=submit]:hover,input[type=submit]:active{background:#dddddd}button#attach-file{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;align-self:end;border:1px solid #dddddd;border-radius:4px;width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;margin-right:8px}button#attach-file:hover,button#attach-file:active{background:#dddddd}button#attach-file *{margin-top:3px}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:end}button.linkButton{border:none;background:transparent;color:#3680bd;cursor:pointer;padding:0;margin-left:5px;font-size:11pt}.file-link-container{display:flex;align-items:center}.commentBubble .bubbleHeader{display:flex;justify-content:space-between}.commentName{color:black;font-size:10pt}.commentContext{color:gray;font-size:10pt}.commentBubble .bubbleFooter{display:flex;padding:0 10px;font-size:9pt;color:#757575}.comment-date{margin-left:auto}.editing-sub-text{margin-top:5px;font-size:9pt;color:#757575}.flex-right-align{margin-left:auto}.cancel-edit-container{position:relative;width:100%;display:flex;justify-content:end}.cancel-edit-button{color:whitesmoke;background-color:#aaaaaa;border-radius:10px;height:20px;width:20px;text-align:center;position:absolute;margin-top:11px;margin-right:18px}.clickable,.clickable>*{cursor:pointer}.deleted-comment{background:white !important;color:gray;border:1px solid lightgray}.commentDivider{border:none;border-top:1px solid #ccc;margin:10px 0}.errorBubble{position:relative;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}.errorBubble:not(.visible){display:none}.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}.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}.comment-textarea{resize:vertical;height:var(--textarea-max-height, 90px);width:100%;padding:10px 35px 10px 12px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;font-size:14px;line-height:1.4;font-family:"Roboto", sans-serif}.no-comments{display:flex;flex-direction:row;align-items:center;justify-content:start;color:#757575;font-size:14px;gap:4px;font-family:"Roboto", sans-serif;margin-top:20px}.mt-s{margin-top:4px}.bubble-header-inner{display:flex}.unread-symbol{margin-left:5px}.unread-comment-divider{display:flex;margin:10px 0}.unread-comments-text{font-size:10pt;margin:0px 10px;white-space:nowrap;color:#757575}.unread-comment-divider-line{border:none;border-top:1px solid #ccc;width:100%}';export{a as tttx_comments_1_9_63}

package/dist/tttx/tttx.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-2b0fc913.js";export{s as setNonce}from"./p-2b0fc913.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-1814eb61",[[1,"tttx-data-pattern_1_9_61",{data:[1],sorterOptions:[1,"sorter-options"],filterOptions:[1,"filter-options"],filterHeader:[1,"filter-header"],defaultSortOption:[1,"default-sort-option"],searchplaceholder:[1],addbuttonlabel:[1],addbutton:[4]}]]],["p-d62c8ed2",[[1,"tttx-form_1_9_61",{formschema:[1025],data:[1032],submit:[64],showLoadingSpinner:[64],setSelectedItem:[64],setSelectOptions:[64],isValid:[64],setValidationFor:[64],clearValidationFor:[64],disableFormField:[64],enableFormField:[64],setInputFieldValue:[64],setFieldReadOnlyMode:[64]}]]],["p-24eef142",[[1,"tttx-multiselect-box_1_9_61",{optionsData:[1,"options-data"],label:[1],inline:[4],placeholder:[1],searchEnabled:[4,"search-enabled"],htmlVisibleValue:[4,"html-visible-value"],visibleValue:[1,"visible-value"],isLoading:[4,"is-loading"],stopLocalSearch:[4,"stop-local-search"],readOnly:[4,"read-only"],priorityLabel:[1,"priority-label"],nonPriorityLabel:[1,"non-priority-label"],open:[32],unsavedSelectedItems:[32],searchTerm:[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["p-a1ba99fb",[[1,"tttx-datacard_1_9_61",{cardTitle:[1,"card-title"],leftData:[1,"left-data"],rightData:[1,"right-data"],rightSubtext:[1,"right-subtext"],iconStyle:[1,"icon-style"],cardType:[1,"card-type"],chartConfig:[1,"chart-config"],_chartConfig:[32],chartRender:[32]}]]],["p-f1e945ba",[[1,"tttx-dialog-box_1_9_61",{data:[1025],size:[1],open:[1028],allowOverflow:[4,"allow-overflow"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-7bfa4e1e",[[1,"tttx-dialog_1_9_61",{header:[1],type:[1],size:[1],open:[4],allowOverflow:[4,"allow-overflow"],closeEnabled:[4,"close-enabled"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-7c7e8951",[[1,"tttx-tree-view_1_9_61",{data:[1040],treeData:[32]}]]],["p-e84965f0",[[1,"tttx-action-dropdown_1_9_61",{actionKey:[1,"action-key"],icon:[1],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],isIconVisible:[4,"is-icon-visible"],selectedField:[32],dropdownExpand:[32],dropdownOptions:[32]},[[0,"closeActionDropdown","handleCloseActionDropdown"]]]]],["p-218f3309",[[0,"tttx-checkbox_1_9_61",{checkboxId:[1,"checkbox-id"],label:[1],inline:[4],indeterminate:[4],checked:[4]}]]],["p-f57792f7",[[1,"tttx-comments_1_9_61",{currentuser:[1],comments:[1],disableFile:[4,"disable-file"],messageLimit:[2,"message-limit"],inputBoxHeight:[2,"input-box-height"],placeholder:[1],saveButtonText:[1,"save-button-text"],value:[1],allowEditing:[4,"allow-editing"],readonly:[4],_comments:[32],showError:[32],_saveButtonText:[32],editingComment:[32],addDummyComment:[64]}]]],["p-8be90d8a",[[1,"tttx-date-range-picker",{initialValue:[16],placeholderText:[1,"placeholder-text"],showCalendar:[32],startDate:[32],endDate:[32],currentMonth:[32],currentYear:[32],isSelecting:[32],hoverDate:[32]}]]],["p-19294325",[[1,"tttx-expander_1_9_61",{name:[1],open:[4],lefticon:[1],lefticoncolor:[1],isExpanded:[32]}]]],["p-54060e46",[[2,"tttx-tabs_1_9_61",{tabsName:[1,"tabs-name"],navigation:[4],wide:[4],tabs:[1],_tabs:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-477b66de",[[4,"tttx-checkbox-group-caption_1_9_61"]]],["p-a474dc05",[[4,"tttx-checkbox-group-heading_1_9_61"]]],["p-cb3b393b",[[1,"tttx-checkbox-group_1_9_61"]]],["p-61af5028",[[1,"tttx-keyvalue-block_1_9_61",{keyvalues:[1],horizontal:[4],spacedout:[4],_elements:[32]}]]],["p-b44ddcb7",[[2,"tttx-percentage-bar_1_9_61",{percentage:[8],thresholds:[1],color:[1],min:[1],labelid:[1],_percentage:[32],_ranges:[32],_min:[32]}]]],["p-bc8c1d08",[[1,"tttx-qrcode_1_9_61",{link:[1025],size:[1026]}]]],["p-acb9e007",[[1,"tttx-skeleton_loader_1_9_61",{width:[1],height:[1],borderRadius:[1,"border-radius"],color:[1],variant:[1],animation:[1],count:[2],direction:[1],gap:[1],customClass:[1,"custom-class"]}]]],["p-5f35edd8",[[1,"tttx-table_1_9_61",{headers:[16],data:[8],selectable:[4],loading:[4],selected:[2],draggableHeaders:[4,"draggable-headers"],draggedHeaderIndex:[32]}]]],["p-2636cba4",[[2,"tttx-textarea_1_9_61",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],rows:[2],textareaautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],disabled:[4],maxlength:[8],name:[1],placeholder:[1],readonly:[8],required:[4],value:[1032]}]]],["p-a800aa5d",[[1,"tttx-toggle_1_9_61",{initialstate:[8],_state:[32]}]]],["p-edf27c73",[[1,"tttx-tag_1_9_61",{text:[1],color:[1],textColor:[1,"text-color"],hasIcon:[4,"has-icon"],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"]}],[1,"tttx-loading-spinner_1_9_61",{loadingMessage:[4,"loading-message"],size:[1],color:[1],message:[1],customMessageSchema:[16],timeElapsed:[32]}],[2,"tttx-standalone-input_1_9_61",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-13d3d63c",[[1,"tttx-select-box_1_9_61",{optionsData:[1,"options-data"],label:[1],inline:[4],placeholder:[1],searchEnabled:[4,"search-enabled"],selectedValue:[1,"selected-value"],useExternalFiltering:[4,"use-external-filtering"],useExternalPaginatedFiltering:[4,"use-external-paginated-filtering"],isAllExternalDataLoaded:[4,"is-all-external-data-loaded"],isLoading:[4,"is-loading"],readOnly:[4,"read-only"],priorityLabel:[1,"priority-label"],nonPriorityLabel:[1,"non-priority-label"],clearable:[4],showErrorMsg:[4,"show-error-msg"],showErrorBubble:[4,"show-error-bubble"],errorMsg:[1,"error-msg"],open:[32],selectedItem:[32],searchTerm:[32],loadingNextExternalPage:[32],setSelectedItem:[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["p-bbecd0d9",[[1,"tttx-graph_1_9_61",{chartType:[1,"chart-type"],chartData:[1,"chart-data"],chartText:[1,"chart-text"],chartConfig:[32],formattedData:[32]}]]],["p-b4b5e1e1",[[1,"tttx-icon_1_9_61",{icon:[1],color:[1],size:[1026]}]]],["p-67f75171",[[1,"tttx-filter_1_9_61",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],defaultFilterOptions:[1,"default-filter-options"],popoverWidth:[1,"popover-width"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]},[[0,"closeFilter","handleCloseFilter"]]],[1,"tttx-list_1_9_61",{data:[1025],name:[1],_data:[32]}],[1,"tttx-sorter_1_9_61",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]},[[0,"closeSorter","handleCloseSorter"]]],[1,"tttx-toolbar_1_9_61",{border:[4],viewSize:[32]},[[9,"resize","handleResize"]]]]],["p-972b7449",[[1,"tttx-button_1_9_61",{notext:[4],icon:[1],iconposition:[1],iconcolor:[1025],design:[1]}]]]],e)));
+import{p as e,b as t}from"./p-2b0fc913.js";export{s as setNonce}from"./p-2b0fc913.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-1814eb61",[[1,"tttx-data-pattern_1_9_63",{data:[1],sorterOptions:[1,"sorter-options"],filterOptions:[1,"filter-options"],filterHeader:[1,"filter-header"],defaultSortOption:[1,"default-sort-option"],searchplaceholder:[1],addbuttonlabel:[1],addbutton:[4]}]]],["p-d62c8ed2",[[1,"tttx-form_1_9_63",{formschema:[1025],data:[1032],submit:[64],showLoadingSpinner:[64],setSelectedItem:[64],setSelectOptions:[64],isValid:[64],setValidationFor:[64],clearValidationFor:[64],disableFormField:[64],enableFormField:[64],setInputFieldValue:[64],setFieldReadOnlyMode:[64]}]]],["p-24eef142",[[1,"tttx-multiselect-box_1_9_63",{optionsData:[1,"options-data"],label:[1],inline:[4],placeholder:[1],searchEnabled:[4,"search-enabled"],htmlVisibleValue:[4,"html-visible-value"],visibleValue:[1,"visible-value"],isLoading:[4,"is-loading"],stopLocalSearch:[4,"stop-local-search"],readOnly:[4,"read-only"],priorityLabel:[1,"priority-label"],nonPriorityLabel:[1,"non-priority-label"],open:[32],unsavedSelectedItems:[32],searchTerm:[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["p-a7527509",[[1,"tttx-chart_1_9_63",{chartType:[1,"chart-type"],chartData:[16],chartOptions:[16],loading:[4],error:[4],fallbackText:[1,"fallback-text"],width:[1],height:[1],exportable:[32],chartInstance:[32],showPngSvgExport:[32]}]]],["p-a1ba99fb",[[1,"tttx-datacard_1_9_63",{cardTitle:[1,"card-title"],leftData:[1,"left-data"],rightData:[1,"right-data"],rightSubtext:[1,"right-subtext"],iconStyle:[1,"icon-style"],cardType:[1,"card-type"],chartConfig:[1,"chart-config"],_chartConfig:[32],chartRender:[32]}]]],["p-f1e945ba",[[1,"tttx-dialog-box_1_9_63",{data:[1025],size:[1],open:[1028],allowOverflow:[4,"allow-overflow"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-7bfa4e1e",[[1,"tttx-dialog_1_9_63",{header:[1],type:[1],size:[1],open:[4],allowOverflow:[4,"allow-overflow"],closeEnabled:[4,"close-enabled"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-7c7e8951",[[1,"tttx-tree-view_1_9_63",{data:[1040],treeData:[32]}]]],["p-e84965f0",[[1,"tttx-action-dropdown_1_9_63",{actionKey:[1,"action-key"],icon:[1],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],isIconVisible:[4,"is-icon-visible"],selectedField:[32],dropdownExpand:[32],dropdownOptions:[32]},[[0,"closeActionDropdown","handleCloseActionDropdown"]]]]],["p-218f3309",[[0,"tttx-checkbox_1_9_63",{checkboxId:[1,"checkbox-id"],label:[1],inline:[4],indeterminate:[4],checked:[4]}]]],["p-fac3056d",[[1,"tttx-comments_1_9_63",{currentuser:[1],comments:[1],disableFile:[4,"disable-file"],messageLimit:[2,"message-limit"],inputBoxHeight:[2,"input-box-height"],placeholder:[1],saveButtonText:[1,"save-button-text"],value:[1],allowEditing:[4,"allow-editing"],readonly:[4],_comments:[32],showError:[32],_saveButtonText:[32],editingComment:[32],addDummyComment:[64]}]]],["p-8be90d8a",[[1,"tttx-date-range-picker",{initialValue:[16],placeholderText:[1,"placeholder-text"],showCalendar:[32],startDate:[32],endDate:[32],currentMonth:[32],currentYear:[32],isSelecting:[32],hoverDate:[32]}]]],["p-19294325",[[1,"tttx-expander_1_9_63",{name:[1],open:[4],lefticon:[1],lefticoncolor:[1],isExpanded:[32]}]]],["p-54060e46",[[2,"tttx-tabs_1_9_63",{tabsName:[1,"tabs-name"],navigation:[4],wide:[4],tabs:[1],_tabs:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-477b66de",[[4,"tttx-checkbox-group-caption_1_9_63"]]],["p-a474dc05",[[4,"tttx-checkbox-group-heading_1_9_63"]]],["p-cb3b393b",[[1,"tttx-checkbox-group_1_9_63"]]],["p-61af5028",[[1,"tttx-keyvalue-block_1_9_63",{keyvalues:[1],horizontal:[4],spacedout:[4],_elements:[32]}]]],["p-b44ddcb7",[[2,"tttx-percentage-bar_1_9_63",{percentage:[8],thresholds:[1],color:[1],min:[1],labelid:[1],_percentage:[32],_ranges:[32],_min:[32]}]]],["p-bc8c1d08",[[1,"tttx-qrcode_1_9_63",{link:[1025],size:[1026]}]]],["p-acb9e007",[[1,"tttx-skeleton_loader_1_9_63",{width:[1],height:[1],borderRadius:[1,"border-radius"],color:[1],variant:[1],animation:[1],count:[2],direction:[1],gap:[1],customClass:[1,"custom-class"]}]]],["p-5f35edd8",[[1,"tttx-table_1_9_63",{headers:[16],data:[8],selectable:[4],loading:[4],selected:[2],draggableHeaders:[4,"draggable-headers"],draggedHeaderIndex:[32]}]]],["p-2636cba4",[[2,"tttx-textarea_1_9_63",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],rows:[2],textareaautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],disabled:[4],maxlength:[8],name:[1],placeholder:[1],readonly:[8],required:[4],value:[1032]}]]],["p-a800aa5d",[[1,"tttx-toggle_1_9_63",{initialstate:[8],_state:[32]}]]],["p-edf27c73",[[1,"tttx-tag_1_9_63",{text:[1],color:[1],textColor:[1,"text-color"],hasIcon:[4,"has-icon"],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"]}],[2,"tttx-standalone-input_1_9_63",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}],[1,"tttx-loading-spinner_1_9_63",{loadingMessage:[4,"loading-message"],size:[1],color:[1],message:[1],customMessageSchema:[16],timeElapsed:[32]}]]],["p-13d3d63c",[[1,"tttx-select-box_1_9_63",{optionsData:[1,"options-data"],label:[1],inline:[4],placeholder:[1],searchEnabled:[4,"search-enabled"],selectedValue:[1,"selected-value"],useExternalFiltering:[4,"use-external-filtering"],useExternalPaginatedFiltering:[4,"use-external-paginated-filtering"],isAllExternalDataLoaded:[4,"is-all-external-data-loaded"],isLoading:[4,"is-loading"],readOnly:[4,"read-only"],priorityLabel:[1,"priority-label"],nonPriorityLabel:[1,"non-priority-label"],clearable:[4],showErrorMsg:[4,"show-error-msg"],showErrorBubble:[4,"show-error-bubble"],errorMsg:[1,"error-msg"],open:[32],selectedItem:[32],searchTerm:[32],loadingNextExternalPage:[32],setSelectedItem:[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["p-c9e7d9fa",[[1,"tttx-graph_1_9_63",{chartType:[1,"chart-type"],chartData:[1,"chart-data"],chartText:[1,"chart-text"],chartConfig:[32],formattedData:[32]}]]],["p-b4b5e1e1",[[1,"tttx-icon_1_9_63",{icon:[1],color:[1],size:[1026]}]]],["p-67f75171",[[1,"tttx-filter_1_9_63",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],defaultFilterOptions:[1,"default-filter-options"],popoverWidth:[1,"popover-width"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]},[[0,"closeFilter","handleCloseFilter"]]],[1,"tttx-list_1_9_63",{data:[1025],name:[1],_data:[32]}],[1,"tttx-sorter_1_9_63",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]},[[0,"closeSorter","handleCloseSorter"]]],[1,"tttx-toolbar_1_9_63",{border:[4],viewSize:[32]},[[9,"resize","handleResize"]]]]],["p-972b7449",[[1,"tttx-button_1_9_63",{notext:[4],icon:[1],iconposition:[1],iconcolor:[1025],design:[1]}]]]],e)));

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

@@ -0,0 +1,42 @@
+import Chart from 'chart.js/auto';
+import type { ChartType, ChartData, ChartOptions } from 'chart.js';
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class TttxChart {
+  el: HTMLElement;
+  chartType: 'line' | 'doughnut' | 'semi-gauge';
+  chartData: ChartData;
+  chartOptions?: ChartOptions;
+  loading?: boolean;
+  error?: boolean;
+  fallbackText?: string;
+  width: string;
+  height: string;
+  exportable: boolean;
+  chartInstance: Chart;
+  showPngSvgExport: boolean;
+  canvasEl: HTMLCanvasElement;
+  exportCSV: EventEmitter<{
+    name: string;
+  }>;
+  handleUpdate(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  renderChart(): void;
+  destroyChart(): void;
+  getChartJsType(): ChartType;
+  getBaseOptions(): ChartOptions;
+  getLineChartConfig(): ChartOptions;
+  getDoughnutChartConfig(): ChartOptions;
+  getCenterTextPlugin(value: string): {
+    id: string;
+    afterDatasetsDraw: (chart: any) => void;
+  };
+  getSemiGaugeChartConfig(): ChartOptions;
+  merge(target: any, source: any): any;
+  getChartOptions(): ChartOptions;
+  exportChart(format: 'png' | 'svg'): void;
+  getErrorContent(): any;
+  getNoDataContent(): any;
+  commonContent(iconName: string, heading: string, message: string, iconColor: string, showActions?: boolean): any;
+  render(): any;
+}

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

@@ -0,0 +1,11 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    layout: string;
+  };
+};
+export default _default;
+export declare const LineChart: any;
+export declare const DonutChart: any;
+export declare const SemiGaugeChart: any;

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

@@ -27,7 +27,7 @@ export declare class TttxSelectBox {
   private dropdownSelector;
   private bodyOffset;
   private searchFilterTimeout;
-  el: HTMLTttxSelectBox_1_9_61Element;
+  el: HTMLTttxSelectBox_1_9_63Element;
   componentWillLoad(): Promise<void>;
   setOptionsData(): Promise<void>;
   updateAllLoadedBool(): void;

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts

@@ -30,9 +30,9 @@ export declare class TttxInput {
   /**
    * tabindex - Allows the HTML elements to be focusable
    * @example <caption>In HTML (like `index.html`)</caption>
-   * <tttx-standalone-input_1_9_61 input-index="1" />
+   * <tttx-standalone-input_1_9_63 input-index="1" />
    * @example <caption>In TSX files</caption>
-   * <tttx-standalone-input_1_9_61 inputindex={1} />
+   * <tttx-standalone-input_1_9_63 inputindex={1} />
    */
   inputindex: string | number;
   inputtitle: string;

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

@@ -17,9 +17,9 @@ export declare class TttxTextarea {
   /**
    * tabindex - Allows the HTML elements to be focusable
    * @example <caption>In HTML (like `index.html`)</caption>
-   * <tttx-textarea_1_9_61 input-index="1" />
+   * <tttx-textarea_1_9_63 input-index="1" />
    * @example <caption>In TSX files</caption>
-   * <tttx-textarea_1_9_61 inputindex={1} />
+   * <tttx-textarea_1_9_63 inputindex={1} />
    */
   inputindex: string | number;
   inputtitle: string;