q2-tecton-elements 1.70.2 → 1.71.0

package/dist/q2-tecton-elements/click-elsewhere_3.entry.js

@@ -4,9 +4,9 @@ import { m as n } from "./mirror-emit-DUjY_ucm.js";
 
 import { b as r } from "./component-DaQM9u3s.js";
 
-import { l as a, n as h, o as p, i as c, w as l, v as d, q as u, x as m, y as v, g as b } from "./index-Cps4jSQM.js";
+import { l as a, n as h, o as p, i as c, w as l, v as d, q as m, x as u, y as b, g as v } from "./index-Cps4jSQM.js";
 
-const w = class {
+const f = class {
   constructor(o) {
     t(this, o), this.change = i(this, "change", 7), this.tctChange = i(this, "tctChange", 7), 
     // #region Own Properties
@@ -72,7 +72,7 @@ const w = class {
   }
 };
 
-const f = class {
+const w = class {
   constructor(o) {
     t(this, o), this.change = i(this, "change", 7), this.popoverState = i(this, "popoverState", 7), 
     this.ready = i(this, "ready", 3), this.tctChange = i(this, "tctChange", 7), this.keyStore = {
@@ -524,7 +524,7 @@ const f = class {
   }
 };
 
-f.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}:host{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";
+w.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{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}';
 
 const g = class {
   constructor(o) {
@@ -542,7 +542,7 @@ const g = class {
     // #region Public Property API
     /** Aligns the popover to the left or right side of the control element. */
     this.align = "left", this.mode = null, this.handleMinHeight = () => {
-      this.minHeight && u(this, "minHeight", "prop");
+      this.minHeight && m(this, "minHeight", "prop");
     }, this.handlePopoverToggleEvent = t => {
       n(this, [ "popoverStateChanged", "tctPopoverStateChanged" ], {
         open: "open" === t.newState
@@ -568,11 +568,11 @@ const g = class {
         bottom: 0,
         left: 0,
         right: 0
-      }, u = c, b = (null === (o = null === window || void 0 === window ? void 0 : window.visualViewport) || void 0 === o ? void 0 : o.width) - d, w = m(e), f = w ? 0 : window.scrollX, g = w ? 0 : window.scrollY;
-      s.style.setProperty("--comp-pop-position", w ? "fixed" : "absolute"), "right" === a ? (s.style.setProperty("--comp-pop-right", b - f + "px"), 
-      s.style.setProperty("--comp-pop-left", "unset")) : (s.style.setProperty("--comp-pop-left", `${u + f}px`), 
+      }, m = c, v = (null === (o = null === window || void 0 === window ? void 0 : window.visualViewport) || void 0 === o ? void 0 : o.width) - d, f = u(e), w = f ? 0 : window.scrollX, g = f ? 0 : window.scrollY;
+      s.style.setProperty("--comp-pop-position", f ? "fixed" : "absolute"), "right" === a ? (s.style.setProperty("--comp-pop-right", v - w + "px"), 
+      s.style.setProperty("--comp-pop-left", "unset")) : (s.style.setProperty("--comp-pop-left", `${m + w}px`), 
       s.style.setProperty("--comp-pop-right", "unset")), this.block && s.style.setProperty("--comp-pop-width", `${(null == e ? void 0 : e.offsetWidth) || 0}px`);
-      const k = r && v(this.hostElement);
+      const k = r && b(this.hostElement);
       "up" === n && (r && !k ? s.style.setProperty("--comp-pop-bottom", window.innerHeight - h + "px") : s.style.setProperty("--comp-pop-bottom", window.innerHeight - h - g + "px")), 
       "down" === n && (r && !k ? s.style.setProperty("--comp-pop-top", `${p}px`) : s.style.setProperty("--comp-pop-top", `${p + g}px`)), 
       // Wait for one paint to prevent layout thrashing
@@ -670,7 +670,7 @@ const g = class {
   addViewportListeners() {
     var t;
     window.addEventListener("resize", this.viewPortOrientationChanged), null === visualViewport || void 0 === visualViewport || visualViewport.addEventListener("resize", this.viewPortChanged), 
-    v(this.hostElement) && !b() && window.addEventListener("scroll", this.viewPortChanged, {
+    b(this.hostElement) && !v() && window.addEventListener("scroll", this.viewPortChanged, {
       passive: !0,
       capture: !0
     }), null === (t = null === screen || void 0 === screen ? void 0 : screen.orientation) || void 0 === t || t.addEventListener("orientationchange", this.viewPortOrientationChanged), 
@@ -691,19 +691,19 @@ const g = class {
       top: 0,
       bottom: 0
     };
-    let c, d, u;
-    const m = a && v(this.hostElement);
-    if (a && !m) {
+    let c, d, m;
+    const u = a && b(this.hostElement);
+    if (a && !u) {
       const {outletOffset: t = 0, innerHeight: i = window.innerHeight, top: e = 0, bottom: s = 0} = (null === (o = window.Tecton) || void 0 === o ? void 0 : o.platformDimensions) || {}, n = window.innerHeight - p, a = i - s - (t + p - e);
-      d = (t > 0 ? h : h + t - e) - r, u = n < a ? n - r : a - r;
-    } else c = window.innerHeight, d = h - r, u = c - p - r;
-    const b = d > u ? "up" : "down", w = !(null == e ? void 0 : e.style.getPropertyValue("--comp-pop-max-height")) || this.orientationChanged;
+      d = (t > 0 ? h : h + t - e) - r, m = n < a ? n - r : a - r;
+    } else c = window.innerHeight, d = h - r, m = c - p - r;
+    const v = d > m ? "up" : "down", f = !(null == e ? void 0 : e.style.getPropertyValue("--comp-pop-max-height")) || this.orientationChanged;
     // We do not want to update the max height once the popover is open unless the page orientation shifts (resize or mobile use cases)
         // we do not want to constantly update the max-height after an orientation change, so we switch this back to false
     this.orientationChanged = !1;
-    switch (this.currentDirection || n || b) {
+    switch (this.currentDirection || n || v) {
      case "up":
-      if (w && e) {
+      if (f && e) {
         const t = this.validatedMaxHeight || d, i = Math.min(d, t);
         e.style.setProperty("--comp-pop-max-height", `${i}px`);
       }
@@ -711,8 +711,8 @@ const g = class {
       break;
 
      case "down":
-      if (w && e) {
-        const t = this.validatedMaxHeight || u, i = Math.min(u, t);
+      if (f && e) {
+        const t = this.validatedMaxHeight || m, i = Math.min(m, t);
         e.style.setProperty("--comp-pop-max-height", `${i}px`);
       }
       this.setDirectionAndShow("down");
@@ -738,7 +738,7 @@ const g = class {
   // #region Render Methods
   render() {
     const t = [ "container", this.currentDirection, this.align ];
-    return b() && t.push("mobile"), this.show && t.push("show"), this.block && t.push("block"), 
+    return v() && t.push("mobile"), this.show && t.push("show"), this.block && t.push("block"), 
     "legacy" === this.mode && t.push("legacy"), "opening" === this.animationState && t.push("animating-open"), 
     "closing" === this.animationState && t.push("animating-close"), e("div", {
       key: "4fe0c06793144eb83fe53cfc568af81226f78345",
@@ -770,6 +770,6 @@ const g = class {
   }
 };
 
-g.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}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}@keyframes popoverOpen{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes popoverClose{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}:popover-open,.show{position:var(--comp-pop-position, absolute);margin:0;padding:var(--tct-popover-padding, 0);overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));backdrop-filter:var(--tct-popover-backdrop-filter, none);color:var(--tct-popover-font-color, inherit);min-width:var(--tct-popover-min-width, 135px);width:var(--tct-popover-width, auto);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 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}:popover-open.animating-open,.show.animating-open{animation-name:popoverOpen;animation-duration:var(--tct-popover-open-animation-duration, var(--t-tween-time-in-1, 150ms));animation-timing-function:var(--tct-popover-open-animation-timing-function, ease-out);animation-fill-mode:var(--tct-popover-open-animation-fill-mode, forwards)}:popover-open.animating-close,.show.animating-close{animation-name:popoverClose;animation-duration:var(--tct-popover-close-animation-duration, var(--t-tween-time-out-1, 100ms));animation-timing-function:var(--tct-popover-close-animation-timing-function, ease-in);animation-fill-mode:var(--tct-popover-close-animation-fill-mode, forwards)}@media (prefers-reduced-motion: reduce){:popover-open.animating-open,:popover-open.animating-close,.show.animating-open,.show.animating-close{animation-duration:0.01ms}}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open.down.left:not(.mobile),.show.down.left:not(.mobile){transform-origin:top left}:popover-open.down.right:not(.mobile),.show.down.right:not(.mobile){transform-origin:top right}:popover-open.up.left:not(.mobile),.show.up.left:not(.mobile){transform-origin:bottom left}:popover-open.up.right:not(.mobile),.show.up.right:not(.mobile){transform-origin:bottom right}:popover-open.mobile.down,.show.mobile.down{transform-origin:center top}:popover-open.mobile.up,.show.mobile.up{transform-origin:center bottom}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";
+g.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}}}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}@keyframes popoverOpen{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes popoverClose{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}:popover-open,.show{position:var(--comp-pop-position, absolute);margin:0;padding:var(--tct-popover-padding, 0);overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));backdrop-filter:var(--tct-popover-backdrop-filter, none);color:var(--tct-popover-font-color, inherit);min-width:var(--tct-popover-min-width, 135px);width:var(--tct-popover-width, auto);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 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}:popover-open.animating-open,.show.animating-open{animation-name:popoverOpen;animation-duration:var(--tct-popover-open-animation-duration, var(--t-tween-time-in-1, 150ms));animation-timing-function:var(--tct-popover-open-animation-timing-function, ease-out);animation-fill-mode:var(--tct-popover-open-animation-fill-mode, forwards)}:popover-open.animating-close,.show.animating-close{animation-name:popoverClose;animation-duration:var(--tct-popover-close-animation-duration, var(--t-tween-time-out-1, 100ms));animation-timing-function:var(--tct-popover-close-animation-timing-function, ease-in);animation-fill-mode:var(--tct-popover-close-animation-fill-mode, forwards)}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open.down.left:not(.mobile),.show.down.left:not(.mobile){transform-origin:top left}:popover-open.down.right:not(.mobile),.show.down.right:not(.mobile){transform-origin:top right}:popover-open.up.left:not(.mobile),.show.up.left:not(.mobile){transform-origin:bottom left}:popover-open.up.right:not(.mobile),.show.up.right:not(.mobile){transform-origin:bottom right}:popover-open.mobile.down,.show.mobile.down{transform-origin:center top}:popover-open.mobile.up,.show.mobile.up{transform-origin:center bottom}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}';
 
-export { w as click_elsewhere, f as q2_option_list, g as q2_popover }
+export { f as click_elsewhere, w as q2_option_list, g as q2_popover }

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

@@ -1,4 +1,4 @@
-import { r as t, h as i, g as o, c as n } from "./index-Cqkz7Bnm.js";
+import { r as t, h as i, g as n, c as o } from "./index-Cqkz7Bnm.js";
 
 import { n as e } from "./index-Cps4jSQM.js";
 
@@ -30,23 +30,23 @@ const r = class {
       // get the elements of the hostElement
             if (!i.length) return;
       // Remove all elements that are not approved Tecton components
-            const o = [ "Q2-BTN", "Q2-LINK", "Q2-DROPDOWN", "Q2-TOOLTIP" ];
-      let n = this.flattenElements(i).filter((t => {
+            const n = [ "Q2-BTN", "Q2-LINK", "Q2-DROPDOWN", "Q2-TOOLTIP" ];
+      let o = this.flattenElements(i).filter((t => {
         // Handle Q2-TOOLTIP validation
         if ("Q2-TOOLTIP" === t.tagName) return 1 !== t.children.length ? (console.warn("Q2-ACTION-GROUP: Q2-TOOLTIP is only allowed a single child inside Q2-ACTION-GROUP."), 
         t.remove(), !1) : !(t.children[0] && ![ "Q2-BTN", "Q2-LINK" ].includes(t.children[0].tagName)) || (console.warn("Q2-ACTION-GROUP: Q2-TOOLTIP is only allowed to have a Q2-BTN or a Q2-LINK inside Q2-ACTION-GROUP."), 
         t.remove(), !1);
-        const i = o.includes(t.tagName);
+        const i = n.includes(t.tagName);
         return i || t.remove(), i;
       }));
       // Filter out non-coined buttons if coin exists
-            this.hasCoin(n) && (n = n.filter((t => {
-        let i = t.tagName, o = t.getAttribute("intent");
-        return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName, o = t.children[0].getAttribute("intent")), 
-        "Q2-BTN" === i && "coin" === o || (t.remove(), !1);
+            this.hasCoin(o) && (o = o.filter((t => {
+        let i = t.tagName, n = t.getAttribute("intent");
+        return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName, n = t.children[0].getAttribute("intent")), 
+        "Q2-BTN" === i && "coin" === n || (t.remove(), !1);
       })));
-      "vertical" === t && !this.hasBtnOnly(n) && (console.warn('Q2-ACTION-GROUP: "Vertical" orientation is supported only for Q2-BTN (not coin intent), otherwise orientation will be set to "horizontal".'), 
-      this.orientation = "horizontal"), this.slottedElements = n;
+      "vertical" === t && !this.hasBtnOnly(o) && (console.warn('Q2-ACTION-GROUP: "Vertical" orientation is supported only for Q2-BTN (not coin intent), otherwise orientation will be set to "horizontal".'), 
+      this.orientation = "horizontal"), this.slottedElements = o;
     }, this.flattenElements = t => {
       const i = [];
       return t.forEach((t => {
@@ -59,15 +59,15 @@ const r = class {
         } else i.push(t);
       })), i;
     }, this.handleResize = t => {
-      const i = t.detail.entries[0].contentRect.width, o = this.orientationThreshold > i;
-      this.autoOrientation = o ? "vertical" : "horizontal";
+      const i = t.detail.entries[0].contentRect.width, n = this.orientationThreshold > i;
+      this.autoOrientation = n ? "vertical" : "horizontal";
     }, this.handleSeparator = () => {
       const t = this.slottedElements.filter((t => {
         let i = t.tagName;
         return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName), [ "Q2-LINK", "Q2-DROPDOWN" ].includes(i);
       }));
-      t.forEach(((i, o) => {
-        i.classList.remove("is-last-action"), o === t.length - 1 && i.classList.add("is-last-action");
+      t.forEach(((i, n) => {
+        i.classList.remove("is-last-action"), n === t.length - 1 && i.classList.add("is-last-action");
       }));
     }, this.initMutationObserver = () => {
       if (!("MutationObserver" in window)) return;
@@ -117,35 +117,35 @@ const r = class {
   }
   handleFullWidth(t) {
     this.slottedElements.forEach((i => {
-      const o = "Q2-TOOLTIP" === i.tagName ? i.children[0] : i;
-      [ "Q2-LINK", "Q2-DROPDOWN" ].includes(o.tagName) && (t ? o.setAttribute("full-width", "") : o.removeAttribute("full-width"));
+      const n = "Q2-TOOLTIP" === i.tagName ? i.children[0] : i;
+      [ "Q2-LINK", "Q2-DROPDOWN" ].includes(n.tagName) && (t ? n.setAttribute("full-width", "") : n.removeAttribute("full-width"));
     }));
   }
   hasBtnOnly(t) {
     return t.every((t => {
-      let i = t.tagName, o = t.getAttribute("intent");
-      return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName, o = t.children[0].getAttribute("intent")), 
-      "Q2-BTN" === i && "coin" !== o;
+      let i = t.tagName, n = t.getAttribute("intent");
+      return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName, n = t.children[0].getAttribute("intent")), 
+      "Q2-BTN" === i && "coin" !== n;
     }));
   }
   hasCoin(t) {
     return t.find((t => {
-      let i = t.tagName, o = t.getAttribute("intent");
-      return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName, o = t.children[0].getAttribute("intent")), 
-      "Q2-BTN" === i && "coin" === o;
+      let i = t.tagName, n = t.getAttribute("intent");
+      return "Q2-TOOLTIP" === t.tagName && (i = t.children[0].tagName, n = t.children[0].getAttribute("intent")), 
+      "Q2-BTN" === i && "coin" === n;
     }));
   }
   // #endregion
   // #region Render Methods
   render() {
-    const {shouldDisableResizeObserver: t, computedOrientation: o, fullWidth: n, slottedElements: e} = this, r = [ "container" ];
-    return n && "horizontal" === o && r.push("full-width"), r.push(o), e.forEach((t => {
-      let i = t.tagName.toLowerCase(), o = t.getAttribute("intent");
-      "q2-tooltip" === i && (i = t.children[0].tagName.toLowerCase(), o = t.children[0].getAttribute("intent"), 
+    const {shouldDisableResizeObserver: t, computedOrientation: n, fullWidth: o, slottedElements: e} = this, r = [ "container" ];
+    return o && "horizontal" === n && r.push("full-width"), r.push(n), e.forEach((t => {
+      let i = t.tagName.toLowerCase(), n = t.getAttribute("intent");
+      "q2-tooltip" === i && (i = t.children[0].tagName.toLowerCase(), n = t.children[0].getAttribute("intent"), 
       r.includes("has-q2-tooltip") || r.push("has-q2-tooltip"));
-      const n = `has-${i}${"q2-btn" === i && "coin" === o ? "-coin" : ""}`;
-      r.includes(n) || r.push(n);
-    })), this.handleFullWidth(!!n), i("q2-resize-observer", {
+      const o = `has-${i}${"q2-btn" === i && "coin" === n ? "-coin" : ""}`;
+      r.includes(o) || r.push(o);
+    })), this.handleFullWidth(!!o), i("q2-resize-observer", {
       key: "90c4038fda5346ea144fbe3bc2c5b77ab7e883cc",
       onTctResize: this.handleResize,
       disabled: t
@@ -159,7 +159,7 @@ const r = class {
     })));
   }
   get hostElement() {
-    return o(this);
+    return n(this);
   }
   static get watchers() {
     return {
@@ -170,11 +170,11 @@ const r = class {
   }
 };
 
-r.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}:host(:not([hidden])){display:block;width:100%;--comp-default-action-group-margin:var(--app-scale-5x, 25px) 0;margin:var(--tct-action-group-margin, var(--comp-default-action-group-margin))}.container{--comp-default-action-group-gap:var(--tct-action-group-gap, var(--app-scale-2x, 10px));--comp-link-gap:var(--tct-action-group-gap, var(--app-scale-4x, 20px));--tct-btn-icon-height:30px;width:100%;display:flex;gap:var(--comp-default-action-group-gap)}.container.has-q2-link{gap:var(--comp-link-gap)}.container.has-q2-btn-coin{column-gap:var(--tct-action-group-coin-column-gap, var(--app-scale-1x, 5px));row-gap:var(--tct-action-group-coin-row-gap, var(--app-scale-5x, 25px))}.container.vertical{flex-direction:var(--tct-action-group-vertical-flex-direction, column)}.container.vertical ::slotted(q2-btn){display:block;width:100%}.container.horizontal{justify-content:var(--tct-action-group-horizontal-justify-content, flex-start);flex-direction:var(--tct-action-group-horizontal-flex-direction, row-reverse);align-items:var(--tct-action-group-horizontal-align-items, center);flex-wrap:var(--tct-action-group-horizontal-flex-wrap, wrap)}.container.horizontal.full-width{--tct-action-group-horizontal-justify-content:space-around;flex-wrap:nowrap}.container.horizontal.has-q2-btn-coin{justify-content:var(--tct-action-group-coin-horizontal-justify-content, center);flex-direction:var(--tct-action-group-horizontal-flex-direction, row)}.container.horizontal ::slotted(:not(q2-btn)){position:relative}.container.horizontal ::slotted(:not(q2-btn):not(.is-last-action))::before{content:"";display:inline-block;width:0;height:var(--tct-action-group-separator-height, 20px);border-left:1px solid var(--tct-action-group-separator-color, var(--t-gray-12, #d9d9d9));position:absolute;left:calc(var(--comp-link-gap) * -0.5);top:50%;transform:translateY(-50%)}.container.vertical ::slotted(q2-btn),.container.horizontal.full-width ::slotted(q2-btn){display:block;width:100%}:host([full-width]:not([full-width=false])) .container{justify-content:space-evenly}';
+r.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%;--comp-default-action-group-margin:var(--app-scale-5x, 25px) 0;margin:var(--tct-action-group-margin, var(--comp-default-action-group-margin))}.container{--comp-default-action-group-gap:var(--tct-action-group-gap, var(--app-scale-2x, 10px));--comp-link-gap:var(--tct-action-group-gap, var(--app-scale-4x, 20px));--tct-btn-icon-height:30px;width:100%;display:flex;gap:var(--comp-default-action-group-gap)}.container.has-q2-link{gap:var(--comp-link-gap)}.container.has-q2-btn-coin{column-gap:var(--tct-action-group-coin-column-gap, var(--app-scale-1x, 5px));row-gap:var(--tct-action-group-coin-row-gap, var(--app-scale-5x, 25px))}.container.vertical{flex-direction:var(--tct-action-group-vertical-flex-direction, column)}.container.vertical ::slotted(q2-btn){display:block;width:100%}.container.horizontal{justify-content:var(--tct-action-group-horizontal-justify-content, flex-start);flex-direction:var(--tct-action-group-horizontal-flex-direction, row-reverse);align-items:var(--tct-action-group-horizontal-align-items, center);flex-wrap:var(--tct-action-group-horizontal-flex-wrap, wrap)}.container.horizontal.full-width{--tct-action-group-horizontal-justify-content:space-around;flex-wrap:nowrap}.container.horizontal.has-q2-btn-coin{justify-content:var(--tct-action-group-coin-horizontal-justify-content, center);flex-direction:var(--tct-action-group-horizontal-flex-direction, row)}.container.horizontal ::slotted(:not(q2-btn)){position:relative}.container.horizontal ::slotted(:not(q2-btn):not(.is-last-action))::before{content:"";display:inline-block;width:0;height:var(--tct-action-group-separator-height, 20px);border-left:1px solid var(--tct-action-group-separator-color, var(--t-gray-12, #d9d9d9));position:absolute;left:calc(var(--comp-link-gap) * -0.5);top:50%;transform:translateY(-50%)}.container.vertical ::slotted(q2-btn),.container.horizontal.full-width ::slotted(q2-btn){display:block;width:100%}:host([full-width]:not([full-width=false])) .container{justify-content:space-evenly}';
 
-const s = class {
+const a = class {
   constructor(i) {
-    t(this, i), this.tctResize = n(this, "tctResize", 7), this.observedElements = [], 
+    t(this, i), this.tctResize = o(this, "tctResize", 7), this.observedElements = [], 
     // #endregion
     // #region Local Methods
     this.handleSlotChange = () => {
@@ -207,14 +207,14 @@ const s = class {
     t ? this.stopObserver() : this.startObserver();
   }
   startObserver() {
-    var t, i, o;
-    const n = this.hostElement.shadowRoot.querySelector("slot");
-    if (null === n) return;
-    const e = null !== (i = null === (t = n.assignedElements) || void 0 === t ? void 0 : t.call(n, {
+    var t, i, n;
+    const o = this.hostElement.shadowRoot.querySelector("slot");
+    if (null === o) return;
+    const e = null !== (i = null === (t = o.assignedElements) || void 0 === t ? void 0 : t.call(o, {
       flatten: !0
     })) && void 0 !== i ? i : [];
     // Unwatch previous elements
-        null === (o = this.observedElements) || void 0 === o || o.forEach((t => {
+        null === (n = this.observedElements) || void 0 === n || n.forEach((t => {
       var i;
       return null === (i = this.resizeObserver) || void 0 === i ? void 0 : i.unobserve(t);
     })), this.observedElements = [], 
@@ -232,12 +232,12 @@ const s = class {
   // #region Render Methods
   render() {
     return i("slot", {
-      key: "dbf5c5c896f9ab48a32ce58a4ffcf7bf287920e2",
+      key: "f5cc2cee6e979f047d3854d243ec3560ae5cb35d",
       onSlotchange: this.handleSlotChange
     });
   }
   get hostElement() {
-    return o(this);
+    return n(this);
   }
   static get watchers() {
     return {
@@ -248,6 +248,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}:host(:not([hidden])){display:block;width:100%}";
+a.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 { r as q2_action_group, s as q2_resize_observer }
+export { r as q2_action_group, a as q2_resize_observer }

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

@@ -112,25 +112,27 @@ const l = class {
     // #endregion
     // #region Render Methods
     this.renderList = ({data: t}) => {
-      const {listProps: o, slotsHtml: a = []} = t;
-      return i(e, null, a.filter((t => "top" === t.slot)).map((t => i("div", {
+      var o;
+      const {listProps: a, slotsHtml: r = []} = t;
+      return i(e, null, r.filter((t => "top" === t.slot)).map((t => i("div", {
         innerHTML: c(t.html)
       }))), i("div", {
         class: "content",
         ref: t => this.contentElement = t
       }, i("q2-option-list", {
         ref: t => this.optionListElement = t,
-        multiple: o.multiple,
-        noSelect: o.noSelect,
+        multiple: a.multiple,
+        label: (null === (o = this.data) || void 0 === o ? void 0 : o.title) || this.title,
+        noSelect: a.noSelect,
         onChange: this.onListChange,
         onPopoverState: this.onListPopoverStateChange,
-        selectedOptions: o.selectedOptions
-      }, i("slot", null))), i("footer", null, o.multiple && i("q2-btn", {
+        selectedOptions: a.selectedOptions
+      }, i("slot", null))), i("footer", null, a.multiple && i("q2-btn", {
         ref: t => this.doneButtonElement = t,
         "test-id": "btnDone",
         intent: "workflow-primary",
         onClick: this.onListDone
-      }, s("tecton.element.actionSheet.done"))), a.filter((t => "bottom" === t.slot)).map((t => i("div", {
+      }, s("tecton.element.actionSheet.done"))), r.filter((t => "bottom" === t.slot)).map((t => i("div", {
         innerHTML: c(t.html)
       }))));
     }, this.renderMessage = ({data: t}) => i("q2-message", {
@@ -223,20 +225,21 @@ const l = class {
     }
     const r = `interior is-${(null == o ? void 0 : o.appearance) || "slot"}`;
     return i("dialog", {
-      key: "4207c46401f472afc8f7a1d8cd57cab33d7769b8",
+      key: "90b91ed23231e01c4a77cd4c22201f736942546f",
       ref: t => this.dialogElement = t,
       class: a,
-      onClick: this.onClick
+      onClick: this.onClick,
+      "aria-labelledby": e ? "title" : void 0
     }, i("div", {
-      key: "13d6461941da7d820b79b2ce52e44d99b50ec1a6",
+      key: "3a3d57295f090bec2fa4a0f4166ad47c020d02f9",
       class: r
     }, e && i("header", {
-      key: "683aaafb9fa00f89a8ef7c3b2ba8843e206486ea"
+      key: "d3c5e66fc04a501b2d57bc7ebb122e192343e30d"
     }, i("div", {
-      key: "d5f07087923ec1752a3e7e0b31e8ab33308b8ca4",
-      class: "title"
+      key: "238957b01b452902f627aca97f590479f53886f1",
+      id: "title"
     }, (null == o ? void 0 : o.title) || this.title), !this.hideClose && i("q2-btn", {
-      key: "baa1d564d30adf8642af125c7dade4eeb3b31569",
+      key: "cede4ee6deee3587043f01df525d12a1cd900a79",
       ref: t => this.closeButtonElement = t,
       class: "btn-close",
       "test-id": "btnClose",
@@ -244,12 +247,12 @@ const l = class {
       label: "tecton.element.actionSheet.close",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "f33431b52612dcac5fb379bc0388a9df88a08535",
+      key: "82e254b4b6419ea49f6647241a70f5203eb76624",
       type: "close"
     }))), (null === (t = this.data) || void 0 === t ? void 0 : t.description) && i("p", {
-      key: "723f471d393d71ee9331a156fb8e7ca57e95eb57"
+      key: "78efd55feaad1979d540c49e94436e9da4c03cfe"
     }, o.description), s && i(s, {
-      key: "182d608c4ebc033cd2b5bb59b9ad3053bc821e9b",
+      key: "fdf02d887e3366d9fdc90dcecd5717c126a10873",
       data: this.data
     })));
   }
@@ -258,6 +261,6 @@ const l = class {
   }
 };
 
-l.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}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px) var(--app-scale-3x, 15px) 0 0;--comp-border-radius:var(--tct-action-sheet-border-radius, var(--comp-border-radius-default));--comp-desktop-border-radius:var(--tct-action-sheet-border-radius, var(--app-scale-3x, 15px));--comp-close-button-size:var(--tct-action-sheet-close-button-size, var(--t-a11y-min-size, 44px));--comp-header-height:var(--tct-action-sheet-header-height, var(--t-a11y-min-size, 44px));--comp-dialog-background:var(--tct-action-sheet-background, var(--t-base, #ffffff));--comp-dialog-color:var(--tct-action-sheet-color, inherit);--comp-dialog-padding:var(--tct-action-sheet-padding, var(--app-scale-3x, 15px));--comp-content-gradient-height:var(--tct-action-sheet-content-gradient-height, var(--app-scale-2x, 10px));--comp-dialog-gap:var(--tct-action-sheet-gap, var(--app-scale-2x, 10px));--comp-dialog-max-width:var(--tct-action-sheet-max-width, 400px);--comp-dialog-max-height:var(--tct-action-sheet-max-height, var(--comp-action-sheet-computed-max-height, 75vh));--comp-dialog-min-height:var(--tct-action-sheet-min-height, var(--comp-action-sheet-computed-min-height, 20vh));--comp-dialog-box-shadow:var(--tct-action-sheet-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease)), opacity var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden;min-height:var(--comp-dialog-min-height);max-height:var(--comp-dialog-max-height)}dialog::backdrop{opacity:0;background:var(--tct-action-sheet-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6)))}dialog[open].is-opening,dialog[open].is-open{transform:translateY(-100%)}@media screen and (min-width: 1200px){dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease))}@media screen and (min-width: 1200px){dialog{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:0}}.content{overflow-y:auto;--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}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.interior{display:grid;grid-template-rows:44px 1fr auto;gap:var(--comp-dialog-gap);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}.interior [slot=popover-top]{padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}.interior [slot=popover-bottom]{padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}header{display:grid;grid-template-columns:var(--comp-close-button-size) 1fr var(--comp-close-button-size);grid-template-areas:". title close";gap:var(--comp-dialog-gap)}header .title{grid-area:title;text-align:center;line-height:var(--comp-header-height)}header .btn-close{grid-area:close;width:var(--comp-close-button-size);height:var(--comp-close-button-size)}footer{display:flex;justify-content:end}';
+l.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}}}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px) var(--app-scale-3x, 15px) 0 0;--comp-border-radius:var(--tct-action-sheet-border-radius, var(--comp-border-radius-default));--comp-desktop-border-radius:var(--tct-action-sheet-border-radius, var(--app-scale-3x, 15px));--comp-close-button-size:var(--tct-action-sheet-close-button-size, var(--t-a11y-min-size, 44px));--comp-header-height:var(--tct-action-sheet-header-height, var(--t-a11y-min-size, 44px));--comp-dialog-background:var(--tct-action-sheet-background, var(--t-base, #ffffff));--comp-dialog-color:var(--tct-action-sheet-color, inherit);--comp-dialog-padding:var(--tct-action-sheet-padding, var(--app-scale-3x, 15px));--comp-content-gradient-height:var(--tct-action-sheet-content-gradient-height, var(--app-scale-2x, 10px));--comp-dialog-gap:var(--tct-action-sheet-gap, var(--app-scale-2x, 10px));--comp-dialog-max-width:var(--tct-action-sheet-max-width, 400px);--comp-dialog-max-height:var(--tct-action-sheet-max-height, var(--comp-action-sheet-computed-max-height, 75vh));--comp-dialog-min-height:var(--tct-action-sheet-min-height, var(--comp-action-sheet-computed-min-height, 20vh));--comp-dialog-box-shadow:var(--tct-action-sheet-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease)), opacity var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden;min-height:var(--comp-dialog-min-height);max-height:var(--comp-dialog-max-height)}dialog::backdrop{opacity:0;background:var(--tct-action-sheet-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6)))}dialog[open].is-opening,dialog[open].is-open{transform:translateY(-100%)}@media screen and (min-width: 1200px){dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-action-sheet-tween, var(--app-tween-2, 0.4s ease))}@media screen and (min-width: 1200px){dialog{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:0}}.content{overflow-y:auto;--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}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.interior{display:grid;grid-template-rows:44px 1fr auto;gap:var(--comp-dialog-gap);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding);margin-bottom:env(safe-area-inset-bottom, 0px)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}.interior [slot=popover-top]{padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}.interior [slot=popover-bottom]{padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}header{display:grid;grid-template-columns:var(--comp-close-button-size) 1fr var(--comp-close-button-size);grid-template-areas:". title close";gap:var(--comp-dialog-gap)}header #title{grid-area:title;text-align:center;line-height:var(--comp-header-height)}header .btn-close{grid-area:close;width:var(--comp-close-button-size);height:var(--comp-close-button-size)}footer{display:flex;justify-content:end}';
 
 export { l as q2_action_sheet }

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

@@ -119,6 +119,6 @@ const e = class {
   }
 };
 
-e.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}.avatar-wrapper{position:relative;border-radius:100%}.avatar-wrapper .decorator{height:var(--app-scale-3x, 15px);width:var(--app-scale-3x, 15px);background-color:var(--tct-avatar-decorator-background-color, var(--t-base, #ffffff));border-radius:100%;box-shadow:var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14));position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.avatar-wrapper .decorator ::slotted(q2-icon){color:var(--tct-avatar-decorator-color, #000000)}.avatar-wrapper.size-small{height:var(--tct-avatar-small-size, 24px);width:var(--tct-avatar-small-size, 24px)}.avatar-wrapper.size-small .decorator{height:var(--app-scale-2x, 10px);width:var(--app-scale-2x, 10px);aspect-ratio:1/1}.avatar-wrapper.size-small .decorator ::slotted(q2-icon){height:var(--tct-avatar-decorator-small-icon-size, 8px);width:var(--tct-avatar-decorator-small-icon-size, 8px);aspect-ratio:1/1}.avatar-wrapper.size-medium{height:var(--tct-avatar-size, var(--tct-avatar-height, 44px));width:var(--tct-avatar-size, var(--tct-avatar-width, 44px))}.avatar-wrapper.size-medium .decorator{height:var(--app-scale-3x, 15px);width:var(--app-scale-3x, 15px);aspect-ratio:1/1}.avatar-wrapper.size-medium .decorator ::slotted(q2-icon){height:var(--app-scale-2x, 10px);width:var(--app-scale-2x, 10px);aspect-ratio:1/1}.avatar-wrapper.size-large{height:var(--tct-avatar-large-size, 64px);width:var(--tct-avatar-large-size, 64px)}.avatar-wrapper.size-large .decorator{height:var(--app-scale-4x, 20px);width:var(--app-scale-4x, 20px);aspect-ratio:1/1}.avatar-wrapper.size-large .decorator ::slotted(q2-icon){height:14px;width:14px;aspect-ratio:1/1}.avatar-img,.avatar-img-default{display:var(--tct-avatar-display, block);object-fit:cover;border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, var(--tct-avatar-border-radius, 50%)));border:var(--tct-avatar-border, none);height:100%;width:100%}.avatar-img-default{background:var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))}.avatar-initials{display:var(--tct-avatar-display, block);backdrop-filter:var(--tct-avatar-backdrop-filter);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));border-radius:var(--tct-avatar-br, 50%);border:var(--tct-avatar-border, none);height:100%;width:100%}text{fill:var(--tct-avatar-text-color, var(--tct-avatar-color, #ffffff));font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:100%;width:100%;border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, 50%));border:var(--tct-avatar-border, none);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));display:flex;align-items:center;justify-content:center}.fallback q2-icon{--tct-icon-size:var(--tct-avatar-icon-size, 65%);--tct-icon-stroke-primary:var(--tct-avatar-icon-stroke-primary, currentcolor);--tct-icon-stroke-secondary:var(--tct-avatar-icon-stroke-secondary, currentcolor);--tct-icon-fill:var(--tct-avatar-icon-fill);color:var(--tct-avatar-icon-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--tct-avatar-icon-size, var(--tct-icon-size));height:var(--tct-avatar-icon-size, var(--tct-icon-size))}";
+e.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}}}.avatar-wrapper{position:relative;border-radius:100%}.avatar-wrapper .decorator{height:var(--app-scale-3x, 15px);width:var(--app-scale-3x, 15px);background-color:var(--tct-avatar-decorator-background-color, var(--t-base, #ffffff));border-radius:100%;box-shadow:var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14));position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.avatar-wrapper .decorator ::slotted(q2-icon){color:var(--tct-avatar-decorator-color, #000000)}.avatar-wrapper.size-small{height:var(--tct-avatar-small-size, 24px);width:var(--tct-avatar-small-size, 24px)}.avatar-wrapper.size-small .decorator{height:var(--app-scale-2x, 10px);width:var(--app-scale-2x, 10px);aspect-ratio:1/1}.avatar-wrapper.size-small .decorator ::slotted(q2-icon){height:var(--tct-avatar-decorator-small-icon-size, 8px);width:var(--tct-avatar-decorator-small-icon-size, 8px);aspect-ratio:1/1}.avatar-wrapper.size-medium{height:var(--tct-avatar-size, var(--tct-avatar-height, 44px));width:var(--tct-avatar-size, var(--tct-avatar-width, 44px))}.avatar-wrapper.size-medium .decorator{height:var(--app-scale-3x, 15px);width:var(--app-scale-3x, 15px);aspect-ratio:1/1}.avatar-wrapper.size-medium .decorator ::slotted(q2-icon){height:var(--app-scale-2x, 10px);width:var(--app-scale-2x, 10px);aspect-ratio:1/1}.avatar-wrapper.size-large{height:var(--tct-avatar-large-size, 64px);width:var(--tct-avatar-large-size, 64px)}.avatar-wrapper.size-large .decorator{height:var(--app-scale-4x, 20px);width:var(--app-scale-4x, 20px);aspect-ratio:1/1}.avatar-wrapper.size-large .decorator ::slotted(q2-icon){height:14px;width:14px;aspect-ratio:1/1}.avatar-img,.avatar-img-default{display:var(--tct-avatar-display, block);object-fit:cover;border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, var(--tct-avatar-border-radius, 50%)));border:var(--tct-avatar-border, none);height:100%;width:100%}.avatar-img-default{background:var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))}.avatar-initials{display:var(--tct-avatar-display, block);backdrop-filter:var(--tct-avatar-backdrop-filter);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));border-radius:var(--tct-avatar-br, 50%);border:var(--tct-avatar-border, none);height:100%;width:100%}text{fill:var(--tct-avatar-text-color, var(--tct-avatar-color, #ffffff));font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, var(--const-px-40, 40px))}.fallback{height:100%;width:100%;border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, 50%));border:var(--tct-avatar-border, none);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));display:flex;align-items:center;justify-content:center}.fallback q2-icon{--tct-icon-size:var(--tct-avatar-icon-size, 65%);--tct-icon-stroke-primary:var(--tct-avatar-icon-stroke-primary, currentcolor);--tct-icon-stroke-secondary:var(--tct-avatar-icon-stroke-secondary, currentcolor);--tct-icon-fill:var(--tct-avatar-icon-fill);color:var(--tct-avatar-icon-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--tct-avatar-icon-size, var(--tct-icon-size));height:var(--tct-avatar-icon-size, var(--tct-icon-size))}';
 
 export { e as q2_avatar }