q2-tecton-elements 1.55.3 → 1.55.4

package/dist/components/q2-section.js

@@ -195,9 +195,9 @@ const Q2Section$1 = /*@__PURE__*/ proxyCustomElement(class Q2Section extends HTM
                 wrapperClasses.push('is-transitioning');
         }
         const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
-        return (h("section", { key: '59a073f2fbbc37bb7e7f1c6823610e150fd1e256', class: "wrapper" }, h("header", { key: 'c02e2e531cb0ad833752f9254b95f6eb76d8b317', class: hasHeader ? 'has-header' : '' }, h("div", { key: '7d3b12f0640b7dd8b49bbca7ce710f6bb75325a2', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: '7552c47106c63ce813145a13bf29e6fa4db74c58', class: "title" }, loc(this.label)), h("div", { key: '4823d86d58f2a214a31987b8892802d861388a5d', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: 'f70123a46f2077c23cb0a25c56e83d59e3432485', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '7330e6657cd6eeb8e448a04b2b3530e3843d1763', label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { key: '8a953908c20c980198ad77e66b41d5da3337ea28', type: "chevron-up" })))), h("div", { key: 'caa5b37b95099c0959b048f6d7f030c1e0bdf16f', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
+        return (h("section", { key: '5222957e3620819b8cf996c0fc286e46fff3bb4d', class: "wrapper" }, h("header", { key: 'bf81a872538c66fe3a05c0b5aa764ea44ab9c8a7', class: hasHeader ? 'has-header' : '' }, h("div", { key: '62062576c3a87c3dc1c9a81e962e4ed17b1d88e4', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: 'e271f9fb1ef49db1a92d5573508b80fe5a1f90b4', class: "title" }, loc(this.label)), h("div", { key: 'c551740a3a5c0b7cb1d641e0901d7f2513fb8113', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '28a448d66c616084273625c1aff12f9f0572f1a0', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '47d51785b31b5193c7dd9bf3b77e14bbc033841a', label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { key: 'aaf00f646fb955ef54af0e9137683ca7798702cf', type: "chevron-up" })))), h("div", { key: 'a271132f91f52fb9b9fd6074d17dd06d49ac37bb', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
                 height: this.contentHeight,
-            } }, h("div", { key: 'c4e83982d85944756eb7f9f379a3671ce7faee6b', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '336a133e83f81a21da1e3008b0b4f35ffe25a4a6', ref: (el) => (this.contentSlot = el) })))));
+            } }, h("div", { key: '8b283ad5652d583666c9106e920e8854a2a706f1', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '53803361cff5de900da3e2669d564eda1d5bfb35', ref: (el) => (this.contentSlot = el) })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-select2.js

@@ -619,11 +619,11 @@ const Q2Select = /*@__PURE__*/ proxyCustomElement(class Q2Select extends HTMLEle
     }
     render() {
         var _a;
-        return (h("click-elsewhere", { key: '74b318aa5e949451bb9e594ca15bbb899d5af833', class: this.wrapperClasses, onChange: this.clickedElsewhere }, h("div", { key: '841ca38b6c5d5a2bce3da89119f2206157fa9dfc', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), h("q2-input", { key: 'd141c2482a503fff0977dd9e268927fceda5519b', ref: el => (this.inputField = el), class: "q2-select-input", label: (this.label && loc(this.label)) || '', value: this.selectedDisplay, clearable: (this.clearable && (!!this.value || !!((_a = this.selectedOptions) === null || _a === void 0 ? void 0 : _a.length))) || undefined, errors: (Array.isArray(this.errors) &&
+        return (h("click-elsewhere", { key: '2ef0c7239d7b33f9cce714e3cf0647ff9e947bde', class: this.wrapperClasses, onChange: this.clickedElsewhere }, h("div", { key: '3c787cbd45aaf3e9a184cccec58ba8b61c5dba1c', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), h("q2-input", { key: '8fefa7f567d571f4e3a80f5ba8274ecf60e5ab32', ref: el => (this.inputField = el), class: "q2-select-input", label: (this.label && loc(this.label)) || '', value: this.selectedDisplay, clearable: (this.clearable && (!!this.value || !!((_a = this.selectedOptions) === null || _a === void 0 ? void 0 : _a.length))) || undefined, errors: (Array.isArray(this.errors) &&
                 this.errors.length > 0 &&
                 this.errors.map(error => loc(error))) ||
                 (this.invalid && ['tecton.element.select.invalid']) ||
-                [], disabled: this.disabled, optional: this.optional, readonly: !!this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined, _role: "combobox", _preventEntry: !this.searchable }, this.renderCustomDisplay()), h("div", { key: 'e2bc0e2346e8854a092aa6e6298079335f736f37', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { key: 'd7d6ce24fab1745448a8fbf9285fb1c67b2b7e6a', name: "q2-select-display" })), this.renderOptionsDropdown()));
+                [], disabled: this.disabled, optional: this.optional, readonly: !!this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined, _role: "combobox", _preventEntry: !this.searchable }, this.renderCustomDisplay()), h("div", { key: '875be4ff0cf304bfe81ff8c29c4508bd47d0ff33', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { key: '48e9f6f0e9e9cb26835a4c32f0e960ad162688b4', name: "q2-select-display" })), this.renderOptionsDropdown()));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -74,7 +74,7 @@ const Q2StepperPane$1 = /*@__PURE__*/ proxyCustomElement(class Q2StepperPane ext
     // #region Render Methods
     render() {
         const { label, isActive } = this;
-        return (h(Host, { key: '5577f8962c2f65e0c80a626268d78b321aaeebad', role: "listitem" }, h(Fragment, { key: 'b555f074841b2dfd439f0428944d00ca4905844d' }, h("div", { key: '6f2cbfee6f87526b90a8f9db71d81c3f9411a307', "aria-label": label && loc(label), tabindex: "0", hidden: !isActive && !(this.isChildActive && this.showWithChildren) }, h("slot", { key: '633709be729c63190bbcf621d0e9078f750db2c0' })), h("div", { key: 'aaa34c1ca944fb104630f60afbd8405a841e552b', hidden: true }, h("slot", { key: '432bc5035bc265bb19bb3c493d1c3cdbcb939ac5', name: "label", onSlotchange: () => this.contentChange.emit() }), h("slot", { key: '24f3d22fd72773ae6edcbf12e6d14b34831385ee', name: "description", onSlotchange: () => this.contentChange.emit() })), h("slot", { key: 'd0024a07468337896f9c4f45059dce8de988f6ad', name: "children" }))));
+        return (h(Host, { key: '099f264e941e013c0533c52b4e573852a0ae6ea3', role: "listitem" }, h(Fragment, { key: '20d1d11ba4fcf3f915922d35095b151b94f16480' }, h("div", { key: 'cb3c1c97ac77d96ce0299138c067dd62df759636', "aria-label": label && loc(label), tabindex: "0", hidden: !isActive && !(this.isChildActive && this.showWithChildren) }, h("slot", { key: 'fd87a5838f6011c1bb04386397899a45d8e9078e' })), h("div", { key: '1b0b6697f2fd732df2fef3f0c41b8b10a56c183e', hidden: true }, h("slot", { key: '168bd3a7e57a4fe43fec897c4e758b92dc505971', name: "label", onSlotchange: () => this.contentChange.emit() }), h("slot", { key: '2052ed532f9f27aa562b10502c88d1d583d1d73b', name: "description", onSlotchange: () => this.contentChange.emit() })), h("slot", { key: '8e6532c40ef987227a81729029e1e1d00329210a', name: "children" }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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: '21459e973c382d566ad74cfa1079bcede3bc4bb4' }, h("div", { key: 'fb74e21ddf7346d79668b47f926ed3cf3473d6ce', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '6b4ba9451964d04c22e162d3b06b4dd493e6acdc' }, h("div", { key: '317d4dd68f295878cf2b27508f882dbbf41c660d', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: 'ddb5edf2ba557d5a7d2b19d48f5c11fba7c9fecc', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: '2c2d7a851f2e089b64d1884cc5109b6bed07138b', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '8752b1fa6b71189a513088998bad57e9cd372c02', type: "chevron-left" })), h("q2-btn", { key: '6299ffdbaee72154f91f75bad7fdecac49f1f491', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '9ddface0e855a5c6af58e6415ddc13a327a50e06', type: "chevron-right" })))), h("ul", { key: '18d55fe631add203b41784d7e10b60c6d587702a', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: '29141e95496abf8d409ce8ccdc71010f8cb6efdd', role: "list" }, h("slot", { key: 'f4cace12ffe8239c98ea12daee44fa3ff1369354', onSlotchange: () => this.onSlotChange() }))));
+        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() }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-textarea.js

@@ -295,7 +295,7 @@ const Q2Textarea$1 = /*@__PURE__*/ proxyCustomElement(class Q2Textarea extends H
         ]))));
     }
     render() {
-        return (h("div", { key: '9e15d586cc11ac73ce92f35a0d1a05dc6101e064', class: this.wrapperClasses }, renderLabel(this), h("div", { key: 'f0836c51dbeba1895d11a5bd20bfbaf3b5d22ad8', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
+        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))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

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