q2-tecton-elements 1.71.4 → 1.73.0

package/dist/q2-tecton-elements/date-picker-helpers-D8QnN_AS.js

@@ -0,0 +1,153 @@
+import { d as e } from "./index-O1A-ZSZs.js";
+
+import { l as t } from "./index-CP8pXJ-l.js";
+
+const a = "MM/DD/YYYY", n = [ a, "DD/MM/YYYY", "MM-DD-YYYY", "DD-MM-YYYY", "YYYY-MM-DD" ], r = {
+  "Choose a date": "tecton.element.datePicker.calendarLabel",
+  "Dates are shown in your local time zone.": "tecton.element.datePicker.disclaimer.localTimeZone"
+}, o = /^\d{4}-\d{2}-\d{2}$/, s = /^(\d{4})-(\d{1,2})-(\d{1,2})(?:T.*)?$/, i = /^(\d{1,2})\/(\d{1,2})\/(\d{2}|\d{4})$/;
+
+/** Determines a year for a month and day when typeable input omits the year. */
+function buildInputDate(t, a) {
+  const [n, r, o] = t.split("/");
+  if (!n) return;
+  if (!r) return new Date((new Date).getFullYear(), Number(n) - 1, 1);
+  if (Number(r) <= 0) return;
+  const s = 4 === (null == o ? void 0 : o.length) ? Number(o) : Number(function(e, t, a) {
+    const n = `${e.padStart(2, "0")}/${t.padStart(2, "0")}`, r = new Date, o = `${r.getMonth() + 1}`.padStart(2, "0") + `/${r.getDate()}`.padStart(2, "0");
+    let s = r.getFullYear();
+    "future" === a && o > n && s++;
+    "past" === a && o < n && s--;
+    return `${s}`;
+  }(n, r, a)), i = new Date(s, Number(n) - 1, Number(r));
+  return e.isValid(i) ? i : void 0;
+}
+
+/** Formats a valid date as an ISO calendar date. */ function formatDateISO(t) {
+  if (e.isValid(t)) return e.formatISO(t, {
+    representation: "date"
+  });
+}
+
+/** Formats a date for an accessible day label. */ function formatDateFull(t) {
+  if (e.isValid(t)) return new Intl.DateTimeFormat("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric",
+    weekday: "long",
+    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
+  }).format(t);
+}
+
+/** Returns localized abbreviated day names beginning with Sunday. */ function getDays() {
+  return [ t("tecton.element.calendar.days.short.Sunday"), t("tecton.element.calendar.days.short.Monday"), t("tecton.element.calendar.days.short.Tuesday"), t("tecton.element.calendar.days.short.Wednesday"), t("tecton.element.calendar.days.short.Thursday"), t("tecton.element.calendar.days.short.Friday"), t("tecton.element.calendar.days.short.Saturday") ];
+}
+
+/** Returns localized full day names beginning with Sunday. */ function getDaysOfWeek() {
+  return [ t("tecton.element.calendar.days.Sunday"), t("tecton.element.calendar.days.Monday"), t("tecton.element.calendar.days.Tuesday"), t("tecton.element.calendar.days.Wednesday"), t("tecton.element.calendar.days.Thursday"), t("tecton.element.calendar.days.Friday"), t("tecton.element.calendar.days.Saturday") ];
+}
+
+/** Parses the date picker's public ISO-only value contract. */ function parseDatePickerValue(e) {
+  if (!e || !o.test(e)) return;
+  const [t, a, n] = e.split("-").map(Number);
+  return dateFromParts(t, a, n);
+}
+
+/** Normalizes a legacy string or Moment-like value for the date picker's ISO-only calendar. */ function normalizeDatePickerValue(t) {
+  if (!t) return;
+  let a;
+  if (t instanceof Date) a = t; else if (function(e) {
+    return "string" != typeof e && "function" == typeof (null == e ? void 0 : e.toDate);
+  }
+  /** Formats a date using one of the date picker's supported numeric display formats. */ (t)) try {
+    a = t.toDate();
+  } catch (e) {
+    return;
+  } else {
+    const n = t.trim();
+    if (!n) return;
+    if (a = parseDatePickerValue(n), !a) {
+      const t = n.match(s), r = n.match(i);
+      if (t) a = dateFromParts(Number(t[1]), Number(t[2]), Number(t[3])); else if (r) {
+        const e = Number(r[3]);
+        a = dateFromParts(e < 100 ? (e >= 69 ? 1900 : 2e3) + e : e, Number(r[1]), Number(r[2]));
+      } else {
+        const t = new Date(n);
+        a = e.isValid(t) ? dateFromParts(t.getFullYear(), t.getMonth() + 1, t.getDate()) : void 0;
+      }
+    }
+  }
+  return formatDateISO(a);
+}
+
+/** Returns the month and year used to initialize the date picker grid. */ function setupMonthYear(e = new Date) {
+  return {
+    monthIndex: e.getMonth(),
+    selectedYear: e.getFullYear()
+  };
+}
+
+/** Returns the enabled day indexes represented by a calendar checksum. */
+/** Determines whether a date is present in a whitelist. */
+function validateAgainstWhitelist(t, a) {
+  return t.some((t => e.isSameDay(t, a)));
+}
+
+function parseDatePickerValues(e) {
+  return (e || []).map(parseDatePickerValue).filter((e => !!e));
+}
+
+function dateFromParts(e, t, a) {
+  const n = new Date(0);
+  if (n.setFullYear(e, t - 1, a), n.setHours(0, 0, 0, 0), n.getFullYear() === e && n.getMonth() === t - 1 && n.getDate() === a) return n;
+}
+
+function formatDisplayDate(e, t) {
+  const a = t.includes("-") ? "-" : "/", n = `${e.getMonth() + 1}`.padStart(2, "0"), r = `${e.getDate()}`.padStart(2, "0"), o = `${e.getFullYear()}`;
+  return (t.startsWith("YYYY") ? [ o, n, r ] : t.startsWith("DD") ? [ r, n, o ] : [ n, r, o ]).join(a);
+}
+
+/** Formats a date using the legacy Moment-style tokens accepted by q2-calendar. */ function formatLegacyDisplayDate(t, a) {
+  const n = a.replace(/[d]/g, "E").replace(/[D]/g, "d").replace(/[Y]/g, "y").replace(/[l]/g, "P").replace(/[W]/g, "I");
+  return e.format(t, n);
+}
+
+/** Determines whether a date satisfies every configured selection constraint. */ function isDateSelectable(t, a) {
+  const n = new Date(a.cutoffTime || ""), r = 
+  /** Determines whether a date satisfies the configured bounds and cutoff. */
+  function(t, a, n) {
+    const r = e.isAfter(null == t ? void 0 : t.startDate, n), o = e.isBefore(null == t ? void 0 : t.endDate, n), s = e.isSameDay(a, n) && e.isAfter(a, null == t ? void 0 : t.cutOffTime);
+    return !(r || s || o);
+  }
+  /** Determines whether a date's weekday is enabled. */ ({
+    startDate: parseDatePickerValue(a.startDate),
+    endDate: parseDatePickerValue(a.endDate),
+    cutOffTime: e.isValid(n) ? n : void 0
+  }, new Date, t), o = parseDatePickerValues(a.validDates), s = (null == o ? void 0 : o.length) ? validateAgainstWhitelist(o, t) : function(e, t) {
+    return e.includes(t.getDay());
+  }
+  /** Determines whether a date is absent from a blacklist. */ (function(e = 127) {
+    const t = [];
+    for (let a = 0; a < 7; a++) e & 1 << a && t.push(a);
+    return e > 0 ? t : [];
+  }(a.daysOfWeekChecksum), t);
+  return r && s && function(e, t) {
+    return !validateAgainstWhitelist(e, t);
+  }(parseDatePickerValues(a.invalidDates), t);
+}
+
+/** Determines whether every date in an inclusive range is selectable. */ function isRangeSelectable(t, a, n) {
+  for (let r = t; r.getTime() <= a.getTime(); r = e.addDays(r, 1)) if (!isDateSelectable(r, n)) return !1;
+  return !0;
+}
+
+/** Resolves a date-picker localization key or mapped default string. */ function localizeDatePickerString(e, a = {}) {
+  return e ? t(r[e] || e, a) : "";
+}
+
+/** Returns a supported display format, falling back to the date-picker default. */ function normalizeDisplayFormat(e) {
+  const t = null == e ? void 0 : e.toUpperCase();
+  return n.includes(t) ? t : a;
+}
+
+export { getDaysOfWeek as a, formatDisplayDate as b, isRangeSelectable as c, formatDateFull as d, normalizeDatePickerValue as e, formatDateISO as f, getDays as g, formatLegacyDisplayDate as h, isDateSelectable as i, buildInputDate as j, localizeDatePickerString as l, normalizeDisplayFormat as n, parseDatePickerValue as p, setupMonthYear as s }

package/dist/q2-tecton-elements/{index-Cps4jSQM.js → index-CP8pXJ-l.js}

@@ -170,7 +170,7 @@ function renderLabel(n) {
 }
 
 function hasSlotContent(e, n) {
-  return null !== e.querySelector(`[slot="${n}"]`);
+  return Array.from(e.children).some((e => e.getAttribute("slot") === n));
 }
 
 function handleAriaLabel(e) {
@@ -248,7 +248,7 @@ const resizeIframe = () => {
   var e, n;
   return null === (n = null === (e = window.TectonElements) || void 0 === e ? void 0 : e.resizeIframe) || void 0 === n ? void 0 : n.call(e);
 }, handleColor = e => {
-  !e.intent && [ "primary", "secondary" ].includes(e.color) && (e.intent = `workflow-${e.color}`, 
+  !e.intent && [ "primary", "secondary" ].includes(e.color) && (e.intent = e.color, 
   e.color = void 0);
 }, getAllText = async (e, n = {}) => {
   if (!e) return "";

package/dist/q2-tecton-elements/{q2-action-group_2.entry.js → q2-action-group.entry.js}

@@ -1,8 +1,8 @@
-import { r as t, h as i, g as n, c as o } from "./index-Cqkz7Bnm.js";
+import { r as t, h as i, g as o } from "./index-Cqkz7Bnm.js";
 
-import { n as e } from "./index-Cps4jSQM.js";
+import { n } from "./index-CP8pXJ-l.js";
 
-const r = class {
+const e = class {
   constructor(i) {
     t(this, i), 
     // #endregion
@@ -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 n = [ "Q2-BTN", "Q2-LINK", "Q2-DROPDOWN", "Q2-TOOLTIP" ];
-      let o = this.flattenElements(i).filter((t => {
+            const o = [ "Q2-BTN", "Q2-LINK", "Q2-DROPDOWN", "Q2-TOOLTIP" ];
+      let n = 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 = n.includes(t.tagName);
+        const i = o.includes(t.tagName);
         return i || t.remove(), i;
       }));
       // Filter out non-coined buttons if coin exists
-            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);
+            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);
       })));
-      "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;
+      "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;
     }, 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, n = this.orientationThreshold > i;
-      this.autoOrientation = n ? "vertical" : "horizontal";
+      const i = t.detail.entries[0].contentRect.width, o = this.orientationThreshold > i;
+      this.autoOrientation = o ? "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, n) => {
-        i.classList.remove("is-last-action"), n === t.length - 1 && i.classList.add("is-last-action");
+      t.forEach(((i, o) => {
+        i.classList.remove("is-last-action"), o === t.length - 1 && i.classList.add("is-last-action");
       }));
     }, this.initMutationObserver = () => {
       if (!("MutationObserver" in window)) return;
@@ -100,7 +100,7 @@ const r = class {
     const {container: t} = this;
     t && (t.style.display = "none", 
     // Fixes Safari not making the buttons fill the container when going from horizontal and full-width to vertical
-    e((() => e((() => {
+    n((() => n((() => {
       t.style.display = null, this.filterSlottedElements();
     })))));
   }
@@ -117,35 +117,35 @@ const r = class {
   }
   handleFullWidth(t) {
     this.slottedElements.forEach((i => {
-      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"));
+      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"));
     }));
   }
   hasBtnOnly(t) {
     return t.every((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;
+      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;
     }));
   }
   hasCoin(t) {
     return t.find((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;
+      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;
     }));
   }
   // #endregion
   // #region Render Methods
   render() {
-    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"), 
+    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"), 
       r.includes("has-q2-tooltip") || r.push("has-q2-tooltip"));
-      const o = `has-${i}${"q2-btn" === i && "coin" === n ? "-coin" : ""}`;
-      r.includes(o) || r.push(o);
-    })), this.handleFullWidth(!!o), i("q2-resize-observer", {
+      const n = `has-${i}${"q2-btn" === i && "coin" === o ? "-coin" : ""}`;
+      r.includes(n) || r.push(n);
+    })), this.handleFullWidth(!!n), i("q2-resize-observer", {
       key: "90c4038fda5346ea144fbe3bc2c5b77ab7e883cc",
       onTctResize: this.handleResize,
       disabled: t
@@ -159,7 +159,7 @@ const r = class {
     })));
   }
   get hostElement() {
-    return n(this);
+    return o(this);
   }
   static get watchers() {
     return {
@@ -170,84 +170,6 @@ 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}@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}';
+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}}}: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 a = class {
-  constructor(i) {
-    t(this, i), this.tctResize = o(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, 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 === (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 = [], 
-    // Watch new elements
-    e.forEach((t => {
-      var i;
-      null === (i = this.resizeObserver) || void 0 === i || i.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
-      } ]
-    };
-  }
-};
-
-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, a as q2_resize_observer }
+export { e as q2_action_group }