npm - q2-tecton-elements - Versions diffs - 1.57.0 → 1.57.2 - Mend

q2-tecton-elements 1.57.0 → 1.57.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (287) hide show

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

@@ -1,6 +1,6 @@
-import { r as t, c as i, h as o, a as e } from "./index-YFPMNbDm.js";
+import { r as t, c as i, h as o, a as e } from "./index-C7zSUT3M.js";
-import { b as r, o as a, a as n, w as s, l as c } from "./index-DHD1Dbkd.js";
+import { b as r, o as a, a as n, w as c, l as s } from "./index-y0xcWkDl.js";
 import { a as l, s as p } from "./action-sheet-D3xPdhm8.js";
@@ -243,7 +243,7 @@ const h = class {
     const r = await ((o = this.optionList) === null || o === void 0 ? void 0 : o.getOptions());
     if (!this.open) {
       await this.openPopover();
-      await s();
+      await c();
     }
     e.forEach((t => {
       var i;
@@ -251,7 +251,7 @@ const h = class {
     }));
     if (i.closePopover) {
       await this.closePopover();
-      await s();
+      await c();
     }
   }
   // #endregion
@@ -290,8 +290,8 @@ const h = class {
   // #region Local Methods
   get buttonContent() {
     const {label: t, selectedOptions: i, selectedOptionElements: o, optionCount: e} = this;
-    if (!e || o.length === 0) return c(t); else if (o.length === 1) return c(o[0].display);
-    return c("tecton.element.pill.activeCount", {
+    if (!e || o.length === 0) return s(t); else if (o.length === 1) return s(o[0].display);
+    return s("tecton.element.pill.activeCount", {
       count: i.length
     });
   }
@@ -312,7 +312,7 @@ const h = class {
       id: "option-description",
       class: "sr",
       "aria-hidden": "true"
-    }, c("tecton.element.optionList.optionCount", [ this.optionCount ]));
+    }, s("tecton.element.optionList.optionCount", [ this.optionCount ]));
   }
   renderIcon() {
     const {optionCount: t, active: i} = this;
@@ -323,7 +323,7 @@ const h = class {
       class: "btn-close",
       onClick: e && this.clearSelectedOptions || undefined,
       disabled: e && this.disabled || undefined,
-      "aria-label": e && c("tecton.element.pill.clearSelection") || undefined,
+      "aria-label": e && s("tecton.element.pill.clearSelection") || undefined,
       type: e && "button" || undefined
     }, o("q2-icon", {
       type: a
@@ -335,19 +335,19 @@ const h = class {
     if (t || i) r.push("has-icon");
     if (t) r.push("has-options");
     return o("click-elsewhere", {
-      key: "4a7fe5ab03d2f63a79f570ff2498863392713399",
+      key: "a414de5290a14e5b9d39d7255a8ce4f86a7f63c5",
       onChange: this.onClickElsewhere
     }, o("div", {
-      key: "e2c9a5e65c88eac5572ea5d6a50a80d7ea056acd",
+      key: "8f4f99433a55bb3ad6905e39498abde42d8a0d50",
       class: r.join(" ")
     }, o("div", {
-      key: "fead1e7ac28f128a3340a6712151f638801e50a0",
+      key: "ea41a7b5ce62ebc60db610a13fcfc83e0a49b313",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, o("button", {
-      key: "ed8fc6627a632d6f509d4d590f6d6021dcab3917",
+      key: "45ea8c2340415cfe808d7221139c82516428375c",
       class: "btn-primary",
       "test-id": "btn-control",
       type: "button",
@@ -363,10 +363,10 @@ const h = class {
       "aria-label": this.buttonContent,
       "aria-describedby": t && "option-description" || undefined
     }, this.truncatedButtonContent, !t && i && o("span", {
-      key: "27603340cd931504c1a82836b4c150127eff73b8",
+      key: "43f856c13a43be860cf6e5fe5b56b30ccd81e2df",
       class: "sr"
-    }, "(", c("tecton.element.pill.active"), ")"))), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && o("q2-popover", {
-      key: "1ef47d24d44c5b7e9a800a1fdba19aa0bcd42201",
+    }, "(", s("tecton.element.pill.active"), ")"))), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && o("q2-popover", {
+      key: "628a9a30af7ab8da9838233b5a6cfd3c77c7639c",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -376,20 +376,20 @@ const h = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, o("div", {
-      key: "d25d9f5f94d1ec968d07a4d47ec51ab49dd1da2d",
+      key: "ff9a727deb59bf185cd0c3ed05c610cc07c63af1",
       class: "popover-content"
     }, o("div", {
-      key: "5824954786194c084a6b1780ce661a5532f71c85",
+      key: "0b051665a5e10eb7ea847e59d438d10230509afc",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "5736fb8c6d85c9ca38be382fc39b522f5fa69373",
+      key: "a3d356609517be8c0c01feb85ac2eb0175aaada8",
       name: "popover-top"
     })), o("q2-option-list", {
-      key: "062292cad557ebe74374d95220af66255335ceb4",
+      key: "351d34cd993921d2b1e123dd70af3990f7c7a69d",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -397,18 +397,18 @@ const h = class {
       multiple: this.multiple,
       selectedOptions: this.selectedOptions,
       onReady: () => this.updateSelectedOptionElements(),
-      label: c("tecton.element.optionList.label", [ this.optionListLabel ])
+      label: s("tecton.element.optionList.label", [ this.optionListLabel ])
     }, o("slot", {
-      key: "ee761e46c8047a8927d271b24b5cbef15bb0e179"
+      key: "9ee96d32d484b84bcf529dd37ae23e85abead6bc"
     })), o("div", {
-      key: "03d1c70707bdc4faf8abfc3231d9e8f2d83d088b",
+      key: "8371a96f73d4cb474df1c683d6c03b7fa4d8181c",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "1d735d170eed38379ac6f801971a115570ddf2ac",
+      key: "3afc2d8be7b7e2fc8b3b74ad20292a09569e65e6",
       name: "popover-bottom"
     })))));
   }

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

@@ -1,6 +1,6 @@
-import { r as t, c as i, h as a, F as r, a as o } from "./index-YFPMNbDm.js";
+import { r as t, c as i, h as a, F as r, a as o } from "./index-C7zSUT3M.js";
-import { c as e, o as n, a as s, r as d } from "./index-DHD1Dbkd.js";
+import { c as e, o as n, a as s, r as d } from "./index-y0xcWkDl.js";
 const l = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 CHANGED Viewed

@@ -1,10 +1,10 @@
-import { r, c as t, h as e, a as o } from "./index-YFPMNbDm.js";
+import { r, c as t, h as e, a as o } from "./index-C7zSUT3M.js";
-import { c as a, e as i, o as c, l } from "./index-DHD1Dbkd.js";
+import { c as a, e as i, o as c, l } from "./index-y0xcWkDl.js";
 const n = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 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-container input:focus-visible+label svg{box-shadow:var(--const-double-focus-ring)}.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 = class {
+const s = class {
   constructor(e) {
     r(this, e);
     this.change = t(this, "change", 7);
@@ -139,8 +139,8 @@ const d = class {
   }
 };
-d.style = n;
+s.style = n;
-export { d as q2_radio };
+export { s as q2_radio };
 //# sourceMappingURL=q2-radio.entry.esm.js.map
 //# sourceMappingURL=q2-radio.entry.js.map

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

@@ -1,8 +1,8 @@
-import { r as e, h as t, F as i, a as s } from "./index-YFPMNbDm.js";
+import { r as e, h as t, F as i, a as s } from "./index-C7zSUT3M.js";
 import { d as a } from "./index-O1A-ZSZs.js";
-import { l as n } from "./index-DHD1Dbkd.js";
+import { l as n } from "./index-y0xcWkDl.js";
 const r = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 o = class {
   // #endregion
   // #region Watchers
   updateMessage() {
-    const {isValidDate: e, isBaseDateProvided: t, isValidBaseDate: i, dateObject: s, baseDateObject: r, locale: o, handleNumeric: d, messageFormat: h, isValidUnit: l, unit: u, trimSuffix: c} = this;
+    const {isValidDate: e, isBaseDateProvided: t, isValidBaseDate: i, dateObject: s, baseDateObject: r, locale: o, handleNumeric: d, messageFormat: l, isValidUnit: h, unit: u, trimSuffix: c} = this;
     if (!e || t && !i) {
       this.sync = false;
       this.displayedMessage = n("tecton.element.relativeTime.invalidDate");
@@ -70,8 +70,8 @@ const o = class {
       locale: o,
       localeMatcher: "best fit",
       numeric: d,
-      style: h,
-      unit: l ? u : null
+      style: l,
+      unit: h ? u : null
     });
     if (c) {
       this.displayedMessage = this.trimMessage(p);
@@ -141,7 +141,7 @@ const o = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "a3696aaeb7e122de58f0c060edb5021f9551a997"
+      key: "67e5d3fb5bef2fe8abac62da9888700fb6b789dd"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);

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

@@ -1,6 +1,6 @@
-import { r as t, c as e, h as i, a } from "./index-YFPMNbDm.js";
+import { r as t, c as e, h as i, a as n } from "./index-C7zSUT3M.js";
-import { b as n, o as s, a as r, n as o, l as c } from "./index-DHD1Dbkd.js";
+import { b as s, o as a, a as r, n as o, l as c } from "./index-y0xcWkDl.js";
 const d = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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, inherit)}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}";
@@ -14,10 +14,10 @@ const h = class {
     this.hideContent = false;
     this.addContentSlotListener = () => {
       if (this.contentSlot) {
-        this.contentSlot.addEventListener("slotchange", n);
+        this.contentSlot.addEventListener("slotchange", s);
         return;
       }
-      const t = new MutationObserver(n);
+      const t = new MutationObserver(s);
       t.observe(this.contentContainer, {
         childList: true,
         subtree: true
@@ -65,7 +65,7 @@ const h = class {
     this.removeContentSlotListener = () => {
       var t;
       if (this.contentSlot) {
-        this.contentSlot.removeEventListener("slotchange", n);
+        this.contentSlot.removeEventListener("slotchange", s);
         return;
       }
       (t = this.contentSlotMutationObserver) === null || t === void 0 ? void 0 : t.disconnect();
@@ -94,7 +94,7 @@ const h = class {
   componentDidLoad() {
     this.addHeaderSlotListener();
     this.addContentSlotListener();
-    s(this.hostElement);
+    a(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -135,7 +135,7 @@ const h = class {
   }
   async expandedObserver(t) {
     this.clearResizeInterval();
-    this.resizerFn = setInterval(n, 5);
+    this.resizerFn = setInterval(s, 5);
     if (t) {
       this.expandSection();
     } else {
@@ -174,35 +174,35 @@ const h = class {
   render() {
     const t = this.label || this.hasYieldedHeader;
     const e = [ "content-wrapper" ];
-    const {collapsible: a, hideContent: n, contentHeight: s} = this;
-    if (a) {
-      if (n) e.push("is-closed"); else if (s) e.push("is-transitioning");
+    const {collapsible: n, hideContent: s, contentHeight: a} = this;
+    if (n) {
+      if (s) e.push("is-closed"); else if (a) e.push("is-transitioning");
     }
     const r = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "d7a1c71af0f6d27bc024ac01bd8a83c6148b344a",
+      key: "50128c435b407661e87390b4a4cda567f1784ad1",
       class: "wrapper"
     }, i("header", {
-      key: "4abab3c134a192850fa82b738f64b91178408bbf",
+      key: "b1e4f5da065e2ae0a0310547020def177819f14e",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "edab4a4a42cbfbc69e3f768360e1b1fcea733281",
+      key: "a0cc7819d695de252cce4c36c408a10474c120b2",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, r && i("h2", {
-      key: "057b9b20e3bdb50ed223198d97ca1dee6cba7690",
+      key: "fe42b0f36e70ab9cb03b07574a75c4f46681f031",
       class: "title"
     }, c(this.label)), i("div", {
-      key: "b52875e0f5da21e54063f1cdcfe52aad17ba8dba",
+      key: "047178d274fcc6907a9aa81edc66bd285c00dc8c",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "4bbfc13829cfba1c270b5daae03f2180a9e63908",
+      key: "63fd4ef8219d436425bd8477e021518e72989587",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "f1cc3c9fc1e75a71e5faa8496f55b79ac29570ce",
+      key: "3517c005e8a7bd6ba92fb7333c91a7d4f15c755c",
       label: c(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
@@ -210,10 +210,10 @@ const h = class {
       "hide-label": true,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "ea68177d1ac3bd7ef6d9088b7c4c7f6e7434f8e7",
+      key: "4a33e0265677b621f71dd7587e3c0bb270b29707",
       type: "chevron-up"
     }))), i("div", {
-      key: "4b3302c73600646e99c3eac15e8ba4bd1abce64c",
+      key: "1cba7d25a2f9e89e8a67715700f6ded50c25ef15",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -223,17 +223,17 @@ const h = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "0641e4be71af5f8df9b307504be117fe9dba0384",
+      key: "8c9ef9733c45987fbf25292414254765910ec7f6",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "9db73d38d6cfa81b03074dd3ba264645553ed8b8",
+      key: "ae56752db16f4365c2639529e0890695b3f15dfd",
       ref: t => this.contentSlot = t
     }))));
   }
   get hostElement() {
-    return a(this);
+    return n(this);
   }
   static get watchers() {
     return {