q2-tecton-elements 1.55.4 → 1.56.1

package/dist/components/q2-stepper.js

@@ -254,7 +254,7 @@ const Q2Stepper$1 = /*@__PURE__*/ proxyCustomElement(class Q2Stepper extends HTM
         const containerClasses = ['step-container'];
         if (scrollEnabled)
             containerClasses.push('has-scroll');
-        return (h(Fragment, { key: '6e2394578ce0afca6f8664baf75d7a62e292baea' }, h("div", { key: '77c6b861e4ba9869422e8d0c941cd6b04af3a03b', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '166afc15044285df0056d39e27f5bc475a8abf7e' }, h("div", { key: 'd79d172b808dac80bf32fd4419bde85b42083cc2', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: '095ea5e0944710606263c6216d1bb88f4535e1ed', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: 'efefd1eced2e7e8f4d1f4e8744183307a066a4f5', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'a72bd965e27344f5ad8ba460f49922f98808d560', type: "chevron-left" })), h("q2-btn", { key: '27feb6ba412296483dd990658f4ccd0704456821', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '8ee4b6790296d9a82db9b1fdc2d420b3d5249a0f', type: "chevron-right" })))), h("ul", { key: 'a25d2c222123d68c7274376dc49a51249732d000', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: 'e1999ed9bff7ae2158a81029e0b9b1148b9d22c9', role: "list" }, h("slot", { key: '80e239e0484809834c7e096d7df50e68b4ff7c85', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: '1d29489bf2a677e1648c03d427e395665230b3c9' }, h("div", { key: '2f74f38498e21eb848f31b7a803131024a409a37', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '2480b34e1adc1b5a8a588bdc91876c3919fbd372' }, h("div", { key: 'b9c1877f4363c504faba40bdc62fbd4b78beb5fb', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: 'f285b633c2f4728500edff5d4d7ea30d58c39484', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: '2fae1e564785d0fbf42761cd0f827fd5014b0563', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'e8958ee4eef3b4e9d9581b6f2e68eaf293c9c120', type: "chevron-left" })), h("q2-btn", { key: 'bb28aeef0f53c52fa244473faf889493c8c1a42c', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '0f4c404d0fc71518ad513eba0f4ee034d1f789fb', type: "chevron-right" })))), h("ul", { key: '1636837558560ebae2288b5c3b1d9b40dc36e099', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: '3788a2a28affd09275d5a7a6fafbf61834a44304', role: "list" }, h("slot", { key: '8b9e8fb4dab9482e3756716b8326fe741eb7a633', onSlotchange: () => this.onSlotChange() }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-tab-container.js

@@ -263,7 +263,7 @@ const Q2TabContainer$1 = /*@__PURE__*/ proxyCustomElement(class Q2TabContainer e
         return (h("div", { class: "tab-pane-badge", "aria-label": `${tab.label}, ${tab.badgeCount} ${description}` }, tab.label, h("q2-badge", { value: tab.badgeCount, theme: theme, status: tab.badgeStatus })));
     }
     render() {
-        return (h(Fragment, { key: '97f2da0c2b5b73725ba7df8df2a0eb549f9cfd88' }, h("div", { key: 'ff697afe9618dfc6e262701febdca55b279de4d5', class: "tab-container" }, this.scrollEnabled && (h(Fragment, { key: '11151d37351e2770f29f5f0b31df5afb68855dc2' }, h("div", { key: 'd2bf7ed9da0348421a767ba7d38faf942ad44634', class: "gradient-left", hidden: !this.showScrollLeft }), h("div", { key: 'f53cc922938e075b524cae7289a4b5645b867078', class: "gradient-right", hidden: !this.showScrollRight }), h("q2-btn", { key: '0c17c23b928f2aab34632073d3b3ba380e153865', class: "btn-left", hidden: !this.showScrollLeft, onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'ea146cfc55d86e1531bbe94a9a217b93463f9fea', type: "chevron-left", label: "scroll left" })), h("q2-btn", { key: 'fce01f8a17e78df73cc834a203b55b9427c4facc', class: "btn-right", hidden: !this.showScrollRight, onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: 'd379b82bd9465278b1e40f82137fc08bd8b0c750', type: "chevron-right", label: "scroll right" })))), h("ul", { key: '97d39c2ff74ac064da28ca763fbd3d6e98a952dd', onScroll: this.checkScrollState, ref: el => (this.listElement = el), class: this.noPrint ? 'no-print' : null, role: "tablist" }, this.tabs.map((tab, index) => this.renderTab(tab, index)))), h("div", { key: '5a9a728931e3dfafe2b20b5a1d1e72b5ef67913c', class: "tab-content" }, h("slot", { key: 'e10400800c9ff9e3b7d9947a32abeeb146981f8b', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: '00671ce4926d564d32501ec38abd48deac07cfbb' }, h("div", { key: '5c1f13533e55cfd63c7e8e80e42cfbd1f9a219dd', class: "tab-container" }, this.scrollEnabled && (h(Fragment, { key: 'f3c7f03440d17924f526b315efedef8f90285a78' }, h("div", { key: 'd7be2db2322c112984c7096a884e7a3f7b48d2d0', class: "gradient-left", hidden: !this.showScrollLeft }), h("div", { key: '02c6d98870223b4b081839db9af754d491e6fe2f', class: "gradient-right", hidden: !this.showScrollRight }), h("q2-btn", { key: 'f694ea3ce2beb6c25d09f9a26ddddd7123bb76f6', class: "btn-left", hidden: !this.showScrollLeft, onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '79c62503753d185782b922ec2fd15e7042f8e459', type: "chevron-left", label: "scroll left" })), h("q2-btn", { key: '8b0b9b0e6c21d08c3dc5f1c9003e4024ec3bd6db', class: "btn-right", hidden: !this.showScrollRight, onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: 'b4fdd4caa182e430255a8787300113c472ddf9f5', type: "chevron-right", label: "scroll right" })))), h("ul", { key: '16036b801d37dcef0249aff290d19d9e484a0ce4', onScroll: this.checkScrollState, ref: el => (this.listElement = el), class: this.noPrint ? 'no-print' : null, role: "tablist" }, this.tabs.map((tab, index) => this.renderTab(tab, index)))), h("div", { key: '7879b477deded91f2ec856c33a4b5170857c83ae', class: "tab-content" }, h("slot", { key: 'c1d3857b108dd9f6faea22cfb28495d6fd91f83c', onSlotchange: () => this.onSlotChange() }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-tab-pane.js

@@ -28,7 +28,7 @@ const Q2TabPane$1 = /*@__PURE__*/ proxyCustomElement(class Q2TabPane extends HTM
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '8f27e390528c79ae1589e1a7614c72455ebbdd32', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, h("slot", { key: '2d00ea2e03bbac11a63193debd2bb9904050ba37' })));
+        return (h("div", { key: '86b748104c438b4d92f2343d30fac0b5e7150835', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, h("slot", { key: 'db229a7eeeaaa208635413f57ff5021b9230ecb0' })));
     }
     static get watchers() { return {
         "badgeCount": ["badgeObserver"],

package/dist/components/q2-tag.js

@@ -200,7 +200,7 @@ const Q2Tag$1 = /*@__PURE__*/ proxyCustomElement(class Q2Tag extends HTMLElement
         if (this.optionCount)
             wrapperClassNames.push('has-options');
         const shouldShowOptions = this.optionCount > 0;
-        return (h(Host, { key: '6ccc1d85936667bad9622cbec28a27d54bc48e76', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '6c6fac08128198e6b0a0f5733b67cc26ec4bed02', onChange: this.onClickElsewhere }, shouldShowOptions ? (h(Fragment, null, h("div", { class: "btn-wrapper", onClick: this.handleWrapperClick }, h("button", { class: "tag-wrapper", ref: el => (this.dropdownBtn = el), "test-id": "btn-control", type: "button", role: "combobox", onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, "aria-controls": "option-list", "aria-expanded": open ? 'true' : 'false', "aria-describedby": "option-description" }, h("div", { class: wrapperClassNames.join(' ') }, loc(this.label)), h("q2-icon", { type: "options" }))), this.renderHiddenElement())) : (h("div", { class: "tag-wrapper", onClick: e => e.stopPropagation() }, h("div", { class: wrapperClassNames.join(' ') }, h("slot", { name: "decorator" }), loc(this.label)))), shouldShowOptions && (h("q2-popover", { key: '134f0deaa4ea93ceb451329f2cdd7c27d0ecda71', ref: el => (this.popoverElement = el), controlElement: this.dropdownBtn, open: this.open, maxHeight: this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: '43ccf161a1eea92b5f8c591d5ed7aec8fb8fb9a7', id: "option-list", ref: el => (this.optionList = el), onChange: this.handleChange, type: "menu", align: "right", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: '2fedc4307ddbe7024c0c8e9884c3fc7ae42efada' })))))));
+        return (h(Host, { key: 'e0870e81a31cd935a6115583c4ddb6763e1b351d', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '33bdfccc942b521605ad1cda715ecbc66471a406', onChange: this.onClickElsewhere }, shouldShowOptions ? (h(Fragment, null, h("div", { class: "btn-wrapper", onClick: this.handleWrapperClick }, h("button", { class: "tag-wrapper", ref: el => (this.dropdownBtn = el), "test-id": "btn-control", type: "button", role: "combobox", onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, "aria-controls": "option-list", "aria-expanded": open ? 'true' : 'false', "aria-describedby": "option-description" }, h("div", { class: wrapperClassNames.join(' ') }, loc(this.label)), h("q2-icon", { type: "options" }))), this.renderHiddenElement())) : (h("div", { class: "tag-wrapper", onClick: e => e.stopPropagation() }, h("div", { class: wrapperClassNames.join(' ') }, h("slot", { name: "decorator" }), loc(this.label)))), shouldShowOptions && (h("q2-popover", { key: 'f99b80bc7695dd12ff47415a0044f840d110000e', ref: el => (this.popoverElement = el), controlElement: this.dropdownBtn, open: this.open, maxHeight: this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: 'e375e3e3ed579ce803115cd8866e090fe15a7a35', id: "option-list", ref: el => (this.optionList = el), onChange: this.handleChange, type: "menu", align: "right", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: 'a1f78ce9a0c3b18d2ae2e124fccdefc0faae2bf2' })))))));
     }
     get hostElement() { return this; }
     static get style() { return Q2TagStyle0; }

package/dist/components/q2-textarea.js

@@ -295,7 +295,7 @@ const Q2Textarea$1 = /*@__PURE__*/ proxyCustomElement(class Q2Textarea extends H
         ]))));
     }
     render() {
-        return (h("div", { key: 'ece9138953ebdde47af2559b2f10c3edc8b73c91', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '34c8ce254d131b4c0aefa5ff772c00e0d4b495b6', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
+        return (h("div", { key: '24944e7a64be5e41535529dc71f77fe8d8f54afa', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '38f636261e7e5da472f3137a78202c1c6a3469c0', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/tecton-tab-pane.js

@@ -71,9 +71,9 @@ const TectonTabPane$1 = /*@__PURE__*/ proxyCustomElement(class TectonTabPane ext
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '3922f0d87f79f76fb09a678254465fa23de753cc', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, this.selected && this.provided !== undefined && !this.provided && (h("div", { key: 'ff1ea2bab4efe8d9c5d5aa6ca8abb63eab0ef53c' }, h("slot", { key: '15643803e95acb5c1d68d3257acacd80e07bfa06', name: "loading-wrapper" }), h("iframe", { key: '90203cf205d92440cda111873bf86c66d0776188', hidden: true, name: this.moduleId, scrolling: "no", src: this.showForm && this.authPayload.length ? '' : this.url || '', "data-module-id": this.moduleId, style: this.minHeight ? { minHeight: this.minHeight } : null, onLoad: this.onIFrameLoad, title: this.iframeTitle, allow: "geolocation; camera" }), this._showForm && this.authPayload ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
+        return (h("div", { key: '673192fa43d531b8698ff2577a2c1066ec5fa32d', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, this.selected && this.provided !== undefined && !this.provided && (h("div", { key: 'e4216d579bbab551e7f515d1d0e7dd7d50b277cd' }, h("slot", { key: '89168d2910623c64f446792c1a0431f0d06795f4', name: "loading-wrapper" }), h("iframe", { key: 'a456afcd3c68e2be0fb9d5704b66ffdeefbfa603', hidden: true, name: this.moduleId, scrolling: "no", src: this.showForm && this.authPayload.length ? '' : this.url || '', "data-module-id": this.moduleId, style: this.minHeight ? { minHeight: this.minHeight } : null, onLoad: this.onIFrameLoad, title: this.iframeTitle, allow: "geolocation; camera" }), this._showForm && this.authPayload ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
             return (h("input", { type: "hidden", value: element.value, name: element.key }));
-        }))) : (''))), h("div", { key: 'f8ac689f47d2db0acf5f09024ad7014ab8894670', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: 'd10d91dd7b72f1aa95eb2cba06b06129d479efaa' }))));
+        }))) : (''))), h("div", { key: 'bc14a67d449c6ad119f2233452610da4a6e664e1', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '8c0be1b729fff29cbc865f3ce81cdd07ac99d57c' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/esm/{index-3bb7a785.js → index-3184c760.js}

@@ -19267,4 +19267,4 @@ Object.keys(_index245).forEach(function (key) {
 
 export { dateFns as d };
 
-//# sourceMappingURL=index-3bb7a785.js.map
+//# sourceMappingURL=index-3184c760.js.map