q2-tecton-elements 1.71.2 → 1.72.0

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

@@ -1,14 +1,14 @@
-import { r as t, c as o, h as e, g as r } from "./index-Cqkz7Bnm.js";
+import { r, c as a, h as o, g as t } from "./index-Cqkz7Bnm.js";
 
-import { c, d as a, o as i, l } from "./index-Cps4jSQM.js";
+import { c as e, d as i, o as c, l as d } from "./index-DJw6Feh0.js";
 
-import { m as n } from "./mirror-emit-DUjY_ucm.js";
+import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-const s = class {
-  constructor(e) {
-    t(this, e), this.change = o(this, "change", 7), this.tctChange = o(this, "tctChange", 7), 
+const n = class {
+  constructor(o) {
+    r(this, o), this.change = a(this, "change", 7), this.tctChange = a(this, "tctChange", 7), 
     // #region Own Properties
-    this._id = `radio-${c()}`, this.isLoaded = !1, 
+    this._id = `radio-${e()}`, this.isLoaded = !1, 
     /** The state of the radio. This modifies the visual appearance of the element. */
     this.checked = !1, 
     /** Disables the radio and prevents interaction. */
@@ -32,50 +32,50 @@ const s = class {
     this.tabIndex = 0, 
     // #endregion
     // #region Local Methods
-    this.inputChange = t => {
-      if (t.stopPropagation(), this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) return t.preventDefault(), 
+    this.inputChange = r => {
+      if (r.stopPropagation(), this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) return r.preventDefault(), 
       !1;
-      t.target instanceof HTMLInputElement && (this.checked = t.target.checked);
+      r.target instanceof HTMLInputElement && (this.checked = r.target.checked);
     };
   }
   // #endregion
   // #region Component Lifecycle Events
   componentWillLoad() {
-    a(this);
+    i(this);
   }
   componentDidLoad() {
-    this.isLoaded = !0, i(this.hostElement), this.hostElement.click = () => {
+    this.isLoaded = !0, c(this.hostElement), this.hostElement.click = () => {
       this.inputField.focus(), this.inputField.click();
     };
   }
   // #endregion
   // #region Listeners
-  onHostClick(t) {
-    this.disabled ? t.stopImmediatePropagation() : this.groupReadonly && (t.preventDefault(), 
-    t.stopImmediatePropagation(), this.inputField.focus());
+  onHostClick(r) {
+    this.disabled ? r.stopImmediatePropagation() : this.groupReadonly && (r.preventDefault(), 
+    r.stopImmediatePropagation(), this.inputField.focus());
   }
-  delegateFocus(t) {
-    t.target === this.hostElement && this.inputField.focus();
+  delegateFocus(r) {
+    r.target === this.hostElement && this.inputField.focus();
   }
   // #endregion
   // #region Watchers
   ariaLabelObserver() {
-    a(this);
+    i(this);
   }
   checkedObserver() {
-    this.isLoaded && this.checked && n(this, [ "change", "tctChange" ], {
+    this.isLoaded && this.checked && l(this, [ "change", "tctChange" ], {
       value: this.value
     });
   }
   // #endregion
   // #region Render Methods
   render() {
-    return e("div", {
-      key: "699970d6bed602cbd0e6954d36ca3b03b2122fdc",
+    return o("div", {
+      key: "8fbe0ad9c8b0712fd51dbac67baae6209ebf2532",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
-    }, e("input", {
-      key: "edaaa6bbba5eb256fed9e02863b3cf3b706b4e73",
-      ref: t => this.inputField = t,
+    }, o("input", {
+      key: "a9322154f304963731fb3d6ee99632c06938f27f",
+      ref: r => this.inputField = r,
       class: "sr",
       id: this._id,
       type: "radio",
@@ -83,42 +83,27 @@ const s = class {
       value: this.value,
       disabled: this.disabled || this.groupDisabled,
       checked: this.checked,
-      "aria-label": this.label && this.hideLabel ? l(this.label) : void 0,
+      "aria-label": this.label && this.hideLabel ? d(this.label) : void 0,
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
-    }), e("label", {
-      key: "fd0c67c56535a53f3cbbeddd32f3817b430b9075",
+    }), o("label", {
+      key: "234f95d4c4656e4325a15853bacf888d7a4ae446",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : void 0,
       "test-id": "radioButton"
-    }, !this.groupTileLayout && e("svg", {
-      key: "2cfaa2fa7393ff369a319adb780f3667dc11194d",
-      viewBox: "0 0 18 18"
-    }, e("circle", {
-      key: "157a1a5b430a0e63e695aec87bba111f60357444",
-      class: "big-circle",
-      stroke: "none",
-      fill: "none",
-      cx: "9",
-      cy: "9",
-      r: "8"
-    }), e("circle", {
-      key: "4c4daede7d3414b1e7a9c037ba4d9e919300a9ca",
-      class: "small-circle",
-      stroke: "none",
-      fill: "none",
-      cx: "9",
-      cy: "9",
-      r: "4"
-    })), !this.hideLabel && e("div", {
-      key: "e9b3ba9aceb316988bf570a3dd50cf99166fb248",
+    }, !this.groupTileLayout && o("span", {
+      key: "ac98c34734a5e54b347cc2a48dc23d3ea2eb31ce",
+      class: "radio-mark",
+      "aria-hidden": "true"
+    }), !this.hideLabel && o("div", {
+      key: "41dd2c195bc03dd8af8d5722e4aa2323cbeaab76",
       class: "label-content"
-    }, this.label && l(this.label) || "", e("slot", {
-      key: "a6ae2c01e62af90255f836a69458d530136daccb"
+    }, this.label && d(this.label) || "", o("slot", {
+      key: "595014c6a32c2e98f7612dc51f0bd89579770988"
     }))));
   }
   get hostElement() {
-    return r(this);
+    return t(this);
   }
   static get watchers() {
     return {
@@ -132,6 +117,6 @@ const s = class {
   }
 };
 
-s.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}: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)));--comp-big-circle-fill:var(--tct-radio-background-fill, transparent);--comp-big-circle-stroke:var(--tct-radio-background-stroke, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-big-circle-stroke-width:var(--tct-radio-background-stroke-width, var(--tct-radio-stroke-width, 2));--comp-big-circle-transition:fill var(--tct-radio-background-transition, var(--tct-checkbox-tween, var(--app-tween-2, 0.4s ease)));--comp-small-circle-fill:var(--tct-radio-select-fill-default, transparent);--comp-label-content-color:var(--tct-radio-label-color, inherit);--comp-label-content-font-weight:var(--tct-radio-label-font-weight, var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400)));--comp-label-content-letter-spacing:var(--tct-radio-label-letter-spacing, 0.25);--comp-label-content-margin-right:var(--tct-radio-label-margin-right, 1rem);--comp-label-content-gap:var(--tct-radio-label-gap, var(--tct-scale-1, var(--app-scale-1x, 5px)));--comp-label-hidden-columns:var(--tct-radio-hidden-columns, var(--tct-radio-label-hidden-columns, 18px 1fr));--comp-svg-transition:box-shadow var(--tct-radio-transition, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--comp-svg-box-shadow:var(--tct-radio-box-shadow, none);--comp-big-circle-fill-checked:var(--tct-radio-checked-background-fill, var(--comp-big-circle-fill));--comp-big-circle-stroke-checked:var(--tct-radio-checked-stroke-color, var(--comp-big-circle-stroke));--comp-small-circle-fill-checked:var(--tct-radio-select-fill-checked, var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));--comp-label-content-font-weight-checked:var(--tct-radio-label-font-weight-checked, var(--tct-radio-checked-label-font-weight, var(--tct-checkbox-selected-font-weight, 600)));--comp-label-content-letter-spacing-checked:var(--tct-radio-label-letter-spacing-checked, var(--tct-radio-checked-label-letter-spacing, var(--tct-checkbox-selected-letter-spacing, var(--comp-label-content-letter-spacing))));--comp-label-content-color-checked:var(--tct-radio-label-font-color-checked, var(--tct-radio-checked-label-font-color, var(--tct-radio-checked-label-color, inherit)));--comp-big-circle-fill-active:var(--tct-radio-background-fill-active, var(--comp-big-circle-fill));--comp-big-circle-stroke-active:var(--tct-radio-background-stroke-active, var(--comp-big-circle-stroke));--comp-small-circle-fill-active:var(--tct-radio-selected-fill-active, var(--comp-small-circle-fill-checked));--comp-label-content-font-weight-active:var(--tct-radio-label-font-weight-active, var(--comp-label-content-font-weight));--comp-label-content-letter-spacing-active:var(--tct-radio-label-letter-spacing-active, var(--comp-label-content-letter-spacing));--comp-label-content-color-active:var(--tct-radio-label-color-active, var(--comp-label-content-color));--comp-big-circle-fill-hover:var(--tct-radio-hover-background-fill, var(--comp-big-circle-fill));--comp-big-circle-stroke-hover:var(--tct-radio-hover-stroke-color, var(--comp-big-circle-stroke));--comp-label-content-color-hover:var(--tct-radio-hover-label-color, var(--comp-label-content-color));--comp-big-circle-fill-focus:var(--tct-radio-focus-background-fill, var(--comp-big-circle-fill));--comp-big-circle-stroke-focus:var(--tct-radio-focus-stroke-color, var(--comp-big-circle-stroke));--comp-label-content-color-focus:var(--tct-radio-focus-label-color, var(--comp-label-content-color));--comp-svg-box-shadow-focus-visible:var(--tct-radio-box-shadow-focus-visible, var(--tct-radio-focus-box-shadow, var(--const-double-focus-ring)));margin:var(--comp-radio-margin)}.radio-container label[for]{color:var(---comp-label-content-color);font-weight:var(---comp-label-content-font-weight);font-size:var(--tct-radio-label-font-size, var(--const-px-14, 14px));align-items:start;cursor:pointer;margin-right:var(---comp-label-content-margin-right);display:grid;grid-template-columns:18px 1fr;gap:var(--comp-label-content-gap);letter-spacing:var(--comp-label-content-letter-spacing)}.radio-container label[for].label-hidden{grid-template-columns:var(--comp-label-hidden-columns)}.radio-container label[for] .description-content{grid-column:2}.radio-container svg{border-radius:50%;transition:var(--comp-svg-transition);outline:0;width:100%;box-shadow:var(--comp-svg-box-shadow)}.radio-container .big-circle{fill:var(--comp-big-circle-fill);stroke:var(--comp-big-circle-stroke);stroke-width:var(--comp-big-circle-stroke-width);transition:var(--comp-big-circle-transition)}.radio-container .small-circle{fill:var(--comp-small-circle-fill)}.radio-container input:checked+label .big-circle{fill:var(--comp-big-circle-fill-checked);stroke:var(--comp-big-circle-stroke-checked)}.radio-container input:checked+label .small-circle{fill:var(--comp-small-circle-fill-checked)}.radio-container input:checked+label .label-content{font-weight:var(--comp-label-content-font-weight-checked);letter-spacing:var(--comp-label-content-letter-spacing-checked);color:var(--comp-label-content-color-checked)}.radio-container input:hover+label .big-circle{fill:var(--comp-big-circle-fill-hover);stroke:var(--comp-big-circle-stroke-hover)}.radio-container input:hover+label .label-content{color:var(--comp-label-content-color-hover)}.radio-container input:active+label .big-circle{fill:var(--comp-big-circle-fill-active);stroke:var(--comp-big-circle-stroke-active)}.radio-container input:active+label .small-circle{fill:var(--comp-small-circle-fill-active)}.radio-container input:active+label .label-content{font-weight:var(--comp-label-content-font-weight-active);letter-spacing:var(--comp-label-content-letter-spacing-active);color:var(--comp-label-content-color-active)}.radio-container input:focus+label .big-circle{fill:var(--comp-big-circle-fill-focus);stroke:var(--comp-big-circle-stroke-focus)}.radio-container input:focus+label .label-content{color:var(--comp-label-content-color-focus)}.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:var(--tct-radio-tile-border-radius, var(--app-border-radius-1, 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;font-size:var(--tct-radio-tile-label-font-size, var(--tct-radio-label-font-size, var(--const-px-14, 14px)));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-tile-checked-stroke-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-tile-checked-stroke-color, 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{--comp-radio-tile-focus-box-shadow-fallback:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);border-color:var(--tct-radio-tile-focus-stroke-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(--tct-radio-tile-focus-box-shadow, var(--comp-radio-tile-focus-box-shadow-fallback));color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}.radio-tile input:focus:checked+label:after{border-bottom:5px solid var(--tct-radio-tile-focus-stroke-color, var(--tct-radio-focus-stroke-color, #2e2e2e))}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';
+n.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:block;letter-spacing:var(--tct-radio-label-letter-spacing, inherit)}:host([checked]:not([checked=false])){letter-spacing:var(--tct-radio-label-letter-spacing-checked, var(--tct-radio-checked-label-letter-spacing, var(--tct-checkbox-selected-letter-spacing, var(--tct-radio-label-letter-spacing, inherit))))}:host(:active){letter-spacing:var(--tct-radio-label-letter-spacing-active, var(--tct-radio-label-letter-spacing, inherit))}.radio-container{--comp-radio-mark-track-size:36px;--comp-radio-mark-size:var(--tct-radio-mark-size, 20px);--comp-radio-mark-fill:var(--tct-radio-background-fill, transparent);--comp-radio-mark-stroke:var(--tct-radio-background-stroke, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-radio-mark-stroke-width:var(--tct-radio-background-stroke-width, var(--tct-radio-stroke-width, 2));--comp-radio-mark-color-transition:background-color var(--tct-radio-background-transition, var(--tct-checkbox-tween, var(--app-tween-1, 0.15s ease))), border-color var(--tct-radio-background-transition, var(--tct-checkbox-tween, var(--app-tween-1, 0.15s ease)));--comp-radio-mark-dot-fill:var(--tct-radio-select-fill-default, transparent);--comp-label-content-color:var(--tct-radio-label-color, inherit);--comp-label-content-font-weight:var(--tct-radio-label-font-weight, var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400)));--comp-label-content-margin-right:var(--tct-radio-label-margin-right, 0);--comp-label-content-gap:var(--tct-radio-label-gap, 0);--comp-label-hidden-columns:var(--tct-radio-hidden-columns, var(--tct-radio-label-hidden-columns, var(--comp-radio-mark-track-size) 1fr));--comp-radio-mark-transition:box-shadow var(--tct-radio-transition, var(--tct-tween-1, var(--app-tween-1, 0.15s ease))), transform var(--tct-radio-transition, var(--tct-tween-1, var(--app-tween-1, 0.15s ease)));--comp-radio-mark-box-shadow:var(--tct-radio-box-shadow, none);--comp-radio-mark-fill-checked:var(--tct-radio-checked-background-fill, var(--t-base, #ffffff));--comp-radio-mark-stroke-checked:var(--tct-radio-checked-stroke-color, var(--t-primary, #6a4a9e));--comp-radio-mark-dot-fill-checked:var(--tct-radio-select-fill-checked, var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-primary, #6a4a9e)))));--comp-label-content-font-weight-checked:var(--tct-radio-label-font-weight-checked, var(--tct-radio-checked-label-font-weight, var(--tct-checkbox-selected-font-weight, var(--comp-label-content-font-weight))));--comp-label-content-color-checked:var(--tct-radio-label-font-color-checked, var(--tct-radio-checked-label-font-color, var(--tct-radio-checked-label-color, inherit)));--comp-radio-mark-fill-active:var(--tct-radio-background-fill-active, #e8ddef);--comp-radio-mark-stroke-active:var(--tct-radio-background-stroke-active, var(--t-primary-d2, #553b7e));--comp-radio-mark-dot-fill-active:var(--tct-radio-selected-fill-active, var(--comp-radio-mark-dot-fill-checked));--comp-label-content-font-weight-active:var(--tct-radio-label-font-weight-active, var(--comp-label-content-font-weight));--comp-label-content-color-active:var(--tct-radio-label-color-active, var(--comp-label-content-color));--comp-radio-mark-fill-hover:var(--tct-radio-hover-background-fill, #f3eefa);--comp-radio-mark-stroke-hover:var(--tct-radio-hover-stroke-color, var(--t-primary, #6a4a9e));--comp-radio-mark-stroke-checked-hover:var(--tct-radio-checked-hover-stroke-color, var(--t-primary-d2, #553b7e));--comp-label-content-color-hover:var(--tct-radio-hover-label-color, var(--comp-label-content-color));--comp-radio-mark-fill-focus:var(--tct-radio-focus-background-fill, var(--comp-radio-mark-fill));--comp-radio-mark-stroke-focus:var(--tct-radio-focus-stroke-color, var(--comp-radio-mark-stroke));--comp-label-content-color-focus:var(--tct-radio-focus-label-color, var(--comp-label-content-color));--comp-radio-mark-box-shadow-focus-visible:var(--tct-radio-box-shadow-focus-visible, var(--tct-radio-focus-box-shadow, var(--const-double-focus-ring)))}.radio-container label[for]{color:var(--comp-label-content-color);font-weight:var(--comp-label-content-font-weight);font-size:var(--tct-radio-label-font-size, var(--const-px-14, 14px));align-items:center;cursor:pointer;margin-right:var(--comp-label-content-margin-right);display:grid;grid-template-columns:var(--comp-radio-mark-track-size) 1fr;gap:var(--comp-label-content-gap);min-height:var(--tct-radio-min-height, var(--comp-radio-mark-track-size));user-select:none}.radio-container label[for].label-hidden{grid-template-columns:var(--comp-label-hidden-columns)}.radio-container label[for] .description-content{grid-column:2}.radio-container .radio-mark{--comp-radio-mark-current-fill:var(--comp-radio-mark-fill);--comp-radio-mark-current-stroke:var(--comp-radio-mark-stroke);border-radius:50%;box-shadow:var(--comp-radio-mark-box-shadow);height:var(--comp-radio-mark-size);justify-self:center;overflow:hidden;position:relative;transition:var(--comp-radio-mark-transition);width:var(--comp-radio-mark-size)}.radio-container .radio-mark::before{background:var(--comp-radio-mark-current-fill);border-color:var(--comp-radio-mark-current-stroke);border-radius:50%;border-style:solid;border-width:calc(var(--comp-radio-mark-stroke-width) * 1px);box-sizing:border-box;content:"";height:calc(var(--comp-radio-mark-size) - 2px + var(--comp-radio-mark-stroke-width) * 1px);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:var(--comp-radio-mark-color-transition);width:calc(var(--comp-radio-mark-size) - 2px + var(--comp-radio-mark-stroke-width) * 1px)}.radio-container .radio-mark::after{background:var(--comp-radio-mark-dot-fill);border-radius:50%;content:"";height:calc(var(--comp-radio-mark-size) / 2);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%) scale(0);transition:transform var(--tct-radio-transition, var(--tct-tween-1, var(--app-tween-1, 0.15s ease)));width:calc(var(--comp-radio-mark-size) / 2)}.radio-container input:focus-visible{box-shadow:none}.radio-container input:checked+label .radio-mark{--comp-radio-mark-current-fill:var(--comp-radio-mark-fill-checked);--comp-radio-mark-current-stroke:var(--comp-radio-mark-stroke-checked)}.radio-container input:checked+label .radio-mark::after{background:var(--comp-radio-mark-dot-fill-checked);transform:translate(-50%, -50%) scale(1)}.radio-container input:checked+label .label-content{font-weight:var(--comp-label-content-font-weight-checked);color:var(--comp-label-content-color-checked)}.radio-container input:hover:not(:disabled)+label .radio-mark{--comp-radio-mark-current-fill:var(--comp-radio-mark-fill-hover);--comp-radio-mark-current-stroke:var(--comp-radio-mark-stroke-hover)}.radio-container input:hover:not(:disabled)+label .label-content{color:var(--comp-label-content-color-hover)}.radio-container input:active:not(:disabled)+label .radio-mark{--comp-radio-mark-current-fill:var(--comp-radio-mark-fill-active);--comp-radio-mark-current-stroke:var(--comp-radio-mark-stroke-active);transform:scale(0.9)}.radio-container input:active:not(:disabled)+label .radio-mark::after{background:var(--comp-radio-mark-dot-fill-active)}.radio-container input:active:not(:disabled)+label .label-content{font-weight:var(--comp-label-content-font-weight-active);color:var(--comp-label-content-color-active)}.radio-container input:focus+label .radio-mark{--comp-radio-mark-current-fill:var(--comp-radio-mark-fill-focus);--comp-radio-mark-current-stroke:var(--comp-radio-mark-stroke-focus)}.radio-container input:focus+label .label-content{color:var(--comp-label-content-color-focus)}.radio-container input:focus-visible+label .radio-mark{box-shadow:var(--comp-radio-mark-box-shadow-focus-visible)}.radio-container input:checked:hover:not(:disabled)+label .radio-mark{--comp-radio-mark-current-stroke:var(--comp-radio-mark-stroke-checked-hover)}.radio-tile label[for]{color:var(--tct-radio-label-font-color, var(--tct-radio-label-color, inherit));align-items:center;border:0;background:var(--tct-radio-background-fill, var(--t-base, #ffffff));cursor:pointer;display:block;font-size:var(--tct-radio-tile-label-font-size, var(--tct-radio-label-font-size, var(--const-px-14, 14px)));overflow:hidden;padding:var(--tct-radio-tile-padding, 10px 20px);position:relative;text-align:center;transition:background var(--tct-tween-1, var(--app-tween-1, 0.15s ease)), color var(--tct-tween-1, var(--app-tween-1, 0.15s ease)), box-shadow var(--tct-tween-1, var(--app-tween-1, 0.15s ease));white-space:nowrap;user-select:none}.radio-tile input:focus-visible{box-shadow:none}.radio-tile input:checked+label{background:var(--tct-radio-tile-checked-background-fill, var(--tct-radio-checked-background-fill, #f3eefa));color:var(--tct-radio-tile-checked-label-color, var(--tct-radio-checked-label-color, var(--t-primary, #6a4a9e)))}.radio-tile input:checked+label:after{background:var(--tct-radio-tile-checked-stroke-color, var(--t-primary, #6a4a9e));border-radius:var(--tct-radio-tile-indicator-border-radius, 9999px 9999px 0 0);bottom:0;content:"";height:var(--tct-radio-tile-indicator-height, 2px);left:0;position:absolute;right:0}.radio-tile input:not(:checked):hover:not(:disabled)+label{background:var(--tct-radio-tile-hover-background-fill, #fafafa);color:var(--tct-radio-hover-label-color, var(--tct-radio-label-color, inherit))}.radio-tile input:not(:checked):active:not(:disabled)+label{background:var(--tct-radio-tile-active-background-fill, var(--t-gray-14, #f2f2f2))}.radio-tile input:focus-visible+label{z-index:1;box-shadow:var(--tct-radio-tile-focus-box-shadow, var(--const-double-focus-ring))}:host(:not(:first-child)) .radio-tile label[for]{border-left:var(--tct-radio-tile-divider-width, 1px) solid var(--tct-radio-tile-divider-color, var(--t-gray-13, #e6e6e6))}:host(:first-child) .radio-tile label[for]{border-radius:var(--tct-radio-group-tile-border-radius, var(--app-border-radius-2, 8px)) 0 0 var(--tct-radio-group-tile-border-radius, var(--app-border-radius-2, 8px))}:host(:last-child) .radio-tile label[for]{border-radius:0 var(--tct-radio-group-tile-border-radius, var(--app-border-radius-2, 8px)) var(--tct-radio-group-tile-border-radius, var(--app-border-radius-2, 8px)) 0}:host(:only-child) .radio-tile label[for]{border-radius:var(--tct-radio-group-tile-border-radius, var(--app-border-radius-2, 8px))}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';
 
-export { s as q2_radio }
+export { n as q2_radio }

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

@@ -1,8 +1,8 @@
 import { r as t, h as e, F as i, g as s } from "./index-Cqkz7Bnm.js";
 
-import { d as a } from "./index-O1A-ZSZs.js";
+import { d as n } from "./index-O1A-ZSZs.js";
 
-import { l as n } from "./index-Cps4jSQM.js";
+import { l as a } from "./index-DJw6Feh0.js";
 
 const o = class {
   constructor(e) {
@@ -63,16 +63,16 @@ const o = class {
   // #endregion
   // #region Watchers
   updateMessage() {
-    const {isValidDate: t, isBaseDateProvided: e, isValidBaseDate: i, dateObject: s, baseDateObject: o, locale: r, handleNumeric: d, messageFormat: l, isValidUnit: h, unit: u, trimSuffix: c} = this;
-    if (!t || e && !i) return this.sync = !1, void (this.displayedMessage = n("tecton.element.relativeTime.invalidDate"));
-    const m = a.intlFormatDistance(new Date(s), new Date(o), {
-      locale: r,
+    const {isValidDate: t, isBaseDateProvided: e, isValidBaseDate: i, dateObject: s, baseDateObject: o, locale: r, handleNumeric: d, messageFormat: h, isValidUnit: l, unit: c, trimSuffix: u} = this;
+    if (!t || e && !i) return this.sync = !1, void (this.displayedMessage = a("tecton.element.relativeTime.invalidDate"));
+    const m = n.intlFormatDistance(new Date(s), new Date(o), {
+      locale: r || document.documentElement.lang || "en-US",
       localeMatcher: "best fit",
       numeric: d,
-      style: l,
-      unit: h ? u : null
+      style: h,
+      unit: l ? c : null
     });
-    this.displayedMessage = c ? this.trimMessage(m) : m;
+    this.displayedMessage = u ? this.trimMessage(m) : m;
   }
   syncUpdated() {
     this.sync ? this.syncTimer = window.setInterval((() => {
@@ -96,12 +96,12 @@ const o = class {
     return void 0 !== this.baseDate;
   }
   get isValidBaseDate() {
-    const t = new Date(this.baseDate), e = a.isValid(t);
+    const t = new Date(this.baseDate), e = n.isValid(t);
     return !e && this.isBaseDateProvided && console.warn("Error: Invalid baseDate provided to q2-relative-time."), 
     e;
   }
   get isValidDate() {
-    const t = new Date(this.date), e = a.isValid(t);
+    const t = new Date(this.date), e = n.isValid(t);
     return e || console.warn("Error: Invalid date provided to q2-relative-time."), e;
   }
   get isValidUnit() {
@@ -118,7 +118,7 @@ const o = class {
   render() {
     const {shouldShow: t, displayedMessage: s} = this;
     return e(i, {
-      key: "48a6ad8165ea3380500edb280142a47e0a7a6848"
+      key: "7bcf2e8d9cb391ea43664b9cf01ec6d474a1743e"
     }, t ? e("time", {
       dateTime: s
     }, s) : null);

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

@@ -0,0 +1,81 @@
+import { r as t, c as e, h as i, g as n } from "./index-Cqkz7Bnm.js";
+
+const o = class {
+  constructor(i) {
+    t(this, i), this.tctResize = e(this, "tctResize", 7), this.observedElements = [], 
+    // #endregion
+    // #region Local Methods
+    this.handleSlotChange = () => {
+      this.disabled || this.startObserver();
+    };
+  }
+  // #endregion
+  // #region Component Lifecycle Events
+  disconnectedCallback() {
+    this.stopObserver(), this.resizeObserver = null;
+  }
+  componentDidLoad() {
+    "undefined" != typeof ResizeObserver ? this.resizeObserver = new ResizeObserver((t => {
+      this.tctResize.emit({
+        entries: t
+      }), this.currentResizeObserverEntries = t;
+    })) : console.warn("ResizeObserver is not defined."), this.disabled || this.startObserver();
+  }
+  // #endregion
+  // #region Public Methods API
+  /**
+     * Returns the latest entries reported by the component.
+     */
+  async getCurrentResizeEntries() {
+    return this.currentResizeObserverEntries || [];
+  }
+  // #endregion
+  // #region Watchers
+  disabledUpdated(t) {
+    t ? this.stopObserver() : this.startObserver();
+  }
+  startObserver() {
+    var t, e, i;
+    const n = this.hostElement.shadowRoot.querySelector("slot");
+    if (null === n) return;
+    const o = null !== (e = null === (t = n.assignedElements) || void 0 === t ? void 0 : t.call(n, {
+      flatten: !0
+    })) && void 0 !== e ? e : [];
+    // Unwatch previous elements
+        null === (i = this.observedElements) || void 0 === i || i.forEach((t => {
+      var e;
+      return null === (e = this.resizeObserver) || void 0 === e ? void 0 : e.unobserve(t);
+    })), this.observedElements = [], 
+    // Watch new elements
+    o.forEach((t => {
+      var e;
+      null === (e = this.resizeObserver) || void 0 === e || e.observe(t), this.observedElements.push(t);
+    }));
+  }
+  stopObserver() {
+    var t;
+    null === (t = this.resizeObserver) || void 0 === t || t.disconnect();
+  }
+  // #endregion
+  // #region Render Methods
+  render() {
+    return i("slot", {
+      key: "f5cc2cee6e979f047d3854d243ec3560ae5cb35d",
+      onSlotchange: this.handleSlotChange
+    });
+  }
+  get hostElement() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      disabled: [ {
+        disabledUpdated: 0
+      } ]
+    };
+  }
+};
+
+o.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host(:not([hidden])){display:block;width:100%}';
+
+export { o as q2_resize_observer }

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, F as s, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o as n, i as r, w as l, l as a } from "./index-Cps4jSQM.js";
+import { o as n, i as r, w as l, l as a } from "./index-DJw6Feh0.js";
 
 const h = class {
   constructor(e) {
@@ -666,6 +666,6 @@ const h = class {
   }
 };
 
-h.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin:var(--tct-search-margin, var(--tct-search-margin-top, var(--app-scale-5x, 25px)) 0 var(--tct-search-margin-bottom, var(--app-scale-5x, 25px)))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.q2-search-container{display:block;position:relative}.q2-search-input{margin:0;--tct-input-min-height:var(--tct-search-input-min-height, initial);--tct-input-max-height:var(--tct-search-input-max-height, none);--tct-input-horizontal-gap:var(--tct-search-input-horizontal-gap, var(--app-scale-2x, 10px));--tct-input-icon-container-icon-min-width:var(--tct-search-icon-min-width, fit-content)}.popover-content{display:flex;flex-direction:column}.popover-content[data-loading=true]{min-height:var(--tct-search-loading-popover-height, var(--app-scale-12x, 60px));position:relative}.popover-content[data-loading=true] .loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.popover-content[data-loading=true] .loading-overlay q2-loading{--tct-loading-spinner-size:var(--tct-search-loading-spinner-size, var(--app-scale-8x, 40px));width:1em;height:1em}.popover-top-container[hidden],.popover-bottom-container[hidden]{display:none}.popover-top-container{position:sticky;top:0;z-index:5}.popover-top-container .multi-select-header{padding:var(--tct-search-multi-select-header-padding, var(--app-scale-2x, 10px));background:var(--tct-search-multi-select-header-background, var(--t-base, #ffffff));display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.popover-top-container .multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.popover-top-container .multi-select-header legend{padding:0;float:left}.popover-top-container .multi-select-header label{cursor:pointer;padding:var(--tct-search-multi-select-option-padding, 2px 5px);font-size:var(--tct-search-multi-select-option-font-size, inherit);border-radius:var(--tct-search-multi-select-option-border-radius, var(--app-border-radius-1, 4px));background:var(--tct-search-multi-select-option-background, transparent);color:var(--tct-search-multi-select-option-font-color, inherit)}.popover-top-container .multi-select-header label:hover{background:var(--tct-search-multi-select-option-hover-background, var(--t-gray-14, #f2f2f2));color:var(--tct-search-multi-select-option-hover-font-color, var(--t-gray-5, #404040))}.popover-top-container .multi-select-header input:checked+label,.popover-top-container .multi-select-header input:checked+label:enabled:hover{background:var(--tct-search-multi-select-option-active-background, var(--t-gray-4, #333333));color:var(--tct-search-multi-select-option-active-font-color, var(--t-base, #ffffff))}.popover-top-container .multi-select-header input:disabled+label{opacity:var(--tct-search-multi-select-option-disabled-opacity, var(--app-disabled-opacity, 0.4));cursor:not-allowed}.popover-top-container .multi-select-header input:focus-visible+label{box-shadow:var(--const-double-focus-ring)}.no-results{padding:var(--tct-search-no-results-padding, var(--app-scale-3x, 15px));color:var(--tct-search-no-results-font-color, var(--t-textA, rgba(77, 77, 77, 0.77)));text-align:center}';
+h.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin:var(--tct-search-margin, var(--tct-search-margin-top, var(--app-scale-5x, 25px)) 0 var(--tct-search-margin-bottom, var(--app-scale-5x, 25px)))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.q2-search-container{display:block;position:relative}.q2-search-input{--tct-input-icon-size:var(--tct-search-icon-size, var(--const-px-18, 18px));margin:0;--tct-input-min-height:var(--tct-search-input-min-height, initial);--tct-input-max-height:var(--tct-search-input-max-height, none);--tct-input-horizontal-gap:var(--tct-search-input-horizontal-gap, var(--app-scale-2x, 10px));--tct-input-icon-container-icon-min-width:var(--tct-search-icon-min-width, fit-content)}.popover-content{display:flex;flex-direction:column}.popover-content[data-loading=true]{min-height:var(--tct-search-loading-popover-height, var(--app-scale-12x, 60px));position:relative}.popover-content[data-loading=true] .loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.popover-content[data-loading=true] .loading-overlay q2-loading{--tct-loading-spinner-size:var(--tct-search-loading-spinner-size, var(--app-scale-8x, 40px));width:1em;height:1em}.popover-top-container[hidden],.popover-bottom-container[hidden]{display:none}.popover-top-container{position:sticky;top:0;z-index:5}.popover-top-container .multi-select-header{padding:var(--tct-search-multi-select-header-padding, var(--app-scale-2x, 10px));background:var(--tct-search-multi-select-header-background, var(--t-base, #ffffff));display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.popover-top-container .multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.popover-top-container .multi-select-header legend{padding:0;float:left}.popover-top-container .multi-select-header label{cursor:pointer;padding:var(--tct-search-multi-select-option-padding, 2px 5px);font-size:var(--tct-search-multi-select-option-font-size, inherit);border-radius:var(--tct-search-multi-select-option-border-radius, var(--app-border-radius-1, 4px));background:var(--tct-search-multi-select-option-background, transparent);color:var(--tct-search-multi-select-option-font-color, inherit)}.popover-top-container .multi-select-header label:hover{background:var(--tct-search-multi-select-option-hover-background, var(--t-gray-14, #f2f2f2));color:var(--tct-search-multi-select-option-hover-font-color, var(--t-gray-5, #404040))}.popover-top-container .multi-select-header input:checked+label,.popover-top-container .multi-select-header input:checked+label:enabled:hover{background:var(--tct-search-multi-select-option-active-background, var(--t-gray-4, #333333));color:var(--tct-search-multi-select-option-active-font-color, var(--t-base, #ffffff))}.popover-top-container .multi-select-header input:disabled+label{opacity:var(--tct-search-multi-select-option-disabled-opacity, var(--app-disabled-opacity, 0.4));cursor:not-allowed}.popover-top-container .multi-select-header input:focus-visible+label{box-shadow:var(--const-double-focus-ring)}.no-results{padding:var(--tct-search-no-results-padding, var(--app-scale-3x, 15px));color:var(--tct-search-no-results-font-color, var(--t-textA, rgba(77, 77, 77, 0.77)));text-align:center}';
 
 export { h as q2_search }

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

@@ -1,16 +1,16 @@
-import { r as t, c as e, h as i, g as n } from "./index-Cqkz7Bnm.js";
+import { r as t, c as e, h as i, g as a } from "./index-Cqkz7Bnm.js";
 
-import { a, o as r, i as s, n as o, l as c } from "./index-Cps4jSQM.js";
+import { a as n, h as r, o as s, i as o, n as c, l as d } from "./index-DJw6Feh0.js";
 
-import { m as d } from "./mirror-emit-DUjY_ucm.js";
+import { m as h } from "./mirror-emit-DUjY_ucm.js";
 
-const h = class {
+const p = class {
   constructor(i) {
     t(this, i), this.change = e(this, "change", 7), this.tctChange = e(this, "tctChange", 7), 
     this.contentId = "content", this.titleId = "title", this.hasYieldedHeader = !1, 
     this.hideContent = !1, this.addContentSlotListener = () => {
-      if (this.contentSlot) return void this.contentSlot.addEventListener("slotchange", a);
-      const t = new MutationObserver(a);
+      if (this.contentSlot) return void this.contentSlot.addEventListener("slotchange", n);
+      const t = new MutationObserver(n);
       t.observe(this.contentContainer, {
         childList: !0,
         subtree: !0
@@ -24,12 +24,12 @@ const h = class {
     }, this.clearResizeInterval = () => {
       this.resizerFn && clearInterval(this.resizerFn);
     }, this.onHeaderClick = () => {
-      d(this, [ "change", "tctChange" ], {
+      h(this, [ "change", "tctChange" ], {
         expanded: !this.expanded
       });
     }, this.onHeaderSlotChange = () => {
-      const t = !!this.hostElement.querySelector('[slot="q2-section-header"]');
-      this.hasYieldedHeader !== t && (this.hasYieldedHeader = !!t);
+      const t = r(this.hostElement, "q2-section-header");
+      this.hasYieldedHeader !== t && (this.hasYieldedHeader = t);
     }, this.onTransitionEnd = () => {
       this.expanded ? this.contentHeight = void 0 : this.hideContent = !0, setTimeout((() => {
         // This gives enough time for all values to get passed over
@@ -39,7 +39,7 @@ const h = class {
       }), 1e3);
     }, this.removeContentSlotListener = () => {
       var t;
-      this.contentSlot ? this.contentSlot.removeEventListener("slotchange", a) : null === (t = this.contentSlotMutationObserver) || void 0 === t || t.disconnect();
+      this.contentSlot ? this.contentSlot.removeEventListener("slotchange", n) : null === (t = this.contentSlotMutationObserver) || void 0 === t || t.disconnect();
     }, this.removeHeaderSlotListener = () => {
       var t;
       this.headerSlot ? this.headerSlot.removeEventListener("slotchange", this.onHeaderSlotChange) : null === (t = this.headerSlotMutationObserver) || void 0 === t || t.disconnect();
@@ -56,7 +56,7 @@ const h = class {
     this.contentHeight = t && e ? void 0 : "0px", this.hideContent = !e;
   }
   componentDidLoad() {
-    this.addHeaderSlotListener(), this.addContentSlotListener(), r(this.hostElement);
+    this.addHeaderSlotListener(), this.addContentSlotListener(), s(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -64,7 +64,7 @@ const h = class {
     t.target === this.hostElement && !this.hostElement.onchange && t.detail && (this.expanded = t.detail.expanded);
   }
   delegateFocus(t) {
-    s(t, this.hostElement) && this.contentContainer.focus();
+    o(t, this.hostElement) && this.contentContainer.focus();
   }
   // #endregion
   // #region Public Methods API
@@ -93,7 +93,7 @@ const h = class {
     this.contentHeight = this.currentHeight;
   }
   async expandedObserver(t) {
-    this.clearResizeInterval(), this.resizerFn = setInterval(a, 5), t ? this.expandSection() : this.collapseSection();
+    this.clearResizeInterval(), this.resizerFn = setInterval(n, 5), t ? this.expandSection() : this.collapseSection();
   }
   // #endregion
   // #region Local Methods
@@ -105,56 +105,56 @@ const h = class {
     return t ? e ? this.contentContainerHeight : "0" : null;
   }
   async collapseSection() {
-    this.contentHeight = this.contentContainerHeight, await o((() => {
+    this.contentHeight = this.contentContainerHeight, await c((() => {
       this.contentHeight = this.currentHeight;
     }));
   }
   async expandSection() {
-    this.hideContent = !1, await o((() => {
+    this.hideContent = !1, await c((() => {
       this.contentHeight = this.currentHeight;
     }));
   }
   // #endregion
   // #region Render Methods
   render() {
-    const t = this.label || this.hasYieldedHeader, e = [ "content-wrapper" ], {collapsible: n, hideContent: a, contentHeight: r} = this;
-    n && (a ? e.push("is-closed") : r && e.push("is-transitioning"));
+    const t = this.label || this.hasYieldedHeader, e = [ "content-wrapper" ], {collapsible: a, hideContent: n, contentHeight: r} = this;
+    a && (n ? e.push("is-closed") : r && e.push("is-transitioning"));
     const s = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "5dbed551d8571ef48b81fe7fc40b0c56db2d685a",
+      key: "1614590b2058a69ebaee5a59455ec5c8bfa30bde",
       class: "wrapper"
     }, i("header", {
-      key: "dfc3bc20a49856a2fcdee6b5cae1626e32ff5416",
+      key: "e52e3037b59ac3443e812299114850dd6ed8810b",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "b9073b701f1006f8048cac33b4cae9e44888c8e2",
+      key: "2066c8ff48cb4c6445068207533b3b6b808e9dd7",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, s && i("h2", {
-      key: "d701205c1808c6eaf2b7f3739c7488d934cf1cc0",
+      key: "a159d8b6bc29e10711b603aef2ce6c1419f4b7ae",
       class: "title"
-    }, c(this.label)), i("div", {
-      key: "5428fcecafd6e84a884783c0cc1223cb91160f69",
+    }, d(this.label)), i("div", {
+      key: "829f24123711551a6e3792cb66a2759386d6bec8",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "f7d873afc6f319c259e11db10e7cf2d3010ca3c6",
+      key: "22c2518c55bf5f6160917beea8ab2c523bf76169",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "6143342070b00156a36db039dee5e19a1a6cbe2f",
-      label: c(this.label || "tecton.element.section.defaultToggleLabel"),
+      key: "950c09ccfad31453393a52cd21321338d53ac03b",
+      label: d(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
       "test-id": "toggleButton",
       "hide-label": !0,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "297304e09f1b60c2a3e4d8146ff7b75f14d64e5c",
+      key: "a962ea4f0f5c0ba761d3c3eafd31a16f0338c8da",
       type: "chevron-up"
     }))), i("div", {
-      key: "3a78d8a8ffde28f5e006fd988f6d01463758c4c1",
+      key: "45a1762386b7bf88fcaa50c18c1ac059b93d2e59",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -164,17 +164,17 @@ const h = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "0c7019101641ae7d05772a9ec4e8c16ca40e1112",
+      key: "80508c39608fa4bf3d6f1911ff592f04e5115014",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "49a17e0cd8279255eec0dc2d7344dc0fa260dc46",
+      key: "c88062ea0a59b62143e22c8492a8d06826a27a83",
       ref: t => this.contentSlot = t
     }))));
   }
   get hostElement() {
-    return n(this);
+    return a(this);
   }
   static get watchers() {
     return {
@@ -188,6 +188,6 @@ const h = class {
   }
 };
 
-h.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}: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, inherit));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;border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 4px)));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, var(--const-px-20, 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}q2-btn{--tct-btn-icon-hover-background:var(--tct-section-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-section-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-section-btn-icon-stroke-secondary, var(--app-gray, #747474))}';
+p.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}: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, inherit));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;border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 4px)));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, var(--const-px-20, 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{--tct-icon-size:var(--tct-section-icon-size, var(--const-px-18, 18px));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}q2-btn{--tct-btn-icon-hover-background:var(--tct-section-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-section-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-section-btn-icon-stroke-secondary, var(--app-gray, #747474))}';
 
-export { h as q2_section }
+export { p as q2_section }