q2-tecton-elements 1.56.2 → 1.56.4

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as o } from "./index-7a5365e2.js";
 
-import { m as r, o as n, i as a, w as s, l as c } from "./index-c215e8ef.js";
+import { m as r, o as n, i as a, w as s, l as c } from "./index-f2a66217.js";
 
 import { a as l, s as d } from "./action-sheet-1e24cb38.js";
 
@@ -344,19 +344,19 @@ const v = class {
     if (t || i) r.push("has-icon");
     if (t) r.push("has-options");
     return e("click-elsewhere", {
-      key: "1a38e1b79a2374179402a38766d71d4b0e0c87c2",
+      key: "39b8191efec50c57a7a99a32ef75cfd1cc077542",
       onChange: this.onClickElsewhere
     }, e("div", {
-      key: "42449fc55a6e5e376e6988cd98b8ada97fe7b354",
+      key: "567cd1584f0ba37881c05e2874f53c7c0c7fcb95",
       class: r.join(" ")
     }, e("div", {
-      key: "064912bd05367c774b4ed3e279006e92bd362fac",
+      key: "069dfffaac43291cdab44de446f0a2279f6252be",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, e("button", {
-      key: "c8c9ff305b0a5034bb2267c48df93742dc55b893",
+      key: "0bb5a84f2ff5e53a6ceb78700377d345644a96ef",
       class: "btn-primary",
       "test-id": "btn-control",
       type: "button",
@@ -372,10 +372,10 @@ const v = class {
       "aria-label": this.buttonContent,
       "aria-describedby": t && "option-description" || undefined
     }, this.truncatedButtonContent, !t && i && e("span", {
-      key: "6f43159191e9b0a8c4f91a5d039df0470aa81989",
+      key: "32e5c78e876f9a45fc030bb5b2c1db7f55b31094",
       class: "sr"
     }, "(", c("tecton.element.pill.active"), ")"))), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && e("q2-popover", {
-      key: "4753edbf7ccc743fe250a1de1c4764e946a9808e",
+      key: "03700b0b36ae8679c383ddda879036be0154d51c",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -385,20 +385,20 @@ const v = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, e("div", {
-      key: "d69a33c01a2ac50578b61f534dfbbe4e0bb6b70e",
+      key: "271a56c5bb184c65b2b9b334e962d220008c35b2",
       class: "popover-content"
     }, e("div", {
-      key: "86414eeb865a4a2bf9794743abb0320e549861d6",
+      key: "a7a3454c9592d29bb6af477dfd4a7582f7167984",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleKeydown
     }, e("slot", {
-      key: "b5de1db64154afb5c436371f0e3e18900c179517",
+      key: "7e81948063866a172018203d1add5ce48f533093",
       name: "popover-top"
     })), e("q2-option-list", {
-      key: "dacf5eb6be2ba24ed9c4ed0e47d56a30d2a8b29f",
+      key: "e83afc508bf20d9eeb8154d79afa6a4792ab3def",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -408,16 +408,16 @@ const v = class {
       onReady: () => this.updateSelectedOptionElements(),
       label: c("tecton.element.optionList.label", [ this.optionListLabel ])
     }, e("slot", {
-      key: "daba4b0b15124d315df04d3c9d854aa7f65c72b8"
+      key: "2c5227d4994484480915d59b00266f38fe30b40d"
     })), e("div", {
-      key: "a57ffcdc81ac2221d39182beea673b31b57edd2d",
+      key: "a70b7e91ba7c1f2826881d983ee44433687752c9",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleKeydown
     }, e("slot", {
-      key: "3486555868e3b2825a3dc413a3f0146ddd3eb8d5",
+      key: "ed2a086eeee755951a42dcf985519cfde693cf85",
       name: "popover-bottom"
     })))));
   }

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, F as r, g as a } from "./index-7a5365e2.js";
 
-import { c as o, o as n, i as s, f as d } from "./index-c215e8ef.js";
+import { c as o, o as n, i as s, f as d } from "./index-f2a66217.js";
 
 const l = '*{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{--comp-default-radio-group-margin:var(--tct-radio-group-margin-top, var(--t-radio-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-radio-group-margin-bottom, var(--t-radio-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-radio-group-margin, var(--comp-default-radio-group-margin))}fieldset{padding:var(--tct-radio-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-radio-group-label-column-gap, var(--app-scale-2x, 10px))}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-radio-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-radio-group-label-optional-color, var(--t-radio-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-radio-group-label-optional-font-size, var(--t-radio-group-label-optional-font-size, 12px));font-weight:var(--tct-radio-group-label-optional-font-weight, var(--t-radio-group-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-0x, 0px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-radio-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-radio-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';
 

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

@@ -1,15 +1,15 @@
-import { r as t, c as e, h as r, g as o } from "./index-7a5365e2.js";
+import { r as t, c as r, h as e, g as o } from "./index-7a5365e2.js";
 
-import { c as a, a as i, o as c, l } from "./index-c215e8ef.js";
+import { c as a, a as i, o as c, l } from "./index-f2a66217.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}.radio-container{--comp-radio-margin:var(--tct-radio-margin, var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px)) var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px)));margin:var(--comp-radio-margin)}.radio-container label[for]{color:var(--tct-radio-label-color, inherit);font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:var(--tct-radio-label-margin-right, 1rem);display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container label[for].label-hidden{grid-template-columns:var(--tct-radio-label-hidden-columns, 18px 1fr)}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));fill:var(--tct-radio-background-fill, transparent)}.radio-container input:checked+label circle:nth-child(1){fill:var(--tct-radio-checked-background-fill, var(--tct-radio-checked-bg, transparent));stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-radio-checked-label-font-weight, var(--tct-checkbox-selected-font-weight, 600));letter-spacing:var(--tct-radio-checked-label-letter-spacing, var(--tct-checkbox-selected-letter-spacing, 0.25));color:var(--tct-radio-checked-label-font-color, var(--tct-radio-checked-label-color, inherit))}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:hover+label circle:nth-child(1){fill:var(--tct-radio-hover-background-fill, transparent);stroke:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:hover+label .label-content{color:var(--tct-radio-hover-label-color, inherit)}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){fill:var(--tct-radio-focus-background-fill, transparent);stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:focus+label .label-content{color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{color:var(--tct-radio-label-font-color, var(--tct-radio-label-color, inherit));align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));background:var(--tct-radio-background-fill, transparent);cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:checked+label{border-color:var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));box-shadow:inset 0 0 0 2px #ffffff;background:var(--tct-radio-checked-background-fill, transparent);color:var(--tct-radio-checked-label-color, inherit)}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}.radio-tile input:hover+label{border-color:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)));background:var(--tct-radio-hover-background-fill, transparent);color:var(--tct-radio-hover-label-color, var(--tct-radio-label-color, inherit))}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));background:var(--tct-radio-focus-background-fill, transparent);box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';
 
 const d = n;
 
 const s = class {
-  constructor(r) {
-    t(this, r);
-    this.change = e(this, "change", 7);
+  constructor(e) {
+    t(this, e);
+    this.change = r(this, "change", 7);
     // #region Own Properties
         this._id = `radio-${a()}`;
     this.isLoaded = false;
@@ -82,10 +82,10 @@ const s = class {
   // #endregion
   // #region Render Methods
   render() {
-    return r("div", {
+    return e("div", {
       key: "c4e09b90ce268944642098bc7c05f49bd26593f6",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
-    }, r("input", {
+    }, e("input", {
       key: "7dfa6f992921ef80346f3d4f7ba61da65c3fac6a",
       ref: t => this.inputField = t,
       class: "sr",
@@ -98,32 +98,32 @@ const s = class {
       "aria-label": this.label && this.hideLabel ? l(this.label) : undefined,
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
-    }), r("label", {
+    }), e("label", {
       key: "cf45ff24aea3f30ba418f2b0d60eccb251925fb5",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
-    }, !this.groupTileLayout && r("svg", {
+    }, !this.groupTileLayout && e("svg", {
       key: "d3febce270842b16f0a4285873b450807a0e09a1",
       viewBox: "0 0 18 18"
-    }, r("circle", {
+    }, e("circle", {
       key: "a853f4f9d905dae4737a1994c7ead9479eb10247",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "8"
-    }), r("circle", {
+    }), e("circle", {
       key: "609847d9287831fd55b8bc0bfc7ffbe32e23fc3d",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "4"
-    })), !this.hideLabel && r("div", {
+    })), !this.hideLabel && e("div", {
       key: "cebc51b088bcc9e18d989e84a19b4b28adb30668",
       class: "label-content"
-    }, this.label && l(this.label) || "", r("slot", {
+    }, this.label && l(this.label) || "", e("slot", {
       key: "6c9d3d4f03c5526d2446395d2b72bb956a722124"
     }))));
   }

package/dist/q2-tecton-elements/q2-relative-time.entry.js

@@ -2,7 +2,7 @@ import { r as e, h as t, F as i, g as s } from "./index-7a5365e2.js";
 
 import { d as n } from "./index-3184c760.js";
 
-import { l as a } from "./index-c215e8ef.js";
+import { l as a } from "./index-f2a66217.js";
 
 const r = "*{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}";
 
@@ -60,7 +60,7 @@ const d = class {
       this.displayedMessage = a("tecton.element.relativeTime.invalidDate");
       return;
     }
-    const f = n.intlFormatDistance(new Date(s), new Date(r), {
+    const p = n.intlFormatDistance(new Date(s), new Date(r), {
       locale: o,
       localeMatcher: "best fit",
       numeric: d,
@@ -68,9 +68,9 @@ const d = class {
       unit: l ? u : null
     });
     if (c) {
-      this.displayedMessage = this.trimMessage(f);
+      this.displayedMessage = this.trimMessage(p);
     } else {
-      this.displayedMessage = f;
+      this.displayedMessage = p;
     }
   }
   syncUpdated() {
@@ -135,7 +135,7 @@ const d = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "ff051c1959e6ed788c90501ef3ab4ecdc1f5b323"
+      key: "a753c60bdfc31563edae1e019bb474adb4223d09"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);

package/dist/q2-tecton-elements/q2-resize-observer.entry.js

@@ -83,7 +83,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "7d455e40c969cc8a5666a521dcbe8d389d6e150a",
+      key: "7c4cb60ff8d63adb4b07d4edc8216f81575ade3c",
       onSlotchange: this.handleSlotChange
     });
   }

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

@@ -1,10 +1,10 @@
 import { r as t, c as e, h as i, g as n } from "./index-7a5365e2.js";
 
-import { m as s, o as a, i as r, n as o, l as c } from "./index-c215e8ef.js";
+import { m as a, o as s, i as r, n as o, l as d } from "./index-f2a66217.js";
 
-const d = "*{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;background:var(--tct-section-background, var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff))))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 4px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)));border-width:var(--tct-section-border-width, 0);border-style:var(--tct-section-border-style, solid);border-color:var(--tct-section-border-color, none)}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}@media print{:host{--comp-default-print-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-print-margin, var(--comp-default-print-margin))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}@media print{header{padding:var(--tct-section-header-print-padding, 0)}}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:var(--tct-section-title-margin, 0);font-size:var(--tct-section-title-font-size, 20px);font-weight:var(--tct-section-title-font-weight, 600);text-transform:var(--tct-section-title-text-transform, none);letter-spacing:var(--tct-section-title-letter-spacing, 0.5px)}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}@media print{.content{padding:var(--tct-section-content-print-padding, 0)}}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";
+const c = "*{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;background:var(--tct-section-background, var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff))))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 4px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)));border-width:var(--tct-section-border-width, 0);border-style:var(--tct-section-border-style, solid);border-color:var(--tct-section-border-color, none)}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}@media print{:host{--comp-default-print-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-print-margin, var(--comp-default-print-margin))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}@media print{header{padding:var(--tct-section-header-print-padding, 0)}}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:var(--tct-section-title-margin, 0);font-size:var(--tct-section-title-font-size, 20px);font-weight:var(--tct-section-title-font-weight, 600);text-transform:var(--tct-section-title-text-transform, none);letter-spacing:var(--tct-section-title-letter-spacing, 0.5px)}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}@media print{.content{padding:var(--tct-section-content-print-padding, 0)}}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";
 
-const h = d;
+const h = c;
 
 const p = class {
   constructor(i) {
@@ -14,10 +14,10 @@ const p = class {
     this.titleId = "title";
     this.addContentSlotListener = () => {
       if (this.contentSlot) {
-        this.contentSlot.addEventListener("slotchange", s);
+        this.contentSlot.addEventListener("slotchange", a);
         return;
       }
-      const t = new MutationObserver(s);
+      const t = new MutationObserver(a);
       t.observe(this.contentContainer, {
         childList: true,
         subtree: true
@@ -65,7 +65,7 @@ const p = class {
     this.removeContentSlotListener = () => {
       var t;
       if (this.contentSlot) {
-        this.contentSlot.removeEventListener("slotchange", s);
+        this.contentSlot.removeEventListener("slotchange", a);
         return;
       }
       (t = this.contentSlotMutationObserver) === null || t === void 0 ? void 0 : t.disconnect();
@@ -101,7 +101,7 @@ const p = class {
   componentDidLoad() {
     this.addHeaderSlotListener();
     this.addContentSlotListener();
-    a(this.hostElement);
+    s(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -121,7 +121,7 @@ const p = class {
   }
   async expandedObserver(t) {
     this.clearResizeInterval();
-    this.resizerFn = setInterval(s, 5);
+    this.resizerFn = setInterval(a, 5);
     if (t) {
       this.expandSection();
     } else {
@@ -181,46 +181,46 @@ const p = class {
   render() {
     const t = this.label || this.hasYieldedHeader;
     const e = [ "content-wrapper" ];
-    const {collapsible: n, hideContent: s, contentHeight: a} = this;
+    const {collapsible: n, hideContent: a, contentHeight: s} = this;
     if (n) {
-      if (s) e.push("is-closed"); else if (a) e.push("is-transitioning");
+      if (a) e.push("is-closed"); else if (s) e.push("is-transitioning");
     }
     const r = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "71c1482d31e7053030e9c36883edc90e0e5c3d21",
+      key: "aad8f4ed8e043dc68a156c0d84c743009bc8b0a0",
       class: "wrapper"
     }, i("header", {
-      key: "e121ea36506ad3a832f766bb2aa0bbe032f05f07",
+      key: "0ccac68fa88dd41add615b69b67ef99076665b78",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "36ea0a7f9eceaec0dd0f993e9127eb7596b122e1",
+      key: "29098c74e1839055a6abc6caef08f06373741792",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, r && i("h2", {
-      key: "117705f6ef890ed02d146673fa3d9629cc5c0a82",
+      key: "e008221c2eaaa1eb742ae8b4c8d545eaddb03d7a",
       class: "title"
-    }, c(this.label)), i("div", {
-      key: "2a49ef960a6d2afb78b80c7e93d995a89c268c96",
+    }, d(this.label)), i("div", {
+      key: "6ed2d75316a439258fb3156a189b6a152e115a30",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "8b7564b09e2baf4193488295e4cc4a3775124edd",
+      key: "d6161fbeeb9df5225ae83fd6464a0b3c85189998",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "da53b8ba0be85f0a691e11e63f7f484598c4e1d3",
-      label: c(this.label || "tecton.element.section.defaultToggleLabel"),
+      key: "b5b4ed4ec55a85883fcb18acc416934de779d84d",
+      label: d(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
       "test-id": "toggleButton",
       "hide-label": true,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "1b5f5450d3b0d438a9b7635af161f178732a2d59",
+      key: "f2fc3f261e310043b7a0e4ac9bd384003fc341b3",
       type: "chevron-up"
     }))), i("div", {
-      key: "b6d48ffaf628a680256cad41fe9ca85a853aa3c5",
+      key: "04ce4f28a96228b7bf5b70e4a24b85b03adc1443",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -230,12 +230,12 @@ const p = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "8037954e38ee9cce6c07821b3164d01e97d87404",
+      key: "983ef55e4fcfba0abed1072ed9515a19a32e385b",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "a3b8d35029fdffbb248627c4a8c742da827a0526",
+      key: "ebd8bf51a38ea00e18b4afa89d748846d81b5b01",
       ref: t => this.contentSlot = t
     }))));
   }