q2-tecton-elements 1.57.1 → 1.57.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, d as e, c as i } from "./index-YFPMNbDm.js";
+import { r as t, h as r, g as o, F as a, a as e, c as i } from "./index-COzomxjJ.js";
 
-import { l as n, t as c, e as s, u as d, o as l, a as p, v as b, c as u, j as v, s as f, h, n as m, g as x, r as g } from "./index-CYgcpzXH.js";
+import { l as n, t as c, e as s, v as d, o as l, a as p, x as b, c as u, j as v, s as h, h as f, n as m, g as x, r as g } from "./index-EcLnUn1d.js";
 
-import { s as k } from "./shapes-B9jYz1VS.js";
+import { s as k } from "./shapes-BrIjALih.js";
 
 const w = "*{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 z = class {
   // #region Render Methods
   renderButton() {
     const {ariaExpanded: t, ariaHasPopup: o, ariaSelected: e, ariaPressed: i, description: c, 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 && n(v),
+      "aria-label": h && n(v),
       "aria-selected": e,
       "aria-pressed": i,
       disabled: s,
@@ -200,11 +200,11 @@ const z = class {
       "test-id": "q2BtnInnerButton",
       class: this.buttonClasses,
       "aria-describedby": !!c ? "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(), !!c && r("div", {
@@ -270,26 +270,26 @@ const L = "browsersos";
 
 const N = "standard";
 
-const F = "standard";
-
 const O = "standard";
 
+const F = "standard";
+
 const I = "standard";
 
 const V = "standard";
 
 const $ = "standard";
 
-const Y = "standard";
-
 const E = "standard";
 
-const R = "standard";
+const Y = "standard";
 
-const P = "standard";
+const R = "standard";
 
 const B = "standard";
 
+const P = "standard";
+
 const T = "standard";
 
 const G = "standard";
@@ -346,9 +346,9 @@ const ut = "standard";
 
 const vt = "standard";
 
-const ft = "standard";
+const ht = "standard";
 
-const ht = "status";
+const ft = "status";
 
 const mt = "standard";
 
@@ -378,26 +378,26 @@ const Lt = "standard";
 
 const Nt = "standard";
 
-const Ft = "standard";
-
 const Ot = "standard";
 
+const Ft = "standard";
+
 const It = "standard";
 
 const Vt = "status";
 
 const $t = "browsersos";
 
-const Yt = "standard";
+const Et = "standard";
 
-const Et = "devices";
+const Yt = "devices";
 
 const Rt = "standard";
 
-const Pt = "standard";
-
 const Bt = "standard";
 
+const Pt = "standard";
+
 const Tt = "standard";
 
 const Gt = "standard";
@@ -454,10 +454,10 @@ const ur = "standard";
 
 const vr = "devices";
 
-const fr = "standard";
-
 const hr = "standard";
 
+const fr = "standard";
+
 const mr = "standard";
 
 const xr = "standard";
@@ -486,26 +486,26 @@ const Lr = "standard";
 
 const Nr = "standard";
 
-const Fr = "standard";
-
 const Or = "standard";
 
+const Fr = "standard";
+
 const Ir = "standard";
 
 const Vr = "standard";
 
 const $r = "standard";
 
-const Yr = "standard";
-
 const Er = "standard";
 
-const Rr = "standard";
+const Yr = "standard";
 
-const Pr = "standard";
+const Rr = "standard";
 
 const Br = "standard";
 
+const Pr = "standard";
+
 const Tr = "standard";
 
 const Gr = "standard";
@@ -562,17 +562,17 @@ var lo = {
   "arrow-left": "standard",
   "arrow-right": "standard",
   "arrow-up": "standard",
-  arts: F,
-  atv: O,
+  arts: O,
+  atv: F,
   backpack: I,
   bank: V,
   barchart: $,
   "barchart-trend": "standard",
-  bed: Y,
-  bell: E,
+  bed: E,
+  bell: Y,
   bicycle: R,
-  boat: P,
-  box: B,
+  boat: B,
+  box: P,
   "brand-autobooks-color": "brand",
   "brand-autobooks-filled": "brand",
   "brand-facebook-color": "brand",
@@ -730,8 +730,8 @@ var lo = {
   download: ut,
   "drag-handle": "standard",
   edit: vt,
-  ellipsis: ft,
-  error: ht,
+  ellipsis: ht,
+  error: ft,
   "error-filled": "status",
   "external-link": "standard",
   "eye-hide": "standard",
@@ -783,10 +783,10 @@ var lo = {
   handshake: Dt,
   headset: Lt,
   health: Nt,
-  heart: Ft,
+  heart: Ot,
   "heart-add": "standard",
   "heart-remove": "standard",
-  home: Ot,
+  home: Ft,
   "home-chimney": "standard",
   "home-gear": "standard",
   "id-badge": "standard",
@@ -796,11 +796,11 @@ var lo = {
   info: Vt,
   "info-filled": "status",
   ios: $t,
-  key: Yt,
-  laptop: Et,
+  key: Et,
+  laptop: Yt,
   law: Rt,
-  leaf: Pt,
-  lightbulb: Bt,
+  leaf: Bt,
+  lightbulb: Pt,
   linechart: Tt,
   "linechart-trend": "standard",
   link: Gt,
@@ -865,10 +865,10 @@ var lo = {
   "person-to-person": "standard",
   "personal-care": "standard",
   phone: vr,
-  piechart: fr,
+  piechart: hr,
   "piechart-expanded": "standard",
   "piggy-bank": "standard",
-  play: hr,
+  play: fr,
   pricetag: mr,
   "pricetag-blank": "standard",
   "pricetag-time": "standard",
@@ -891,8 +891,8 @@ var lo = {
   "rss-filled": "legacy",
   save: Lr,
   school: Nr,
-  search: Fr,
-  section: Or,
+  search: Or,
+  section: Fr,
   service: Ir,
   shield: Vr,
   sign: $r,
@@ -900,13 +900,13 @@ var lo = {
   "sign-open": "standard",
   "sign-sale": "standard",
   "sign-sold": "standard",
-  silverware: Yr,
-  skip: Er,
+  silverware: Er,
+  skip: Yr,
   "sms-color": "legacy",
   "sms-filled": "legacy",
   sort: Rr,
-  speedometer: Pr,
-  split: Br,
+  speedometer: Br,
+  split: Pr,
   star: Tr,
   "star-add": "standard",
   "star-remove": "standard",
@@ -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
   };
 }
 
@@ -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 fo = {
+const ho = {
   AED: {
     prefix: "",
     suffix: "د.إ",
@@ -2630,7 +2630,7 @@ function formatCurrency(t, r = "USD", o = false) {
     a = a.split("-integer")[0];
     e = false;
   }
-  const i = fo[a];
+  const i = ho[a];
   if (!i) {
     return formatValue(t);
   }
@@ -2641,7 +2641,7 @@ function formatCurrency(t, r = "USD", o = false) {
   return formatNumber(t, n, o);
 }
 
-const ho = {
+const fo = {
   AF: {
     mask: "(##) #######",
     prefix: "+93 "
@@ -3705,7 +3705,7 @@ const ho = {
 };
 
 function formatPhoneNumber(t, r = "US") {
-  const {mask: o, prefix: a} = ho[r] || ho.US;
+  const {mask: o, prefix: a} = fo[r] || fo.US;
   const e = {
     prefix: a
   };
@@ -4344,7 +4344,7 @@ const Lo = class {
     };
     this.onInputBlur = () => {
       this.hasFocus = false;
-      f(this);
+      h(this);
       if (this.valueOnFocus !== this.formattedValueObject.value) {
         this.valueOnFocus = this.formattedValueObject.value;
         this.change.emit(Object.assign({
@@ -4364,7 +4364,7 @@ const Lo = class {
         this.scheduledAfterRender.push((() => this.shouldCursorStartAtEnd ? this.placeCursorAtEnd() : this.setCursorPosition(this.calculateCursorPositionOnFocus())));
       }
       this.hasFocus = true;
-      f(this);
+      h(this);
       this.valueOnFocus = this.value;
     };
     this.onInputInput = t => {
@@ -4405,7 +4405,7 @@ const Lo = class {
     this.onRefocusInput = () => {
       if (this.showMessages) {
         this.inputField.focus();
-        f(this);
+        h(this);
       }
     };
     this.onToggleVisibility = () => {
@@ -4527,7 +4527,7 @@ const Lo = class {
     }
   }
   errorsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
   }
   formatModifierObserver() {
     this.formatAndUpdateValueFromProp();
@@ -4536,7 +4536,7 @@ const Lo = class {
     this.formatted.emit(this.formattedValueObject);
   }
   hintsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
   }
   typeObserver() {
     this.formatAndUpdateValueFromProp();
@@ -4598,16 +4598,16 @@ const Lo = class {
     }
   }
   get hasCustomDisplaySlot() {
-    return h(this.hostElement, "custom-display");
+    return f(this.hostElement, "custom-display");
   }
   get hasError() {
     return Array.isArray(this.errors) && this.errors.length > 0;
   }
   get hasInputLeftSlot() {
-    return h(this.hostElement, "input-left");
+    return f(this.hostElement, "input-left");
   }
   get hasInputRightSlot() {
-    return h(this.hostElement, "input-right");
+    return f(this.hostElement, "input-right");
   }
   get inputDescribedBy() {
     return this.showMessages ? `${this.inputId}-description` : undefined;
@@ -4992,7 +4992,7 @@ Lo.style = Ao;
 
 const No = "*{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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background:var(--tct-loading-skeleton-element-background, var(--tct-loading-skeleton-element-bg, var(--t-gray-8, #808080)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";
 
-const Fo = class {
+const Oo = class {
   constructor(o) {
     t(this, o);
     this.halfCircleSpinner = () => r("div", {
@@ -5076,9 +5076,9 @@ const Fo = class {
   }
 };
 
-Fo.style = No;
+Oo.style = No;
 
-const Oo = "*{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;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, inherit);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-container-content-padding, var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding))));background:var(--tct-tab-container-content-backgrond, none)}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";
+const Fo = "*{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;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, inherit);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-container-content-padding, var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding))));background:var(--tct-tab-container-content-backgrond, none)}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";
 
 const Io = class {
   constructor(r) {
@@ -5410,7 +5410,7 @@ const Io = class {
   }
 };
 
-Io.style = Oo;
+Io.style = Fo;
 
 const Vo = "*{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}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";
 
@@ -5451,6 +5451,6 @@ const $o = class {
 
 $o.style = Vo;
 
-export { y as q2_badge, z as q2_btn, bo as q2_icon, Lo as q2_input, Fo as q2_loading, Io as q2_tab_container, $o as q2_tab_pane };
+export { y as q2_badge, z as q2_btn, bo as q2_icon, Lo as q2_input, Oo as q2_loading, Io as q2_tab_container, $o as q2_tab_pane };
 //# sourceMappingURL=q2-badge.q2-btn.q2-icon.q2-input.q2-loading.q2-tab-container.q2-tab-pane.entry.esm.js.map
 //# sourceMappingURL=q2-badge_7.entry.js.map

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-YFPMNbDm.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 s, c as r, e as o, o as l, a as d, w as c, d as h } from "./index-CYgcpzXH.js";
+import { l as s, c as r, 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-YFPMNbDm.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-CYgcpzXH.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, H as r, a as o } from "./index-YFPMNbDm.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-CYgcpzXH.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}";