npm - @3t-transform/threeteeui - Versions diffs - 1.9.74 → 1.9.75 - Mend

@3t-transform/threeteeui 1.9.74 → 1.9.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (301) hide show

package/dist/tttx/p-f30833e3.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as n,c as o,H as e}from"./p-5c9beaf9.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_74",{class:"input-icon",icon:this.inputicon,color:this.inputiconcolor,onClick:this.handleInputIconClick.bind(this)}),this.iconleft&&n("tttx-icon_1_9_74",{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_74",{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_74{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_74{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}label.sc-tttx-standalone-input_1_9_74{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_74 .optional.sc-tttx-standalone-input_1_9_74{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74{position:relative}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 .left-icons.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 .right-icons.sc-tttx-standalone-input_1_9_74{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 .left-icons.sc-tttx-standalone-input_1_9_74 tttx-icon.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 .right-icons.sc-tttx-standalone-input_1_9_74 tttx-icon.sc-tttx-standalone-input_1_9_74{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 .left-icons.sc-tttx-standalone-input_1_9_74{left:8px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 .right-icons.sc-tttx-standalone-input_1_9_74{right:8px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.sc-tttx-standalone-input_1_9_74{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_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.has-input-icon.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.has-input-icon.sc-tttx-standalone-input_1_9_74{padding-left:40px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_74{padding-left:72px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.has-left-icon.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.has-left-icon.sc-tttx-standalone-input_1_9_74{padding-left:40px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.has-right-icon.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.has-right-icon.sc-tttx-standalone-input_1_9_74{padding-right:40px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.invalid.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.invalid.sc-tttx-standalone-input_1_9_74{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.sc-tttx-standalone-input_1_9_74:not([type=submit]),label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.sc-tttx-standalone-input_1_9_74: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_74 .outer-container.sc-tttx-standalone-input_1_9_74 input[type=radio].sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea[type=radio].sc-tttx-standalone-input_1_9_74{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input[type=date].sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea[type=date].sc-tttx-standalone-input_1_9_74{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input[readonly].sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea[readonly].sc-tttx-standalone-input_1_9_74{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.sc-tttx-standalone-input_1_9_74:focus,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.sc-tttx-standalone-input_1_9_74:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 input.sc-tttx-standalone-input_1_9_74:focus-visible,label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.sc-tttx-standalone-input_1_9_74:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.sc-tttx-standalone-input_1_9_74{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_74 .outer-container.sc-tttx-standalone-input_1_9_74 textarea.resize-none.sc-tttx-standalone-input_1_9_74{resize:none}label.sc-tttx-standalone-input_1_9_74 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_74{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_74 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_74 .left-icons.sc-tttx-standalone-input_1_9_74,label.sc-tttx-standalone-input_1_9_74 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_74 .right-icons.sc-tttx-standalone-input_1_9_74{margin-top:4px}label.sc-tttx-standalone-input_1_9_74 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_74{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_74 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_74{display:block}label.sc-tttx-standalone-input_1_9_74 .outer-container.inputInline.sc-tttx-standalone-input_1_9_74{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_74 .outer-container.inputInline.sc-tttx-standalone-input_1_9_74 input.sc-tttx-standalone-input_1_9_74{margin-top:0}label.sc-tttx-standalone-input_1_9_74 .secondarylabel.sc-tttx-standalone-input_1_9_74{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_74 .errorBubble.sc-tttx-standalone-input_1_9_74{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_74 .errorBubble.sc-tttx-standalone-input_1_9_74:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_74 .errorBubble.sc-tttx-standalone-input_1_9_74 span.sc-tttx-standalone-input_1_9_74{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_74{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_74-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_74",{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_74,l as tttx_standalone_input_1_9_74,i as tttx_tag_1_9_74}
1	+ import{r as t,h as n,c as o,H as e}from"./p-5c9beaf9.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_75",{class:"input-icon",icon:this.inputicon,color:this.inputiconcolor,onClick:this.handleInputIconClick.bind(this)}),this.iconleft&&n("tttx-icon_1_9_75",{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_75",{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_75{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_75{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}label.sc-tttx-standalone-input_1_9_75{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_75 .optional.sc-tttx-standalone-input_1_9_75{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75{position:relative}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75 tttx-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75 tttx-icon.sc-tttx-standalone-input_1_9_75{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75{left:8px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75{right:8px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75{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_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-input-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-input-icon.sc-tttx-standalone-input_1_9_75{padding-left:40px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_75{padding-left:72px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-left-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-left-icon.sc-tttx-standalone-input_1_9_75{padding-left:40px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-right-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-right-icon.sc-tttx-standalone-input_1_9_75{padding-right:40px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.invalid.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.invalid.sc-tttx-standalone-input_1_9_75{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75:not([type=submit]),label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75: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_75 .outer-container.sc-tttx-standalone-input_1_9_75 input[type=radio].sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea[type=radio].sc-tttx-standalone-input_1_9_75{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input[type=date].sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea[type=date].sc-tttx-standalone-input_1_9_75{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input[readonly].sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea[readonly].sc-tttx-standalone-input_1_9_75{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75:focus,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75:focus-visible,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.resize-none.sc-tttx-standalone-input_1_9_75{resize:none}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_75{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75{margin-top:4px}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_75{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_75{display:block}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputInline.sc-tttx-standalone-input_1_9_75{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputInline.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75{margin-top:0}label.sc-tttx-standalone-input_1_9_75 .secondarylabel.sc-tttx-standalone-input_1_9_75{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_75 .errorBubble.sc-tttx-standalone-input_1_9_75{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_75 .errorBubble.sc-tttx-standalone-input_1_9_75:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_75 .errorBubble.sc-tttx-standalone-input_1_9_75 span.sc-tttx-standalone-input_1_9_75{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_75{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_75-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_75",{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_75,l as tttx_standalone_input_1_9_75,i as tttx_tag_1_9_75}

package/dist/tttx/p-f69b4685.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,h as i,F as n,H as o}from"./p-5c9beaf9.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_74",{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_74",{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_74",{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_74",{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_74}
1	+ import{r as t,c as e,h as i,F as n,H as o}from"./p-5c9beaf9.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_75",{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_75",{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_75",{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_75",{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_75}

package/dist/tttx/p-ff7edd81.entry.js CHANGED Viewed

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

package/dist/tttx/tttx.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,b as t}from"./p-5c9beaf9.js";export{s as setNonce}from"./p-5c9beaf9.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-a2979a57",[[1,"tttx-data-~~pattern_1_9_74~~",{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-a50d9105",[[1,"tttx-~~form_1_9_74~~",{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-a8526f90",[[1,"tttx-multiselect-~~box_1_9_74~~",{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-620b18f6",[[1,"tttx-~~chart_1_9_74~~",{chartType:[1,"chart-type"],chartData:[16],chartOptions:[16],loading:[4],error:[4],fallbackText:[1,"fallback-text"],width:[1],height:[1],isYAxisPercentageValues:[4,"is-y-axis-percentage-values"],exportable:[32],chartInstance:[32],showPngSvgExport:[32]}]]],["p-5765b7da",[[1,"tttx-~~datacard_1_9_74~~",{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-ca58259a",[[1,"tttx-dialog-~~box_1_9_74~~",{data:[1025],size:[1],open:[1028],allowOverflow:[4,"allow-overflow"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-5b7c20ff",[[1,"tttx-~~dialog_1_9_74~~",{header:[1],type:[1],size:[1],open:[4],allowOverflow:[4,"allow-overflow"],closeEnabled:[4,"close-enabled"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-~~0e1e86bc~~",[[1,"tttx-tree-~~view_1_9_74~~",{data:[1040],treeData:[32]}]]],["p-969a4944",[[1,"tttx-action-~~dropdown_1_9_74~~",{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-8beccdc9",[[1,"tttx-button-~~v2_1_9_74~~",{notext:[4],icon:[1],label:[1],iconcolor:[1025],iconposition:[1],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],design:[1],disabled:[516],type:[1],href:[1],options:[1],size:[1],dropdownOpen:[32],dropdownDirection:[32]},[[4,"click","handleClickOutside"]]]]],["p-b97e0e3c",[[0,"tttx-~~checkbox_1_9_74~~",{checkboxId:[1,"checkbox-id"],label:[1],inline:[4],indeterminate:[4],checked:[4]}]]],["p-f69b4685",[[1,"tttx-~~comments_1_9_74~~",{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-36edf716",[[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-5e14d6aa",[[1,"tttx-~~expander_1_9_74~~",{name:[1],open:[4],lefticon:[1],lefticoncolor:[1],isExpanded:[32]}]]],["p-b1a24af0",[[2,"tttx-~~tabs_1_9_74~~",{tabsName:[1,"tabs-name"],navigation:[4],wide:[4],tabs:[1],_tabs:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-384f7c70",[[1,"tttx-tag-~~v2_1_9_74~~",{text:[1],color:[1],textColor:[1,"text-color"],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],iconSize:[2,"icon-size"],state:[1],size:[1],variant:[1],hasStartIcon:[4,"has-start-icon"],hasEndIcon:[4,"has-end-icon"]}]]],["p-b2a0053a",[[4,"tttx-checkbox-group-~~caption_1_9_74~~"]]],["p-789defe0",[[4,"tttx-checkbox-group-~~heading_1_9_74~~"]]],["p-ff7edd81",[[1,"tttx-checkbox-~~group_1_9_74~~"]]],["p-32cf4137",[[1,"tttx-keyvalue-~~block_1_9_74~~",{keyvalues:[1],horizontal:[4],spacedout:[4],_elements:[32]}]]],["p-1f75b5d3",[[2,"tttx-percentage-~~bar_1_9_74~~",{percentage:[8],thresholds:[1],color:[1],min:[1],labelid:[1],_percentage:[32],_ranges:[32],_min:[32]}]]],["p-ee41fe8f",[[1,"tttx-~~qrcode_1_9_74~~",{link:[1025],size:[1026]}]]],["p-b69ae246",[[1,"tttx-range-~~slider_1_9_74~~",{minimum:[2],maximum:[2],sliderMode:[1,"slider-mode"],showFields:[4,"show-fields"],lowerValue:[32],upperValue:[32]},[[0,"setSliderValues","onSetSliderValues"]]]]],["p-b4fe2853",[[1,"tttx-~~skeleton_loader_1_9_74~~",{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-13272658",[[1,"tttx-~~table_1_9_74~~",{headers:[16],data:[8],selectable:[4],loading:[4],selected:[2],draggableHeaders:[4,"draggable-headers"],draggedHeaderIndex:[32]}]]],["p-47fadd24",[[2,"tttx-~~textarea_1_9_74~~",{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-c33f9022",[[1,"tttx-~~toggle_1_9_74~~",{initialstate:[8],_state:[32]}]]],["p-71bb2f21",[[1,"tttx-~~tooltip_1_9_74~~",{text:[1],placement:[1],trigger:[16],delay:[2],disabled:[4],ariaLabel:[1,"aria-label"],visible:[32]}]]],["p-4c63f7da",[[1,"tttx-select-~~box_1_9_74~~",{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-66340f2f",[[1,"tttx-~~graph_1_9_74~~",{chartType:[1,"chart-type"],chartData:[1,"chart-data"],chartText:[1,"chart-text"],chartConfig:[32],formattedData:[32]}]]],["p-4ddf7946",[[1,"tttx-~~icon_1_9_74~~",{icon:[1],color:[1],size:[1026]}]]],["p-86cdb616",[[1,"tttx-~~filter_1_9_74~~",{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_74~~",{data:[1025],name:[1],_data:[32]}],[1,"tttx-~~sorter_1_9_74~~",{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_74~~",{border:[4],viewSize:[32]},[[9,"resize","handleResize"]]]]],["p-74a8c484",[[1,"tttx-~~button_1_9_74~~",{notext:[4],icon:[1],iconposition:[1],iconcolor:[1025],design:[1]}]]],["p-f30833e3",[[1,"tttx-~~tag_1_9_74~~",{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_74~~",{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_74~~",{loadingMessage:[4,"loading-message"],size:[1],color:[1],message:[1],customMessageSchema:[16],timeElapsed:[32]}]]]],e)));
1	+ import{p as e,b as t}from"./p-5c9beaf9.js";export{s as setNonce}from"./p-5c9beaf9.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-a2979a57",[[1,"tttx-data-pattern_1_9_75",{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-a50d9105",[[1,"tttx-form_1_9_75",{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-a8526f90",[[1,"tttx-multiselect-box_1_9_75",{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-620b18f6",[[1,"tttx-chart_1_9_75",{chartType:[1,"chart-type"],chartData:[16],chartOptions:[16],loading:[4],error:[4],fallbackText:[1,"fallback-text"],width:[1],height:[1],isYAxisPercentageValues:[4,"is-y-axis-percentage-values"],exportable:[32],chartInstance:[32],showPngSvgExport:[32]}]]],["p-5765b7da",[[1,"tttx-datacard_1_9_75",{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-ca58259a",[[1,"tttx-dialog-box_1_9_75",{data:[1025],size:[1],open:[1028],allowOverflow:[4,"allow-overflow"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-5b7c20ff",[[1,"tttx-dialog_1_9_75",{header:[1],type:[1],size:[1],open:[4],allowOverflow:[4,"allow-overflow"],closeEnabled:[4,"close-enabled"],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-35c34e4a",[[1,"tttx-tree-view_1_9_75",{data:[1040],treeData:[32]}]]],["p-969a4944",[[1,"tttx-action-dropdown_1_9_75",{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-8beccdc9",[[1,"tttx-button-v2_1_9_75",{notext:[4],icon:[1],label:[1],iconcolor:[1025],iconposition:[1],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],design:[1],disabled:[516],type:[1],href:[1],options:[1],size:[1],dropdownOpen:[32],dropdownDirection:[32]},[[4,"click","handleClickOutside"]]]]],["p-b97e0e3c",[[0,"tttx-checkbox_1_9_75",{checkboxId:[1,"checkbox-id"],label:[1],inline:[4],indeterminate:[4],checked:[4]}]]],["p-f69b4685",[[1,"tttx-comments_1_9_75",{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-36edf716",[[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-5e14d6aa",[[1,"tttx-expander_1_9_75",{name:[1],open:[4],lefticon:[1],lefticoncolor:[1],isExpanded:[32]}]]],["p-b1a24af0",[[2,"tttx-tabs_1_9_75",{tabsName:[1,"tabs-name"],navigation:[4],wide:[4],tabs:[1],_tabs:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-384f7c70",[[1,"tttx-tag-v2_1_9_75",{text:[1],color:[1],textColor:[1,"text-color"],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],iconSize:[2,"icon-size"],state:[1],size:[1],variant:[1],hasStartIcon:[4,"has-start-icon"],hasEndIcon:[4,"has-end-icon"]}]]],["p-b2a0053a",[[4,"tttx-checkbox-group-caption_1_9_75"]]],["p-789defe0",[[4,"tttx-checkbox-group-heading_1_9_75"]]],["p-ff7edd81",[[1,"tttx-checkbox-group_1_9_75"]]],["p-32cf4137",[[1,"tttx-keyvalue-block_1_9_75",{keyvalues:[1],horizontal:[4],spacedout:[4],_elements:[32]}]]],["p-1f75b5d3",[[2,"tttx-percentage-bar_1_9_75",{percentage:[8],thresholds:[1],color:[1],min:[1],labelid:[1],_percentage:[32],_ranges:[32],_min:[32]}]]],["p-ee41fe8f",[[1,"tttx-qrcode_1_9_75",{link:[1025],size:[1026]}]]],["p-b69ae246",[[1,"tttx-range-slider_1_9_75",{minimum:[2],maximum:[2],sliderMode:[1,"slider-mode"],showFields:[4,"show-fields"],lowerValue:[32],upperValue:[32]},[[0,"setSliderValues","onSetSliderValues"]]]]],["p-b4fe2853",[[1,"tttx-skeleton_loader_1_9_75",{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-13272658",[[1,"tttx-table_1_9_75",{headers:[16],data:[8],selectable:[4],loading:[4],selected:[2],draggableHeaders:[4,"draggable-headers"],draggedHeaderIndex:[32]}]]],["p-47fadd24",[[2,"tttx-textarea_1_9_75",{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-c33f9022",[[1,"tttx-toggle_1_9_75",{initialstate:[8],_state:[32]}]]],["p-71bb2f21",[[1,"tttx-tooltip_1_9_75",{text:[1],placement:[1],trigger:[16],delay:[2],disabled:[4],ariaLabel:[1,"aria-label"],visible:[32]}]]],["p-4c63f7da",[[1,"tttx-select-box_1_9_75",{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-66340f2f",[[1,"tttx-graph_1_9_75",{chartType:[1,"chart-type"],chartData:[1,"chart-data"],chartText:[1,"chart-text"],chartConfig:[32],formattedData:[32]}]]],["p-4ddf7946",[[1,"tttx-icon_1_9_75",{icon:[1],color:[1],size:[1026]}]]],["p-86cdb616",[[1,"tttx-filter_1_9_75",{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_75",{data:[1025],name:[1],_data:[32]}],[1,"tttx-sorter_1_9_75",{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_75",{border:[4],viewSize:[32]},[[9,"resize","handleResize"]]]]],["p-74a8c484",[[1,"tttx-button_1_9_75",{notext:[4],icon:[1],iconposition:[1],iconcolor:[1025],design:[1]}]]],["p-f30833e3",[[1,"tttx-tag_1_9_75",{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_75",{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_75",{loadingMessage:[4,"loading-message"],size:[1],color:[1],message:[1],customMessageSchema:[16],timeElapsed:[32]}]]]],e)));

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

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

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

@@ -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_74 input-index="1" />
+   * <tttx-standalone-input_1_9_75 input-index="1" />
    * @example <caption>In TSX files</caption>
-   * <tttx-standalone-input_1_9_74 inputindex={1} />
+   * <tttx-standalone-input_1_9_75 inputindex={1} />
    */
   inputindex: string | number;
   inputtitle: string;

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

@@ -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_74 input-index="1" />
+   * <tttx-textarea_1_9_75 input-index="1" />
    * @example <caption>In TSX files</caption>
-   * <tttx-textarea_1_9_74 inputindex={1} />
+   * <tttx-textarea_1_9_75 inputindex={1} />
    */
   inputindex: string | number;
   inputtitle: string;