npm - @3t-transform/threeteeui - Versions diffs - 1.8.4 → 1.8.6 - Mend

@3t-transform/threeteeui 1.8.4 → 1.8.6

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 (248) hide show

package/dist/components/tttx-standalone-input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './tttx-icon.js';
-const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_8_4{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_8_4 .optional.sc-tttx-standalone-input_1_8_4{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4{position:relative}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4 tttx-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4 tttx-icon.sc-tttx-standalone-input_1_8_4{height:24px;width:24px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4{left:8px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4{right:8px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4{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_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-input-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-input-icon.sc-tttx-standalone-input_1_8_4{padding-left:40px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_4{padding-left:72px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-left-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-left-icon.sc-tttx-standalone-input_1_8_4{padding-left:40px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-right-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-right-icon.sc-tttx-standalone-input_1_8_4{padding-right:40px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.invalid.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.invalid.sc-tttx-standalone-input_1_8_4{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4:not([type=submit]),label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input[type=radio].sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea[type=radio].sc-tttx-standalone-input_1_8_4{width:20px;height:20px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input[type=date].sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea[type=date].sc-tttx-standalone-input_1_8_4{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input[readonly].sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea[readonly].sc-tttx-standalone-input_1_8_4{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4:focus,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4:focus-visible,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4:focus-visible{outline:none}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.resize-none.sc-tttx-standalone-input_1_8_4{resize:none}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_4{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4{margin-top:4px}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_8_4{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_8_4{display:block}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputInline.sc-tttx-standalone-input_1_8_4{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputInline.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4{margin-top:0}label.sc-tttx-standalone-input_1_8_4 .secondarylabel.sc-tttx-standalone-input_1_8_4{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_8_4 .errorBubble.sc-tttx-standalone-input_1_8_4{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_8_4 .errorBubble.sc-tttx-standalone-input_1_8_4:not(.visible){display:none}label.sc-tttx-standalone-input_1_8_4 .errorBubble.sc-tttx-standalone-input_1_8_4 span.sc-tttx-standalone-input_1_8_4{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_8_4{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_8_4-h{display:block}";
+const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_8_6{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_8_6{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_8_6{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_8_6 .optional.sc-tttx-standalone-input_1_8_6{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6{position:relative}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 .left-icons.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 .right-icons.sc-tttx-standalone-input_1_8_6{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 .left-icons.sc-tttx-standalone-input_1_8_6 tttx-icon.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 .right-icons.sc-tttx-standalone-input_1_8_6 tttx-icon.sc-tttx-standalone-input_1_8_6{height:24px;width:24px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 .left-icons.sc-tttx-standalone-input_1_8_6{left:8px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 .right-icons.sc-tttx-standalone-input_1_8_6{right:8px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.sc-tttx-standalone-input_1_8_6{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_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.has-input-icon.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.has-input-icon.sc-tttx-standalone-input_1_8_6{padding-left:40px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_6{padding-left:72px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.has-left-icon.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.has-left-icon.sc-tttx-standalone-input_1_8_6{padding-left:40px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.has-right-icon.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.has-right-icon.sc-tttx-standalone-input_1_8_6{padding-right:40px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.invalid.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.invalid.sc-tttx-standalone-input_1_8_6{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.sc-tttx-standalone-input_1_8_6:not([type=submit]),label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.sc-tttx-standalone-input_1_8_6:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input[type=radio].sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea[type=radio].sc-tttx-standalone-input_1_8_6{width:20px;height:20px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input[type=date].sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea[type=date].sc-tttx-standalone-input_1_8_6{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input[readonly].sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea[readonly].sc-tttx-standalone-input_1_8_6{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.sc-tttx-standalone-input_1_8_6:focus,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.sc-tttx-standalone-input_1_8_6:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 input.sc-tttx-standalone-input_1_8_6:focus-visible,label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.sc-tttx-standalone-input_1_8_6:focus-visible{outline:none}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.sc-tttx-standalone-input_1_8_6{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_8_6 .outer-container.sc-tttx-standalone-input_1_8_6 textarea.resize-none.sc-tttx-standalone-input_1_8_6{resize:none}label.sc-tttx-standalone-input_1_8_6 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_6{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_8_6 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_6 .left-icons.sc-tttx-standalone-input_1_8_6,label.sc-tttx-standalone-input_1_8_6 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_6 .right-icons.sc-tttx-standalone-input_1_8_6{margin-top:4px}label.sc-tttx-standalone-input_1_8_6 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_8_6{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_6 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_8_6{display:block}label.sc-tttx-standalone-input_1_8_6 .outer-container.inputInline.sc-tttx-standalone-input_1_8_6{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_8_6 .outer-container.inputInline.sc-tttx-standalone-input_1_8_6 input.sc-tttx-standalone-input_1_8_6{margin-top:0}label.sc-tttx-standalone-input_1_8_6 .secondarylabel.sc-tttx-standalone-input_1_8_6{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_8_6 .errorBubble.sc-tttx-standalone-input_1_8_6{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_8_6 .errorBubble.sc-tttx-standalone-input_1_8_6:not(.visible){display:none}label.sc-tttx-standalone-input_1_8_6 .errorBubble.sc-tttx-standalone-input_1_8_6 span.sc-tttx-standalone-input_1_8_6{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_8_6{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_8_6-h{display:block}";
 const TttxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -84,10 +84,10 @@ const TttxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.iconleft ? 'has-left-icon' : '',
       this.iconright ? 'has-right-icon' : '',
     ].join(' ');
-    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: ['outer-container', this.inline ? 'inputInline' : 'inputBlock'].join(' ') }, h("input", { class: classNames, 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) && (h("span", { class: "left-icons" }, this.inputicon && (h("tttx-icon_1_8_4", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_8_4", { class: "left-icon", icon: this.iconleft, color: this.iconleftcolor, onClick: this.handleLeftIconClick.bind(this) })))), this.iconright && (h("span", { class: "right-icons" }, h("tttx-icon_1_8_4", { class: "right-icon", icon: this.iconright, color: this.iconrightcolor, onClick: this.handleRightIconClick.bind(this) })))), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", this.errormsg)))));
+    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: ['outer-container', this.inline ? 'inputInline' : 'inputBlock'].join(' ') }, h("input", { class: classNames, 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) && (h("span", { class: "left-icons" }, this.inputicon && (h("tttx-icon_1_8_6", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_8_6", { class: "left-icon", icon: this.iconleft, color: this.iconleftcolor, onClick: this.handleLeftIconClick.bind(this) })))), this.iconright && (h("span", { class: "right-icons" }, h("tttx-icon_1_8_6", { class: "right-icon", icon: this.iconright, color: this.iconrightcolor, onClick: this.handleRightIconClick.bind(this) })))), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", this.errormsg)))));
   }
   static get style() { return tttxStandaloneInputCss; }
-}, [2, "tttx-standalone-input_1_8_4", {
+}, [2, "tttx-standalone-input_1_8_6", {
     "label": [1],
     "secondarylabel": [1],
     "showerrormsg": [4],
@@ -125,14 +125,14 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-standalone-input_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-standalone-input_1_8_6", "tttx-icon_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-standalone-input_1_8_4":
+    case "tttx-standalone-input_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxInput);
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_6":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/tttx-standalone-input_1_8_6.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface TttxStandaloneInput_1_8_6 extends Components.TttxStandaloneInput_1_8_6, HTMLElement {}
+export const TttxStandaloneInput_1_8_6: {
+  prototype: TttxStandaloneInput_1_8_6;
+  new (): TttxStandaloneInput_1_8_6;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-standalone-input_1_8_4.js → tttx-standalone-input_1_8_6.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { T as TttxInput, d as defineCustomElement$1 } from './tttx-standalone-input.js';
-const TttxStandaloneInput_1_8_4 = TttxInput;
+const TttxStandaloneInput_1_8_6 = TttxInput;
 const defineCustomElement = defineCustomElement$1;
-export { TttxStandaloneInput_1_8_4, defineCustomElement };
+export { TttxStandaloneInput_1_8_6, defineCustomElement };

package/dist/components/tttx-table_1_8_6.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface TttxTable_1_8_6 extends Components.TttxTable_1_8_6, HTMLElement {}
+export const TttxTable_1_8_6: {
+  prototype: TttxTable_1_8_6;
+  new (): TttxTable_1_8_6;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-table_1_8_4.js → tttx-table_1_8_6.js} RENAMED Viewed

@@ -33,7 +33,7 @@ const TttxTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       Object.keys(this.data).map((key, index) => (h("tr", { key: 'row-' + index, class: (this.selectable ? 'clickable' : '') + (index === this.selected && this.selectable ? ' selected' : ''), onClick: () => this.rowClickedHandler(this.data[key]) }, this.headers.map((header) => (h("td", { key: 'cell-' + header.key, class: "cell-typography" }, h("div", { class: "cell-spacing", innerHTML: purify.sanitize(this.data[key][header.key], domSanitiserOptions) }))))))))))));
   }
   static get style() { return tttxTableCss; }
-}, [1, "tttx-table_1_8_4", {
+}, [1, "tttx-table_1_8_6", {
     "headers": [16],
     "data": [8],
     "selectable": [4],
@@ -44,9 +44,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-table_1_8_4"];
+  const components = ["tttx-table_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-table_1_8_4":
+    case "tttx-table_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTable);
       }
@@ -54,7 +54,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTable_1_8_4 = TttxTable;
+const TttxTable_1_8_6 = TttxTable;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTable_1_8_4, defineCustomElement };
+export { TttxTable_1_8_6, defineCustomElement };

package/dist/components/{tttx-form_1_8_4.d.ts → tttx-tabs_1_8_6.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxForm_1_8_4 extends Components.TttxForm_1_8_4, HTMLElement {}
-export const TttxForm_1_8_4: {
-  prototype: TttxForm_1_8_4;
-  new (): TttxForm_1_8_4;
+interface TttxTabs_1_8_6 extends Components.TttxTabs_1_8_6, HTMLElement {}
+export const TttxTabs_1_8_6: {
+  prototype: TttxTabs_1_8_6;
+  new (): TttxTabs_1_8_6;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-tabs_1_8_4.js → tttx-tabs_1_8_6.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { p as purify, d as domSanitiserOptions } from './domsanitiser.options.js';
 import { d as defineCustomElement$2 } from './tttx-icon.js';
-const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_8_4-h{display:block}.tab-bar.sc-tttx-tabs_1_8_4{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_8_4>.left-navigation.sc-tttx-tabs_1_8_4,.tab-bar.sc-tttx-tabs_1_8_4>.right-navigation.sc-tttx-tabs_1_8_4{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_4>.left-navigation.sc-tttx-tabs_1_8_4>*.sc-tttx-tabs_1_8_4,.tab-bar.sc-tttx-tabs_1_8_4>.right-navigation.sc-tttx-tabs_1_8_4>*.sc-tttx-tabs_1_8_4{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.wide.sc-tttx-tabs_1_8_4{flex-grow:1}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4>*[role=tab].sc-tttx-tabs_1_8_4{padding:18px 16px;line-height:16.408px;font-size:14px;font-weight:500;text-transform:uppercase;user-select:none;color:#757575;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4>*[role=tab].sc-tttx-tabs_1_8_4:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4>*[role=tab][aria-selected].sc-tttx-tabs_1_8_4{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
+const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_8_6{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_8_6-h{display:block}.tab-bar.sc-tttx-tabs_1_8_6{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_8_6>.left-navigation.sc-tttx-tabs_1_8_6,.tab-bar.sc-tttx-tabs_1_8_6>.right-navigation.sc-tttx-tabs_1_8_6{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_6>.left-navigation.sc-tttx-tabs_1_8_6>*.sc-tttx-tabs_1_8_6,.tab-bar.sc-tttx-tabs_1_8_6>.right-navigation.sc-tttx-tabs_1_8_6>*.sc-tttx-tabs_1_8_6{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_6>.tabs-container.sc-tttx-tabs_1_8_6{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_8_6>.tabs-container.wide.sc-tttx-tabs_1_8_6{flex-grow:1}.tab-bar.sc-tttx-tabs_1_8_6>.tabs-container.sc-tttx-tabs_1_8_6>*[role=tab].sc-tttx-tabs_1_8_6{padding:18px 16px;line-height:16.408px;font-size:14px;font-weight:500;text-transform:uppercase;user-select:none;color:#757575;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_6>.tabs-container.sc-tttx-tabs_1_8_6>*[role=tab].sc-tttx-tabs_1_8_6:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_8_6>.tabs-container.sc-tttx-tabs_1_8_6>*[role=tab][aria-selected].sc-tttx-tabs_1_8_6{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
 const TttxTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -75,7 +75,7 @@ const TttxTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   generateTab(tab) {
     var _a, _b;
-    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_8_4", { style: { pointerEvents: 'none', marginTop: '-2px' }, icon: tab.tabIcon, color: 'gray', size: (_b = tab.tabIconSize) !== null && _b !== void 0 ? _b : 24 }));
+    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_8_6", { style: { pointerEvents: 'none', marginTop: '-2px' }, icon: tab.tabIcon, color: 'gray', size: (_b = tab.tabIconSize) !== null && _b !== void 0 ? _b : 24 }));
     return (h("a", { key: tab.id, id: tab.id, role: "tab", "aria-controls": tab.controls, tabindex: tab.tabIndex, "aria-selected": tab.selected, onClick: () => {
         this.handleTabClick(tab);
       } }, tabTitle));
@@ -94,13 +94,13 @@ const TttxTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     const selectedTab = this._tabs.find(tab => tab.selected);
-    return (h(Host, null, h("div", null, h("div", { class: "tab-bar", role: "tablist", "aria-label": this.tabsName, ref: el => (this.tabList = el) }, this.navigation && (h("div", { class: "left-navigation", tabindex: "0", onClick: this.handleLeftNavigation.bind(this) }, h("tttx-icon_1_8_4", { icon: "navigate_before", color: "black" }))), h("div", { class: 'tabs-container' + (this.wide ? ' wide' : '') }, this._tabs.map(this.generateTab.bind(this))), this.navigation && (h("div", { class: "right-navigation", tabindex: "0", onClick: this.handleRightNavigation.bind(this) }, h("tttx-icon_1_8_4", { icon: "navigate_next", color: "black" })))), selectedTab && this.renderSelectedTab(selectedTab))));
+    return (h(Host, null, h("div", null, h("div", { class: "tab-bar", role: "tablist", "aria-label": this.tabsName, ref: el => (this.tabList = el) }, this.navigation && (h("div", { class: "left-navigation", tabindex: "0", onClick: this.handleLeftNavigation.bind(this) }, h("tttx-icon_1_8_6", { icon: "navigate_before", color: "black" }))), h("div", { class: 'tabs-container' + (this.wide ? ' wide' : '') }, this._tabs.map(this.generateTab.bind(this))), this.navigation && (h("div", { class: "right-navigation", tabindex: "0", onClick: this.handleRightNavigation.bind(this) }, h("tttx-icon_1_8_6", { icon: "navigate_next", color: "black" })))), selectedTab && this.renderSelectedTab(selectedTab))));
   }
   static get watchers() { return {
     "tabs": ["onDataChange"]
   }; }
   static get style() { return tttxTabsCss; }
-}, [2, "tttx-tabs_1_8_4", {
+}, [2, "tttx-tabs_1_8_6", {
     "tabsName": [1, "tabs-name"],
     "navigation": [4],
     "wide": [4],
@@ -111,14 +111,14 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tabs_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-tabs_1_8_6", "tttx-icon_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tabs_1_8_4":
+    case "tttx-tabs_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTabs);
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_6":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -126,7 +126,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTabs_1_8_4 = TttxTabs;
+const TttxTabs_1_8_6 = TttxTabs;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTabs_1_8_4, defineCustomElement };
+export { TttxTabs_1_8_6, defineCustomElement };

package/dist/components/{tttx-tag_1_8_4.d.ts → tttx-tag_1_8_6.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxTag_1_8_4 extends Components.TttxTag_1_8_4, HTMLElement {}
-export const TttxTag_1_8_4: {
-  prototype: TttxTag_1_8_4;
-  new (): TttxTag_1_8_4;
+interface TttxTag_1_8_6 extends Components.TttxTag_1_8_6, HTMLElement {}
+export const TttxTag_1_8_6: {
+  prototype: TttxTag_1_8_6;
+  new (): TttxTag_1_8_6;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-tag_1_8_4.js → tttx-tag_1_8_6.js} RENAMED Viewed

@@ -15,7 +15,7 @@ const TttxTag = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, null, h("div", { class: "tag", style: { 'background-color': this.color, color: this.textColor } }, h("span", null, this.text))));
   }
   static get style() { return tttxTagCss; }
-}, [1, "tttx-tag_1_8_4", {
+}, [1, "tttx-tag_1_8_6", {
     "text": [1],
     "color": [1],
     "textColor": [1, "text-color"]
@@ -24,9 +24,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tag_1_8_4"];
+  const components = ["tttx-tag_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tag_1_8_4":
+    case "tttx-tag_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTag);
       }
@@ -34,7 +34,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTag_1_8_4 = TttxTag;
+const TttxTag_1_8_6 = TttxTag;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTag_1_8_4, defineCustomElement };
+export { TttxTag_1_8_6, defineCustomElement };

package/dist/components/tttx-textarea_1_8_6.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface TttxTextarea_1_8_6 extends Components.TttxTextarea_1_8_6, HTMLElement {}
+export const TttxTextarea_1_8_6: {
+  prototype: TttxTextarea_1_8_6;
+  new (): TttxTextarea_1_8_6;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-textarea_1_8_4.js → tttx-textarea_1_8_6.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_8_4-h{display:block}label.sc-tttx-textarea_1_8_4{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4{position:relative}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.no-label.sc-tttx-textarea_1_8_4{margin-top:0}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4~.errorBubble.sc-tttx-textarea_1_8_4{font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4~.errorBubble.sc-tttx-textarea_1_8_4:not(.visible){display:none}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4~.errorBubble.sc-tttx-textarea_1_8_4 span.sc-tttx-textarea_1_8_4{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4:focus{border-color:#1479c6}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4:focus-visible{outline:none}label.sc-tttx-textarea_1_8_4 .secondarylabel.sc-tttx-textarea_1_8_4{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_8_4 .optional.sc-tttx-textarea_1_8_4{color:#757575;font-weight:normal}";
+const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_8_6{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_8_6-h{display:block}label.sc-tttx-textarea_1_8_6{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6{position:relative}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.sc-tttx-textarea_1_8_6{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.no-label.sc-tttx-textarea_1_8_6{margin-top:0}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.sc-tttx-textarea_1_8_6~.errorBubble.sc-tttx-textarea_1_8_6{font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.sc-tttx-textarea_1_8_6~.errorBubble.sc-tttx-textarea_1_8_6:not(.visible){display:none}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.sc-tttx-textarea_1_8_6~.errorBubble.sc-tttx-textarea_1_8_6 span.sc-tttx-textarea_1_8_6{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.sc-tttx-textarea_1_8_6:focus{border-color:#1479c6}label.sc-tttx-textarea_1_8_6 .textarea-container.sc-tttx-textarea_1_8_6 textarea.sc-tttx-textarea_1_8_6:focus-visible{outline:none}label.sc-tttx-textarea_1_8_6 .secondarylabel.sc-tttx-textarea_1_8_6{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_8_6 .optional.sc-tttx-textarea_1_8_6{color:#757575;font-weight:normal}";
 const TttxTextarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -51,7 +51,7 @@ const TttxTextarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: "textarea-container" }, h("textarea", { rows: this.rows, class: classNames, autofocus: this.textareaautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, disabled: this.disabled, maxlength: this.maxlength, name: this.name, placeholder: this.placeholder, readonly: this.readonly, required: this.required, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
   }
   static get style() { return tttxTextareaCss; }
-}, [2, "tttx-textarea_1_8_4", {
+}, [2, "tttx-textarea_1_8_6", {
     "label": [1],
     "secondarylabel": [1],
     "showerrormsg": [4],
@@ -74,9 +74,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-textarea_1_8_4"];
+  const components = ["tttx-textarea_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-textarea_1_8_4":
+    case "tttx-textarea_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTextarea);
       }
@@ -84,7 +84,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTextarea_1_8_4 = TttxTextarea;
+const TttxTextarea_1_8_6 = TttxTextarea;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTextarea_1_8_4, defineCustomElement };
+export { TttxTextarea_1_8_6, defineCustomElement };

package/dist/components/tttx-toolbar.js CHANGED Viewed

@@ -28,7 +28,7 @@ const TttxToolbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, null, h("div", { class: `container ${this.border ? 'bordered' : ''} ${this.viewSize}` }, h("slot", { name: 'before' }), h("slot", { name: 'center' }), h("slot", { name: 'after' }))));
   }
   static get style() { return tttxToolbarCss; }
-}, [1, "tttx-toolbar_1_8_4", {
+}, [1, "tttx-toolbar_1_8_6", {
     "border": [4],
     "viewSize": [32]
   }, [[9, "resize", "handleResize"]]]);
@@ -36,9 +36,9 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-toolbar_1_8_4"];
+  const components = ["tttx-toolbar_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-toolbar_1_8_4":
+    case "tttx-toolbar_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxToolbar);
       }

package/dist/components/{tttx-toolbar_1_8_4.d.ts → tttx-toolbar_1_8_6.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxToolbar_1_8_4 extends Components.TttxToolbar_1_8_4, HTMLElement {}
-export const TttxToolbar_1_8_4: {
-  prototype: TttxToolbar_1_8_4;
-  new (): TttxToolbar_1_8_4;
+interface TttxToolbar_1_8_6 extends Components.TttxToolbar_1_8_6, HTMLElement {}
+export const TttxToolbar_1_8_6: {
+  prototype: TttxToolbar_1_8_6;
+  new (): TttxToolbar_1_8_6;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-toolbar_1_8_4.js → tttx-toolbar_1_8_6.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { T as TttxToolbar, d as defineCustomElement$1 } from './tttx-toolbar.js';
-const TttxToolbar_1_8_4 = TttxToolbar;
+const TttxToolbar_1_8_6 = TttxToolbar;
 const defineCustomElement = defineCustomElement$1;
-export { TttxToolbar_1_8_4, defineCustomElement };
+export { TttxToolbar_1_8_6, defineCustomElement };

package/dist/components/tttx-tree-view_1_8_6.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface TttxTreeView_1_8_6 extends Components.TttxTreeView_1_8_6, HTMLElement {}
+export const TttxTreeView_1_8_6: {
+  prototype: TttxTreeView_1_8_6;
+  new (): TttxTreeView_1_8_6;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-tree-view_1_8_4.js → tttx-tree-view_1_8_6.js} RENAMED Viewed

@@ -68,7 +68,7 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           if (node.hasHover) {
             this.onClickHandler(event, node);
           }
-        } }, h("tttx-button_1_8_4", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor)), node.isOpen ? (h("li", null, h("ul", null, node.child.map(childNode => {
+        } }, h("tttx-button_1_8_6", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor)), node.isOpen ? (h("li", null, h("ul", null, node.child.map(childNode => {
         return this.renderNode(childNode);
       })))) : null));
     }
@@ -81,7 +81,7 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   htmlcode(type, node, check_box, check_boxColor) {
-    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_8_4", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && (h("tttx-icon_1_8_4", { icon: node.icon, color: node.iconColor, class: "padding-icon" })), !node.html && h("div", { class: type }, node.title), node.html && h("div", { class: type, innerHTML: purify.sanitize(node.html, domSanitiserOptions) })));
+    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_8_6", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && (h("tttx-icon_1_8_6", { icon: node.icon, color: node.iconColor, class: "padding-icon" })), !node.html && h("div", { class: type }, node.title), node.html && h("div", { class: type, innerHTML: purify.sanitize(node.html, domSanitiserOptions) })));
     return htmlcode;
   }
   render() {
@@ -90,7 +90,7 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return (h("div", { class: "tree-view-element" }, h("ul", null, this.treeData.map((node) => this.renderNode(node)))));
   }
   static get style() { return tttxTreeViewCss; }
-}, [1, "tttx-tree-view_1_8_4", {
+}, [1, "tttx-tree-view_1_8_6", {
     "data": [1040],
     "treeData": [32]
   }]);
@@ -98,19 +98,19 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tree-view_1_8_4", "tttx-button_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-tree-view_1_8_6", "tttx-button_1_8_6", "tttx-icon_1_8_6"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tree-view_1_8_4":
+    case "tttx-tree-view_1_8_6":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTreeView);
       }
       break;
-    case "tttx-button_1_8_4":
+    case "tttx-button_1_8_6":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_6":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -118,7 +118,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTreeView_1_8_4 = TttxTreeView;
+const TttxTreeView_1_8_6 = TttxTreeView;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTreeView_1_8_4, defineCustomElement };
+export { TttxTreeView_1_8_6, defineCustomElement };

package/dist/esm/loader.js CHANGED Viewed

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["tttx-data-pattern_1_8_4",[[1,"tttx-data-pattern_1_8_4",{"data":[1],"sorteroptions":[1],"filteroptions":[1],"filterheader":[1]}]]],["tttx-form_1_8_4",[[1,"tttx-form_1_8_4",{"formschema":[1025],"data":[1032],"submit":[64],"setSelectOptions":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64]}]]],["tttx-multiselect-box_1_8_4",[[1,"tttx-multiselect-box_1_8_4",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-dialog-box_1_8_4",[[1,"tttx-dialog-box_1_8_4",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_8_4",[[1,"tttx-dialog_1_8_4",{"header":[1],"type":[1],"size":[1],"open":[4],"allowOverflow":[4,"allow-overflow"],"closeEnabled":[4,"close-enabled"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-tree-view_1_8_4",[[1,"tttx-tree-view_1_8_4",{"data":[1040],"treeData":[32]}]]],["tttx-checkbox_1_8_4",[[0,"tttx-checkbox_1_8_4",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-comments_1_8_4",[[1,"tttx-comments_1_8_4",{"currentuser":[1],"comments":[1],"_comments":[32],"addDummyComment":[64]}]]],["tttx-datacard_1_8_4",[[1,"tttx-datacard_1_8_4",{"cardTitle":[1,"card-title"],"leftData":[1,"left-data"],"rightData":[1,"right-data"],"rightSubtext":[1,"right-subtext"],"iconStyle":[1,"icon-style"]}]]],["tttx-expander_1_8_4",[[1,"tttx-expander_1_8_4",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_8_4",[[2,"tttx-tabs_1_8_4",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_8_4",[[4,"tttx-checkbox-group-caption_1_8_4"]]],["tttx-checkbox-group-heading_1_8_4",[[4,"tttx-checkbox-group-heading_1_8_4"]]],["tttx-checkbox-group_1_8_4",[[1,"tttx-checkbox-group_1_8_4"]]],["tttx-keyvalue-block_1_8_4",[[1,"tttx-keyvalue-block_1_8_4",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-loading-spinner_1_8_4",[[1,"tttx-loading-spinner_1_8_4",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-percentage-bar_1_8_4",[[2,"tttx-percentage-bar_1_8_4",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_8_4",[[1,"tttx-qrcode_1_8_4",{"link":[1025],"size":[1026]}]]],["tttx-table_1_8_4",[[1,"tttx-table_1_8_4",{"headers":[16],"data":[8],"selectable":[4],"loading":[4],"selected":[2]}]]],["tttx-tag_1_8_4",[[1,"tttx-tag_1_8_4",{"text":[1],"color":[1],"textColor":[1,"text-color"]}]]],["tttx-textarea_1_8_4",[[2,"tttx-textarea_1_8_4",{"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]}]]],["tttx-icon_1_8_4",[[1,"tttx-icon_1_8_4",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-select-box_1_8_4",[[1,"tttx-select-box_1_8_4",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"useExternalFiltering":[4,"use-external-filtering"],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-filter_1_8_4_4",[[1,"tttx-filter_1_8_4",{"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_8_4",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_8_4",{"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_8_4",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-standalone-input_1_8_4",[[2,"tttx-standalone-input_1_8_4",{"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]}]]],["tttx-button_1_8_4",[[1,"tttx-button_1_8_4",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
+  return bootstrapLazy([["tttx-data-pattern_1_8_6",[[1,"tttx-data-pattern_1_8_6",{"data":[1],"sorteroptions":[1],"filteroptions":[1],"filterheader":[1]}]]],["tttx-form_1_8_6",[[1,"tttx-form_1_8_6",{"formschema":[1025],"data":[1032],"submit":[64],"setSelectOptions":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64]}]]],["tttx-multiselect-box_1_8_6",[[1,"tttx-multiselect-box_1_8_6",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-datacard_1_8_6",[[1,"tttx-datacard_1_8_6",{"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]}]]],["tttx-dialog-box_1_8_6",[[1,"tttx-dialog-box_1_8_6",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_8_6",[[1,"tttx-dialog_1_8_6",{"header":[1],"type":[1],"size":[1],"open":[4],"allowOverflow":[4,"allow-overflow"],"closeEnabled":[4,"close-enabled"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-tree-view_1_8_6",[[1,"tttx-tree-view_1_8_6",{"data":[1040],"treeData":[32]}]]],["tttx-checkbox_1_8_6",[[0,"tttx-checkbox_1_8_6",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-comments_1_8_6",[[1,"tttx-comments_1_8_6",{"currentuser":[1],"comments":[1],"_comments":[32],"addDummyComment":[64]}]]],["tttx-expander_1_8_6",[[1,"tttx-expander_1_8_6",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_8_6",[[2,"tttx-tabs_1_8_6",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_8_6",[[4,"tttx-checkbox-group-caption_1_8_6"]]],["tttx-checkbox-group-heading_1_8_6",[[4,"tttx-checkbox-group-heading_1_8_6"]]],["tttx-checkbox-group_1_8_6",[[1,"tttx-checkbox-group_1_8_6"]]],["tttx-keyvalue-block_1_8_6",[[1,"tttx-keyvalue-block_1_8_6",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-loading-spinner_1_8_6",[[1,"tttx-loading-spinner_1_8_6",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-percentage-bar_1_8_6",[[2,"tttx-percentage-bar_1_8_6",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_8_6",[[1,"tttx-qrcode_1_8_6",{"link":[1025],"size":[1026]}]]],["tttx-table_1_8_6",[[1,"tttx-table_1_8_6",{"headers":[16],"data":[8],"selectable":[4],"loading":[4],"selected":[2]}]]],["tttx-tag_1_8_6",[[1,"tttx-tag_1_8_6",{"text":[1],"color":[1],"textColor":[1,"text-color"]}]]],["tttx-textarea_1_8_6",[[2,"tttx-textarea_1_8_6",{"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]}]]],["tttx-standalone-input_1_8_6",[[2,"tttx-standalone-input_1_8_6",{"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]}]]],["tttx-select-box_1_8_6",[[1,"tttx-select-box_1_8_6",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"useExternalFiltering":[4,"use-external-filtering"],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-graph_1_8_6",[[1,"tttx-graph_1_8_6",{"chartType":[1,"chart-type"],"chartData":[1,"chart-data"],"chartText":[1,"chart-text"],"chartConfig":[32],"formattedData":[32]}]]],["tttx-icon_1_8_6",[[1,"tttx-icon_1_8_6",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-filter_1_8_6_4",[[1,"tttx-filter_1_8_6",{"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_8_6",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_8_6",{"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_8_6",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-button_1_8_6",[[1,"tttx-button_1_8_6",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
   });
 };

package/dist/esm/{tttx-button_1_8_4.entry.js → tttx-button_1_8_6.entry.js} RENAMED Viewed

@@ -24,9 +24,9 @@ const TttxButton = class {
   }
   render() {
     this._iconcolor = this.iconcolor;
-    return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''}  ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon_1_8_4", { icon: this.icon, color: this._iconcolor }))), !this.notext && (h("div", { class: "button-content" }, h("slot", null))), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon_1_8_4", { icon: this.icon, color: this._iconcolor }))))));
+    return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''}  ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon_1_8_6", { icon: this.icon, color: this._iconcolor }))), !this.notext && (h("div", { class: "button-content" }, h("slot", null))), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon_1_8_6", { icon: this.icon, color: this._iconcolor }))))));
   }
 };
 TttxButton.style = tttxButtonCss;
-export { TttxButton as tttx_button_1_8_4 };
+export { TttxButton as tttx_button_1_8_6 };

package/dist/esm/{tttx-checkbox-group-caption_1_8_4.entry.js → tttx-checkbox-group-caption_1_8_6.entry.js} RENAMED Viewed

@@ -12,4 +12,4 @@ const TttxCheckboxGroupCaption = class {
 };
 TttxCheckboxGroupCaption.style = tttxCheckboxGroupCss;
-export { TttxCheckboxGroupCaption as tttx_checkbox_group_caption_1_8_4 };
+export { TttxCheckboxGroupCaption as tttx_checkbox_group_caption_1_8_6 };

package/dist/esm/{tttx-checkbox-group-heading_1_8_4.entry.js → tttx-checkbox-group-heading_1_8_6.entry.js} RENAMED Viewed

@@ -12,4 +12,4 @@ const TttxCheckboxGroupHeading = class {
 };
 TttxCheckboxGroupHeading.style = tttxCheckboxGroupCss;
-export { TttxCheckboxGroupHeading as tttx_checkbox_group_heading_1_8_4 };
+export { TttxCheckboxGroupHeading as tttx_checkbox_group_heading_1_8_6 };

package/dist/esm/{tttx-checkbox-group_1_8_4.entry.js → tttx-checkbox-group_1_8_6.entry.js} RENAMED Viewed

@@ -12,4 +12,4 @@ const TttxCheckboxGroup = class {
 };
 TttxCheckboxGroup.style = tttxCheckboxGroupCss;
-export { TttxCheckboxGroup as tttx_checkbox_group_1_8_4 };
+export { TttxCheckboxGroup as tttx_checkbox_group_1_8_6 };

package/dist/esm/{tttx-checkbox_1_8_4.entry.js → tttx-checkbox_1_8_6.entry.js} RENAMED Viewed

@@ -28,7 +28,7 @@ const TttxCheckbox = class {
   render() {
     const checkBoxIcon = this.checked ? 'check_box' : 'check_box_outline_blank';
     const renderedIcon = this.indeterminate ? 'indeterminate_check_box' : checkBoxIcon;
-    return (h(Host, null, h("label", { class: `tttx-checkbox ${this.inline ? '--inline' : ''}` }, h("input", { class: "tttx-checkbox__input", type: "checkbox", id: this.checkboxId, checked: this.checked, ref: (el) => this.checkbox = el }), h("tttx-icon_1_8_4", { color: this.checked ? 'blue' : 'grey', icon: renderedIcon, onClick: this.onClick.bind(this) }), h("span", { class: "tttx-checkbox__label" }, this.label))));
+    return (h(Host, null, h("label", { class: `tttx-checkbox ${this.inline ? '--inline' : ''}` }, h("input", { class: "tttx-checkbox__input", type: "checkbox", id: this.checkboxId, checked: this.checked, ref: (el) => this.checkbox = el }), h("tttx-icon_1_8_6", { color: this.checked ? 'blue' : 'grey', icon: renderedIcon, onClick: this.onClick.bind(this) }), h("span", { class: "tttx-checkbox__label" }, this.label))));
   }
   static get watchers() { return {
     "indeterminate": ["watchIndeterminateChange"]
@@ -36,4 +36,4 @@ const TttxCheckbox = class {
 };
 TttxCheckbox.style = tttxCheckboxCss;
-export { TttxCheckbox as tttx_checkbox_1_8_4 };
+export { TttxCheckbox as tttx_checkbox_1_8_6 };

package/dist/esm/{tttx-comments_1_8_4.entry.js → tttx-comments_1_8_6.entry.js} RENAMED Viewed

@@ -92,9 +92,10 @@ const TttxComments = class {
       createdById: undefined
     };
     this._comments = [...this._comments, newComment];
+    this.scrollToBottom();
   }
   render() {
-    return (h(Host, null, h("article", { id: "comment-container" }, h("section", { id: "comment-bubbles-section" }, h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), h("section", { id: "input-section" }, h("form", { onSubmit: this.onFormSubmit.bind(this) }, h("fieldset", null, h("input", { type: "text", name: "commentText", required: true, maxlength: "500", placeholder: "Enter comment" })), h("fieldset", null, h("button", { id: "attach-file", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, h("tttx-icon_1_8_4", { color: "black", icon: "attach_file" })), h("input", { type: "submit", value: "Add Comment" })))))));
+    return (h(Host, null, h("article", { id: "comment-container" }, h("section", { id: "comment-bubbles-section" }, h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), h("section", { id: "input-section" }, h("form", { onSubmit: this.onFormSubmit.bind(this) }, h("fieldset", null, h("input", { type: "text", name: "commentText", required: true, maxlength: "500", placeholder: "Enter comment" })), h("fieldset", null, h("button", { id: "attach-file", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, h("tttx-icon_1_8_6", { color: "black", icon: "attach_file" })), h("input", { type: "submit", value: "Add Comment" })))))));
   }
   static get watchers() { return {
     "comments": ["onCommentsChange"]
@@ -106,4 +107,4 @@ var ECommentType;
 })(ECommentType || (ECommentType = {}));
 TttxComments.style = tttxCommentsCss;
-export { TttxComments as tttx_comments_1_8_4 };
+export { TttxComments as tttx_comments_1_8_6 };

package/dist/esm/{tttx-data-pattern_1_8_4.entry.js → tttx-data-pattern_1_8_6.entry.js} RENAMED Viewed

@@ -11,9 +11,9 @@ const TttxDataPattern = class {
     this.filterheader = 'Filter';
   }
   render() {
-    return (h(Host, null, h("div", { class: "container" }, h("tttx-toolbar_1_8_4", { border: true }, h("span", { slot: "before" }, h("tttx-sorter_1_8_4", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorteroptions, defaultOption: "Sort by" }), h("tttx-filter_1_8_4", { "filter-options": JSON.stringify(this.filteroptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterheader, "filter-key": "data-pattern-list" })), h("span", { slot: "after" }, h("tttx-standalone-input_1_8_4", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: "Search", type: "text", maxlength: 30 }))), h("tttx-toolbar_1_8_4", { border: false }, h("span", { slot: "before" }, h("tttx-button_1_8_4", { design: "primary", icon: "add" }, "Add"))), h("tttx-list_1_8_4", { data: this.data }))));
+    return (h(Host, null, h("div", { class: "container" }, h("tttx-toolbar_1_8_6", { border: true }, h("span", { slot: "before" }, h("tttx-sorter_1_8_6", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorteroptions, defaultOption: "Sort by" }), h("tttx-filter_1_8_6", { "filter-options": JSON.stringify(this.filteroptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterheader, "filter-key": "data-pattern-list" })), h("span", { slot: "after" }, h("tttx-standalone-input_1_8_6", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: "Search", type: "text", maxlength: 30 }))), h("tttx-toolbar_1_8_6", { border: false }, h("span", { slot: "before" }, h("tttx-button_1_8_6", { design: "primary", icon: "add" }, "Add"))), h("tttx-list_1_8_6", { data: this.data }))));
   }
 };
 TttxDataPattern.style = tttxDataPatternCss;
-export { TttxDataPattern as tttx_data_pattern_1_8_4 };
+export { TttxDataPattern as tttx_data_pattern_1_8_6 };