q2-tecton-elements 1.58.2 → 1.58.3

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

@@ -1,8 +1,8 @@
-import { r as t, h as r, a as o, F as a, e, c as i, d as n } from "./index-C7zSUT3M.js";
+import { r as t, h as r, g as o, F as a, a as e, c as i, H as n } from "./index-COzomxjJ.js";
 
-import { l as c, t as s, e as d, u as l, o as p, a as b, v as u, c as v, j as f, s as h, h as m, n as x, r as g, g as k } from "./index-y0xcWkDl.js";
+import { l as c, t as s, e as d, v as l, o as p, a as b, x as u, c as v, j as h, s as f, h as m, n as x, r as g, g as k } from "./index-EcLnUn1d.js";
 
-import { s as w } from "./shapes-DO0UnuKe.js";
+import { s as w } from "./shapes-BrIjALih.js";
 
 const y = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;line-height:0;--comp-badge-font-size:var(--app-font-size-small, 12px);--comp-badge-large-font-size:var(--app-font-size-medium, 14px);--comp-badge-background:var(--tct-badge-background, var(--t-a11y-gray-color-AAA, #6c6c6c));--comp-badge-color:var(--tct-badge-color, var(--t-base, #ffffff))}:host:host([status=info]){--comp-badge-background:var(--tct-badge-info-background, var(--const-stoplight-info, #0079c1));--comp-badge-color:var(--tct-badge-info-color, var(--const-stoplight-info-text, #ffffff))}:host:host([status=alert]){--comp-badge-background:var(--tct-badge-alert-background, var(--const-stoplight-alert, #d20a0a));--comp-badge-color:var(--tct-badge-alert-color, var(--const-stoplight-alert-text, #ffffff))}:host:host([status=warning]){--comp-badge-background:var(--tct-badge-warning-background, var(--const-stoplight-warning, #c35500));--comp-badge-color:var(--tct-badge-warning-color, var(--const-stoplight-warning-text, #ffffff))}:host:host([status=success]){--comp-badge-background:var(--tct-badge-success-background, var(--const-stoplight-success, #0e8a00));--comp-badge-color:var(--tct-badge-success-color, var(--const-stoplight-success-text, #ffffff))}:host:host([theme=primary]){--comp-badge-background:var(--tct-badge-primary-background, var(--t-primary, #6a4a9e));--comp-badge-color:var(--tct-badge-primary-color, var(--t-primary-text, #ffffff))}:host:host([theme=secondary]){--comp-badge-background:var(--tct-badge-secondary-background, var(--t-secondary, #b3c2cc));--comp-badge-color:var(--tct-badge-secondary-color, var(--t-secondary-text, #141414))}:host:host([theme=tertiary]){--comp-badge-background:var(--tct-badge-tertiary-background, var(--t-tertiary, #e8f5fc));--comp-badge-color:var(--tct-badge-tertiary-color, var(--t-tertiary-text, #141414))}.badge-container{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;height:var(--tct-badge-height, 16px);min-width:var(--tct-badge-min-width, 16px);text-align:center;padding:var(--tct-badge-padding, 0 5px);color:var(--comp-badge-color);background:var(--comp-badge-background);border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 8px))}.badge-container .badge-text{font-size:var(--comp-badge-font-size);line-height:var(--tct-badge-line-height, 14px)}.badge-container .badge-text ::slotted(p){margin:0 !important;font-size:var(--comp-badge-font-size) !important}.badge-container.size-large{height:var(--tct-badge-large-height, 22px);min-width:var(--tct-badge-large-min-width, 22px);border-radius:var(--tct-badge-large-border-radius, 11px);padding:var(--tct-badge-large-padding, 0 6px)}.badge-container.size-large .badge-text{font-size:var(--comp-badge-large-font-size);line-height:var(--tct-badge-large-line-height, 20px)}.badge-container.size-large .badge-text ::slotted(p){margin:0 !important;font-size:var(--comp-badge-large-font-size) !important}.empty-variant{min-width:unset;width:16px;height:16px;padding:0}.empty-variant.size-large{min-width:unset;width:22px;height:22px;padding:0}";
 
@@ -184,14 +184,14 @@ const C = class {
   // #region Render Methods
   renderButton() {
     const {ariaExpanded: t, ariaHasPopup: o, ariaSelected: e, ariaPressed: i, description: n, disabled: s, type: d, tabindex: l} = this.buttonAttributes;
-    const {iconPosition: p, loading: b, badge: u, label: v, hideLabel: f} = this;
-    const h = p || b;
+    const {iconPosition: p, loading: b, badge: u, label: v, hideLabel: h} = this;
+    const f = p || b;
     const m = !p || u;
     return r(a, null, r("button", {
       ref: t => this.primaryBtn = t !== null && t !== void 0 ? t : this.primaryBtn,
       "aria-expanded": t,
       "aria-haspopup": o,
-      "aria-label": f && c(v),
+      "aria-label": h && c(v),
       "aria-selected": e,
       "aria-pressed": i,
       disabled: s,
@@ -200,11 +200,11 @@ const C = class {
       "test-id": "q2BtnInnerButton",
       class: this.buttonClasses,
       "aria-describedby": !!n ? "hidden-description" : undefined,
-      "aria-labelledby": this.intent === "coin" && !f ? "coin-label" : undefined,
+      "aria-labelledby": this.intent === "coin" && !h ? "coin-label" : undefined,
       role: this._role || undefined
     }, r("div", {
       class: "slot-container"
-    }, h && r("q2-loading", {
+    }, f && r("q2-loading", {
       hidden: !b,
       modifiers: m ? "inline" : undefined
     }), this.renderDefaultLabel(), this.renderDefaultCoinSlot())), this.renderCoinLabel(), !!n && r("div", {
@@ -284,11 +284,11 @@ const Y = "standard";
 
 const R = "standard";
 
-const T = "standard";
+const B = "standard";
 
 const P = "standard";
 
-const B = "standard";
+const T = "standard";
 
 const G = "standard";
 
@@ -298,10 +298,10 @@ const q = "standard";
 
 const Z = "standard";
 
-const U = "standard";
-
 const H = "standard";
 
+const U = "standard";
+
 const j = "standard";
 
 const W = "cards";
@@ -344,10 +344,10 @@ const ut = "standard";
 
 const vt = "standard";
 
-const ft = "standard";
-
 const ht = "standard";
 
+const ft = "standard";
+
 const mt = "status";
 
 const xt = "standard";
@@ -392,11 +392,11 @@ const Yt = "standard";
 
 const Rt = "devices";
 
-const Tt = "standard";
+const Bt = "standard";
 
 const Pt = "standard";
 
-const Bt = "standard";
+const Tt = "standard";
 
 const Gt = "standard";
 
@@ -406,10 +406,10 @@ const qt = "standard";
 
 const Zt = "standard";
 
-const Ut = "standard";
-
 const Ht = "standard";
 
+const Ut = "standard";
+
 const jt = "standard";
 
 const Wt = "standard";
@@ -452,9 +452,9 @@ const ur = "standard";
 
 const vr = "standard";
 
-const fr = "devices";
+const hr = "devices";
 
-const hr = "standard";
+const fr = "standard";
 
 const mr = "standard";
 
@@ -500,11 +500,11 @@ const Yr = "standard";
 
 const Rr = "standard";
 
-const Tr = "standard";
+const Br = "standard";
 
 const Pr = "standard";
 
-const Br = "standard";
+const Tr = "standard";
 
 const Gr = "standard";
 
@@ -514,9 +514,9 @@ const qr = "standard";
 
 const Zr = "status";
 
-const Ur = "devices";
+const Hr = "devices";
 
-const Hr = "standard";
+const Ur = "standard";
 
 const jr = "standard";
 
@@ -570,9 +570,9 @@ var po = {
   "barchart-trend": "standard",
   bed: Y,
   bell: R,
-  bicycle: T,
+  bicycle: B,
   boat: P,
-  box: B,
+  box: T,
   "brand-autobooks-color": "brand",
   "brand-autobooks-filled": "brand",
   "brand-facebook-color": "brand",
@@ -623,7 +623,7 @@ var po = {
   buildings: q,
   "buildings-2": "standard",
   calculator: Z,
-  calendar: U,
+  calendar: H,
   "calendar-confirm": "legacy",
   "calendar-create": "standard",
   "calendar-pay": "standard",
@@ -633,7 +633,7 @@ var po = {
   "calendar-time": "standard",
   "call-color": "legacy",
   "call-filled": "legacy",
-  camera: H,
+  camera: U,
   car: j,
   "car-front": "standard",
   card: W,
@@ -729,8 +729,8 @@ var po = {
   "document-remove": "standard",
   download: vt,
   "drag-handle": "standard",
-  edit: ft,
-  ellipsis: ht,
+  edit: ht,
+  ellipsis: ft,
   error: mt,
   "error-filled": "status",
   "external-link": "standard",
@@ -798,9 +798,9 @@ var po = {
   ios: Et,
   key: Yt,
   laptop: Rt,
-  law: Tt,
+  law: Bt,
   leaf: Pt,
-  lightbulb: Bt,
+  lightbulb: Tt,
   linechart: Gt,
   "linechart-trend": "standard",
   link: Kt,
@@ -808,8 +808,8 @@ var po = {
   location: Zt,
   "location-base": "standard",
   "location-prohibited": "standard",
-  lock: Ut,
-  logout: Ht,
+  lock: Ht,
+  logout: Ut,
   loop: jt,
   mail: Wt,
   math: Jt,
@@ -864,8 +864,8 @@ var po = {
   "person-settings": "standard",
   "person-to-person": "standard",
   "personal-care": "standard",
-  phone: fr,
-  piechart: hr,
+  phone: hr,
+  piechart: fr,
   "piechart-expanded": "standard",
   "piggy-bank": "standard",
   play: mr,
@@ -904,9 +904,9 @@ var po = {
   skip: Rr,
   "sms-color": "legacy",
   "sms-filled": "legacy",
-  sort: Tr,
+  sort: Br,
   speedometer: Pr,
-  split: Br,
+  split: Tr,
   star: Gr,
   "star-add": "standard",
   "star-remove": "standard",
@@ -920,8 +920,8 @@ var po = {
   "storefront-settings": "standard",
   success: Zr,
   "success-filled": "status",
-  tablet: Ur,
-  target: Hr,
+  tablet: Hr,
+  target: Ur,
   taxi: jr,
   time: Wr,
   todo: Jr,
@@ -1170,7 +1170,7 @@ function formatNumber(t = "", r = {
   }
   const u = r.prefix || r.suffix;
   const v = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
-  const f = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
+  const h = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
   return {
     value: e,
     formattedValue: l,
@@ -1179,7 +1179,7 @@ function formatNumber(t = "", r = {
     suffix: "",
     formattingCharacterCount: b,
     maxlength: v,
-    unformattedValue: f
+    unformattedValue: h
   };
 }
 
@@ -1238,14 +1238,14 @@ function isOptionalValidatingChar(t) {
   return vo.includes(t);
 }
 
-const fo = [ "#", "@", "*", ...vo ];
+const ho = [ "#", "@", "*", ...vo ];
 
 function isKnownValidatingChar(t) {
-  return fo.includes(t);
+  return ho.includes(t);
 }
 
 function getStaticFormattingChars(t) {
-  const r = fo.join("|");
+  const r = ho.join("|");
   const o = t.replace(new RegExp(`[${r}]`, "g"), "").split("");
   return new Set(o);
 }
@@ -1333,7 +1333,7 @@ function getMinimumFormattedLength(t, r, o) {
 }
 
 // decimal data source:  http://www.iso.org/iso/home/standards/currency_codes.htm  09/Nov/2016
-const ho = {
+const fo = {
   AED: {
     prefix: "",
     suffix: "د.إ",
@@ -2630,7 +2630,7 @@ function formatCurrency(t, r = "USD", o = false) {
     a = a.split("-integer")[0];
     e = false;
   }
-  const i = ho[a];
+  const i = fo[a];
   if (!i) {
     return formatValue(t);
   }
@@ -4271,7 +4271,7 @@ const No = class {
     this.invalid = i(this, "invalid", 7);
     // #region Own Properties
         this.guid = v();
-    this.isMobile = f();
+    this.isMobile = h();
     this.scheduledAfterRender = [];
     // #endregion
     // #region State Properties
@@ -4344,7 +4344,7 @@ const No = class {
     };
     this.onInputBlur = () => {
       this.hasFocus = false;
-      h(this);
+      f(this);
       if (this.valueOnFocus !== this.formattedValueObject.value) {
         this.valueOnFocus = this.formattedValueObject.value;
         this.change.emit(Object.assign({
@@ -4364,7 +4364,7 @@ const No = class {
         this.scheduledAfterRender.push((() => this.shouldCursorStartAtEnd ? this.placeCursorAtEnd() : this.setCursorPosition(this.calculateCursorPositionOnFocus())));
       }
       this.hasFocus = true;
-      h(this);
+      f(this);
       this.valueOnFocus = this.value;
     };
     this.onInputInput = t => {
@@ -4405,7 +4405,7 @@ const No = class {
     this.onRefocusInput = () => {
       if (this.showMessages) {
         this.inputField.focus();
-        h(this);
+        f(this);
       }
     };
     this.onToggleVisibility = () => {
@@ -4527,7 +4527,7 @@ const No = class {
     }
   }
   errorsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
   }
   formatModifierObserver() {
     this.formatAndUpdateValueFromProp();
@@ -4536,7 +4536,7 @@ const No = class {
     this.formatted.emit(this.formattedValueObject);
   }
   hintsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
   }
   typeObserver() {
     this.formatAndUpdateValueFromProp();

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

@@ -1,8 +1,8 @@
-import { r as t, c as e, h as a, a as i } from "./index-C7zSUT3M.js";
+import { r as t, c as e, h as a, g as i } from "./index-COzomxjJ.js";
 
 import { d as n } from "./index-O1A-ZSZs.js";
 
-import { l as r, c as s, e as o, o as l, a as d, w as c, d as h } from "./index-y0xcWkDl.js";
+import { l as r, c as s, e as o, o as l, a as d, w as c, d as h } from "./index-EcLnUn1d.js";
 
 function formatDateISO(t) {
   const e = new Date(t);

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

@@ -1,6 +1,6 @@
-import { r as a, c as t, h as r, F as c, a as o } from "./index-C7zSUT3M.js";
+import { r as t, c as a, h as r, F as c, g as o } from "./index-COzomxjJ.js";
 
-import { i as e, o as i, a as s } from "./index-y0xcWkDl.js";
+import { i as e, o as i, a as s } from "./index-EcLnUn1d.js";
 
 const n = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:var(--tct-card-height, 100%);min-height:var(--tct-card-min-height, auto);display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}:host(:not([is-static])) .container{--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 4px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:var(--tct-card-border-style, solid);border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable{cursor:pointer}@media (hover: hover){:host(:not([is-static])) .container.clickable{--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable:hover,:host(:not([is-static])) .container.clickable:active,:host(:not([is-static])) .container.clickable:focus-visible{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}:host(:not([is-static])) .container.clickable:hover{box-shadow:var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}}:host(:not([is-static])) .container.is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}:host(:not([is-static])) .container.has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-card-title-line-count, 1);-webkit-box-orient:vertical}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-card-description-line-count, 2);-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.bar.color-primary{--comp-bar-color:var(--tct-card-bar-color-primary, var(--t-primary, #5446a4))}.bar.color-secondary{--comp-bar-color:var(--tct-card-bar-color-secondary, var(--t-secondary, #b6b3cc))}.bar.color-tertiary{--comp-bar-color:var(--tct-card-bar-color-tertiary, var(--t-tertiary, #ebe8fc))}.bar.color-info{--comp-bar-color:var(--tct-card-bar-color-info, var(--const-stoplight-info, #0079c1))}.bar.color-success{--comp-bar-color:var(--tct-card-bar-color-success, var(--const-stoplight-success, #0e8a00))}.bar.color-warning{--comp-bar-color:var(--tct-card-bar-color-warning, var(--const-stoplight-warning, #c35500))}.bar.color-alert{--comp-bar-color:var(--tct-card-bar-color-alert, var(--const-stoplight-alert, #c35500))}.bar.color-accent-1{--comp-bar-color:var(--tct-card-bar-color-accent-1, var(--t-accent-1, #e05252))}.bar.color-accent-2{--comp-bar-color:var(--tct-card-bar-color-accent-2, var(--t-accent-2, #e09952))}.bar.color-accent-3{--comp-bar-color:var(--tct-card-bar-color-accent-3, var(--t-accent-3, #e0e052))}.bar.color-accent-4{--comp-bar-color:var(--tct-card-bar-color-accent-4, var(--t-accent-4, #99e052))}.bar.color-accent-5{--comp-bar-color:var(--tct-card-bar-color-accent-5, var(--t-accent-5, #52e052))}.bar.color-accent-6{--comp-bar-color:var(--tct-card-bar-color-accent-6, var(--t-accent-6, #52e099))}.bar.color-accent-7{--comp-bar-color:var(--tct-card-bar-color-accent-7, var(--t-accent-7, #52e0e0))}.bar.color-accent-8{--comp-bar-color:var(--tct-card-bar-color-accent-8, var(--t-accent-8, #5299e0))}.bar.color-accent-9{--comp-bar-color:var(--tct-card-bar-color-accent-9, var(--t-accent-9, #5252e0))}.bar.color-accent-10{--comp-bar-color:var(--tct-card-bar-color-accent-10, var(--t-accent-10, #9952e0))}.bar.color-accent-11{--comp-bar-color:var(--tct-card-bar-color-accent-11, var(--t-accent-11, #e052e0))}.bar.color-accent-12{--comp-bar-color:var(--tct-card-bar-color-accent-12, var(--t-accent-12, #e05299))}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";
 
@@ -8,8 +8,8 @@ const d = [ "primary", "secondary", "tertiary", "info", "success", "warning", "a
 
 const l = class {
   constructor(r) {
-    a(this, r);
-    this.click = t(this, "click", 7);
+    t(this, r);
+    this.click = a(this, "click", 7);
     // #endregion
     // #region State Properties
         this.isAutoSmall = false;
@@ -21,42 +21,42 @@ const l = class {
          * This will be determined automatically if the attribute is not manually provided.
          */    this.isTouch = e();
     /** Alters the interactive behavior of the card while maintaining visual appearance. */    this.type = "clickable";
-    this.handleClick = a => {
+    this.handleClick = t => {
       if (this.url) return true;
-      a.preventDefault();
-      a.stopPropagation();
+      t.preventDefault();
+      t.stopPropagation();
       this.click.emit();
     };
   }
   // #endregion
   // #region Component Lifecycle Events
   disconnectedCallback() {
-    var a;
-    (a = this.resizeObserver) === null || a === void 0 ? void 0 : a.disconnect();
+    var t;
+    (t = this.resizeObserver) === null || t === void 0 ? void 0 : t.disconnect();
     this.resizeObserver = null;
   }
   componentDidLoad() {
-    const {hostElement: a, clickableElement: t} = this;
-    a.click = () => t.click();
+    const {hostElement: t, clickableElement: a} = this;
+    t.click = () => a.click();
     i(this.hostElement);
     this.resizeObserver = new ResizeObserver((() => this.determineAutoSmall()));
     this.resizeObserver.observe(this.hostElement);
   }
   // #endregion
   // #region Listeners
-  onHostElementFocus(a) {
-    if (!s(a, this.hostElement)) return;
+  onHostElementFocus(t) {
+    if (!s(t, this.hostElement)) return;
     this.clickableElement.focus();
   }
   // #endregion
   // #region Local Methods
   determineAutoSmall() {
-    var a, t;
+    var t, a;
     if (this.isStatic) return;
     if (this.hostElement.hasAttribute("is-small")) return;
     const {containerElement: r, avatarElement: c} = this;
-    const o = (a = c === null || c === void 0 ? void 0 : c.offsetWidth) !== null && a !== void 0 ? a : 0;
-    const e = (t = r === null || r === void 0 ? void 0 : r.offsetWidth) !== null && t !== void 0 ? t : 0;
+    const o = (t = c === null || c === void 0 ? void 0 : c.offsetWidth) !== null && t !== void 0 ? t : 0;
+    const e = (a = r === null || r === void 0 ? void 0 : r.offsetWidth) !== null && a !== void 0 ? a : 0;
     const i = o + e;
     this.isAutoSmall = i < 350;
   }
@@ -65,27 +65,27 @@ const l = class {
     this.isAutoTouch = e();
   }
   generateAvatar() {
-    const {avatarName: a, avatarInitials: t, avatarSrc: c, avatarIcon: o} = this;
+    const {avatarName: t, avatarInitials: a, avatarSrc: c, avatarIcon: o} = this;
     if (o) {
       return r("q2-icon", {
         type: o,
-        ref: a => this.avatarElement = a,
+        ref: t => this.avatarElement = t,
         "test-id": "avatar"
       });
-    } else if (a || t || c) {
+    } else if (t || a || c) {
       return r("q2-avatar", {
-        name: a,
-        initials: t,
+        name: t,
+        initials: a,
         src: c,
-        ref: a => this.avatarElement = a,
+        ref: t => this.avatarElement = t,
         "test-id": "avatar"
       });
     }
   }
   generateContainerClasses() {
-    const {isSmall: a, isAutoSmall: t, avatarName: r, avatarInitials: c, avatarSrc: o, avatarIcon: e, isTouch: i, isAutoTouch: s, isStatic: n, type: d} = this;
+    const {isSmall: t, isAutoSmall: a, avatarName: r, avatarInitials: c, avatarSrc: o, avatarIcon: e, isTouch: i, isAutoTouch: s, isStatic: n, type: d} = this;
     const l = [ "container", d ];
-    const v = a || t;
+    const v = t || a;
     const h = i || s;
     const b = r || c || o || e;
     if (v) l.push("is-small");
@@ -102,7 +102,7 @@ const l = class {
     }), this.generateAvatar(), r("div", {
       class: "content",
       "test-id": "contentContainer",
-      ref: a => this.containerElement = a
+      ref: t => this.containerElement = t
     }, this.title && r("h3", {
       "test-id": "title"
     }, this.title), this.description && r("p", {
@@ -114,16 +114,16 @@ const l = class {
     }));
   }
   getBarClasses() {
-    const {bar: a} = this;
+    const {bar: t} = this;
     return {
       bar: true,
-      [`color-${a}`]: this.isBarColorPredefined()
+      [`color-${t}`]: this.isBarColorPredefined()
     };
   }
   getBarStyles() {
-    const {bar: a} = this;
+    const {bar: t} = this;
     return this.isBarColorPredefined() ? {} : {
-      "--comp-bar-color": a
+      "--comp-bar-color": t
     };
   }
   isBarColorPredefined() {
@@ -132,13 +132,13 @@ const l = class {
   // #endregion
   // #region Render Methods
   render() {
-    const {url: a, isStatic: t, type: c} = this;
-    if (t || c === "non-clickable") return r("div", {
-      ref: a => this.clickableElement = a,
+    const {url: t, isStatic: a, type: c} = this;
+    if (a || c === "non-clickable") return r("div", {
+      ref: t => this.clickableElement = t,
       class: this.generateContainerClasses(),
       "test-id": "clickableElement"
-    }, this.generateContent()); else if (!!a) return r("a", {
-      ref: a => this.clickableElement = a,
+    }, this.generateContent()); else if (!!t) return r("a", {
+      ref: t => this.clickableElement = t,
       href: this.url,
       class: this.generateContainerClasses(),
       target: this.target,
@@ -146,7 +146,7 @@ const l = class {
       "test-id": "clickableElement",
       onClick: this.handleClick
     }, this.generateContent()); else return r("button", {
-      ref: a => this.clickableElement = a,
+      ref: t => this.clickableElement = t,
       class: this.generateContainerClasses(),
       "test-id": "clickableElement",
       type: "button",

package/dist/q2-tecton-elements/q2-carousel-pane.entry.js

@@ -1,6 +1,6 @@
-import { r as e, c as a, h as t, d as r, a as o } from "./index-C7zSUT3M.js";
+import { r as e, c as a, h as t, H as r, g as o } from "./index-COzomxjJ.js";
 
-import { l as n } from "./index-y0xcWkDl.js";
+import { l as n } from "./index-EcLnUn1d.js";
 
 const s = "*{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}q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-carousel-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus-visible{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus-visible .q2-carousel-pane-main-content{outline:none;box-shadow:var(--const-double-focus-ring)}q2-carousel-pane.q2-carousel-pane button{border:0;background:transparent;transition:all 0.2s;opacity:0.3;cursor:pointer}q2-carousel-pane.q2-carousel-pane button:hover{opacity:0.7}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--comp-carousel-shadow);transition:var(--comp-carousel-pane-tween);background:var(--tct-carousel-background, var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 0px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 7px));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content:hover{box-shadow:var(--const-double-focus-ring), var(--comp-carousel-shadow)}q2-carousel-pane.q2-carousel-pane[slot-frameless]:not([slot-frameless=false]) .q2-carousel-pane-main-content{box-shadow:none;border:0;border-radius:0;padding:0}";
 

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

@@ -1,6 +1,6 @@
-import { r as e, c as t, h as i, F as n, d as s, a as r } from "./index-C7zSUT3M.js";
+import { r as e, c as t, h as i, F as n, H as s, g as r } from "./index-COzomxjJ.js";
 
-import { c as o, l as a, e as l, o as c, a as f } from "./index-y0xcWkDl.js";
+import { c as o, l as a, e as l, o as c, a as f } from "./index-EcLnUn1d.js";
 
 /**
  * SSR Window 4.0.2

package/dist/q2-tecton-elements/q2-chart-area.entry.js

@@ -1,6 +1,6 @@
-import { r as t, c as s, h as e, a as i } from "./index-C7zSUT3M.js";
+import { r as t, c as s, h as e, g as i } from "./index-COzomxjJ.js";
 
-import { o as a, l as o } from "./index-y0xcWkDl.js";
+import { o as a, l as o } from "./index-EcLnUn1d.js";
 
 import { L as r, a as h, p as n, u as p, i as l, g as d, b as c, f, c as u, d as b, e as m } from "./charting-Mf86SEvp.js";
 

package/dist/q2-tecton-elements/q2-chart-bar.entry.js

@@ -1,6 +1,6 @@
-import { r as t, h as s, a as i } from "./index-C7zSUT3M.js";
+import { r as t, h as s, g as i } from "./index-COzomxjJ.js";
 
-import { o as e, l as a } from "./index-y0xcWkDl.js";
+import { o as e, l as a } from "./index-EcLnUn1d.js";
 
 import { B as r, h as o, j as h, l as n, k as d, u as p, c as l, d as c, m as f, e as u, i as b, g as m, b as g, f as v } from "./charting-Mf86SEvp.js";
 

package/dist/q2-tecton-elements/q2-chart-donut.entry.js

@@ -1,10 +1,10 @@
-import { r as t, c as e, h as n, a } from "./index-C7zSUT3M.js";
+import { r as t, c as e, h as n, g as a } from "./index-COzomxjJ.js";
 
-import { o as r, a as i, l as o, j as s } from "./index-y0xcWkDl.js";
+import { o as r, a as i, l as o, j as s } from "./index-EcLnUn1d.js";
 
 import { u as c, o as d, W as l, j as h, H as u, X as p, Y as v, Z as f, _ as b, $ as g, a0 as m, d as x, c as y, m as w, i as I, g as S } from "./charting-Mf86SEvp.js";
 
-import { T as k, a as C, L as z, b as T, S as U, c as A } from "./install-CsrQh3w6.js";
+import { T as k, a as C, L as z, b as U, S as A, c as T } from "./install-CsrQh3w6.js";
 
 function install$4(t) {
   c(d);
@@ -170,7 +170,7 @@ function installLegendAction(t) {
 
 function install$3(t) {
   t.registerComponentModel(z);
-  t.registerComponentView(T);
+  t.registerComponentView(U);
   t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
   t.registerSubTypeDefaulter("legend", (function() {
     return "plain";
@@ -237,8 +237,8 @@ function install$3(t) {
 
 function install$2(t) {
   c(install$3);
-  t.registerComponentModel(U);
-  t.registerComponentView(A);
+  t.registerComponentModel(A);
+  t.registerComponentView(T);
   installScrollableLegendAction(t);
 }
 
@@ -338,11 +338,11 @@ function install(t) {
   t.registerProcessor(negativeDataFilter("pie"));
 }
 
-const D = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:focus-visible{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 4px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}";
+const j = "*{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}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:focus-visible{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 4px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}";
 
 c([ install$4, install$1, install, x, y, w ]);
 
-const j = class {
+const D = class {
   constructor(n) {
     t(this, n);
     this.change = e(this, "change", 7);
@@ -869,8 +869,8 @@ const j = class {
   }
 };
 
-j.style = D;
+D.style = j;
 
-export { j as q2_chart_donut };
+export { D as q2_chart_donut };
 //# sourceMappingURL=q2-chart-donut.entry.esm.js.map
 //# sourceMappingURL=q2-chart-donut.entry.js.map