q2-tecton-elements 1.56.0 → 1.56.2

package/dist/esm/q2-relative-time.entry.js

@@ -141,7 +141,7 @@ const Q2RelativeTime = class {
     // #region Render Methods
     render() {
         const { shouldShow, displayedMessage } = this;
-        return h(Fragment, { key: '5e7ff5d71e03ff6feafa6b237eed0d781c6cfd33' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
+        return h(Fragment, { key: 'ff051c1959e6ed788c90501ef3ab4ecdc1f5b323' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-resize-observer.entry.js

@@ -78,7 +78,7 @@ const Q2ResizeObserver = class {
     // #endregion
     // #region Render Methods
     render() {
-        return h("slot", { key: '798bc24a617c7ed438cbfdd6634a68b633563463', onSlotchange: this.handleSlotChange });
+        return h("slot", { key: '7d455e40c969cc8a5666a521dcbe8d389d6e150a', onSlotchange: this.handleSlotChange });
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-section.entry.js

@@ -190,9 +190,9 @@ const Q2Section = class {
                 wrapperClasses.push('is-transitioning');
         }
         const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
-        return (h("section", { key: 'bbfe06712b56690ae7f8def68c98b5c1cca8e2fa', class: "wrapper" }, h("header", { key: '24af4112e033ecfa814d5c7f5e4e9063048331da', class: hasHeader ? 'has-header' : '' }, h("div", { key: 'b1b85036733e1a0eedffa0630dea497291c1c5fe', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: 'd30ea976fe3615ce2f860b67f65da5dbaeebb1b3', class: "title" }, loc(this.label)), h("div", { key: '1d418f693467f72543a8cca92a3c1dc07fd22005', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: 'c55270e6a2d09107d8c16fc82479599febff0d42', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '148ebf77f5312d83d97396d2ce15ac8d6fa7d9d6', 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: '2af71c83004a4135eac2fd4609ea033afac96a14', type: "chevron-up" })))), h("div", { key: 'b9834dfa6155ae98dcb3f8dc843705cafc7c56c9', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
+        return (h("section", { key: '71c1482d31e7053030e9c36883edc90e0e5c3d21', class: "wrapper" }, h("header", { key: 'e121ea36506ad3a832f766bb2aa0bbe032f05f07', class: hasHeader ? 'has-header' : '' }, h("div", { key: '36ea0a7f9eceaec0dd0f993e9127eb7596b122e1', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: '117705f6ef890ed02d146673fa3d9629cc5c0a82', class: "title" }, loc(this.label)), h("div", { key: '2a49ef960a6d2afb78b80c7e93d995a89c268c96', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '8b7564b09e2baf4193488295e4cc4a3775124edd', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: 'da53b8ba0be85f0a691e11e63f7f484598c4e1d3', 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: '1b5f5450d3b0d438a9b7635af161f178732a2d59', type: "chevron-up" })))), h("div", { key: 'b6d48ffaf628a680256cad41fe9ca85a853aa3c5', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
                 height: this.contentHeight,
-            } }, h("div", { key: 'be9083ee75ea9c3b9acb1219f23b185cea0e1052', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '1613a87c08efa9506e5333cd542c890d4e9ca7f9', ref: (el) => (this.contentSlot = el) })))));
+            } }, h("div", { key: '8037954e38ee9cce6c07821b3164d01e97d87404', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: 'a3b8d35029fdffbb248627c4a8c742da827a0526', ref: (el) => (this.contentSlot = el) })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-select.entry.js

@@ -609,11 +609,11 @@ const Q2Select = class {
     }
     render() {
         var _a;
-        return (h("click-elsewhere", { key: '4d85ead825464b2752a2682d8dfe95e881eac392', class: this.wrapperClasses, onChange: this.clickedElsewhere }, h("div", { key: 'f640a1fc2d40d5bf754bcc73c0692e29b5e92526', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), h("q2-input", { key: '632afaa85efe389b9ed0b31e2d450800f294829b', 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: 'eebb5135dcbc3eedbdeb53b46b96a827996e49fe', class: this.wrapperClasses, onChange: this.clickedElsewhere }, h("div", { key: '994de0b1a202772014b14c0cb46a46cfa4c42b35', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), h("q2-input", { key: 'fe83525b21254030ace9e7569fc75b93118cf14e', 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: 'ea0003b654b98bb4848071c263ae9a7c9ec40e68', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { key: '3fa0e1f7eb933e67151a3f7668cd5a17d5116b09', 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: 'ac13068e7fa745d0a150ec22944426d4d050befc', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { key: '234ea03bb3a4fc2e53e4ec0a5fa87fa2c79bb314', name: "q2-select-display" })), this.renderOptionsDropdown()));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-stepper-vertical.entry.js

@@ -287,7 +287,7 @@ const Q2StepperVertical = class {
         return (h("li", { role: "presentation" }, h("button", { class: stepClasses.join(' '), type: "button", "aria-labelledby": labelId, "aria-describedBy": descriptionId, "aria-label": btnLabel, "aria-selected": `${isCurrentStep}`, "aria-expanded": !!pane.children.length ? `${isExpanded}` : null, id: id, "aria-disabled": isLocked ? 'true' : null, role: "tab", tabIndex: isCurrentStep ? 0 : -1, onKeyDown: ev => !isLocked && this.onStepKeyDown(ev, id), onClick: ev => !isLocked && this.onStepClick(ev, id) }, statusIcon ? (h("div", { class: "step-icon" }, h("q2-icon", { type: statusIcon }))) : (h("div", { class: "step-bubble" }, stepNumber)), label && (h("div", null, h("div", { class: "step-label", id: labelId }, stepLabel), description && (h("div", { class: "step-description", id: descriptionId }, loc(description)))))), this.renderSpacer(pane, stepLabel, isExpanded, isLastStep)));
     }
     render() {
-        return (h(Fragment, { key: 'aa4aac984752016ea5bca46d89995733a27846d2' }, h("ul", { key: '73b6573640315387ffe9e592e23550b6a65bbe49', role: "tablist" }, this.structuredPanes.map((pane, index) => this.renderStepBtn(pane, index))), h("div", { key: '52f6b7c9bff3687b4965713964abbc9b6d3196c0', role: "list" }, h("slot", { key: '3d300a46597fbde346ce2949cc9062830a5d88fd' }))));
+        return (h(Fragment, { key: 'f5bf3f50398ef904f8f900176ea14963ef5656a2' }, h("ul", { key: 'bf954a69ea416e52e6ceb4c6e4dbfab333d1e967', role: "tablist" }, this.structuredPanes.map((pane, index) => this.renderStepBtn(pane, index))), h("div", { key: '857776b7ad28f3cd6a0efe44bf9a757fc5370c51', role: "list" }, h("slot", { key: '9212d6862d7fc61cbdc208283e548617bc5d6bc3' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-stepper.entry.js

@@ -249,7 +249,7 @@ const Q2Stepper = class {
         const containerClasses = ['step-container'];
         if (scrollEnabled)
             containerClasses.push('has-scroll');
-        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() }))));
+        return (h(Fragment, { key: '6ea3acf647885df2320d9fe3dfe00a3cbb44a7c8' }, h("div", { key: 'ea1e56974b2d151688ae76f7313268c33ccee943', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '08fa932af268f005470ea96b73a32af514e00afe' }, h("div", { key: '9d670b4e2db395b22bead51ba1817bfc14fa7ea3', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: 'dccc15b27ac05d8dc5577929a52c28dc5c26aa67', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: 'd0c93b18689e1f2cd8d59d4207dcab65bdcef8be', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '7af14a1b32991daff84c1add8c762682f36e6052', type: "chevron-left" })), h("q2-btn", { key: '56b65d686380383c2384bf88ff891700b124b9a0', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: 'ef0ef25c947956ea347d1afd1eec50862c5e5842', type: "chevron-right" })))), h("ul", { key: 'edc4b5c7abe932084e1ee649c4a284276554d190', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: 'e85df115f639ef3c43adddabd314e4fe549a6e8a', role: "list" }, h("slot", { key: '625f8d3a59026a2e2dbcbc2090e3ded3426b0e58', onSlotchange: () => this.onSlotChange() }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-tag.entry.js

@@ -194,7 +194,7 @@ const Q2Tag = class {
         if (this.optionCount)
             wrapperClassNames.push('has-options');
         const shouldShowOptions = this.optionCount > 0;
-        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' })))))));
+        return (h(Host, { key: '68f5b6280096d3171a53d8b42a5e6bfc33c3ca08', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '5b65d826103439903c33c70ff48c0e3fec35940d', 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: '94e08b096e26290d91b3746c76f1b9fec70719dc', 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: '04106af14fe05d5171b0048b3f2b49e8f3c87813', 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: 'cc5b0b58510869e83700a1d4bcd18b861f13e0ee' })))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/q2-textarea.entry.js

@@ -292,7 +292,7 @@ const Q2Textarea = class {
         ]))));
     }
     render() {
-        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))));
+        return (h("div", { key: 'c0fa5a65b509d19d20dc3cd5e98dbab13731ed32', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '806d4da8131f46f9b824cb3c61002a423622af31', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tecton-tab-pane.entry.js

@@ -69,9 +69,9 @@ const TectonTabPane = class {
     // #endregion
     // #region Render Methods
     render() {
-        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("div", { key: '59ebaff7be545ea9a1084b7776cc1aa69a7e4262', 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: 'ec61f9cc8161017a2f155e598c1e05bd266d48c7' }, h("slot", { key: 'fd411e880c40ca7c5c87ebe4fbe4f1a8d53369a6', name: "loading-wrapper" }), h("iframe", { key: '112941cb9da246cae01c57c8168e93b4a8073485', 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: 'bc14a67d449c6ad119f2233452610da4a6e664e1', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '8c0be1b729fff29cbc865f3ce81cdd07ac99d57c' }))));
+        }))) : (''))), h("div", { key: '37651d3b67f08b1e55ab273ede38c24fba7d373a', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '0f3afba0f502709a32080f30d0e69a764358dc11' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/q2-tecton-elements/q2-action-group.entry.js

@@ -110,16 +110,16 @@ const r = class {
     if (e) a.push(`has-${e}`);
     a.push(o);
     return i("q2-resize-observer", {
-      key: "9f4ebe3c545924aaeab5e1cec5736182df6cf683",
+      key: "a8dd36e703c95b0fa144fc481e118e913a88a513",
       onTctResize: this.handleResize,
       disabled: t
     }, i("div", {
-      key: "238f2a933faa9035c028e14bbe86e74765af53c1",
+      key: "1f58dc67f16add912686af05783b1ed451d850b1",
       ref: t => this.container = t,
       class: a.join(" "),
       role: "group"
     }, i("slot", {
-      key: "ed4af4d22bbb28265ed7bc65609a1b06508caa74"
+      key: "5097f8fce0fd1f8527d37ceb613ab7ba59461791"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-action-sheet.entry.js

@@ -230,32 +230,32 @@ const h = class {
     const r = (e === null || e === void 0 ? void 0 : e.appearance) || "slot";
     const n = `interior is-${r}`;
     return i("dialog", {
-      key: "556d963140d0cd87822dcd9b2fae4739793f56c3",
+      key: "9ca8d184a65d40a6daa7f0b2c316ef64e23e25ca",
       ref: t => this.dialogElement = t,
       class: a,
       onClick: this.onClick
     }, i("div", {
-      key: "d8061060c384136cb2941aa2e4d9628866946127",
+      key: "c85f4ce3fa803254c7b6408333c2ac873dc080b6",
       class: n
     }, o && i("header", {
-      key: "cbd3bd7664b4e4b5b2facb7716174210e3e0ccfe"
+      key: "1cd47f8056365d745e493989e9086dbf181aa0d3"
     }, i("div", {
-      key: "4f506806a80c41f84f5e0d3a0056523d3784c7d4",
+      key: "db481ceb48e40cf8152c244cfbca351e9e1567d5",
       class: "title"
     }, (e === null || e === void 0 ? void 0 : e.title) || this.title), !this.hideClose && i("q2-btn", {
-      key: "600f883b6809db14d53fede67e238d40c28a89d8",
+      key: "10542c731b5c38d23789630a3f25e9dda6c5d7a9",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.actionSheet.close",
       "hide-label": true
     }, i("q2-icon", {
-      key: "1f80214fa5e66d1e031be2727a197f9137d3dfa3",
+      key: "44eddfd4cf3bc05641cc39d608e8efd4b88fa49b",
       type: "close"
     }))), ((t = this.data) === null || t === void 0 ? void 0 : t.description) && i("p", {
-      key: "1fbd683272184f40afe07eddcf146b4533d356a3"
+      key: "3b6a9efbc672f232c5113dd270a076cc90fc8fb1"
     }, e.description), s && i(s, {
-      key: "3cdf691ca2aa46de25ccde884f9b51542bd3e6df",
+      key: "bce3393f11f22231e428f16fbfe0a31e2f3bf9e7",
       data: this.data
     })));
   }

package/dist/q2-tecton-elements/q2-avatar.entry.js

@@ -52,9 +52,9 @@ const c = class {
     const e = (this.name || this.initials) && (!this.src || this.badSrc);
     const c = !this.name && !this.initials && (!this.src || this.badSrc);
     return t("div", {
-      key: "d9721ec70f2f1162159d401c3d6e25bc7d757387"
+      key: "f27ea8f71e3fc6245b5e1fb38dff6d0623f68c27"
     }, r && t("img", {
-      key: "4453493c5432082368a77764dfb9851571a70237",
+      key: "29e7de94fb2831c8587926442ed971ac0cd4cd07",
       class: i ? "avatar-img" : "avatar-img-default",
       "test-id": "userImage",
       src: this.src,
@@ -62,7 +62,7 @@ const c = class {
       onLoad: this.onLoad,
       alt: this.name || ""
     }), e && t("svg", {
-      key: "10303ff815e3839035e0f1ab466b9999c3c1ad95",
+      key: "457bbdb3ab4683768d9eee9d629424785fd33704",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid meet",
       "test-id": "userInitials",
@@ -70,18 +70,18 @@ const c = class {
       "aria-label": this.name,
       "aria-hidden": !this.name && "true"
     }, t("text", {
-      key: "9fa420ccf432f2ccf5d2e99555489ac5fbc28358",
+      key: "de71a6104211e80b2b88e8203ec35877c8645243",
       x: "50",
       y: "50",
       "dominant-baseline": "central",
       "text-anchor": "middle",
       "aria-hidden": "true"
     }, a)), c && t("div", {
-      key: "20da7ea3494eb9a403b0a7c5d038c097003c15e1",
+      key: "8e49ed997f6314287ac5dfc4eba70444f2e6a45c",
       "test-id": "fallbackIcon",
       class: "fallback"
     }, t("q2-icon", {
-      key: "a7b493de65050f601d395e183dcec0ff4382011a",
+      key: "518bf1469398e5dfbf7388ac5d3288de7fa8b14e",
       type: this.icon
     })));
   }

package/dist/q2-tecton-elements/q2-badge_7.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as r, g as o, F as a, a as e, c as i } from "./index-7a5365e2.js";
 
-import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-c215e8ef.js";
+import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as h, s as f, e as v, n as m, r as x, f as g } from "./index-c215e8ef.js";
 
 import { s as k } from "./shapes-c7e1a3fa.js";
 
@@ -210,14 +210,14 @@ const M = class {
   // #region Render Methods
   renderButton() {
     const {ariaExpanded: t, ariaHasPopup: o, ariaSelected: e, ariaPressed: i, description: c, disabled: s, type: d, tabindex: l} = this.buttonAttributes;
-    const {iconPosition: p, loading: b, badge: u, label: f, hideLabel: h} = this;
+    const {iconPosition: p, loading: b, badge: u, label: h, hideLabel: f} = this;
     const v = p || b;
     const m = !p || u;
     return r(a, null, r("button", {
       ref: t => this.primaryBtn = t !== null && t !== void 0 ? t : this.primaryBtn,
       "aria-expanded": t,
       "aria-haspopup": o,
-      "aria-label": h && n(f),
+      "aria-label": f && n(h),
       "aria-selected": e,
       "aria-pressed": i,
       disabled: s,
@@ -226,7 +226,7 @@ const M = class {
       "test-id": "q2BtnInnerButton",
       class: this.buttonClasses,
       "aria-describedby": !!c ? "hidden-description" : undefined,
-      "aria-labelledby": this.intent === "coin" && !h ? "coin-label" : undefined,
+      "aria-labelledby": this.intent === "coin" && !f ? "coin-label" : undefined,
       role: this._role || undefined
     }, r("div", {
       class: "slot-container"
@@ -366,10 +366,10 @@ const bt = "standard";
 
 const ut = "standard";
 
-const ft = "standard";
-
 const ht = "standard";
 
+const ft = "standard";
+
 const vt = "standard";
 
 const mt = "standard";
@@ -474,10 +474,10 @@ const br = "standard";
 
 const ur = "standard";
 
-const fr = "standard";
-
 const hr = "standard";
 
+const fr = "standard";
+
 const vr = "devices";
 
 const mr = "standard";
@@ -749,11 +749,11 @@ const bo = {
   desktop: pt,
   diploma: bt,
   divider: ut,
-  document: ft,
+  document: ht,
   "document-add": "standard",
   "document-checklist": "standard",
   "document-remove": "standard",
-  download: ht,
+  download: ft,
   "drag-handle": "standard",
   edit: vt,
   ellipsis: mt,
@@ -882,8 +882,8 @@ const bo = {
   paw: br,
   people: ur,
   "people-group": "standard",
-  percent: fr,
-  person: hr,
+  percent: hr,
+  person: fr,
   "person-add": "standard",
   "person-lock": "standard",
   "person-remove": "standard",
@@ -976,9 +976,9 @@ const bo = {
 
 const uo = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
 
-const fo = uo;
+const ho = uo;
 
-const ho = class {
+const fo = class {
   constructor(r) {
     t(this, r);
     this.spritePrefix = "tecton-sprite-";
@@ -1159,7 +1159,7 @@ const ho = class {
   }
 };
 
-ho.style = fo;
+fo.style = ho;
 
 function formatNumber(t = "", r = {
   prefix: "",
@@ -1197,8 +1197,8 @@ function formatNumber(t = "", r = {
     b = b + r.decimalSeparator.length;
   }
   const u = r.prefix || r.suffix;
-  const f = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
-  const h = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
+  const h = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
+  const f = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
   return {
     value: e,
     formattedValue: l,
@@ -1206,8 +1206,8 @@ function formatNumber(t = "", r = {
     prefix: u,
     suffix: "",
     formattingCharacterCount: b,
-    maxlength: f,
-    unformattedValue: h
+    maxlength: h,
+    unformattedValue: f
   };
 }
 
@@ -4301,7 +4301,7 @@ const Io = class {
     this.invalid = i(this, "invalid", 7);
     // #region Own Properties
         this.guid = u();
-    this.isMobile = f();
+    this.isMobile = h();
     this.scheduledAfterRender = [];
     /**
          * Sets textSelectedForDeletion to true if the user has selected text for deletion
@@ -4349,7 +4349,7 @@ const Io = class {
     };
     this.onInputBlur = () => {
       this.hasFocus = false;
-      h(this);
+      f(this);
       if (this.valueOnFocus !== this.formattedValueObject.value) {
         this.valueOnFocus = this.formattedValueObject.value;
         this.change.emit(Object.assign({
@@ -4369,7 +4369,7 @@ const Io = class {
         this.scheduledAfterRender.push((() => this.shouldCursorStartAtEnd ? this.placeCursorAtEnd() : this.setCursorPosition(this.calculateCursorPositionOnFocus())));
       }
       this.hasFocus = true;
-      h(this);
+      f(this);
       this.valueOnFocus = this.value;
     };
     this.onInputInput = t => {
@@ -4410,7 +4410,7 @@ const Io = class {
     this.onRefocusInput = () => {
       if (this.showMessages) {
         this.inputField.focus();
-        h(this);
+        f(this);
       }
     };
     this.onToggleVisibility = () => {
@@ -4576,7 +4576,7 @@ const Io = class {
     }
   }
   errorsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
   }
   formatModifierObserver() {
     this.formatAndUpdateValueFromProp();
@@ -4585,7 +4585,7 @@ const Io = class {
     this.formatted.emit(this.formattedValueObject);
   }
   hintsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
   }
   typeObserver() {
     this.formatAndUpdateValueFromProp();
@@ -5013,10 +5013,10 @@ const Io = class {
   }
   render() {
     return r("div", {
-      key: "89cd96989f8f94952e141cc7dc2c7125106817b5",
+      key: "94d94d9aa6f117b6e43bb978fea6081250d91c90",
       class: this.wrapperClasses
     }, r("div", {
-      key: "6112dc111fcd2ea2d82416fa820ac803e7514f23",
+      key: "b1b02a05ec6c8c0b7695ad51a9a7626dbe31d019",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }
@@ -5416,49 +5416,49 @@ const Po = class {
   }
   render() {
     return r(a, {
-      key: "00671ce4926d564d32501ec38abd48deac07cfbb"
+      key: "d55e6c349177c8fc375b3cf4040cb08a0b0de461"
     }, r("div", {
-      key: "5c1f13533e55cfd63c7e8e80e42cfbd1f9a219dd",
+      key: "dd03010c03f34b20247e8b88a6ceb473e70501bb",
       class: "tab-container"
     }, this.scrollEnabled && r(a, {
-      key: "f3c7f03440d17924f526b315efedef8f90285a78"
+      key: "7cf61b1e74b8d51788f4bf156847557924b225d1"
     }, r("div", {
-      key: "d7be2db2322c112984c7096a884e7a3f7b48d2d0",
+      key: "0c75886442b045d38d0e57eb0f09379632675707",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), r("div", {
-      key: "02c6d98870223b4b081839db9af754d491e6fe2f",
+      key: "f637fb09527f07bb772d54d0a2d5118894f38a07",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), r("q2-btn", {
-      key: "f694ea3ce2beb6c25d09f9a26ddddd7123bb76f6",
+      key: "c2ddbc49798f8e75fead0562149852b67792c3de",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "79c62503753d185782b922ec2fd15e7042f8e459",
+      key: "7cb434c677a2bf586430b6a7ad0183ac91da89e3",
       type: "chevron-left",
       label: "scroll left"
     })), r("q2-btn", {
-      key: "8b0b9b0e6c21d08c3dc5f1c9003e4024ec3bd6db",
+      key: "1e3a7f262ccd2825b8f34ac4022a57dfa3cbf604",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "b4fdd4caa182e430255a8787300113c472ddf9f5",
+      key: "20f782f8d334a1607e92b27d6eae60f10c2e8e50",
       type: "chevron-right",
       label: "scroll right"
     }))), r("ul", {
-      key: "16036b801d37dcef0249aff290d19d9e484a0ce4",
+      key: "be54e8b79488cfa5b3d2d9723c5ae20bc260d2db",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist"
     }, this.tabs.map(((t, r) => this.renderTab(t, r))))), r("div", {
-      key: "7879b477deded91f2ec856c33a4b5170857c83ae",
+      key: "70bba74bc4a486f5c2d38e8811c45d8dfe57271a",
       class: "tab-content"
     }, r("slot", {
-      key: "c1d3857b108dd9f6faea22cfb28495d6fd91f83c",
+      key: "e4d490146294c667a9c027514c794a1c57b1fab6",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -5503,7 +5503,7 @@ const Go = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "86b748104c438b4d92f2343d30fac0b5e7150835",
+      key: "998b51cf685abfda0ed4647bfdb550b9a474541f",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -5511,7 +5511,7 @@ const Go = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, r("slot", {
-      key: "db229a7eeeaaa208635413f57ff5021b9230ecb0"
+      key: "12ef298cbd2bb7e98d820e88f9c6d65f3b3db733"
     }));
   }
   static get watchers() {
@@ -5526,5 +5526,5 @@ const Go = class {
 
 Go.style = Bo;
 
-export { S as q2_badge, M as q2_btn, ho as q2_icon, Io as q2_input, Eo as q2_loading, Po as q2_tab_container, Go as q2_tab_pane };
+export { S as q2_badge, M as q2_btn, fo as q2_icon, Io as q2_input, Eo as q2_loading, Po as q2_tab_container, Go as q2_tab_pane };
 //# sourceMappingURL=q2-badge_7.entry.js.map

package/dist/q2-tecton-elements/q2-card.entry.js

@@ -1,10 +1,10 @@
 import { r as t, c as a, h as r, F as c, g as o } from "./index-7a5365e2.js";
 
-import { k as e, o as i, i as s } from "./index-c215e8ef.js";
+import { k as e, o as i, i as n } from "./index-c215e8ef.js";
 
-const n = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:100%;display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}:host(:not([is-static])) .container{--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 4px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:var(--tct-card-border-style, solid);border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable{cursor:pointer}@media (hover: hover){:host(:not([is-static])) .container.clickable{--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable:hover,:host(:not([is-static])) .container.clickable:active,:host(:not([is-static])) .container.clickable:focus{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}:host(:not([is-static])) .container.clickable:hover{box-shadow:var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}}:host(:not([is-static])) .container.is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}:host(:not([is-static])) .container.has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;white-space:nowrap}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.bar.color-primary{--comp-bar-color:var(--tct-card-bar-color-primary, var(--t-primary, #5446a4))}.bar.color-secondary{--comp-bar-color:var(--tct-card-bar-color-secondary, var(--t-secondary, #b6b3cc))}.bar.color-tertiary{--comp-bar-color:var(--tct-card-bar-color-tertiary, var(--t-tertiary, #ebe8fc))}.bar.color-info{--comp-bar-color:var(--tct-card-bar-color-info, var(--const-stoplight-info, #0079c1))}.bar.color-success{--comp-bar-color:var(--tct-card-bar-color-success, var(--const-stoplight-success, #0e8a00))}.bar.color-warning{--comp-bar-color:var(--tct-card-bar-color-warning, var(--const-stoplight-warning, #c35500))}.bar.color-alert{--comp-bar-color:var(--tct-card-bar-color-alert, var(--const-stoplight-alert, #c35500))}.bar.color-accent-1{--comp-bar-color:var(--tct-card-bar-color-accent-1, var(--t-accent-1, #e05252))}.bar.color-accent-2{--comp-bar-color:var(--tct-card-bar-color-accent-2, var(--t-accent-2, #e09952))}.bar.color-accent-3{--comp-bar-color:var(--tct-card-bar-color-accent-3, var(--t-accent-3, #e0e052))}.bar.color-accent-4{--comp-bar-color:var(--tct-card-bar-color-accent-4, var(--t-accent-4, #99e052))}.bar.color-accent-5{--comp-bar-color:var(--tct-card-bar-color-accent-5, var(--t-accent-5, #52e052))}.bar.color-accent-6{--comp-bar-color:var(--tct-card-bar-color-accent-6, var(--t-accent-6, #52e099))}.bar.color-accent-7{--comp-bar-color:var(--tct-card-bar-color-accent-7, var(--t-accent-7, #52e0e0))}.bar.color-accent-8{--comp-bar-color:var(--tct-card-bar-color-accent-8, var(--t-accent-8, #5299e0))}.bar.color-accent-9{--comp-bar-color:var(--tct-card-bar-color-accent-9, var(--t-accent-9, #5252e0))}.bar.color-accent-10{--comp-bar-color:var(--tct-card-bar-color-accent-10, var(--t-accent-10, #9952e0))}.bar.color-accent-11{--comp-bar-color:var(--tct-card-bar-color-accent-11, var(--t-accent-11, #e052e0))}.bar.color-accent-12{--comp-bar-color:var(--tct-card-bar-color-accent-12, var(--t-accent-12, #e05299))}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";
+const s = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:var(--tct-card-height, 100%);min-height:var(--tct-card-min-height, auto);display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}:host(:not([is-static])) .container{--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 4px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:var(--tct-card-border-style, solid);border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable{cursor:pointer}@media (hover: hover){:host(:not([is-static])) .container.clickable{--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable:hover,:host(:not([is-static])) .container.clickable:active,:host(:not([is-static])) .container.clickable:focus{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}:host(:not([is-static])) .container.clickable:hover{box-shadow:var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}}:host(:not([is-static])) .container.is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}:host(:not([is-static])) .container.has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-card-title-line-count, 1);-webkit-box-orient:vertical}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-card-description-line-count, 2);-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.bar.color-primary{--comp-bar-color:var(--tct-card-bar-color-primary, var(--t-primary, #5446a4))}.bar.color-secondary{--comp-bar-color:var(--tct-card-bar-color-secondary, var(--t-secondary, #b6b3cc))}.bar.color-tertiary{--comp-bar-color:var(--tct-card-bar-color-tertiary, var(--t-tertiary, #ebe8fc))}.bar.color-info{--comp-bar-color:var(--tct-card-bar-color-info, var(--const-stoplight-info, #0079c1))}.bar.color-success{--comp-bar-color:var(--tct-card-bar-color-success, var(--const-stoplight-success, #0e8a00))}.bar.color-warning{--comp-bar-color:var(--tct-card-bar-color-warning, var(--const-stoplight-warning, #c35500))}.bar.color-alert{--comp-bar-color:var(--tct-card-bar-color-alert, var(--const-stoplight-alert, #c35500))}.bar.color-accent-1{--comp-bar-color:var(--tct-card-bar-color-accent-1, var(--t-accent-1, #e05252))}.bar.color-accent-2{--comp-bar-color:var(--tct-card-bar-color-accent-2, var(--t-accent-2, #e09952))}.bar.color-accent-3{--comp-bar-color:var(--tct-card-bar-color-accent-3, var(--t-accent-3, #e0e052))}.bar.color-accent-4{--comp-bar-color:var(--tct-card-bar-color-accent-4, var(--t-accent-4, #99e052))}.bar.color-accent-5{--comp-bar-color:var(--tct-card-bar-color-accent-5, var(--t-accent-5, #52e052))}.bar.color-accent-6{--comp-bar-color:var(--tct-card-bar-color-accent-6, var(--t-accent-6, #52e099))}.bar.color-accent-7{--comp-bar-color:var(--tct-card-bar-color-accent-7, var(--t-accent-7, #52e0e0))}.bar.color-accent-8{--comp-bar-color:var(--tct-card-bar-color-accent-8, var(--t-accent-8, #5299e0))}.bar.color-accent-9{--comp-bar-color:var(--tct-card-bar-color-accent-9, var(--t-accent-9, #5252e0))}.bar.color-accent-10{--comp-bar-color:var(--tct-card-bar-color-accent-10, var(--t-accent-10, #9952e0))}.bar.color-accent-11{--comp-bar-color:var(--tct-card-bar-color-accent-11, var(--t-accent-11, #e052e0))}.bar.color-accent-12{--comp-bar-color:var(--tct-card-bar-color-accent-12, var(--t-accent-12, #e05299))}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";
 
-const d = n;
+const d = s;
 
 const l = [ "primary", "secondary", "tertiary", "info", "success", "warning", "alert", "accent-1", "accent-2", "accent-3", "accent-4", "accent-5", "accent-6", "accent-7", "accent-8", "accent-9", "accent-10", "accent-11", "accent-12" ];
 
@@ -51,7 +51,7 @@ const h = class {
   // #endregion
   // #region Listeners
   onHostElementFocus(t) {
-    if (!s(t, this.hostElement)) return;
+    if (!n(t, this.hostElement)) return;
     this.clickableElement.focus();
   }
   // #endregion
@@ -89,15 +89,15 @@ const h = class {
     }
   }
   generateContainerClasses() {
-    const {isSmall: t, isAutoSmall: a, avatarName: r, avatarInitials: c, avatarSrc: o, avatarIcon: e, isTouch: i, isAutoTouch: s, isStatic: n, type: d} = this;
+    const {isSmall: t, isAutoSmall: a, avatarName: r, avatarInitials: c, avatarSrc: o, avatarIcon: e, isTouch: i, isAutoTouch: n, isStatic: s, type: d} = this;
     const l = [ "container", d ];
     const h = t || a;
-    const v = i || s;
-    const p = r || c || o || e;
+    const v = i || n;
+    const b = r || c || o || e;
     if (h) l.push("is-small");
-    if (v && !n) l.push("is-touch");
-    if (p) l.push("has-avatar");
-    if (n) l.push("is-static");
+    if (v && !s) l.push("is-touch");
+    if (b) l.push("has-avatar");
+    if (s) l.push("is-static");
     return l.join(" ");
   }
   generateContent() {