q2-tecton-elements 1.72.0 → 1.73.0

package/dist/components/q2-tab-container.js

@@ -2,9 +2,9 @@ import { proxyCustomElement as t, HTMLElement as a, createEvent as e, h as i, Fr
 
 import { c as n, l as s, o as c, i as l } from "./index2.js";
 
-import { m as d } from "./mirror-emit.js";
+import { m as b } from "./mirror-emit.js";
 
-import { h as b, f as h } from "./component.js";
+import { h as d, f as h } from "./component.js";
 
 import { d as v } from "./q2-badge2.js";
 
@@ -103,7 +103,7 @@ const f =  t(class extends a {
       this.checkScrollState();
     }, this.onTabClick = t => {
       const a = t.target.closest('button[role="tab"]').dataset.value;
-      this.value === a || d(this, [ "change", "tctChange" ], {
+      this.value === a || b(this, [ "change", "tctChange" ], {
         value: a
       });
     }, this.onTabKeyDown = t => {
@@ -139,7 +139,7 @@ const f =  t(class extends a {
 
        case "Space":
        case "Enter":
-        t.preventDefault(), d(this, [ "change", "tctChange" ], {
+        t.preventDefault(), b(this, [ "change", "tctChange" ], {
           value: a
         });
       }
@@ -174,7 +174,7 @@ const f =  t(class extends a {
     this.narrowViewportMedia && this.narrowViewportListener && this.narrowViewportMedia.removeEventListener("change", this.narrowViewportListener);
   }
   componentWillLoad() {
-    b(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
+    d(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,
@@ -287,50 +287,50 @@ const f =  t(class extends a {
   render() {
     const t = "vertical" === this.computedOrientation;
     return i(r, {
-      key: "684e234955e0d7f9b929a1e80e323ba62db4d066"
+      key: "03d43399332adeda98bb8d9e20053a9c6d49fcce"
     }, i("div", {
-      key: "92ea060ada2cc956817f4eb9cb97d0f110c5032a",
+      key: "e0a8ef7f09a83f703a4b20f54c32522ddb1c5c50",
       class: "tab-container"
     }, this.scrollEnabled && i(r, {
-      key: "b43a4ff0510de5adfefde8f5184ab5f3f1d95563"
+      key: "ad75ef49a54bfe0f862e19123e2a4770e17bf4a2"
     }, i("div", {
-      key: "3daed974f567574741534b4c39c6fa0ddb1c7f58",
+      key: "0a699d7dff2af9e01eb0c9a4727c0aa586068d97",
       class: "gradient-left",
       hidden: !this.showScrollBack
     }), i("div", {
-      key: "36266d6970a75fff03e538c12951a530220b2756",
+      key: "758388b43d96757cd402eac4c8c881b20853e8d2",
       class: "gradient-right",
       hidden: !this.showScrollForward
     }), i("q2-btn", {
-      key: "7c5b35fee0bbd981520f55fe99fc53143be7376c",
+      key: "0738c515ffc60c9fb82941ce1cb104924c3a85ef",
       class: "btn-left",
       hidden: !this.showScrollBack,
       onTctClick: () => this.onScrollBtnClick("back")
     }, i("q2-icon", {
-      key: "0759d5d77d603074acc21bd9a29e4db50f0474a2",
+      key: "95820c6bad13d98ad94e4722026b00e1fedb720e",
       type: t ? "chevron-up" : "chevron-left",
       label: t ? "scroll up" : "scroll left"
     })), i("q2-btn", {
-      key: "419c43832886d9aae9b63eba545ffb8122f862b6",
+      key: "2aabca6f28a8acffd6565870b56424c410f4ebae",
       class: "btn-right",
       hidden: !this.showScrollForward,
       onTctClick: () => this.onScrollBtnClick("forward")
     }, i("q2-icon", {
-      key: "4148a86411c5859b0253da31439ff90ad78490b3",
+      key: "94561888012314b3e3503c7f0b64444f3a7b7c96",
       type: t ? "chevron-down" : "chevron-right",
       label: t ? "scroll down" : "scroll right"
     }))), i("ul", {
-      key: "fdd72d9ba1d932497b5d7cd9e14d926fe1e92f72",
+      key: "d58936a795d74807740d291b93bb739d66fbbe24",
       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))))), i("div", {
-      key: "e9d90030fcc43f17a43aa2e4a306e3489b4c4110",
+      key: "ccd952b3f0ef0e639e0f86957841ad548fe65eb5",
       class: "tab-content"
     }, i("slot", {
-      key: "130ddf5f14ec801e09471b9cf4ab080e4bf5fc27",
+      key: "24deecd3894184e816d1d8c5e5257aab382ed055",
       onSlotchange: () => this.onSlotChange()
     })));
   }

package/dist/components/q2-tab-pane.js

@@ -20,7 +20,7 @@ const r =  e(class extends t {
   // #region Render Methods
   render() {
     return i("div", {
-      key: "2ff20db182ab3bf252df52bbcb7be2b39893d17c",
+      key: "a1ca82c1b98634b33d0ded7c459e151bbcba82ab",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: "tab-pane" + (this.selected ? "" : " hidden"),
       role: "tabpanel",
@@ -28,7 +28,7 @@ const r =  e(class extends t {
       "aria-hidden": "" + !this.selected,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, i("slot", {
-      key: "871922c3065609934e6a6a8c62000c84551a612a"
+      key: "4893e7153f387cfa726ba354cb53274d8f907b94"
     }));
   }
   get hostElement() {

package/dist/components/q2-tag2.js

@@ -101,7 +101,9 @@ const f =  t(class extends o {
     c(t, this.hostElement) && this.optionCount && this.dropdownBtn.focus();
   }
   popoverStateHandler({detail: {open: t}}) {
-    this.open !== t && (this.open = t), t || this.optionList.setActiveElement(null);
+    var o;
+    this.open !== t && (this.open = t, t || (this.optionList.setActiveElement(null), 
+    null === (o = this.dropdownBtn) || void 0 === o || o.focus()));
   }
   // #endregion
   // #region Public Methods API
@@ -151,9 +153,9 @@ const f =  t(class extends o {
     this.optionCount && o.push("has-options");
     const e = this.optionCount > 0;
     return r(i, {
-      key: "da6dc23ff4f250b18242a49db02eccc16210b043"
+      key: "a18af83301ac8bf08d1638b05d4dd8795f11cd46"
     }, r("click-elsewhere", {
-      key: "ee1da442ffd5aa53e55ae95f95b3ac51e2f5c71e",
+      key: "130d173a4bf53dd6eec1775944d910c630e704ae",
       onChange: this.onClickElsewhere
     }, e ? r(a, null, r("button", {
       class: "tag-wrapper",
@@ -180,7 +182,7 @@ const f =  t(class extends o {
     }, r("slot", {
       name: "decorator"
     }), l(this.label))), e && r("q2-popover", {
-      key: "578989b60b19f6f5e01c1cbc49a83e87fc74c5a9",
+      key: "07bf52f6b4d8c4bbf42e90e69ff9a9deec82810b",
       ref: t => this.popoverElement = t,
       controlElement: this.dropdownBtn,
       open: this.open,
@@ -189,7 +191,7 @@ const f =  t(class extends o {
       direction: this.popoverDirection,
       align: this.popoverAlignment
     }, r("q2-option-list", {
-      key: "d21abcd1fe11241e14b4f411d9559c12c139c18a",
+      key: "eefdf7202c269194a9753e438b4c6060984ba33e",
       id: "option-list",
       ref: t => this.optionList = t,
       onChange: this.handleChange,
@@ -198,7 +200,7 @@ const f =  t(class extends o {
       label: l("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": !0
     }, r("slot", {
-      key: "d46ec7dad47e40cec883205d6fb2424abcdd1038"
+      key: "3067ac9beee239562c410d7dfe4af04c651ef8ae"
     })))));
   }
   get hostElement() {

package/dist/components/q2-textarea.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement as t, HTMLElement as r, createEvent as a, h as e, Fragment as o, transformTag as i } from "@stencil/core/internal/client";
 
-import { f as s, c as n, s as c, o as l, i as h, l as d, r as v, g as x } from "./index2.js";
+import { g as s, c as n, s as c, o as l, i as h, l as d, r as v, j as x } from "./index2.js";
 
 import { m as p } from "./mirror-emit.js";
 
@@ -255,10 +255,10 @@ const g =  t(class extends r {
   }
   render() {
     return e("div", {
-      key: "9b3eb74c84edd99af52a0ec71ba8b2fd8adbd1f2",
+      key: "21a303feabd0c8fc09d9cc7f0de8b9b50081a56a",
       class: this.wrapperClasses
     }, v(this), e("div", {
-      key: "a00772502ea6c1fde5af5bf4c12f0606a629252a",
+      key: "58b5be24312fe523d09efe176b1ecf42b884166a",
       class: "content-container",
       ref: t => this.contentContainer = t
     }, this.renderInput(), this.maxlength ? this.renderMaxLength() : "", x(this)));

package/dist/components/sectorHelper.js

@@ -1,6 +1,6 @@
-import { X as a, bZ as e, b8 as t, bT as n, z as r, K as i, $ as o, b_ as s, aM as l, w as c, P as u, b$ as f, c0 as v, c1 as h, a2 as b, W as L, Y as M, E as d, aY as g, d as p, bC as y, c2 as P, a7 as m, c3 as T, bS as w, c4 as S, J as A, c5 as x, I as R, i as k, aT as j, u as C, c6 as K, a1 as O, m as W, c7 as I } from "./charting.js";
+import { X as a, b$ as e, ba as t, bV as n, z as r, K as i, $ as o, c0 as s, aO as l, w as c, P as u, c1 as f, c2 as v, c3 as h, a2 as b, W as L, Y as M, E as d, a_ as g, d as p, bE as y, c4 as P, a7 as m, c5 as w, bU as A, c6 as S, J as T, c7 as x, I as R, i as k, aV as j, u as O, c8 as C, a1 as K, m as W, c9 as I } from "./charting.js";
 
-var N = 2 * Math.PI, Y = u.CMD, z = [ "top", "right", "bottom", "left" ];
+var N = 2 * Math.PI, z = u.CMD, X = [ "top", "right", "bottom", "left" ];
 
 function getCandidateAnchor(a, e, t, n, r) {
   var i = t.width, o = t.height;
@@ -54,11 +54,11 @@ function projectPointToRect(a, e, t, n, r, i, o) {
   return Math.sqrt((c - r) * (c - r) + (u - i) * (u - i));
 }
 
-var X = [];
+var Y = [];
 
 function nearestPointOnRect(a, e, t) {
-  var n = projectPointToRect(e.x, e.y, e.width, e.height, a.x, a.y, X);
-  return t.set(X[0], X[1]), n;
+  var n = projectPointToRect(e.x, e.y, e.width, e.height, a.x, a.y, Y);
+  return t.set(Y[0], Y[1]), n;
 }
 
 /**
@@ -70,54 +70,54 @@ function nearestPointOnRect(a, e, t) {
     1 === L && (s = i = u[L], l = o = u[L + 1]);
     var d = c;
     switch (M) {
-     case Y.M:
+     case z.M:
       i = 
       // moveTo 命令重新创建一个新的 subpath, 并且更新新的起点
       // 在 closePath 的时候使用
       s = u[L++], o = l = u[L++];
       break;
 
-     case Y.L:
-      d = projectPointToLine(i, o, u[L], u[L + 1], h, b, X, !0), i = u[L++], o = u[L++];
+     case z.L:
+      d = projectPointToLine(i, o, u[L], u[L + 1], h, b, Y, !0), i = u[L++], o = u[L++];
       break;
 
-     case Y.C:
-      d = v(i, o, u[L++], u[L++], u[L++], u[L++], u[L], u[L + 1], h, b, X), i = u[L++], 
+     case z.C:
+      d = v(i, o, u[L++], u[L++], u[L++], u[L++], u[L], u[L + 1], h, b, Y), i = u[L++], 
       o = u[L++];
       break;
 
-     case Y.Q:
-      d = f(i, o, u[L++], u[L++], u[L], u[L + 1], h, b, X), i = u[L++], o = u[L++];
+     case z.Q:
+      d = f(i, o, u[L++], u[L++], u[L], u[L + 1], h, b, Y), i = u[L++], o = u[L++];
       break;
 
-     case Y.A:
+     case z.A:
       // TODO Arc 判断的开销比较大
-      var g = u[L++], p = u[L++], y = u[L++], P = u[L++], m = u[L++], T = u[L++];
+      var g = u[L++], p = u[L++], y = u[L++], P = u[L++], m = u[L++], w = u[L++];
       // TODO Arc 旋转
       L += 1;
-      var w = !!(1 - u[L++]);
+      var A = !!(1 - u[L++]);
       n = Math.cos(m) * y + g, r = Math.sin(m) * P + p, 
       // 不是直接使用 arc 命令
       L <= 1 && (
       // 第一个命令起点还未定义
-      s = n, l = r), d = projectPointToArc(g, p, P, m, m + T, w, (h - g) * P / y + g, b, X), 
-      i = Math.cos(m + T) * y + g, o = Math.sin(m + T) * P + p;
+      s = n, l = r), d = projectPointToArc(g, p, P, m, m + w, A, (h - g) * P / y + g, b, Y), 
+      i = Math.cos(m + w) * y + g, o = Math.sin(m + w) * P + p;
       break;
 
-     case Y.R:
-      d = projectPointToRect(s = i = u[L++], l = o = u[L++], u[L++], u[L++], h, b, X);
+     case z.R:
+      d = projectPointToRect(s = i = u[L++], l = o = u[L++], u[L++], u[L++], h, b, Y);
       break;
 
-     case Y.Z:
-      d = projectPointToLine(i, o, s, l, h, b, X, !0), i = s, o = l;
+     case z.Z:
+      d = projectPointToLine(i, o, s, l, h, b, Y, !0), i = s, o = l;
     }
-    d < c && (c = d, t.set(X[0], X[1]));
+    d < c && (c = d, t.set(Y[0], Y[1]));
   }
   return c;
 }
 
 // Temporal variable for intermediate usage.
-var D = new a, H = new a, $ = new a, E = new a, G = new a;
+var D = new a, E = new a, H = new a, V = new a, $ = new a;
 
 /**
  * Calculate a proper guide line based on the label position and graphic element definition
@@ -131,20 +131,20 @@ function updateLabelLinePoints(e, t) {
     var n = e.getTextGuideLine(), r = e.getTextContent();
     // Needs to create text guide in each charts.
     if (r && n) {
-      var i = e.textGuideLineConfig || {}, o = [ [ 0, 0 ], [ 0, 0 ], [ 0, 0 ] ], s = i.candidates || z, u = r.getBoundingRect().clone();
+      var i = e.textGuideLineConfig || {}, o = [ [ 0, 0 ], [ 0, 0 ], [ 0, 0 ] ], s = i.candidates || X, u = r.getBoundingRect().clone();
       u.applyTransform(r.getComputedTransform());
       var f = 1 / 0, v = i.anchor, h = e.getComputedTransform(), b = h && l([], h), L = t.get("length2") || 0;
-      v && $.copy(v);
+      v && H.copy(v);
       for (var M = 0; M < s.length; M++) {
-        getCandidateAnchor(s[M], 0, u, D, E), a.scaleAndAdd(H, D, E, L), 
+        getCandidateAnchor(s[M], 0, u, D, V), a.scaleAndAdd(E, D, V, L), 
         // Transform to target coord space.
-        H.transform(b);
+        E.transform(b);
         // Note: getBoundingRect will ensure the `path` being created.
-        var d = e.getBoundingRect(), g = v ? v.distance(H) : e instanceof c ? nearestPointOnPath(H, e.path, $) : nearestPointOnRect(H, d, $);
+        var d = e.getBoundingRect(), g = v ? v.distance(E) : e instanceof c ? nearestPointOnPath(E, e.path, H) : nearestPointOnRect(E, d, H);
         // TODO pt2 is in the path
         g < f && (f = g, 
         // Transform back to global space.
-        H.transform(h), $.transform(h), $.toArray(o[0]), H.toArray(o[1]), D.toArray(o[2]));
+        E.transform(h), H.transform(h), H.toArray(o[0]), E.toArray(o[1]), D.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 J = [], Z = new a;
+var G = [], J = 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/
-    D.fromArray(e[0]), H.fromArray(e[1]), $.fromArray(e[2]), a.sub(E, D, H), a.sub(G, $, H);
-    var n = E.len(), r = G.len();
+    D.fromArray(e[0]), E.fromArray(e[1]), H.fromArray(e[2]), a.sub(V, D, E), a.sub($, H, E);
+    var n = V.len(), r = $.len();
     if (!(n < .001 || r < .001)) {
-      E.scale(1 / n), G.scale(1 / r);
-      var i = E.dot(G);
+      V.scale(1 / n), $.scale(1 / r);
+      var i = V.dot($);
       if (Math.cos(t) < i) {
         // Smaller than minTurnAngle
         // Calculate project point of pt0 on pt1-pt2
-        var o = projectPointToLine(H.x, H.y, $.x, $.y, D.x, D.y, J, !1);
-        Z.fromArray(J), 
+        var o = projectPointToLine(E.x, E.y, H.x, H.y, D.x, D.y, G, !1);
+        J.fromArray(G), 
         // Calculate new projected length with limited minTurnAngle and get the new connect point
-        Z.scaleAndAdd(G, o / Math.tan(Math.PI - t));
+        J.scaleAndAdd($, o / Math.tan(Math.PI - t));
         // Limit the new calculated connect point between pt1 and pt2.
-        var s = $.x !== H.x ? (Z.x - H.x) / ($.x - H.x) : (Z.y - H.y) / ($.y - H.y);
+        var s = H.x !== E.x ? (J.x - E.x) / (H.x - E.x) : (J.y - E.y) / (H.y - E.y);
         if (isNaN(s)) return;
-        s < 0 ? a.copy(Z, H) : s > 1 && a.copy(Z, $), Z.toArray(e[1]);
+        s < 0 ? a.copy(J, E) : s > 1 && a.copy(J, H), J.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, D.fromArray(e[0]), H.fromArray(e[1]), $.fromArray(e[2]), 
-    a.sub(E, H, D), a.sub(G, $, H);
-    var r = E.len(), i = G.len();
-    if (!(r < .001 || i < .001)) if (E.scale(1 / r), G.scale(1 / i), E.dot(t) < Math.cos(n)) {
+    n = n / 180 * Math.PI, D.fromArray(e[0]), E.fromArray(e[1]), H.fromArray(e[2]), 
+    a.sub(V, E, D), a.sub($, H, E);
+    var r = V.len(), i = $.len();
+    if (!(r < .001 || i < .001)) if (V.scale(1 / r), $.scale(1 / i), V.dot(t) < Math.cos(n)) {
       // Calculate project point of pt0 on pt1-pt2
-      var o = projectPointToLine(H.x, H.y, $.x, $.y, D.x, D.y, J, !1);
-      Z.fromArray(J);
-      var s = Math.PI / 2, l = s + Math.acos(G.dot(t)) - n;
+      var o = projectPointToLine(E.x, E.y, H.x, H.y, D.x, D.y, G, !1);
+      J.fromArray(G);
+      var s = Math.PI / 2, l = s + Math.acos($.dot(t)) - n;
       if (l >= s) 
       // parallel
-      a.copy(Z, $); else {
+      a.copy(J, H); else {
         // Calculate new projected length with limited minTurnAngle and get the new connect point
-        Z.scaleAndAdd(G, o / Math.tan(Math.PI / 2 - l));
+        J.scaleAndAdd($, o / Math.tan(Math.PI / 2 - l));
         // Limit the new calculated connect point between pt1 and pt2.
-        var c = $.x !== H.x ? (Z.x - H.x) / ($.x - H.x) : (Z.y - H.y) / ($.y - H.y);
+        var c = H.x !== E.x ? (J.x - E.x) / (H.x - E.x) : (J.y - E.y) / (H.y - E.y);
         if (isNaN(c)) return;
-        c < 0 ? a.copy(Z, H) : c > 1 && a.copy(Z, $);
+        c < 0 ? a.copy(J, E) : c > 1 && a.copy(J, H);
       }
-      Z.toArray(e[1]);
+      J.toArray(e[1]);
     }
   }
 }
@@ -310,7 +310,7 @@ function prepareLayoutCallbackParams(a, e) {
   };
 }
 
-var _ = [ "align", "verticalAlign", "width", "height", "fontSize" ], q = new M, B = b(), F = b();
+var U = [ "align", "verticalAlign", "width", "height", "fontSize" ], _ = new M, q = b(), B = b();
 
 function extendWithKeys(a, e, t) {
   for (var n = 0; n < t.length; n++) {
@@ -319,7 +319,7 @@ function extendWithKeys(a, e, t) {
   }
 }
 
-var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
+var F = [ "x", "y", "rotation" ], Q = /** @class */ function() {
   function LabelManager() {
     this._labelList = [], this._chartViewList = [];
   }
@@ -331,9 +331,9 @@ var Q = [ "x", "y", "rotation" ], U = /** @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();
-    L.applyTransform(l, l, s), s ? q.setLocalTransform(s) : (
+    L.applyTransform(l, l, s), s ? _.setLocalTransform(s) : (
     // Identity transform.
-    q.x = q.y = q.rotation = q.originX = q.originY = 0, q.scaleX = q.scaleY = 1), q.rotation = h(q.rotation);
+    _.x = _.y = _.rotation = _.originX = _.originY = 0, _.scaleX = _.scaleY = 1), _.rotation = h(_.rotation);
     var c, u = n.__hostTarget;
     if (u) {
       c = u.getBoundingRect().plain();
@@ -359,11 +359,11 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
       defaultAttr: {
         ignore: n.ignore,
         labelGuideIgnore: v && v.ignore,
-        x: q.x,
-        y: q.y,
-        scaleX: q.scaleX,
-        scaleY: q.scaleY,
-        rotation: q.rotation,
+        x: _.x,
+        y: _.y,
+        scaleX: _.scaleX,
+        scaleY: _.scaleY,
+        rotation: _.rotation,
         style: {
           x: i.x,
           y: i.y,
@@ -432,10 +432,10 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
         // Not update
         u = !1);
       }
-      B(i).needsUpdateLabelLine = u, i.rotation = null != l.rotate ? l.rotate * c : s.rotation, 
+      q(i).needsUpdateLabelLine = u, i.rotation = null != l.rotate ? l.rotate * c : s.rotation, 
       i.scaleX = s.scaleX, i.scaleY = s.scaleY;
-      for (var v = 0; v < _.length; v++) {
-        var h = _[v];
+      for (var v = 0; v < U.length; v++) {
+        var h = U[v];
         i.setStyle(h, null != l[h] ? l[h] : s.style[h]);
       }
       if (l.draggable) {
@@ -454,7 +454,7 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
     })), i = m(n, (function(a) {
       return "shiftY" === a.layoutOption.moveOverlap;
     }));
-    T(r, 0, e), w(i, 0, t);
+    w(r, 0, e), A(i, 0, t);
     var o = m(n, (function(a) {
       return a.layoutOption.hideOverlap;
     }));
@@ -465,13 +465,13 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
    */
   LabelManager.prototype.processLabelsOverall = function() {
     var a = this;
-    A(this._chartViewList, (function(e) {
+    T(this._chartViewList, (function(e) {
       var t = e.__model, n = e.ignoreLabelLineUpdate, r = t.isAnimationEnabled();
       e.group.traverse((function(e) {
         if (e.ignore && !e.forceLabelAnimation) return !0;
  // Stop traverse descendants.
                 var i = !n, o = e.getTextContent();
-        !i && o && (i = B(o).needsUpdateLabelLine), i && a._updateLabelLine(e, t), r && a._animateLabels(e, t);
+        !i && o && (i = q(o).needsUpdateLabelLine), i && a._updateLabelLine(e, t), r && a._animateLabels(e, t);
       }));
     }));
   }, LabelManager.prototype._updateLabelLine = function(a, e) {
@@ -493,7 +493,7 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
     var n = a.getTextContent(), r = a.getTextGuideLine();
     // Animate
     if (n && (a.forceLabelAnimation || !n.ignore && !n.invisible && !a.disableLabelAnimation && !x(a))) {
-      var i = (b = B(n)).oldLayout, o = p(a), s = o.dataIndex, l = {
+      var i = (b = q(n)).oldLayout, o = p(a), s = o.dataIndex, l = {
         x: n.x,
         y: n.y,
         rotation: n.rotation
@@ -503,7 +503,7 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
         // Make sure the animation from is in the right status.
         var u = a.prevStates;
         u && (j(u, "select") >= 0 && n.attr(b.oldLayoutSelect), j(u, "emphasis") >= 0 && n.attr(b.oldLayoutEmphasis)), 
-        C(n, l, e, s);
+        O(n, l, e, s);
       } else 
       // Disable fade in animation if value animation is enabled.
       if (n.attr(l), !R(n).valueAnimation) {
@@ -517,22 +517,22 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
       }
       if (b.oldLayout = l, n.states.select) {
         var v = b.oldLayoutSelect = {};
-        extendWithKeys(v, l, Q), extendWithKeys(v, n.states.select, Q);
+        extendWithKeys(v, l, F), extendWithKeys(v, n.states.select, F);
       }
       if (n.states.emphasis) {
         var h = b.oldLayoutEmphasis = {};
-        extendWithKeys(h, l, Q), extendWithKeys(h, n.states.emphasis, Q);
+        extendWithKeys(h, l, F), extendWithKeys(h, n.states.emphasis, F);
       }
-      K(n, s, c, e, e);
+      C(n, s, c, e, e);
     }
     if (r && !r.ignore && !r.invisible) {
-      i = (b = F(r)).oldLayout;
+      i = (b = B(r)).oldLayout;
       var b, L = {
         points: r.shape.points
       };
       i ? (r.attr({
         shape: i
-      }), C(r, {
+      }), O(r, {
         shape: L
       }, e)) : (r.setShape(L), r.style.strokePercent = 0, k(r, {
         style: {
@@ -541,15 +541,15 @@ var Q = [ "x", "y", "rotation" ], U = /** @class */ function() {
       }, e)), b.oldLayout = L;
     }
   }, LabelManager;
-}(), V = b();
+}(), Z = b();
 
 function installLabelLayout(a) {
   a.registerUpdateLifecycle("series:beforeupdate", (function(a, e, t) {
     // TODO api provide an namespace that can save stuff per instance
-    var n = V(e).labelManager;
-    n || (n = V(e).labelManager = new U), n.clearLabels();
+    var n = Z(e).labelManager;
+    n || (n = Z(e).labelManager = new Q), n.clearLabels();
   })), a.registerUpdateLifecycle("series:layoutlabels", (function(a, e, t) {
-    var n = V(e).labelManager;
+    var n = Z(e).labelManager;
     t.updatedSeries.forEach((function(a) {
       n.addLabelsOfSeries(e.getViewOfSeriesModel(a));
     })), n.updateLayoutConfig(e), n.layout(e), n.processLabelsOverall();
@@ -561,7 +561,7 @@ function getSectorCornerRadius(a, e, t) {
   if (null == n) return t ? {
     cornerRadius: 0
   } : null;
-  O(n) || (n = [ n, n, n, n ]);
+  K(n) || (n = [ n, n, n, n ]);
   var r = Math.abs(e.r || 0 - e.r0 || 0);
   return {
     cornerRadius: W(n, (function(a) {

package/dist/components/tecton-tab-pane.js

@@ -1,6 +1,6 @@
-import { proxyCustomElement as e, HTMLElement as t, createEvent as i, h as n, transformTag as o } from "@stencil/core/internal/client";
+import { proxyCustomElement as e, HTMLElement as t, createEvent as i, h as n, transformTag as a } from "@stencil/core/internal/client";
 
-const a =  e(class extends t {
+const o =  e(class extends t {
   constructor(e) {
     super(), !1 !== e && this.__registerHost(), this.__attachShadow(), this.badge = i(this, "badge", 7), 
     this.onIFrameLoad = e => {
@@ -42,7 +42,7 @@ const a =  e(class extends t {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "6c0524ab1981900cc7a37803fd9426c6397049c4",
+      key: "b55643965ef49af2e41a683686db00b97e1c90b7",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: "tab-pane" + (this.selected ? "" : " hidden"),
       role: "tabpanel",
@@ -50,12 +50,12 @@ const a =  e(class extends t {
       "aria-hidden": "" + !this.selected,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, this.selected && void 0 !== this.provided && !this.provided && n("div", {
-      key: "10cc2712e1ccefa6a9bb3b657830636da4d81980"
+      key: "f04f1594eba66d962d9adbab48bf3559f658c650"
     }, n("slot", {
-      key: "cde7112d4035c6f118e9c50b0fe5d9d91c70ee7d",
+      key: "08804102412a6b57ac9b9db2002d1608f8b22c19",
       name: "loading-wrapper"
     }), n("iframe", {
-      key: "851972991feb3b8f6c7f569e92ff2e624d94e221",
+      key: "a2524435de8072fb27ebdcc9762a1f20367df098",
       hidden: !0,
       name: this.moduleId,
       scrolling: "no",
@@ -78,11 +78,11 @@ const a =  e(class extends t {
       value: e.value,
       name: e.key
     })))) : ""), n("div", {
-      key: "741c6f2c89dc15493f165428929f589425aa4d75",
+      key: "59e9d5ddbabadb0e66615d998403d267c259f937",
       class: "slot-wrapper",
       hidden: this.selected && void 0 !== this.provided && !this.provided
     }, n("slot", {
-      key: "17100ec2dc0ea2d1e27628d36e9e6e1139f293a9"
+      key: "450c5724cf32ba05a2fc93b8adeba83b08e871e4"
     })));
   }
   get hostElement() {
@@ -146,10 +146,10 @@ const a =  e(class extends t {
   } ]
 } ]);
 
-const s = a, defineCustomElement = function() {
+const s = o, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
   [ "tecton-tab-pane" ].forEach((e => {
-    if ("tecton-tab-pane" === e) customElements.get(o(e)) || customElements.define(o(e), a);
+    if ("tecton-tab-pane" === e) customElements.get(a(e)) || customElements.define(a(e), o);
   }));
 };