q2-tecton-elements 1.54.6 → 1.54.8

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

@@ -1,6 +1,6 @@
 import { r as t, h as r, g as o, F as a, a as e, c as i } from "./index-7a5365e2.js";
 
-import { h as n, a as c, b as s, o as d, i as l, g as p, l as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-504f1a9e.js";
+import { h as n, a as c, b as s, o as d, i as l, g as p, l as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-99c46474.js";
 
 import { s as k } from "./shapes-c7e1a3fa.js";
 
@@ -4984,10 +4984,10 @@ const Io = class {
   }
   render() {
     return r("div", {
-      key: "0f8acdf9b35d6fe0859a328037dc805102d451c5",
+      key: "9a08088086f92f1577313e57a8791cc31b51b2ab",
       class: this.wrapperClasses
     }, r("div", {
-      key: "e9d85bf0f092b1f823cf80b2fcdf4440c48511ad",
+      key: "e01d82bf1041e00b7642e28d86d2949338ab434e",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }
@@ -5387,49 +5387,49 @@ const Po = class {
   }
   render() {
     return r(a, {
-      key: "2d794d68260d0aa72fb4a83325a02cf017c0df53"
+      key: "6c783fd3d66125f818e5324b890db2db9a4fcab6"
     }, r("div", {
-      key: "1871102e424cea364c952f4bcd35501cdb726a5e",
+      key: "f23824677f38b6543b44b6f3f3e567ba330b30c2",
       class: "tab-container"
     }, this.scrollEnabled && r(a, {
-      key: "f405b7f15194484a139fed6cac31e0852bcfc082"
+      key: "720bda7766c8d09ca4ae9f318e89db375532bde9"
     }, r("div", {
-      key: "62876ad768eafddcf5a4dc2d024b3adb0a697367",
+      key: "db4664830754618036ea9076d4de5470382b107f",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), r("div", {
-      key: "5b9565a25ea4affded8e8238c0f7cd03867ae171",
+      key: "79acd46bde6496d8c382643d70106e811c9b0e22",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), r("q2-btn", {
-      key: "5c07ca74064f710613266fbcff482681d7949543",
+      key: "79d604a6d75c6d3c7255b60d76dbf088c6c1359b",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "eb08818f8ca406ab5a2dbd9dec91b101f5ebe234",
+      key: "d1311aba28b72dec928ef0015defef7ced2b0f20",
       type: "chevron-left",
       label: "scroll left"
     })), r("q2-btn", {
-      key: "7e2986967d788f95f464e0ab5041a593496dfa32",
+      key: "6738ffc066065c219e68710a12233fdf9b463cdc",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "e2a28fead80ab1cc13b478425b20a5a874770112",
+      key: "3635b69783a56a543b5dfec13e07059582f97da4",
       type: "chevron-right",
       label: "scroll right"
     }))), r("ul", {
-      key: "5da35b86ffeda0115d7c09598f7a8bec5915c844",
+      key: "56e6f911fdba5322d1f8f0d65b0bba586c85fe93",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist"
     }, this.tabs.map(((t, r) => this.renderTab(t, r))))), r("div", {
-      key: "7c4ffcf2c6e0092c9024069596179ee8a9a3e497",
+      key: "1b066a54d00881d8aa66b27f7c58033b31a84c9b",
       class: "tab-content"
     }, r("slot", {
-      key: "25c8cfe8a3dc31b9236fb5ef1569eb3955d8449e",
+      key: "a2d6e88705355e7d1b4b872e046c5829568793b7",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -5474,7 +5474,7 @@ const Go = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "3cd86f02e748fc4e77059cb31b5e478acf22d27a",
+      key: "8a3e7a801e430511db3aa455d99b262edf803718",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -5482,7 +5482,7 @@ const Go = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, r("slot", {
-      key: "b5d23f0194a61be45bc488480e0c9047ac07f367"
+      key: "c603b8c3ad64179e39a99f25ba5a8bff43923c2c"
     }));
   }
   static get watchers() {

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

@@ -2,7 +2,7 @@ import { r as e, c as t, h as i, g as a } from "./index-7a5365e2.js";
 
 import { d as n } from "./index-3184c760.js";
 
-import { l as s, a as r, o, i as d, w as l, j as c } from "./index-504f1a9e.js";
+import { l as s, a as r, o, i as d, w as l, j as c } from "./index-99c46474.js";
 
 function formatDateISO(e) {
   const t = new Date(e);

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

@@ -1,6 +1,6 @@
 import { r as t, c as a, h as r, F as c, g as o } from "./index-7a5365e2.js";
 
-import { k as e, o as i, i as s } from "./index-504f1a9e.js";
+import { k as e, o as i, i as s } from "./index-99c46474.js";
 
 const n = "*{box-sizing:border-box}*:active{outline:none}*:focus{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:100%;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{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;white-space:nowrap}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp: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)}";
 

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

@@ -1,15 +1,15 @@
-import { r as e, c as t, h as a, H as r, g as o } from "./index-7a5365e2.js";
+import { r as e, c as a, h as t, H as r, g as o } from "./index-7a5365e2.js";
 
-import { l as n } from "./index-504f1a9e.js";
+import { l as n } from "./index-99c46474.js";
 
 const s = "*{box-sizing:border-box}*:active{outline:none}*:focus{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{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus .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}";
 
 const i = s;
 
 const c = class {
-  constructor(a) {
-    e(this, a);
-    this.clickCarouselPane = t(this, "clickCarouselPane", 7);
+  constructor(t) {
+    e(this, t);
+    this.clickCarouselPane = a(this, "clickCarouselPane", 7);
     // #region Own Properties
         this.disabledElements = [];
     this.generatePaneClass = e => `q2-carousel-pane swiper-slide q2-carousel-pane-${e}`;
@@ -59,21 +59,21 @@ const c = class {
   // #region Watchers
   determineDisabledContent() {
     const {isActivePane: e} = this;
-    const t = this.hostElement.querySelectorAll('q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex="-1"])');
-    t.forEach((t => {
-      const a = t.hasAttribute("tabindex") && parseInt(t.getAttribute("tabindex")) >= 0;
-      if (a) {
-        t.setAttribute("data-q2-tabindex", `${t.tabIndex}`);
+    const a = this.hostElement.querySelectorAll('q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex="-1"])');
+    a.forEach((a => {
+      const t = a.hasAttribute("tabindex") && parseInt(a.getAttribute("tabindex")) >= 0;
+      if (t) {
+        a.setAttribute("data-q2-tabindex", `${a.tabIndex}`);
       }
       if (e) {
-        if (t.hasAttribute("data-q2-tabindex")) {
-          t.tabIndex = parseInt(t.getAttribute("data-q2-tabindex"));
-          t.removeAttribute("data-q2-tabindex");
+        if (a.hasAttribute("data-q2-tabindex")) {
+          a.tabIndex = parseInt(a.getAttribute("data-q2-tabindex"));
+          a.removeAttribute("data-q2-tabindex");
         } else {
-          t.removeAttribute("tabindex");
+          a.removeAttribute("tabindex");
         }
       } else {
-        t.tabIndex = -1;
+        a.tabIndex = -1;
       }
     }));
   }
@@ -98,8 +98,8 @@ const c = class {
   // #region Render Methods
   render() {
     const {label: e} = this;
-    return a(r, {
-      key: "d71b36dcf424483f8d72024513a2ef41af68cfbe",
+    return t(r, {
+      key: "239d0f41d084152697a3e8e06edf3fa468e23b87",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -107,11 +107,11 @@ const c = class {
       "aria-hidden": this.isActivePane ? undefined : "true",
       "aria-label": e ? n(e) : n("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
-    }, a("article", {
-      key: "fb6543bd551d8d4ece1df1f8dd77940465bdc03a",
+    }, t("article", {
+      key: "0c39569fc1a50f72186a3578c2d43efb80b15d9e",
       class: "q2-carousel-pane-main-content"
-    }, a("slot", {
-      key: "b0abb74467220e13dcca406cdf3beffeef0cdf5b"
+    }, t("slot", {
+      key: "d0a86e4f641c97723a42541fa3053d243a81d5c3"
     })));
   }
   get hostElement() {

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

@@ -1,6 +1,6 @@
 import { r as e, c as t, h as i, F as n, H as s, g as r } from "./index-7a5365e2.js";
 
-import { c as o, l as a, a as l, o as c, i as f } from "./index-504f1a9e.js";
+import { c as o, l as a, a as l, o as c, i as f } from "./index-99c46474.js";
 
 /**
  * SSR Window 4.0.2

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

@@ -1,6 +1,6 @@
 import { r, c as a, h as t, g as e } from "./index-7a5365e2.js";
 
-import { o as i, l as n } from "./index-504f1a9e.js";
+import { o as i, l as n } from "./index-99c46474.js";
 
 import { _ as o, c as s, e as v, l as f, u, s as l, i as h, g as d, n as c, Z as p, a as m, b as y, t as b, d as S, r as g, f as P, G as w, h as M, j as I, S as D, m as L, k as x, o as N, p as T, q as k, P as C, v as A, w as E, x as O, y as B, z as F, A as z, C as G, B as U, D as V, E as R, F as q, H as K, I as j, L as _, J as Z, K as $, M as X, N as Y, O as H, Q as J, R as W, T as Q, U as rr, V as ar, W as tr, X as er, Y as ir, $ as nr, a0 as or, a1 as sr, a2 as vr, a3 as fr, a4 as ur, a5 as lr, a6 as hr, a7 as dr, a8 as cr, a9 as pr, aa as mr, ab as yr, ac as br, ad as Sr, ae as gr, af as Pr } from "./charting-1abfb877.js";
 
@@ -4284,10 +4284,10 @@ const aa = class {
   // #region Render Methods
   render() {
     return t("div", {
-      key: "4f547daaeaf622ac320a7760e93b7cd34f6c77d9",
+      key: "def52250043e30ff84063a2fb709f968bf73edd2",
       class: "container"
     }, t("div", {
-      key: "7aaae35934415b5bc06a1d57253c0683c9cc448b",
+      key: "fb4ed567e0cd828a56ae38f727b09b658a890623",
       ref: r => this.chartContainer = r,
       class: "chart-container",
       role: "img",

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

@@ -1,8 +1,8 @@
 import { r as e, h as r, g as a } from "./index-7a5365e2.js";
 
-import { o as t, l as i } from "./index-504f1a9e.js";
+import { o as t, l as i } from "./index-99c46474.js";
 
-import { _ as s, I as n, S as o, b6 as h, P as u, b7 as l, o as d, a0 as c, h as f, i as v, u as p, s as g, H as b, b8 as m, G as w, m as S, d as B, C as A, W as y, a as x, g as M, b as k, b9 as P, t as V, z as C, ba as N, V as L, ai as D, bb as z, bc as j, a9 as U, aa as T, ab as I, ac as O, ad as R, ae as E, af as W } from "./charting-1abfb877.js";
+import { _ as s, I as n, S as o, b6 as h, P as u, b7 as l, o as c, a0 as d, h as f, i as v, u as p, s as g, H as b, b8 as m, G as w, m as S, d as B, C as A, W as y, a as x, g as M, b as k, b9 as P, t as V, z as C, ba as N, V as L, ai as D, bb as z, bc as j, a9 as U, aa as T, ab as I, ac as O, ad as R, ae as E, af as W } from "./charting-1abfb877.js";
 
 import { c as _, j as X, g as Y, i as H, a as F, e as q, f as Z, h as G } from "./dataSample-7b62e101.js";
 
@@ -52,12 +52,12 @@ var Q = /** @class */ function(e) {
             }
             var u = void 0;
             var l = void 0;
-            var d = 1;
-            for (var c = 0; c < t.length; c++) {
-              var f = t[c].coord;
+            var c = 1;
+            for (var d = 0; d < t.length; d++) {
+              var f = t[d].coord;
               // The last item of tickCoords doesn't contain
               // tickValue
-                            var v = c === t.length - 1 ? t[c - 1].tickValue + d : t[c].tickValue;
+                            var v = d === t.length - 1 ? t[d - 1].tickValue + c : t[d].tickValue;
               if (v === o) {
                 l = f;
                 break;
@@ -67,10 +67,10 @@ var Q = /** @class */ function(e) {
                 l = (f + u) / 2;
                 break;
               }
-              if (c === 1) {
+              if (d === 1) {
                 // Here we assume the step of category axes is
                 // the same
-                d = v - t[0].tickValue;
+                c = v - t[0].tickValue;
               }
             }
             if (l == null) {
@@ -223,17 +223,17 @@ var te = /** @class */ function(e) {
     var h = r.startAngle;
     var u = r.endAngle;
     var l = r.clockwise;
-    var d = Math.PI * 2;
-    var c = l ? u - h < d : h - u < d;
-    if (!c) {
+    var c = Math.PI * 2;
+    var d = l ? u - h < c : h - u < c;
+    if (!d) {
       // Normalize angles
-      h = u - (l ? d : -d);
+      h = u - (l ? c : -c);
     }
     var f = Math.cos(h);
     var v = Math.sin(h);
     var p = Math.cos(u);
     var g = Math.sin(u);
-    if (c) {
+    if (d) {
       e.moveTo(f * i + a, v * i + t);
       e.arc(f * o + a, v * o + t, n, -Math.PI + h, h, !l);
     } else {
@@ -263,81 +263,81 @@ function createSectorCalculateTextPosition(e, r) {
     var o = t.distance != null ? t.distance : 5;
     var h = this.shape;
     var u = h.cx;
-    var d = h.cy;
-    var c = h.r;
+    var c = h.cy;
+    var d = h.r;
     var f = h.r0;
-    var v = (c + f) / 2;
+    var v = (d + f) / 2;
     var p = h.startAngle;
     var g = h.endAngle;
     var b = (p + g) / 2;
-    var m = a ? Math.abs(c - f) / 2 : 0;
+    var m = a ? Math.abs(d - f) / 2 : 0;
     var w = Math.cos;
     var S = Math.sin;
     // base position: top-left
-        var B = u + c * w(p);
-    var A = d + c * S(p);
+        var B = u + d * w(p);
+    var A = c + d * S(p);
     var y = "left";
     var x = "top";
     switch (n) {
      case "startArc":
       B = u + (f - o) * w(b);
-      A = d + (f - o) * S(b);
+      A = c + (f - o) * S(b);
       y = "center";
       x = "top";
       break;
 
      case "insideStartArc":
       B = u + (f + o) * w(b);
-      A = d + (f + o) * S(b);
+      A = c + (f + o) * S(b);
       y = "center";
       x = "bottom";
       break;
 
      case "startAngle":
       B = u + v * w(p) + adjustAngleDistanceX(p, o + m, false);
-      A = d + v * S(p) + adjustAngleDistanceY(p, o + m, false);
+      A = c + v * S(p) + adjustAngleDistanceY(p, o + m, false);
       y = "right";
       x = "middle";
       break;
 
      case "insideStartAngle":
       B = u + v * w(p) + adjustAngleDistanceX(p, -o + m, false);
-      A = d + v * S(p) + adjustAngleDistanceY(p, -o + m, false);
+      A = c + v * S(p) + adjustAngleDistanceY(p, -o + m, false);
       y = "left";
       x = "middle";
       break;
 
      case "middle":
       B = u + v * w(b);
-      A = d + v * S(b);
+      A = c + v * S(b);
       y = "center";
       x = "middle";
       break;
 
      case "endArc":
-      B = u + (c + o) * w(b);
-      A = d + (c + o) * S(b);
+      B = u + (d + o) * w(b);
+      A = c + (d + o) * S(b);
       y = "center";
       x = "bottom";
       break;
 
      case "insideEndArc":
-      B = u + (c - o) * w(b);
-      A = d + (c - o) * S(b);
+      B = u + (d - o) * w(b);
+      A = c + (d - o) * S(b);
       y = "center";
       x = "top";
       break;
 
      case "endAngle":
       B = u + v * w(g) + adjustAngleDistanceX(g, o + m, true);
-      A = d + v * S(g) + adjustAngleDistanceY(g, o + m, true);
+      A = c + v * S(g) + adjustAngleDistanceY(g, o + m, true);
       y = "left";
       x = "middle";
       break;
 
      case "insideEndAngle":
       B = u + v * w(g) + adjustAngleDistanceX(g, -o + m, true);
-      A = d + v * S(g) + adjustAngleDistanceY(g, -o + m, true);
+      A = c + v * S(g) + adjustAngleDistanceY(g, -o + m, true);
       y = "right";
       x = "middle";
       break;
@@ -355,13 +355,13 @@ function createSectorCalculateTextPosition(e, r) {
 }
 
 function setSectorTextRotation(e, r, a, t) {
-  if (d(t)) {
+  if (c(t)) {
     // user-set rotation
     e.setTextConfig({
       rotation: t
     });
     return;
-  } else if (c(r)) {
+  } else if (d(r)) {
     // user-set position, use 0 as auto rotation
     e.setTextConfig({
       rotation: 0
@@ -502,11 +502,11 @@ var oe = /** @class */ function(e) {
       u = h.dim === "angle";
     }
     var l = e.isAnimationEnabled() ? e : null;
-    var d = shouldRealtimeSort(e, o);
-    if (d) {
-      this._enableRealtimeSort(d, s, a);
+    var c = shouldRealtimeSort(e, o);
+    if (c) {
+      this._enableRealtimeSort(c, s, a);
     }
-    var c = e.get("clip", true) || d;
+    var d = e.get("clip", true) || c;
     var f = getClipArea(o, s);
     // If there is clipPath created in large mode. Remove it.
         i.removeClipPath();
@@ -540,17 +540,17 @@ var oe = /** @class */ function(e) {
         createBackground(r);
       }
       // If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
-            if (!s.hasValue(r) || !ce[o.type](t)) {
+            if (!s.hasValue(r) || !de[o.type](t)) {
         return;
       }
       var n = false;
-      if (c) {
+      if (d) {
         // Clip will modify the layout params.
         // And return a boolean to determine if the shape are fully clipped.
         n = he[o.type](f, t);
       }
       var p = ue[o.type](e, s, r, t, u, l, h.model, false, S);
-      if (d) {
+      if (c) {
         /**
          * Force label animation because even if the element is
          * ignored because it's clipped, it may not be clipped after
@@ -566,8 +566,8 @@ var oe = /** @class */ function(e) {
         p.attr({
           shape: t
         });
-      } else if (d) {
-        updateRealtimeAnimation(d, l, p, t, r, u, false, false);
+      } else if (c) {
+        updateRealtimeAnimation(c, l, p, t, r, u, false, false);
       } else {
         v(p, {
           shape: t
@@ -601,12 +601,12 @@ var oe = /** @class */ function(e) {
         }, l, r);
       }
       var C = n.getItemGraphicEl(a);
-      if (!s.hasValue(r) || !ce[o.type](v)) {
+      if (!s.hasValue(r) || !de[o.type](v)) {
         i.remove(C);
         return;
       }
       var N = false;
-      if (c) {
+      if (d) {
         N = he[o.type](f, v);
         if (N) {
           i.remove(C);
@@ -617,7 +617,7 @@ var oe = /** @class */ function(e) {
       } else {
         g(C);
       }
-      if (d) {
+      if (c) {
         C.forceLabelAnimation = true;
       }
       if (P) {
@@ -644,8 +644,8 @@ var oe = /** @class */ function(e) {
         C.attr({
           shape: v
         });
-      } else if (d) {
-        updateRealtimeAnimation(d, l, C, v, r, u, true, P);
+      } else if (c) {
+        updateRealtimeAnimation(c, l, C, v, r, u, true, P);
       } else {
         p(C, {
           shape: v
@@ -845,15 +845,15 @@ var he = {
     var h = se(r.y, e.y);
     var u = ne(r.y + r.height, s);
     var l = o < n;
-    var d = u < h;
+    var c = u < h;
     // When xClipped or yClipped, the element will be marked as `ignore`.
     // But we should also place the element at the edge of the coord sys bounding rect.
     // Because if data changed and the bar shows again, its transition animation
     // will begin at this place.
         r.x = l && n > i ? o : n;
-    r.y = d && h > s ? u : h;
+    r.y = c && h > s ? u : h;
     r.width = l ? 0 : o - n;
-    r.height = d ? 0 : u - h;
+    r.height = c ? 0 : u - h;
     // Reverse back
         if (a < 0) {
       r.x += r.width;
@@ -863,7 +863,7 @@ var he = {
       r.y += r.height;
       r.height = -r.height;
     }
-    return l || d;
+    return l || c;
   },
   polar: function(e, r) {
     var a = r.r0 <= r.r ? 1 : -1;
@@ -898,8 +898,8 @@ var ue = {
     u.name = "item";
     if (s) {
       var l = u.shape;
-      var d = i ? "height" : "width";
-      l[d] = 0;
+      var c = i ? "height" : "width";
+      l[c] = 0;
     }
     return u;
   },
@@ -910,16 +910,16 @@ var ue = {
       z2: 1
     });
     l.name = "item";
-    var d = createPolarPositionMapping(i);
-    l.calculateTextPosition = createSectorCalculateTextPosition(d, {
+    var c = createPolarPositionMapping(i);
+    l.calculateTextPosition = createSectorCalculateTextPosition(c, {
       isRoundCap: u === ie
     });
     // Animation
         if (s) {
-      var c = l.shape;
+      var d = l.shape;
       var f = i ? "r" : "endAngle";
       var g = {};
-      c[f] = i ? t.r0 : t.startAngle;
+      d[f] = i ? t.r0 : t.startAngle;
       g[f] = t[f];
       (o ? p : v)(l, {
         shape: g
@@ -986,14 +986,14 @@ function checkPropertiesNotValid(e, r) {
 
 var le = [ "x", "y", "width", "height" ];
 
-var de = [ "cx", "cy", "r", "startAngle", "endAngle" ];
+var ce = [ "cx", "cy", "r", "startAngle", "endAngle" ];
 
-var ce = {
+var de = {
   cartesian2d: function(e) {
     return !checkPropertiesNotValid(e, le);
   },
   polar: function(e) {
-    return !checkPropertiesNotValid(e, de);
+    return !checkPropertiesNotValid(e, ce);
   }
 };
 
@@ -1055,10 +1055,10 @@ function updateStyle(e, r, a, t, i, s, o, h) {
     var l = t.get([ "itemStyle", "borderRadius" ]) || 0;
     e.setShape("r", l);
   } else if (!s.get("roundCap")) {
-    var d = e.shape;
-    var c = J(t.getModel("itemStyle"), d, true);
-    x(d, c);
-    e.setShape(d);
+    var c = e.shape;
+    var d = J(t.getModel("itemStyle"), c, true);
+    x(c, d);
+    e.setShape(c);
   }
   e.useStyle(u);
   var f = t.getShallow("cursor");
@@ -1169,7 +1169,7 @@ function createLarge(e, r, a, t) {
     r.add(l);
     a && a.push(l);
   }
-  var d = new pe({
+  var c = new pe({
     shape: {
       points: i.getLayout("largePoints")
     },
@@ -1177,18 +1177,18 @@ function createLarge(e, r, a, t) {
     ignoreCoarsePointer: true,
     z2: 1
   });
-  d.baseDimIdx = s;
-  d.largeDataIndices = n;
-  d.barWidth = o;
-  r.add(d);
-  d.useStyle(i.getVisual("style"));
+  c.baseDimIdx = s;
+  c.largeDataIndices = n;
+  c.barWidth = o;
+  r.add(c);
+  c.useStyle(i.getVisual("style"));
   // Enable tooltip and user mouse/touch event handlers.
-    B(d).seriesIndex = e.seriesIndex;
+    B(c).seriesIndex = e.seriesIndex;
   if (!e.get("silent")) {
-    d.on("mousedown", ge);
-    d.on("mousemove", ge);
+    c.on("mousedown", ge);
+    c.on("mousemove", ge);
   }
-  a && a.push(d);
+  a && a.push(c);
 }
 
 // Use throttle to avoid frequently traverse to find dataIndex.
@@ -1206,12 +1206,12 @@ function largePathFindDataIndex(e, r, a) {
   var o = [];
   var h = [];
   var u = e.barWidth;
-  for (var l = 0, d = s.length / 3; l < d; l++) {
-    var c = l * 3;
+  for (var l = 0, c = s.length / 3; l < c; l++) {
+    var d = l * 3;
     h[t] = u;
-    h[i] = s[c + 2];
-    o[t] = s[c + t];
-    o[i] = s[c + i];
+    h[i] = s[d + 2];
+    o[t] = s[d + t];
+    o[i] = s[d + i];
     if (h[i] < 0) {
       o[i] += h[i];
       h[i] = -h[i];
@@ -1439,10 +1439,10 @@ const Se = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "b40ff8d49858ebfc55afb86a2a385bbe3c3e6851",
+      key: "647bffbfd416069ed926ec138ef55b9ec2ff15f2",
       class: "container"
     }, r("div", {
-      key: "dffb3ce8dd7e638842d58d59ef09c34f9904af56",
+      key: "2acf75f9b41d7142eae7da295fe900b88af7f9c1",
       ref: e => this.chartContainer = e,
       class: "chart-container",
       role: "img",