q2-tecton-elements 1.73.0 → 1.73.1

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

@@ -243,50 +243,50 @@ const d = class {
   render() {
     const {stepCount: t, scrollEnabled: e, showScrollLeft: a, showScrollRight: o} = this, s = [ "step-container" ];
     return e && s.push("has-scroll"), r(i, {
-      key: "c9839ff458e2d71fb66c42cb5b4ae394c7ffb9ff"
+      key: "423f7d50f787abf21c14730ae9cd50cd3638b17b"
     }, r("div", {
-      key: "51d8a914662c2794e16928c971ef995bca933776",
+      key: "2ffacd2f9792075956748eb6960975d9aeda28ad",
       class: s.join(" ")
     }, e && r(i, {
-      key: "0b1d1dd0c973d2266a468a8f81d0c9bdd2a430cc"
+      key: "da90a671295ce6702c3bc6f1ab71f671cda2c9c8"
     }, r("div", {
-      key: "87b9ae7e5ab260ee8743e78302017389941c3ead",
+      key: "319c4a75dfafd7b03d3f7f13156f24bd1ca7b0c3",
       class: "gradient-left",
       hidden: !a
     }), r("div", {
-      key: "a5d487517c497ae927a1fd05d7c4631aa00d76bf",
+      key: "80a08dc979685d94f6cfe20d66787d06e7d46014",
       class: "gradient-right",
       hidden: !o
     }), r("q2-btn", {
-      key: "fe008283e673c2b51acf1cc654ed1c844a6d33bf",
+      key: "43a71cb3212ddbe37c6e7d7051850efd49ced456",
       class: "btn-left",
       hideLabel: !0,
       hidden: !this.showScrollLeft,
       label: n("tecton.element.stepper.scrollLeft"),
       onTctClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "7d83dfafb861da55085fa33a4aca620416849e27",
+      key: "19ee5abc690bba84016fb8c692a74b5c233aa426",
       type: "chevron-left"
     })), r("q2-btn", {
-      key: "c81adb720c387ddabb7eead010db863b0e295208",
+      key: "f26bc502269a5d60308aba041a6d9a75efcf2573",
       class: "btn-right",
       hideLabel: !0,
       hidden: !this.showScrollRight,
       label: n("tecton.element.stepper.scrollRight"),
       onTctClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "c0d5939662d35c18ea9c486a1dc8da243b779ea2",
+      key: "7f35a54468433010427213e18d213b1c227413a6",
       type: "chevron-right"
     }))), r("ul", {
-      key: "07501b7abbe4e828686b87c057b79bae4059e826",
+      key: "0bc4eed617263c7e4a6138c3a884f6a1b8bc2ca6",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       role: "tablist"
     }, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), r("div", {
-      key: "df8d51e7b40ee1999b0a280fa8524559accfec9a",
+      key: "87945c612fcaa70164faa50d78bb63c9b290e3f2",
       role: "list"
     }, r("slot", {
-      key: "a8ce54b65b8c7d8542e60811a7215fed12400e38",
+      key: "4b55529f41b4731dc1424c8be4fcd941ff2c2f33",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -1,8 +1,8 @@
-import { r, c as a, h as o, H as e, g as t } from "./index-Cqkz7Bnm.js";
+import { r as a, c as r, h as o, H as e, g as t } from "./index-Cqkz7Bnm.js";
 
 const c = class {
   constructor(o) {
-    r(this, o), this.tctClick = a(this, "tctClick", 7), 
+    a(this, o), this.tctClick = r(this, "tctClick", 7), 
     // #region Own Properties
     this._cancelAnimation = null, 
     /** Applies a gradient fade across the background.
@@ -33,16 +33,16 @@ const c = class {
   // #endregion
   // #region Component Lifecycle Events
   disconnectedCallback() {
-    var r;
-    null === (r = this._cancelAnimation) || void 0 === r || r.call(this);
+    var a;
+    null === (a = this._cancelAnimation) || void 0 === a || a.call(this);
   }
   // #endregion
   // #region Listeners
   onClick() {
     this.clickable && this.tctClick.emit();
   }
-  onKeydown(r) {
-    this.clickable && ("Enter" !== r.key && " " !== r.key || (r.preventDefault(), this.tctClick.emit()));
+  onKeydown(a) {
+    this.clickable && ("Enter" !== a.key && " " !== a.key || (a.preventDefault(), this.tctClick.emit()));
   }
   // #endregion
   // #region Public Methods API
@@ -51,15 +51,15 @@ const c = class {
      * @param animation The animation to play. Defaults to `'pulse'`.
      * @returns A Promise that resolves when the animation finishes or is cancelled.
      */
-  async triggerAnimation(r = "pulse") {
-    var a;
-    return null === (a = this._cancelAnimation) || void 0 === a || a.call(this), new Promise((a => {
-      const o = `q2-surface-animate-${r}`, onEnd = () => {
-        this.hostElement.classList.remove(o), this._cancelAnimation = null, a();
+  async triggerAnimation(a = "pulse") {
+    var r;
+    return null === (r = this._cancelAnimation) || void 0 === r || r.call(this), new Promise((r => {
+      const o = `q2-surface-animate-${a}`, onEnd = () => {
+        this.hostElement.classList.remove(o), this._cancelAnimation = null, r();
       };
       this._cancelAnimation = () => {
         this.hostElement.classList.remove(o), this.hostElement.removeEventListener("animationend", onEnd), 
-        this._cancelAnimation = null, a();
+        this._cancelAnimation = null, r();
       }, this.hostElement.classList.add(o), this.hostElement.addEventListener("animationend", onEnd, {
         once: !0
       });
@@ -69,14 +69,14 @@ const c = class {
   // #region Render Methods
   render() {
     return o(e, {
-      key: "ee34e7472208140fc2203e0494140778c0c16756"
+      key: "fba508447ca646c22aa4a14872d78e02294a2fa1"
     }, o("div", {
-      key: "0909c642dd27cbc96f7a8ea25f5d7f712395ed19",
+      key: "46ac755e4c071b2345be0ba4272f283ac2758a82",
       class: "container",
       role: this.clickable ? "button" : void 0,
       tabIndex: this.clickable ? 0 : void 0
     }, o("slot", {
-      key: "fbba5735e98b065121f0b73ef926b6546aeab82c"
+      key: "699fdd1427248cdff8ecf1b3b1ca1d4a892dd763"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-tab-container.entry.js

@@ -4,7 +4,7 @@ import { c as o, l as n, o as c, i as s } from "./index-CP8pXJ-l.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-import { h, f as b } from "./component-DaQM9u3s.js";
+import { h as b, f as h } from "./component-DaQM9u3s.js";
 
 const d = class {
   constructor(e) {
@@ -166,7 +166,7 @@ const d = class {
     this.narrowViewportMedia && this.narrowViewportListener && this.narrowViewportMedia.removeEventListener("change", this.narrowViewportListener);
   }
   componentWillLoad() {
-    h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || b(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
+    b(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
     const t = new MutationObserver((() => this.updateTabs()));
     t.observe(this.hostElement, {
       childList: !0,
@@ -279,50 +279,50 @@ const d = class {
   render() {
     const t = "vertical" === this.computedOrientation;
     return e(i, {
-      key: "03d43399332adeda98bb8d9e20053a9c6d49fcce"
+      key: "37c84e750a2494ea2b4302fd99e0cebc443d58ce"
     }, e("div", {
-      key: "e0a8ef7f09a83f703a4b20f54c32522ddb1c5c50",
+      key: "249effad5ab4e880c2c203ac0e4024557c310679",
       class: "tab-container"
     }, this.scrollEnabled && e(i, {
-      key: "ad75ef49a54bfe0f862e19123e2a4770e17bf4a2"
+      key: "10a7d53d5bde829e5897722cd924d40ce90a0b82"
     }, e("div", {
-      key: "0a699d7dff2af9e01eb0c9a4727c0aa586068d97",
+      key: "b2acc786c41a9d1a8d3e951fdc36ecea3a304664",
       class: "gradient-left",
       hidden: !this.showScrollBack
     }), e("div", {
-      key: "758388b43d96757cd402eac4c8c881b20853e8d2",
+      key: "fa70173c7d845f88417c6b6b6d54884ead80f34f",
       class: "gradient-right",
       hidden: !this.showScrollForward
     }), e("q2-btn", {
-      key: "0738c515ffc60c9fb82941ce1cb104924c3a85ef",
+      key: "d953c160ff42503dce5bb7c60d8234bdd9196d73",
       class: "btn-left",
       hidden: !this.showScrollBack,
       onTctClick: () => this.onScrollBtnClick("back")
     }, e("q2-icon", {
-      key: "95820c6bad13d98ad94e4722026b00e1fedb720e",
+      key: "3980ef873b5d7ae6c50eb868455839344dda9701",
       type: t ? "chevron-up" : "chevron-left",
       label: t ? "scroll up" : "scroll left"
     })), e("q2-btn", {
-      key: "2aabca6f28a8acffd6565870b56424c410f4ebae",
+      key: "a3b1f46355ab1de2f73ac7529b734b684194093f",
       class: "btn-right",
       hidden: !this.showScrollForward,
       onTctClick: () => this.onScrollBtnClick("forward")
     }, e("q2-icon", {
-      key: "94561888012314b3e3503c7f0b64444f3a7b7c96",
+      key: "a2ec50ff7e0cce3716ba890c626fa56e62ecddbb",
       type: t ? "chevron-down" : "chevron-right",
       label: t ? "scroll down" : "scroll right"
     }))), e("ul", {
-      key: "d58936a795d74807740d291b93bb739d66fbbe24",
+      key: "e42bbb379d396a25b3af96985504a8f4bae1bba0",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist",
       "aria-orientation": this.computedOrientation
     }, this.tabs.map(((t, a) => this.renderTab(t, a))))), e("div", {
-      key: "ccd952b3f0ef0e639e0f86957841ad548fe65eb5",
+      key: "7d1f6ac5262cccb0b7087b3d93f33e46390814af",
       class: "tab-content"
     }, e("slot", {
-      key: "24deecd3894184e816d1d8c5e5257aab382ed055",
+      key: "fa341fadca5ba04fe21ef7186cc0e15b5c7357db",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -1,10 +1,10 @@
-import { r as t, c as e, h as n, g as i } from "./index-Cqkz7Bnm.js";
+import { r as e, c as t, h as n, g as i } from "./index-Cqkz7Bnm.js";
 
 import { b as a } from "./component-DaQM9u3s.js";
 
 const o = class {
   constructor(n) {
-    t(this, n), this.badge = e(this, "badge", 7);
+    e(this, n), this.badge = t(this, "badge", 7);
   }
   // #endregion
   // #region Component Lifecycle Events
@@ -20,7 +20,7 @@ const o = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "a1ca82c1b98634b33d0ded7c459e151bbcba82ab",
+      key: "1a957a6a6fb4dee7e420d46ad5f576b5b25008c4",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: "tab-pane" + (this.selected ? "" : " hidden"),
       role: "tabpanel",
@@ -28,7 +28,7 @@ const o = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, n("slot", {
-      key: "4893e7153f387cfa726ba354cb53274d8f907b94"
+      key: "9c9dc847674f0a829feb822808f7e3dac9ac3263"
     }));
   }
   get hostElement() {

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

@@ -1,6 +1,6 @@
 import { r as e, c as t, h as i, g as n } from "./index-Cqkz7Bnm.js";
 
-const o = class {
+const a = class {
   constructor(i) {
     e(this, i), this.badge = t(this, "badge", 7), this.onIFrameLoad = e => {
       const t = e.target;
@@ -41,7 +41,7 @@ const o = class {
   // #region Render Methods
   render() {
     return i("div", {
-      key: "b55643965ef49af2e41a683686db00b97e1c90b7",
+      key: "313fa13779cd8ecb5439b1a96cb7aaf17f6c871b",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: "tab-pane" + (this.selected ? "" : " hidden"),
       role: "tabpanel",
@@ -49,12 +49,12 @@ const o = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, this.selected && void 0 !== this.provided && !this.provided && i("div", {
-      key: "f04f1594eba66d962d9adbab48bf3559f658c650"
+      key: "5207414b205d1e9a25fb1455ca21ff7cc913a5fd"
     }, i("slot", {
-      key: "08804102412a6b57ac9b9db2002d1608f8b22c19",
+      key: "d883e909e38981f315bc1cab9ef57957a616c0d5",
       name: "loading-wrapper"
     }), i("iframe", {
-      key: "a2524435de8072fb27ebdcc9762a1f20367df098",
+      key: "2f0233d04d3c5be619cb54bfe637252a7ef42d77",
       hidden: !0,
       name: this.moduleId,
       scrolling: "no",
@@ -77,11 +77,11 @@ const o = class {
       value: e.value,
       name: e.key
     })))) : ""), i("div", {
-      key: "59e9d5ddbabadb0e66615d998403d267c259f937",
+      key: "ae5ee8d5a5a7d1b798f4111b33120d301b86a16b",
       class: "slot-wrapper",
       hidden: this.selected && void 0 !== this.provided && !this.provided
     }, i("slot", {
-      key: "450c5724cf32ba05a2fc93b8adeba83b08e871e4"
+      key: "cb1057d2b6cb467a25da1577610bfcc5b6300047"
     })));
   }
   get hostElement() {
@@ -108,6 +108,6 @@ const o = class {
   }
 };
 
-o.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus-visible{outline:none;box-shadow:var(--const-global-focus)}';
+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}}}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus-visible{outline:none;box-shadow:var(--const-global-focus)}';
 
-export { o as tecton_tab_pane }
+export { a as tecton_tab_pane }

package/dist/types/components/q2-avatar/q2-avatar.d.ts

@@ -8,6 +8,9 @@ import { ComponentInterface } from '../../stencil-public-runtime';
  */
 export declare class Q2Avatar implements ComponentInterface {
     private decoratorObserver;
+    private initialsFontScale;
+    private initialsResizeObserver;
+    private observedInitialsText;
     el: HTMLElement;
     badSrc: boolean;
     hasDecorator: boolean;
@@ -31,9 +34,11 @@ export declare class Q2Avatar implements ComponentInterface {
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    componentDidRender(): void;
     srcDidUpdate(): void;
     get computedInitials(): string;
     checkDecorator(): void;
+    private fitInitials;
     onError: () => void;
     onLoad: () => void;
     private setupDecoratorObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.73.0",
+    "version": "1.73.1",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -63,7 +63,7 @@
     },
     "dependencies": {
         "@stencil/core": "~4.43.0",
-        "q2-tecton-common": "1.73.0",
+        "q2-tecton-common": "1.73.1",
         "swiper": "^12.1.2"
     },
     "devDependencies": {
@@ -85,5 +85,5 @@
         "rollup-plugin-istanbul": "^5.0.0"
     },
     "packageManager": "pnpm@10.27.0",
-    "gitHead": "d3616049752e07b046929bd7009e437b924cba84"
+    "gitHead": "e132ed56f28a9e27c55aba0a057664405f014995"
 }