q2-tecton-elements 1.57.0 → 1.57.1

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

@@ -1,6 +1,6 @@
 import { r as t, h as r, a as o, F as a, d as e, c as i } from "./index-YFPMNbDm.js";
 
-import { l as n, q as c, e as s, v as d, o as l, a as p, x as b, c as u, u as v, s as f, h, n as m, g as x, r as g } from "./index-DHD1Dbkd.js";
+import { l as n, t as c, e as s, u as d, o as l, a as p, v as b, c as u, j as v, s as f, h, n as m, g as x, r as g } from "./index-CYgcpzXH.js";
 
 import { s as k } from "./shapes-B9jYz1VS.js";
 
@@ -4964,10 +4964,10 @@ const Lo = class {
   }
   render() {
     return r("div", {
-      key: "a7067f4f1dc2048a607c323417353616e9851ec6",
+      key: "afe812fab4bcb422580f57a5b9aaf41246ece6e5",
       class: this.wrapperClasses
     }, r("div", {
-      key: "7e5eb94c498f9857987c01311f1602c8124a41c8",
+      key: "382973da5d7a563b6978aacb6b44192d4c547ed5",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }
@@ -5353,49 +5353,49 @@ const Io = class {
   }
   render() {
     return r(a, {
-      key: "4c4d7330077da0732e93f18f46dc0efdc3a4984e"
+      key: "625bfa389efd9c09b88ab8e3d4f01e4241ff6c3c"
     }, r("div", {
-      key: "d7f615a37f593c62b1d856d30713f42f3e294dad",
+      key: "6fb594c8833de8f1709f72a015cbed521ae1c33c",
       class: "tab-container"
     }, this.scrollEnabled && r(a, {
-      key: "dd7ac48ee8306cb479f2dc9b6fcb19532e7cd447"
+      key: "06fe283b43dec4ad644d9caab64226ce88fc2322"
     }, r("div", {
-      key: "3e93be5e13d50a7633d9698a41e49723c4e6f3ef",
+      key: "6a8a7299ccd345581e5c42a57c75cf53a342df23",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), r("div", {
-      key: "80ddaeb43b2a5937c8ec28d437e6c312293f9430",
+      key: "f22764cf7042f425a4269779ec7360db17dc481d",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), r("q2-btn", {
-      key: "ff338cdd0cadfacfd690649fc2000da0082a1138",
+      key: "d6f15d711dc52481ba6c8e7aa689f68d632cf51c",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "c431c922dffc8e9d8fb6dce9a46407ecf6a6622b",
+      key: "f49f0a9852fa21aa2de80ca5151d161fb37c1bd7",
       type: "chevron-left",
       label: "scroll left"
     })), r("q2-btn", {
-      key: "5272c49187966fbb5bf416670e7e0d7505def26d",
+      key: "f7c0aa206a5e6ac8e9b368b823f3b543bc3c4d93",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "036c9cb8203fb82f65b926cff6d3698976b1d6e3",
+      key: "56dae0451a0852d8d717dd20e60424efd954410c",
       type: "chevron-right",
       label: "scroll right"
     }))), r("ul", {
-      key: "fc6ea07d9ef1688bf5da33bf84d6012741728c30",
+      key: "31d3c207c6bb3d61e8b9815410283430d5c640c9",
       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: "8d1021f7a1789ad41ac4b4b724bfebebd94cd068",
+      key: "18f39887bbf614c39bf25f0277da57ccb41c2609",
       class: "tab-content"
     }, r("slot", {
-      key: "fe84de62f160e58f979d6b8d0d240a84cf6cbdba",
+      key: "836ff903f7088d239755d8978f97c4b306c3ee7d",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -5428,7 +5428,7 @@ const $o = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "05985ac5ce92f907dd828886688517e97a6095d3",
+      key: "7396d43d7b235acf6cdf3cf0497eef52e49b57f4",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -5436,7 +5436,7 @@ const $o = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, r("slot", {
-      key: "a4f5460e2822722178a05a5424f4dbdfae2615fe"
+      key: "3dec3cb020c50cdfe27f475c55e3d1309cef35ab"
     }));
   }
   static get watchers() {

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

@@ -2,7 +2,7 @@ import { r as t, c as e, h as a, a as i } from "./index-YFPMNbDm.js";
 
 import { d as n } from "./index-O1A-ZSZs.js";
 
-import { l as s, c as r, e as o, o as l, a as d, w as c, d as h } from "./index-DHD1Dbkd.js";
+import { l as s, c as r, e as o, o as l, a as d, w as c, d as h } from "./index-CYgcpzXH.js";
 
 function formatDateISO(t) {
   const e = new Date(t);

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

@@ -1,6 +1,6 @@
 import { r as a, c as t, h as r, F as c, a as o } from "./index-YFPMNbDm.js";
 
-import { i as e, o as i, a as s } from "./index-DHD1Dbkd.js";
+import { i as e, o as i, a as s } from "./index-CYgcpzXH.js";
 
 const n = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:var(--tct-card-height, 100%);min-height:var(--tct-card-min-height, auto);display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}:host(:not([is-static])) .container{--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 4px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:var(--tct-card-border-style, solid);border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable{cursor:pointer}@media (hover: hover){:host(:not([is-static])) .container.clickable{--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14))))}:host(:not([is-static])) .container.clickable:hover,:host(:not([is-static])) .container.clickable:active,:host(:not([is-static])) .container.clickable:focus-visible{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}:host(:not([is-static])) .container.clickable:hover{box-shadow:var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}}:host(:not([is-static])) .container.is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}:host(:not([is-static])) .container.has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-card-title-line-count, 1);-webkit-box-orient:vertical}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-card-description-line-count, 2);-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.bar.color-primary{--comp-bar-color:var(--tct-card-bar-color-primary, var(--t-primary, #5446a4))}.bar.color-secondary{--comp-bar-color:var(--tct-card-bar-color-secondary, var(--t-secondary, #b6b3cc))}.bar.color-tertiary{--comp-bar-color:var(--tct-card-bar-color-tertiary, var(--t-tertiary, #ebe8fc))}.bar.color-info{--comp-bar-color:var(--tct-card-bar-color-info, var(--const-stoplight-info, #0079c1))}.bar.color-success{--comp-bar-color:var(--tct-card-bar-color-success, var(--const-stoplight-success, #0e8a00))}.bar.color-warning{--comp-bar-color:var(--tct-card-bar-color-warning, var(--const-stoplight-warning, #c35500))}.bar.color-alert{--comp-bar-color:var(--tct-card-bar-color-alert, var(--const-stoplight-alert, #c35500))}.bar.color-accent-1{--comp-bar-color:var(--tct-card-bar-color-accent-1, var(--t-accent-1, #e05252))}.bar.color-accent-2{--comp-bar-color:var(--tct-card-bar-color-accent-2, var(--t-accent-2, #e09952))}.bar.color-accent-3{--comp-bar-color:var(--tct-card-bar-color-accent-3, var(--t-accent-3, #e0e052))}.bar.color-accent-4{--comp-bar-color:var(--tct-card-bar-color-accent-4, var(--t-accent-4, #99e052))}.bar.color-accent-5{--comp-bar-color:var(--tct-card-bar-color-accent-5, var(--t-accent-5, #52e052))}.bar.color-accent-6{--comp-bar-color:var(--tct-card-bar-color-accent-6, var(--t-accent-6, #52e099))}.bar.color-accent-7{--comp-bar-color:var(--tct-card-bar-color-accent-7, var(--t-accent-7, #52e0e0))}.bar.color-accent-8{--comp-bar-color:var(--tct-card-bar-color-accent-8, var(--t-accent-8, #5299e0))}.bar.color-accent-9{--comp-bar-color:var(--tct-card-bar-color-accent-9, var(--t-accent-9, #5252e0))}.bar.color-accent-10{--comp-bar-color:var(--tct-card-bar-color-accent-10, var(--t-accent-10, #9952e0))}.bar.color-accent-11{--comp-bar-color:var(--tct-card-bar-color-accent-11, var(--t-accent-11, #e052e0))}.bar.color-accent-12{--comp-bar-color:var(--tct-card-bar-color-accent-12, var(--t-accent-12, #e05299))}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";
 

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

@@ -1,6 +1,6 @@
 import { r as e, c as a, h as t, H as r, a as o } from "./index-YFPMNbDm.js";
 
-import { l as n } from "./index-DHD1Dbkd.js";
+import { l as n } from "./index-CYgcpzXH.js";
 
 const s = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-carousel-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus-visible{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus-visible .q2-carousel-pane-main-content{outline:none;box-shadow:var(--const-double-focus-ring)}q2-carousel-pane.q2-carousel-pane button{border:0;background:transparent;transition:all 0.2s;opacity:0.3;cursor:pointer}q2-carousel-pane.q2-carousel-pane button:hover{opacity:0.7}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--comp-carousel-shadow);transition:var(--comp-carousel-pane-tween);background:var(--tct-carousel-background, var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 0px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 7px));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content:hover{box-shadow:var(--const-double-focus-ring), var(--comp-carousel-shadow)}q2-carousel-pane.q2-carousel-pane[slot-frameless]:not([slot-frameless=false]) .q2-carousel-pane-main-content{box-shadow:none;border:0;border-radius:0;padding:0}";
 
@@ -92,7 +92,7 @@ const i = class {
   render() {
     const {label: e} = this;
     return t(r, {
-      key: "eb479b4002eba012cdeb7445f70c9734a6c5371e",
+      key: "1a77499ae888c697346be0414c6df45f3975445e",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -101,10 +101,10 @@ const i = class {
       "aria-label": e ? n(e) : n("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
     }, t("article", {
-      key: "1b6169d334748dca8b5c74cac9b12f7d7ca565a5",
+      key: "98132941cf996e6fe0df1bc585502eee86b959c2",
       class: "q2-carousel-pane-main-content"
     }, t("slot", {
-      key: "b3459d31dd3960aa96d2e9772c2e87a232f64e3d"
+      key: "59583e92be8847d63a913e4600ca00e85331a738"
     })));
   }
   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, a as r } from "./index-YFPMNbDm.js";
 
-import { c as o, l as a, e as l, o as c, a as f } from "./index-DHD1Dbkd.js";
+import { c as o, l as a, e as l, o as c, a as f } from "./index-CYgcpzXH.js";
 
 /**
  * SSR Window 4.0.2

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

@@ -1,8 +1,8 @@
 import { r as t, c as s, h as e, a as i } from "./index-YFPMNbDm.js";
 
-import { o as a, l as o } from "./index-DHD1Dbkd.js";
+import { o as a, l as o } from "./index-CYgcpzXH.js";
 
-import { L as r, a as h, p as n, u as p, i as l, g as d, b as c, f, c as u, d as b, e as m } from "./charting-Mf86SEvp.js";
+import { L as r, a as h, p as n, u as p, i as l, g as d, b as c, f, c as u, d as m, e as b } from "./charting-Mf86SEvp.js";
 
 import { d as w, i as y, a as g } from "./universalTransition-sRH6l5ea.js";
 
@@ -32,7 +32,7 @@ function install(t) {
 
 const x = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";
 
-p([ u, install, b, y, g, m ]);
+p([ u, install, m, y, g, b ]);
 
 const v = class {
   constructor(e) {
@@ -238,10 +238,10 @@ const v = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "9061c582f186665297e02ff8fe8a7c93c7075740",
+      key: "f0a6798ee99021191b66208a525745893bd4562d",
       class: "container"
     }, e("div", {
-      key: "4d73bb77e11528ea983843b2d5e0999af28e18ce",
+      key: "dce92a06c127f9a438e8fbcce2335e0e01f53903",
       ref: t => this.chartContainer = t,
       class: "chart-container",
       role: "img",

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

@@ -1,6 +1,6 @@
 import { r as t, h as s, a as i } from "./index-YFPMNbDm.js";
 
-import { o as e, l as a } from "./index-DHD1Dbkd.js";
+import { o as e, l as a } from "./index-CYgcpzXH.js";
 
 import { B as r, h as o, j as h, l as n, k as d, u as p, c as l, d as c, m as f, e as u, i as b, g as m, b as g, f as v } from "./charting-Mf86SEvp.js";
 
@@ -184,10 +184,10 @@ const U = class {
   // #region Render Methods
   render() {
     return s("div", {
-      key: "e2b54e01d70161a8a451a3a08b4b6d4f01451a0a",
+      key: "e73968847bcf0433512f1cd79c05ba8cb03aa3e7",
       class: "container"
     }, s("div", {
-      key: "8e376178aa5a423b762d52cd8151d9b9fa214c89",
+      key: "2f1cf10a7a96b450835f42b901714c7b77a15e80",
       ref: t => this.chartContainer = t,
       class: "chart-container",
       role: "img",

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

@@ -1,10 +1,10 @@
-import { r as t, c as e, h as n, a } from "./index-YFPMNbDm.js";
+import { r as t, c as e, h as n, a as r } from "./index-YFPMNbDm.js";
 
-import { o as r, a as i, l as o, u as s } from "./index-DHD1Dbkd.js";
+import { o as a, a as i, l as o, j as s } from "./index-CYgcpzXH.js";
 
 import { u as c, o as d, W as l, j as h, H as u, X as p, Y as v, Z as f, _ as b, $ as g, a0 as m, d as x, c as y, m as w, i as I, g as S } from "./charting-Mf86SEvp.js";
 
-import { T as k, a as C, L as D, b as z, S as A, c as T } from "./install-CsrQh3w6.js";
+import { T as k, a as C, L as z, b as A, S as D, c as T } from "./install-CsrQh3w6.js";
 
 function install$4(t) {
   c(d);
@@ -86,25 +86,25 @@ function install$4(t) {
 }
 
 function legendSelectActionHandler(t, e, n) {
-  var a = t === "allSelect" || t === "inverseSelect";
-  var r = {};
+  var r = t === "allSelect" || t === "inverseSelect";
+  var a = {};
   var i = [];
   n.eachComponent({
     mainType: "legend",
     query: e
   }, (function(n) {
-    if (a) {
+    if (r) {
       n[t]();
     } else {
       n[t](e.name);
     }
-    makeSelectedMap(n, r);
+    makeSelectedMap(n, a);
     i.push(n.componentIndex);
   }));
   var o = {};
   // make selectedMap from all legend components
     n.eachComponent("legend", (function(t) {
-    u(r, (function(e, n) {
+    u(a, (function(e, n) {
       // Force other legend has same selected status
       // Or the first is toggled to true and other are toggled to false
       // In the case one legend has some item unSelected in option. And if other legend
@@ -114,7 +114,7 @@ function legendSelectActionHandler(t, e, n) {
     makeSelectedMap(t, o);
   }));
   // Return the event explicitly
-    return a ? {
+    return r ? {
     selected: o,
     // return legendIndex array to tell the developers which legends are allSelect / inverseSelect
     legendIndex: i
@@ -127,17 +127,17 @@ function legendSelectActionHandler(t, e, n) {
 function makeSelectedMap(t, e) {
   var n = e || {};
   u(t.getData(), (function(e) {
-    var a = e.get("name");
+    var r = e.get("name");
     // Wrap element
-        if (a === "\n" || a === "") {
+        if (r === "\n" || r === "") {
       return;
     }
-    var r = t.isSelected(a);
-    if (p(n, a)) {
+    var a = t.isSelected(r);
+    if (p(n, r)) {
       // Unselected if any legend is unselected
-      n[a] = n[a] && r;
+      n[r] = n[r] && a;
     } else {
-      n[a] = r;
+      n[r] = a;
     }
   }));
   return n;
@@ -169,8 +169,8 @@ function installLegendAction(t) {
 }
 
 function install$3(t) {
-  t.registerComponentModel(D);
-  t.registerComponentView(z);
+  t.registerComponentModel(z);
+  t.registerComponentView(A);
   t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
   t.registerSubTypeDefaulter("legend", (function() {
     return "plain";
@@ -237,7 +237,7 @@ function install$3(t) {
 
 function install$2(t) {
   c(install$3);
-  t.registerComponentModel(A);
+  t.registerComponentModel(D);
   t.registerComponentView(T);
   installScrollableLegendAction(t);
 }
@@ -295,13 +295,13 @@ function install$1(t) {
       if (!n || !n.length) {
         return;
       }
-      var a = t.getData();
-      a.filterSelf((function(t) {
-        var e = a.getName(t);
+      var r = t.getData();
+      r.filterSelf((function(t) {
+        var e = r.getName(t);
         // If in any legend component the status is not selected.
-                for (var r = 0; r < n.length; r++) {
+                for (var a = 0; a < n.length; a++) {
           // @ts-ignore FIXME: LegendModel
-          if (!n[r].isSelected(e)) {
+          if (!n[a].isSelected(e)) {
             return false;
           }
         }
@@ -319,8 +319,8 @@ function negativeDataFilter(t) {
       n.filterSelf((function(t) {
         // handle negative value condition
         var e = n.mapDimension("value");
-        var a = n.get(e, t);
-        if (v(a) && !isNaN(a) && a < 0) {
+        var r = n.get(e, t);
+        if (v(r) && !isNaN(r) && r < 0) {
           return false;
         }
         return true;
@@ -384,7 +384,7 @@ const j = class {
     };
     this.onButtonKeyDown = t => {
       const {selectedId: e, data: n} = this;
-      let a = this.getIndexById(e) || 0;
+      let r = this.getIndexById(e) || 0;
       switch (t.key) {
        case "ArrowUp":
        case "ArrowDown":
@@ -393,23 +393,23 @@ const j = class {
 
        case "ArrowLeft":
         t.preventDefault();
-        a--;
-        if (a < 0) a = n.length - 1;
+        r--;
+        if (r < 0) r = n.length - 1;
         this.chart.dispatchAction({
           type: "select",
           seriesId: "pie",
-          dataIndex: a
+          dataIndex: r
         });
         break;
 
        case "ArrowRight":
         t.preventDefault();
-        a++;
-        if (a > n.length - 1) a = 0;
+        r++;
+        if (r > n.length - 1) r = 0;
         this.chart.dispatchAction({
           type: "select",
           seriesId: "pie",
-          dataIndex: a
+          dataIndex: r
         });
         break;
 
@@ -494,7 +494,7 @@ const j = class {
     this.chart = t;
     this.setLegendData();
     this.selectById(this.selectedId);
-    r(this.hostElement);
+    a(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -571,16 +571,16 @@ const j = class {
   innerRadiusUpdated() {
     const {innerRadius: t, outerRadius: e} = this;
     const n = parseFloat(t);
-    const a = parseFloat(e);
-    if (n >= a) {
-      this.innerRadius = `${a - 15}%`;
+    const r = parseFloat(e);
+    if (n >= r) {
+      this.innerRadius = `${r - 15}%`;
     }
   }
   outerRadiusUpdated() {
     const {innerRadius: t, outerRadius: e} = this;
     const n = parseFloat(t);
-    const a = parseFloat(e);
-    if (a <= n) {
+    const r = parseFloat(e);
+    if (r <= n) {
       this.outerRadius = `${n + 15}%`;
     }
   }
@@ -612,9 +612,9 @@ const j = class {
   get centerData() {
     const {hoveredId: t, data: e} = this;
     const n = t;
-    const a = this.getIndexById(n);
+    const r = this.getIndexById(n);
     return n ? Object.assign(Object.assign({}, this.getDataById(n)), {
-      color: this.colors[a]
+      color: this.colors[r]
     }) : {
       name: o(this.summaryName || "tecton.element.chartDonut.button.summaryName"),
       icon: this.summaryIcon,
@@ -646,10 +646,10 @@ const j = class {
   }
   getColors() {
     const t = [ 1, 3, 8, 4, 2, 10, 7, 11, 6, 9, 12, 5 ].map((t => `--comp-color-${t}`));
-    return this.data.reduce(((e, n, a) => {
-      let r = t[a % t.length];
-      if (n.color) r = n.color;
-      e.push(S(r, this.chartContainerStyles, this.hostElementStyles) || r);
+    return this.data.reduce(((e, n, r) => {
+      let a = t[r % t.length];
+      if (n.color) a = n.color;
+      e.push(S(a, this.chartContainerStyles, this.hostElementStyles) || a);
       return e;
     }), []);
   }
@@ -657,10 +657,10 @@ const j = class {
     let e;
     if (t.startsWith("var(") && t.endsWith(")")) {
       const n = /var\((.*)\)/g;
-      const a = n.exec(t);
-      const r = a.length >= 2 ? a[1].split(",") : [];
-      t = r[0];
-      e = r[1];
+      const r = n.exec(t);
+      const a = r.length >= 2 ? r[1].split(",") : [];
+      t = a[0];
+      e = a[1];
     }
     let n = this.chartContainerStyles.getPropertyValue(t).trim();
     if (!n) n = this.hostElementStyles.getPropertyValue(t).trim();
@@ -689,9 +689,9 @@ const j = class {
   setLegendData() {
     const t = this.chart.getOption().series[0].color;
     this.legendData = this.data.map(((e, n) => {
-      const a = Object.assign({}, e);
-      if (!a.color) a.color = t[n];
-      return a;
+      const r = Object.assign({}, e);
+      if (!r.color) r.color = t[n];
+      return r;
     }));
   }
   // Edit with caution. Echarts does not interpret events the same on mobile.
@@ -708,8 +708,8 @@ const j = class {
       t.event.stop();
     }));
     t.on("selectchanged", (t => {
-      var e, n, a, r;
-      const i = (r = (a = (n = (e = t.selected) === null || e === void 0 ? void 0 : e[0]) === null || n === void 0 ? void 0 : n.dataIndex) === null || a === void 0 ? void 0 : a[0]) !== null && r !== void 0 ? r : null;
+      var e, n, r, a;
+      const i = (a = (r = (n = (e = t.selected) === null || e === void 0 ? void 0 : e[0]) === null || n === void 0 ? void 0 : n.dataIndex) === null || r === void 0 ? void 0 : r[0]) !== null && a !== void 0 ? a : null;
       const o = typeof i === "number" ? this.getDataByIndex(i) : Object.assign({}, this.defaultRecord);
       this.selectedId = o.id;
       this.isInChangeEvent = true;
@@ -784,10 +784,10 @@ const j = class {
   // #endregion
   // #region Render Methods
   renderCenterBlock() {
-    const {icon: t, name: e, value: a, color: r} = this.centerData;
+    const {icon: t, name: e, value: r, color: a} = this.centerData;
     const {isClickable: i} = this;
     const s = i ? "button" : "div";
-    const c = this.displayValue(a);
+    const c = this.displayValue(r);
     const d = i ? {
       onKeyDown: this.onButtonKeyDown,
       onClick: this.onButtonClick,
@@ -808,28 +808,28 @@ const j = class {
       "test-id": "centerCard"
     }, d), !!t && n("q2-icon", {
       type: t,
-      style: r && {
-        "--tct-icon-stroke-primary": r,
-        "--tct-icon-stroke-secondary": r,
-        color: r
+      style: a && {
+        "--tct-icon-stroke-primary": a,
+        "--tct-icon-stroke-secondary": a,
+        color: a
       }
     }), !!e && n("div", {
       class: "name"
-    }, e), !isNaN(a) && n("div", {
+    }, e), !isNaN(r) && n("div", {
       class: "value"
     }, c)));
   }
   render() {
     return n("click-elsewhere", {
-      key: "f538cdf0ebdc89d50fabbc809dda5ed8a012d818",
+      key: "b68acc2c8b3c7b510d98d4f486f55d50cce211cf",
       onChange: this.onClickElsewhere
     }, n("figure", {
-      key: "574cfb04d536e4b70f340bfa79034afaa2427f01"
+      key: "6c0d400de5eb42d851605e9df265b6e484a553ff"
     }, n("div", {
-      key: "302f090020697a81872934c265e6a367da3e1411",
+      key: "70eb31deb293b5b6d5416b49e640ddc78d48fc92",
       class: "container"
     }, n("div", {
-      key: "5e9ff3e2750152a94122d8526063493da08d7111",
+      key: "194ad81751db5c54e2d667f5289aa102f39fd991",
       ref: t => this.chartContainer = t,
       "aria-describedby": !this.isClickable ? "center-card-description" : undefined,
       class: "chart-container",
@@ -839,9 +839,9 @@ const j = class {
       tabIndex: !this.isClickable ? 0 : undefined,
       onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined
     }), this.renderCenterBlock()), this.showLegend && n("figcaption", {
-      key: "e271747b61b371577f412fa4d5292c0a0d6b5813"
+      key: "1786dfb8122ade6b8ccdb272ee771d075252071d"
     }, n("q2-legend", {
-      key: "b757c27fab803284c67353fff1654f5e81acc6ac",
+      key: "a50144ada5d118a395e2ac0941b15492a5c23669",
       class: "legend",
       data: this.legendData,
       format: this.format,
@@ -853,7 +853,7 @@ const j = class {
     }))));
   }
   get hostElement() {
-    return a(this);
+    return r(this);
   }
   static get watchers() {
     return {

package/dist/q2-tecton-elements/q2-checkbox-group.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as r, F as o, a } from "./index-YFPMNbDm.js";
 
-import { c as i, r as s } from "./index-DHD1Dbkd.js";
+import { c as i, r as s } from "./index-CYgcpzXH.js";
 
 const n = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-checkbox-group-margin:var(--tct-checkbox-group-margin-top, var(--t-checkbox-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-group-margin-bottom, var(--t-checkbox-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin))}fieldset{padding:var(--tct-checkbox-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-checkbox-group-label-column-gap, var(--app-scale-2x, 10px))}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.slot-container{margin:var(--app-scale-1x, 5px) 0;padding:var(--app-scale-1x, 5px);border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-checkbox-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .slot-container{border-color:var(--tct-checkbox-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .slot-container{border-color:transparent}.optional-tag{margin-left:var(--tct-checkbox-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-checkbox-group-label-optional-color, var(--t-checkbox-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-checkbox-group-label-optional-font-size, 12px);font-weight:var(--tct-checkbox-group-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}';
 

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

@@ -1,6 +1,6 @@
 import { r as e, c as o, h as t, a as c } from "./index-YFPMNbDm.js";
 
-import { c as r, e as a, o as i, a as l, l as s } from "./index-DHD1Dbkd.js";
+import { c as r, e as a, o as i, a as l, l as s } from "./index-CYgcpzXH.js";
 
 const h = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-checkbox-padding:var(--tct-checkbox-padding, var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, 8px)) 0);display:block;position:relative;padding:var(--comp-checkbox-padding);--comp-default-checkbox-margin:var(--tct-checkbox-margin-top, var(--t-checkbox-margin-top, 0px)) 0 var(--tct-checkbox-margin-bottom, var(--t-checkbox-margin-bottom, 0px));margin:var(--tct-checkbox-margin, var(--comp-default-checkbox-margin))}.container{--comp-checkbox-size:var(--tct-checkbox-size, var(--t-checkbox-size, 24px));--comp-checkbox-default-column-gap:var(--app-scale-2x, 10px);--comp-checkbox-default-row-gap:0;--comp-checkbox-default-gap:var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);--comp-checkbox-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-checkbox-toggle-width:var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 38px));--comp-checkbox-toggle-error-color:var(--tct-checkbox-toggle-error-color, var(--comp-checkbox-error-color));--comp-checkbox-toggle-color:var(--tct-checkbox-toggle-color, var(--t-gray-8, #808080));--comp-checkbox-gap:var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));--comp-checkbox-outer-stroke-color:var(--tct-checkbox-outer-stroke-color, var(--t-checkbox-outer-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-outer-fill-color:var(--tct-checkbox-outer-fill-color, var(--t-checkbox-outer-fill-color, var(--tct-white, var(--app-white, #ffffff))));--comp-checkbox-checked-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-a11y-active-gray-color-AA, #404040))));--comp-control-width:var(--comp-checkbox-size);--comp-checkbox-error-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));display:grid;grid-template-areas:"svg label" "svg description";align-items:center;gap:var(--comp-checkbox-gap);grid-template-columns:var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap))}:host([type=favorite]) .container{--comp-checkbox-favorite-stroke-color:var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, #db7d24))}:host([hide-label]:not([hide-label=false])) .container{grid-template-areas:"svg";grid-template-columns:var(--comp-control-width)}:host([type=toggle]) .container{--comp-control-width:var(--comp-checkbox-toggle-width)}:host([alignment=right]) .container,:host([type=toggle]:not([alignment])) .container{grid-template-areas:"label svg" "description svg";grid-template-columns:calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width)}.label-control{align-items:center;display:flex}.label-text{grid-area:label;font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 400))}:host([description]) .label-text{font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600))}:host([checked]:not([checked=false])) .label-text{font-weight:var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600))}:host(:hover) .label-text{font-weight:var(--tct-checkbox-hover-label-font-weight, var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 400)))}:host(:focus-within) .label-text{font-weight:var(--tct-checkbox-focused-label-font-weight, var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 400)))}:host([description]:hover) .label-text{font-weight:var(--tct-checkbox-hover-label-font-weight, var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600)))}:host([checked]:not([checked=false]):hover) .label-text{font-weight:var(--tct-checkbox-checked-hover-label-font-weight, var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600)))}:host([description]:focus-within) .label-text{font-weight:var(--tct-checkbox-focused-label-font-weight, var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600)))}:host([checked]:not([checked=false]):focus-within) .label-text{font-weight:var(--tct-checkbox-checked-focused-label-font-weight, var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600)))}.label-text label{line-height:var(--tct-checkbox-label-line-height, 24px)}.description-text{grid-area:description;font-weight:var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400))}:host(:hover) .description-text{font-weight:var(--tct-checkbox-hover-description-font-weight, var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400)))}label{color:var(--tct-checkbox-label-color);cursor:pointer;hyphens:var(--tct-checkbox-label-hyphens, auto);word-break:var(--tct-checkbox-label-word-break, break-word);word-wrap:var(--tct-checkbox-label-word-wrap, break-word)}.checkbox-icon{width:var(--comp-checkbox-size);height:var(--comp-checkbox-size);border-radius:var(--tct-checkbox-outer-border-radius, var(--t-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));stroke:var(--comp-checkbox-outer-stroke-color);fill:var(--comp-checkbox-outer-fill-color);stroke-width:var(--tct-checkbox-outer-stroke-width, var(--t-checkbox-outer-stroke-width, 2));flex-shrink:0}:host([checked]:not([checked=false]):not([type=favorite])) .checkbox-icon{stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--t-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color)));fill:var(--tct-checkbox-checked-outer-fill-color, var(--t-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color)))}:host([has-error]:not([has-error=false]):not([type=favorite])) .checkbox-icon{stroke:var(--tct-checkbox-error-outer-stroke-color, var(--comp-checkbox-error-color));fill:var(--tct-checkbox-error-outer-fill-color, var(--comp-checkbox-outer-fill-color));box-shadow:var(--tct-checkbox-error-box-shadow)}:host(:hover:not([type=favorite])) .checkbox-icon{stroke:var(--tct-checkbox-hover-outer-stroke-color, var(--comp-checkbox-outer-stroke-color));fill:var(--tct-checkbox-hover-outer-fill-color, var(--comp-checkbox-outer-fill-color));box-shadow:var(--tct-checkbox-hover-box-shadow)}:host(:hover[has-error]:not([has-error=false]):not([type=favorite])) .checkbox-icon{stroke:var(--tct-checkbox-error-hover-outer-stroke-color, var(--tct-checkbox-error-outer-stroke-color, var(--comp-checkbox-error-color)));fill:var(--tct-checkbox-error-hover-outer-fill-color, var(--tct-checkbox-error-outer-fill-color, var(--comp-checkbox-outer-fill-color)));box-shadow:var(--tct-checkbox-error-hover-box-shadow, var(--tct-checkbox-error-box-shadow, var(--tct-checkbox-hover-box-shadow)))}:host(:focus-within:not([type=favorite])) .checkbox-icon{--comp-checkbox-focused-box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--t-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color)));fill:var(--tct-checkbox-focused-outer-fill-color, var(--comp-checkbox-outer-fill-color));box-shadow:var(--comp-checkbox-focused-box-shadow)}:host(:focus-within[has-error]:not([has-error=false]):not([type=favorite])) .checkbox-icon{stroke:var(--tct-checkbox-error-focused-outer-stroke-color, var(--tct-checkbox-error-outer-stroke-color, var(--comp-checkbox-error-color)));fill:var(--tct-checkbox-error-focused-outer-fill-color, var(--tct-checkbox-error-outer-fill-color, var(--comp-checkbox-outer-fill-color)));box-shadow:var(--tct-checkbox-error-focused-box-shadow, var(--tct-checkbox-error-box-shadow, var(--comp-checkbox-focused-box-shadow)))}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, var(--t-checkbox-favorite-stroke-width, 1));--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host(:hover[type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-hover-stroke-color, var(--comp-checkbox-favorite-fill-color));--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([type=favorite]:focus-within) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-focused-stroke-color, var(--comp-checkbox-favorite-fill-color));--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked]:not([checked=false])[type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-checked-stroke-color, var(--tct-checkbox-favorite-stroke-color, var(--comp-checkbox-favorite-fill-color)));fill:var(--tct-checkbox-favorite-checked-fill-color, var(--comp-checkbox-favorite-fill-color));transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([checked]:not([checked=false])[type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-checked-hover-stroke-color, var(--tct-checkbox-favorite-hover-stroke-color, var(--comp-checkbox-favorite-stroke-color)));--tct-icon-fill-primary:var(--tct-checkbox-favorite-checked-fill-color, var(--comp-checkbox-favorite-fill-color));--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked]:not([checked=false])[type=favorite]:focus-within) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-checked-focused-stroke-color, var(--tct-checkbox-favorite-focused-stroke-color, var(--comp-checkbox-favorite-stroke-color)));--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([has-error]:not([has-error=false])[type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-error-stroke-color, var(--comp-checkbox-error-color))}:host([has-error]:not([has-error=false])[type=favorite][checked]:not([checked=false])) .checkbox-icon{--tct-icon-stroke-primary:var(--tct-checkbox-favorite-error-stroke-color, var(--comp-checkbox-error-color))}.checkbox-fill{stroke:var(--tct-checkbox-checkmark-stroke-color, var(--comp-checkbox-checked-color));stroke-width:var(--tct-checkbox-check-stroke-width, var(--t-checkbox-check-stroke-width, 2.5));stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, var(--t-checkbox-indeterminate-stroke-width, 3.5))}.toggle-svg-container{height:30px;width:var(--comp-checkbox-toggle-width);position:relative;text-align:initial}.toggle-indicator,.toggle-track{position:absolute;top:50%;transform:translateY(-50%)}.toggle-indicator{transition:left var(--comp-checkbox-tween), height var(--comp-checkbox-tween), width var(--comp-checkbox-tween);height:16px;width:16px;left:4px;border-radius:50%}.toggle-track{height:24px;width:38px;fill:transparent;border-radius:var(--app-border-radius-3, 12px);box-shadow:inset 0 0 0 1px var(--comp-checkbox-toggle-color);transition:fill var(--comp-checkbox-tween), box-shadow var(--comp-checkbox-tween)}.toggle-circle{mask:url(#xMask);fill:var(--comp-checkbox-toggle-color);transition:fill var(--comp-checkbox-tween)}.toggle-icon{stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--tct-checkbox-toggle-icon-stroke-width, 2);stroke:black}:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-track,:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-track{box-shadow:inset 0 0 0 2px var(--comp-checkbox-toggle-color)}:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-indicator,:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-indicator{height:18px;width:18px}:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-circle,:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-circle{fill:var(--tct-checkbox-toggle-hover-circle-color, var(--t-primary-d1, var(--t-gray-6, #4d4d4d)))}:host(:is(:not([checked]),[checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :active .toggle-circle{fill:var(--tct-checkbox-toggle-active-color, var(--t-primary-l1, #7755af))}:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])) .toggle-track{box-shadow:inset 0 0 0 1px var(--comp-checkbox-toggle-error-color)}:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])) .toggle-circle{fill:var(--comp-checkbox-toggle-error-color)}:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-track,:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-track{box-shadow:inset 0 0 0 2px var(--comp-checkbox-toggle-error-color)}:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-circle,:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-circle{fill:var(--tct-checkbox-toggle-error-hover-color, var(--comp-checkbox-toggle-error-color))}:host(:is(:not([checked]),[checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :active .toggle-circle{fill:var(--tct-checkbox-toggle-error-active-color, var(--comp-checkbox-toggle-error-color))}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) .toggle-track{fill:var(--tct-checkbox-toggle-checked-track-color, var(--t-primary, #6a4a9e));border:none}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) .toggle-indicator{left:18px}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) .toggle-circle{mask:url(#checkMask);fill:var(--tct-checkbox-toggle-checked-circle-color, var(--t-base, #ffffff))}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-track,:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-track{fill:var(--tct-checkbox-toggle-checked-hover-track-color, var(--t-primary-d1, #5f438e))}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-indicator,:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-indicator{height:18px;width:18px}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :active .toggle-track{fill:var(--tct-checkbox-toggle-checked-active-track-color, var(--t-primary-l1, #7755af))}:host([checked]:not([checked=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :active .toggle-indicator{height:18px;width:18px}:host([checked]:not([checked=false])):host([has-error]:not([has-error=false])) .toggle-track{fill:var(--tct-checkbox-toggle-checked-error-track-color, var(--comp-checkbox-toggle-error-color))}:host([checked]:not([checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :hover .toggle-track,:host([checked]:not([checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :focus-within .toggle-track{fill:var(--tct-checkbox-toggle-checked-error-hover-track-color, var(--comp-checkbox-toggle-error-color))}:host([checked]:not([checked=false])):host([has-error]:not([has-error=false])):host(:is(:not([disabled]),[disabled=false]):is(:not([group-disabled]),[group-disabled=false])) :active .toggle-track{fill:var(--tct-checkbox-toggle-checked-error-active-track-color, var(--comp-checkbox-toggle-error-color))}:host(:is([disabled]:not([disabled=false]),[group-disabled]:not([group-disabled=false]))){cursor:not-allowed;opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}:host(:is([disabled]:not([disabled=false]),[group-disabled]:not([group-disabled=false]))) label{cursor:not-allowed}';