q2-tecton-elements 1.72.0 → 1.73.1

package/dist/q2-tecton-elements/{sectorHelper--RMGWGAy.js → sectorHelper-DBtkWtpl.js}

@@ -1,4 +1,4 @@
-import { P as a, D as e, r as t, a as n, d as r, S as i, l as o, b as s, i as l, c as u, e as c, q as f, f as v, n as h, m as L, B as b, T as M, g as d, k as g, h as p, p as y, j as P, o as m, s as w, t as A, u as S, v as T, w as x, x as k, y as R, z as j, A as C, C as O, E as K, F as W, G as D } from "./charting-DOZct-UB.js";
+import { P as a, D as e, r as t, a as n, d as r, S as i, l as o, b as s, i as l, c as u, e as c, q as f, f as v, n as h, m as L, B as b, T as M, g as d, k as g, h as p, p as y, j as P, o as m, s as w, t as A, u as S, v as T, w as x, x as k, y as R, z as j, A as C, C as O, E as K, F as W, G as D } from "./charting-DFXJklqs.js";
 
 var I = 2 * Math.PI, N = c.CMD, z = [ "top", "right", "bottom", "left" ];
 
@@ -54,11 +54,11 @@ function projectPointToRect(a, e, t, n, r, i, o) {
   return Math.sqrt((u - r) * (u - r) + (c - i) * (c - i));
 }
 
-var B = [];
+var X = [];
 
 function nearestPointOnRect(a, e, t) {
-  var n = projectPointToRect(e.x, e.y, e.width, e.height, a.x, a.y, B);
-  return t.set(B[0], B[1]), n;
+  var n = projectPointToRect(e.x, e.y, e.width, e.height, a.x, a.y, X);
+  return t.set(X[0], X[1]), n;
 }
 
 /**
@@ -78,16 +78,16 @@ function nearestPointOnRect(a, e, t) {
       break;
 
      case N.L:
-      d = projectPointToLine(i, o, c[b], c[b + 1], h, L, B, !0), i = c[b++], o = c[b++];
+      d = projectPointToLine(i, o, c[b], c[b + 1], h, L, X, !0), i = c[b++], o = c[b++];
       break;
 
      case N.C:
-      d = v(i, o, c[b++], c[b++], c[b++], c[b++], c[b], c[b + 1], h, L, B), i = c[b++], 
+      d = v(i, o, c[b++], c[b++], c[b++], c[b++], c[b], c[b + 1], h, L, X), i = c[b++], 
       o = c[b++];
       break;
 
      case N.Q:
-      d = f(i, o, c[b++], c[b++], c[b], c[b + 1], h, L, B), i = c[b++], o = c[b++];
+      d = f(i, o, c[b++], c[b++], c[b], c[b + 1], h, L, X), i = c[b++], o = c[b++];
       break;
 
      case N.A:
@@ -100,24 +100,24 @@ function nearestPointOnRect(a, e, t) {
       // 不是直接使用 arc 命令
       b <= 1 && (
       // 第一个命令起点还未定义
-      s = n, l = r), d = projectPointToArc(g, p, P, m, m + w, A, (h - g) * P / y + g, L, B), 
+      s = n, l = r), d = projectPointToArc(g, p, P, m, m + w, A, (h - g) * P / y + g, L, X), 
       i = Math.cos(m + w) * y + g, o = Math.sin(m + w) * P + p;
       break;
 
      case N.R:
-      d = projectPointToRect(s = i = c[b++], l = o = c[b++], c[b++], c[b++], h, L, B);
+      d = projectPointToRect(s = i = c[b++], l = o = c[b++], c[b++], c[b++], h, L, X);
       break;
 
      case N.Z:
-      d = projectPointToLine(i, o, s, l, h, L, B, !0), i = s, o = l;
+      d = projectPointToLine(i, o, s, l, h, L, X, !0), i = s, o = l;
     }
-    d < u && (u = d, t.set(B[0], B[1]));
+    d < u && (u = d, t.set(X[0], X[1]));
   }
   return u;
 }
 
 // Temporal variable for intermediate usage.
-var G = new a, H = new a, X = new a, Y = new a, q = new a;
+var q = new a, F = new a, G = new a, H = new a, Y = new a;
 
 /**
  * Calculate a proper guide line based on the label position and graphic element definition
@@ -134,17 +134,17 @@ function updateLabelLinePoints(e, t) {
       var i = e.textGuideLineConfig || {}, o = [ [ 0, 0 ], [ 0, 0 ], [ 0, 0 ] ], s = i.candidates || z, c = r.getBoundingRect().clone();
       c.applyTransform(r.getComputedTransform());
       var f = 1 / 0, v = i.anchor, h = e.getComputedTransform(), L = h && l([], h), b = t.get("length2") || 0;
-      v && X.copy(v);
+      v && G.copy(v);
       for (var M = 0; M < s.length; M++) {
-        getCandidateAnchor(s[M], 0, c, G, Y), a.scaleAndAdd(H, G, Y, b), 
+        getCandidateAnchor(s[M], 0, c, q, H), a.scaleAndAdd(F, q, H, b), 
         // Transform to target coord space.
-        H.transform(L);
+        F.transform(L);
         // Note: getBoundingRect will ensure the `path` being created.
-        var d = e.getBoundingRect(), g = v ? v.distance(H) : e instanceof u ? nearestPointOnPath(H, e.path, X) : nearestPointOnRect(H, d, X);
+        var d = e.getBoundingRect(), g = v ? v.distance(F) : e instanceof u ? nearestPointOnPath(F, e.path, G) : nearestPointOnRect(F, d, G);
         // TODO pt2 is in the path
         g < f && (f = g, 
         // Transform back to global space.
-        H.transform(h), X.transform(h), X.toArray(o[0]), H.toArray(o[1]), G.toArray(o[2]));
+        F.transform(h), G.transform(h), G.toArray(o[0]), F.toArray(o[1]), q.toArray(o[2]));
       }
       limitTurnAngle(o, t.get("minTurnAngle")), n.setShape({
         points: o
@@ -154,7 +154,7 @@ function updateLabelLinePoints(e, t) {
 }
 
 // Temporal variable for the limitTurnAngle function
-var E = [], F = new a;
+var B = [], E = new a;
 
 /**
  * Reduce the line segment attached to the label to limit the turn angle between two segments.
@@ -168,22 +168,22 @@ function limitTurnAngle(e, t) {
     //      /pt1----pt2 (label)
     //     /
     // pt0/
-    G.fromArray(e[0]), H.fromArray(e[1]), X.fromArray(e[2]), a.sub(Y, G, H), a.sub(q, X, H);
-    var n = Y.len(), r = q.len();
+    q.fromArray(e[0]), F.fromArray(e[1]), G.fromArray(e[2]), a.sub(H, q, F), a.sub(Y, G, F);
+    var n = H.len(), r = Y.len();
     if (!(n < .001 || r < .001)) {
-      Y.scale(1 / n), q.scale(1 / r);
-      var i = Y.dot(q);
+      H.scale(1 / n), Y.scale(1 / r);
+      var i = H.dot(Y);
       if (Math.cos(t) < i) {
         // Smaller than minTurnAngle
         // Calculate project point of pt0 on pt1-pt2
-        var o = projectPointToLine(H.x, H.y, X.x, X.y, G.x, G.y, E, !1);
-        F.fromArray(E), 
+        var o = projectPointToLine(F.x, F.y, G.x, G.y, q.x, q.y, B, !1);
+        E.fromArray(B), 
         // Calculate new projected length with limited minTurnAngle and get the new connect point
-        F.scaleAndAdd(q, o / Math.tan(Math.PI - t));
+        E.scaleAndAdd(Y, o / Math.tan(Math.PI - t));
         // Limit the new calculated connect point between pt1 and pt2.
-        var s = X.x !== H.x ? (F.x - H.x) / (X.x - H.x) : (F.y - H.y) / (X.y - H.y);
+        var s = G.x !== F.x ? (E.x - F.x) / (G.x - F.x) : (E.y - F.y) / (G.y - F.y);
         if (isNaN(s)) return;
-        s < 0 ? a.copy(F, H) : s > 1 && a.copy(F, X), F.toArray(e[1]);
+        s < 0 ? a.copy(E, F) : s > 1 && a.copy(E, G), E.toArray(e[1]);
       }
     }
   }
@@ -194,25 +194,25 @@ function limitTurnAngle(e, t) {
  * @param maxSurfaceAngle Radian of minimum turn angle. 0 - 180. 0 is same direction to normal. 180 is opposite
  */ function limitSurfaceAngle(e, t, n) {
   if (n <= 180 && n > 0) {
-    n = n / 180 * Math.PI, G.fromArray(e[0]), H.fromArray(e[1]), X.fromArray(e[2]), 
-    a.sub(Y, H, G), a.sub(q, X, H);
-    var r = Y.len(), i = q.len();
-    if (!(r < .001 || i < .001)) if (Y.scale(1 / r), q.scale(1 / i), Y.dot(t) < Math.cos(n)) {
+    n = n / 180 * Math.PI, q.fromArray(e[0]), F.fromArray(e[1]), G.fromArray(e[2]), 
+    a.sub(H, F, q), a.sub(Y, G, F);
+    var r = H.len(), i = Y.len();
+    if (!(r < .001 || i < .001)) if (H.scale(1 / r), Y.scale(1 / i), H.dot(t) < Math.cos(n)) {
       // Calculate project point of pt0 on pt1-pt2
-      var o = projectPointToLine(H.x, H.y, X.x, X.y, G.x, G.y, E, !1);
-      F.fromArray(E);
-      var s = Math.PI / 2, l = s + Math.acos(q.dot(t)) - n;
+      var o = projectPointToLine(F.x, F.y, G.x, G.y, q.x, q.y, B, !1);
+      E.fromArray(B);
+      var s = Math.PI / 2, l = s + Math.acos(Y.dot(t)) - n;
       if (l >= s) 
       // parallel
-      a.copy(F, X); else {
+      a.copy(E, G); else {
         // Calculate new projected length with limited minTurnAngle and get the new connect point
-        F.scaleAndAdd(q, o / Math.tan(Math.PI / 2 - l));
+        E.scaleAndAdd(Y, o / Math.tan(Math.PI / 2 - l));
         // Limit the new calculated connect point between pt1 and pt2.
-        var u = X.x !== H.x ? (F.x - H.x) / (X.x - H.x) : (F.y - H.y) / (X.y - H.y);
+        var u = G.x !== F.x ? (E.x - F.x) / (G.x - F.x) : (E.y - F.y) / (G.y - F.y);
         if (isNaN(u)) return;
-        u < 0 ? a.copy(F, H) : u > 1 && a.copy(F, X);
+        u < 0 ? a.copy(E, F) : u > 1 && a.copy(E, G);
       }
-      F.toArray(e[1]);
+      E.toArray(e[1]);
     }
   }
 }
@@ -310,7 +310,7 @@ function prepareLayoutCallbackParams(a, e) {
   };
 }
 
-var U = [ "align", "verticalAlign", "width", "height", "fontSize" ], Z = new M, J = L(), Q = L();
+var J = [ "align", "verticalAlign", "width", "height", "fontSize" ], Q = new M, U = L(), V = L();
 
 function extendWithKeys(a, e, t) {
   for (var n = 0; n < t.length; n++) {
@@ -319,7 +319,7 @@ function extendWithKeys(a, e, t) {
   }
 }
 
-var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
+var Z = [ "x", "y", "rotation" ], $ = /** @class */ function() {
   function LabelManager() {
     this._labelList = [], this._chartViewList = [];
   }
@@ -331,9 +331,9 @@ var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
    */
   LabelManager.prototype._addLabel = function(a, e, t, n, r) {
     var i = n.style, o = n.__hostTarget.textConfig || {}, s = n.getComputedTransform(), l = n.getBoundingRect().plain();
-    b.applyTransform(l, l, s), s ? Z.setLocalTransform(s) : (
+    b.applyTransform(l, l, s), s ? Q.setLocalTransform(s) : (
     // Identity transform.
-    Z.x = Z.y = Z.rotation = Z.originX = Z.originY = 0, Z.scaleX = Z.scaleY = 1), Z.rotation = h(Z.rotation);
+    Q.x = Q.y = Q.rotation = Q.originX = Q.originY = 0, Q.scaleX = Q.scaleY = 1), Q.rotation = h(Q.rotation);
     var u, c = n.__hostTarget;
     if (c) {
       u = c.getBoundingRect().plain();
@@ -359,11 +359,11 @@ var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
       defaultAttr: {
         ignore: n.ignore,
         labelGuideIgnore: v && v.ignore,
-        x: Z.x,
-        y: Z.y,
-        scaleX: Z.scaleX,
-        scaleY: Z.scaleY,
-        rotation: Z.rotation,
+        x: Q.x,
+        y: Q.y,
+        scaleX: Q.scaleX,
+        scaleY: Q.scaleY,
+        rotation: Q.rotation,
         style: {
           x: i.x,
           y: i.y,
@@ -432,10 +432,10 @@ var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
         // Not update
         c = !1);
       }
-      J(i).needsUpdateLabelLine = c, i.rotation = null != l.rotate ? l.rotate * u : s.rotation, 
+      U(i).needsUpdateLabelLine = c, i.rotation = null != l.rotate ? l.rotate * u : s.rotation, 
       i.scaleX = s.scaleX, i.scaleY = s.scaleY;
-      for (var v = 0; v < U.length; v++) {
-        var h = U[v];
+      for (var v = 0; v < J.length; v++) {
+        var h = J[v];
         i.setStyle(h, null != l[h] ? l[h] : s.style[h]);
       }
       if (l.draggable) {
@@ -471,7 +471,7 @@ var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
         if (e.ignore && !e.forceLabelAnimation) return !0;
  // Stop traverse descendants.
                 var i = !n, o = e.getTextContent();
-        !i && o && (i = J(o).needsUpdateLabelLine), i && a._updateLabelLine(e, t), r && a._animateLabels(e, t);
+        !i && o && (i = U(o).needsUpdateLabelLine), i && a._updateLabelLine(e, t), r && a._animateLabels(e, t);
       }));
     }));
   }, LabelManager.prototype._updateLabelLine = function(a, e) {
@@ -493,7 +493,7 @@ var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
     var n = a.getTextContent(), r = a.getTextGuideLine();
     // Animate
     if (n && (a.forceLabelAnimation || !n.ignore && !n.invisible && !a.disableLabelAnimation && !x(a))) {
-      var i = (L = J(n)).oldLayout, o = p(a), s = o.dataIndex, l = {
+      var i = (L = U(n)).oldLayout, o = p(a), s = o.dataIndex, l = {
         x: n.x,
         y: n.y,
         rotation: n.rotation
@@ -517,16 +517,16 @@ var V = [ "x", "y", "rotation" ], $ = /** @class */ function() {
       }
       if (L.oldLayout = l, n.states.select) {
         var v = L.oldLayoutSelect = {};
-        extendWithKeys(v, l, V), extendWithKeys(v, n.states.select, V);
+        extendWithKeys(v, l, Z), extendWithKeys(v, n.states.select, Z);
       }
       if (n.states.emphasis) {
         var h = L.oldLayoutEmphasis = {};
-        extendWithKeys(h, l, V), extendWithKeys(h, n.states.emphasis, V);
+        extendWithKeys(h, l, Z), extendWithKeys(h, n.states.emphasis, Z);
       }
       O(n, s, u, e, e);
     }
     if (r && !r.ignore && !r.invisible) {
-      i = (L = Q(r)).oldLayout;
+      i = (L = V(r)).oldLayout;
       var L, b = {
         points: r.shape.points
       };

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: "6c0524ab1981900cc7a37803fd9426c6397049c4",
+      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: "10cc2712e1ccefa6a9bb3b657830636da4d81980"
+      key: "5207414b205d1e9a25fb1455ca21ff7cc913a5fd"
     }, i("slot", {
-      key: "cde7112d4035c6f118e9c50b0fe5d9d91c70ee7d",
+      key: "d883e909e38981f315bc1cab9ef57957a616c0d5",
       name: "loading-wrapper"
     }), i("iframe", {
-      key: "851972991feb3b8f6c7f569e92ff2e624d94e221",
+      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: "741c6f2c89dc15493f165428929f589425aa4d75",
+      key: "ae5ee8d5a5a7d1b798f4111b33120d301b86a16b",
       class: "slot-wrapper",
       hidden: this.selected && void 0 !== this.provided && !this.provided
     }, i("slot", {
-      key: "17100ec2dc0ea2d1e27628d36e9e6e1139f293a9"
+      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-action-sheet/q2-action-sheet.d.ts

@@ -1,12 +1,14 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { Q2OptionListCustomEvent } from "../../components";
-import type { ActionSheetListCloseData, ActionSheetData, ActionSheetListData, ActionSheetMessageData, ActionSheetSelectedOption, ActionSheetListOption, ActionSheetListOptgroup } from 'q2-tecton-common/lib/types/action-sheet';
+import type { ActionSheetDatePickerData, ActionSheetListCloseData, ActionSheetData, ActionSheetListData, ActionSheetMessageData, ActionSheetSelectedOption, ActionSheetListOption, ActionSheetListOptgroup } from 'q2-tecton-common/lib/types/action-sheet';
+import type { DatePickerCloseDetail } from "../../utils/date-picker/date-picker-types";
 /**
  * @name Action Sheet
  * @category Display
  * @summary Use for presenting a modal sheet.
  */
 export declare class Q2ActionSheet implements ComponentInterface {
+    bodyOverflow: string;
     closeButtonElement: HTMLQ2BtnElement;
     contentElement: HTMLDivElement;
     dialogElement: HTMLDialogElement;
@@ -15,6 +17,12 @@ export declare class Q2ActionSheet implements ComponentInterface {
     maxHeight: number;
     minHeight: number;
     optionListElement: HTMLQ2OptionListElement;
+    rootOverflow: string;
+    selectedDate: {
+        rangeEnd?: string;
+        rangeStart?: string;
+        value?: string;
+    };
     selectedOptions: {
         values: ActionSheetSelectedOption[];
         value: string;
@@ -69,6 +77,13 @@ export declare class Q2ActionSheet implements ComponentInterface {
     hidePostHook(): void;
     onCancel: (event: Event) => void;
     onClick: (event: MouseEvent) => void;
+    onDatePickerCancel: (event: Event) => void;
+    onDatePickerChange: (event: CustomEvent<{
+        rangeEnd?: string;
+        rangeStart?: string;
+        value?: string;
+    }>) => void;
+    onDatePickerClose: (event: CustomEvent<DatePickerCloseDetail | void>) => void;
     onListChange: (event: Q2OptionListCustomEvent<{
         value: string;
         values: ActionSheetSelectedOption[];
@@ -78,9 +93,14 @@ export declare class Q2ActionSheet implements ComponentInterface {
         open: boolean;
         action: "close" | "select" | "open";
     }>) => void;
+    onViewportResize: () => void;
+    restorePageScroll(): void;
     showPreHook(): void;
     storeInitialValues(): void;
     updateDialogMinMaxHeight(): void;
+    renderDatePicker: ({ data }: {
+        data: ActionSheetDatePickerData;
+    }) => any;
     renderList: ({ data }: {
         data: ActionSheetListData;
     }) => any;

package/dist/types/components/q2-action-sheet/test/q2-action-sheet-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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/dist/types/components/q2-btn/q2-btn.d.ts

@@ -53,16 +53,20 @@ export declare class Q2Btn implements ComponentInterface {
     form: string;
     /**
      * Hides the `label`, and assigns its value to the `aria-label` attribute on the `<button>` element.
+     * @warning
+     * Hides the label visually. `label` text is still required for screenreader compliance. Use for icon-only buttons.
      */
     hideLabel: boolean;
     /**
-     * Indicates the role of the component in the workflow, which will apply appropriate styling to the component.
+     * Indicates the intended action type, which applies the appropriate styling.
+     * Use unprefixed values by default. The legacy `workflow-` prefix remains supported for backward compatibility.
      */
-    intent: 'coin' | 'neutral-text' | 'neutral' | 'workflow-destroy' | 'workflow-escape' | 'workflow-primary' | 'workflow-secondary';
+    intent: 'coin' | 'destroy' | 'escape' | 'neutral-text' | 'neutral' | 'primary' | 'secondary' | 'workflow-destroy' | 'workflow-escape' | 'workflow-primary' | 'workflow-secondary';
     /**
      * Defines the text content of the button if it is not provided in the `<slot>` of the element.
      * Also used for the `aria-label` of the `<button>` element when only displaying an icon.
-     *
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;

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

@@ -106,7 +106,11 @@ export declare class Q2Calendar implements ComponentInterface {
      * @localizable
      */
     errors: string[];
-    /** Hide the input field's ` <label> ` element from view. */
+    /**
+     * Hide the input field's ` <label> ` element from view.
+     * @warning
+     * Hides the label visually. `label` text is still required for screenreader compliance.
+     */
     hideLabel: boolean;
     /**
      * Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true.
@@ -125,7 +129,11 @@ export declare class Q2Calendar implements ComponentInterface {
      * When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.
      */
     invalidDates: string[];
-    /** The visible label for the `q2-calendar` input field. */
+    /**
+     * The visible label for the `q2-calendar` input field.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
+     */
     label: string;
     /** @deprecated */
     onsuccess: (e: CustomEvent) => void;

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

@@ -13,6 +13,10 @@ export declare class Q2Carousel implements ComponentInterface {
     guid: number;
     mutationObserver: MutationObserver;
     paneResizeObserver?: ResizeObserver;
+    pendingPaginationFocus?: {
+        index: number;
+        source: Element;
+    };
     swiper?: Swiper;
     syncPaneHeightFrame?: number;
     universalCarouselOptions: SwiperOptions;
@@ -78,6 +82,7 @@ export declare class Q2Carousel implements ComponentInterface {
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    componentDidRender(): void;
     carouselPaneClicked(event: any): void;
     delegateFocus(event: FocusEvent): void;
     /**

package/dist/types/components/q2-chart-area/q2-chart-area.d.ts

@@ -11,8 +11,15 @@ export declare class Q2ChartArea implements ComponentInterface {
     chartContainer: HTMLDivElement;
     chartContainerStyles: CSSStyleDeclaration;
     hostElementStyles: CSSStyleDeclaration;
+    keyboard: {
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        refresh: () => void;
+    };
     resizeEventListener: EventListener;
     hostElement: HTMLElement;
+    keyboardIndex: number | null;
     /** Controls alignment of the chart name when its visible. */
     alignChartName: 'left' | 'right' | 'center';
     /**
@@ -123,7 +130,7 @@ export declare class Q2ChartArea implements ComponentInterface {
     /** Controls the yAxis min value. */
     yMin: number;
     /**
-     * Emitted when a data point is clicked.
+     * Emitted when a data point is explored using the chart pointer or keyboard.
      * @deprecated Use 'tctChange' instead
      */
     change: EventEmitter<{
@@ -131,7 +138,7 @@ export declare class Q2ChartArea implements ComponentInterface {
         data: ChartData;
     }>;
     /**
-     * Emitted when a data point is clicked.
+     * Emitted when a data point is explored using the chart pointer or keyboard.
      */
     tctChange: EventEmitter<{
         index: number;
@@ -139,6 +146,7 @@ export declare class Q2ChartArea implements ComponentInterface {
     }>;
     disconnectedCallback(): void;
     componentDidLoad(): void;
+    delegateFocus(event: FocusEvent): void;
     /**
      * A method to fire change event on hover on a point.
      *
@@ -146,6 +154,7 @@ export declare class Q2ChartArea implements ComponentInterface {
      */
     hoverDataPoint(index: number): Promise<void>;
     propsUpdates(): void;
+    get keyboardDescription(): string;
     cacheComputedStyles(): void;
     getAreaFill(): any;
     getColor(color: string): any;

package/dist/types/components/q2-chart-bar/q2-chart-bar.d.ts

@@ -12,8 +12,15 @@ export declare class Q2ChartBar implements ComponentInterface {
     chartContainerStyles: CSSStyleDeclaration;
     chartFinishedListener: () => void;
     hostElementStyles: CSSStyleDeclaration;
+    keyboard: {
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        refresh: () => void;
+    };
     resizeEventListener: EventListener;
     hostElement: HTMLElement;
+    keyboardIndex: number | null;
     /** Controls alignment of the chart name when its visible. */
     alignChartName: 'left' | 'right' | 'center';
     /**
@@ -98,7 +105,9 @@ export declare class Q2ChartBar implements ComponentInterface {
     sort: boolean;
     disconnectedCallback(): void;
     componentDidLoad(): void;
+    delegateFocus(event: FocusEvent): void;
     propsUpdates(): void;
+    get keyboardDescription(): string;
     cacheComputedStyles(): void;
     getColor(color: string): any;
     processData(data: ChartData[]): {

package/dist/types/components/q2-chart-donut/q2-chart-donut.d.ts

@@ -23,6 +23,7 @@ export declare class Q2ChartDonut implements ComponentInterface {
     resizeObserver: ResizeObserver;
     hostElement: HTMLElement;
     hoveredId: string;
+    keyboardAnnouncement: string;
     legendData: DonutChartData[];
     /**
      * The title of the chart. We recommend always including this for accessibility purposes.

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

@@ -44,10 +44,9 @@ export declare class Q2Checkbox implements ComponentInterface {
     /** Determines if the component should display in an errant state. */
     hasError: boolean;
     /**
-     * Hide's the field's `<label>` element from view.
-     *
+     * Hides the field's `<label>` element from view.
      * @warning
-     * Only use when a visible label is impractical.
+     * Hides the label visually. `label` text is still required for screenreader compliance.
      */
     hideLabel: boolean;
     /**
@@ -60,6 +59,8 @@ export declare class Q2Checkbox implements ComponentInterface {
     /**
      * The visible label text for the checkbox. Appears to the right of the box for 'default' and 'favorite' checkboxes, and to the left for 'toggle' checkboxes.
      * Yielded content will be adjacent to this text.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;

package/dist/types/components/q2-checkbox-group/q2-checkbox-group.d.ts

@@ -14,13 +14,15 @@ export declare class Q2CheckboxGroup implements ComponentInterface {
     /** Determines if the component should display in an errant state. */
     hasError: boolean;
     /**
-     * Hide's the group's `<label>` element from view.
+     * Hides the group's `<label>` element from view.
      * @warning
-     * Only use when a visible label is impractical.
+     * Hides the label visually. `label` text is still required for screenreader compliance.
      */
     hideLabel: boolean;
     /**
      * The label that displays above all the checkboxes.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;