q2-tecton-elements 1.67.1 → 1.67.2

package/dist/q2-tecton-elements/q2-month-picker.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as n, g as o } from "./index-CGkHOjh1.js";
 
-import { l as a, o as i } from "./index-C4PILj1_.js";
+import { l as i, o as a } from "./index-C4PILj1_.js";
 
 const r = "*{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}.month-container{--comp-month-primary-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)));--comp-month-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-month-primary-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-month-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)))}.month-container .navigation{display:flex;justify-content:space-between;flex-direction:row}.month-container .navigation .year-btn{padding:0 1rem;display:flex;align-items:center}.month-container .navigation .year-btn .year{margin-right:0.2rem}.month-container .navigation .year-btn .year-icon{--t-icon-stroke-width:2px;width:16px;height:16px;transition:all 0.3s ease-in-out}.month-container .navigation .year-btn .year-icon.on{transform:rotate(-180deg)}.month-container .navigation .month-controller{display:flex;align-items:center}.month-container .month-list{display:grid;grid-template-columns:auto auto auto}.month-container .month-list .month{display:flex;justify-content:center;align-items:center;padding:0.5rem 0}.month-container .month-list .month .month-button{border-radius:50%;aspect-ratio:1;width:50px;display:flex;justify-content:center;align-items:center}.month-container .month-list .month .month-button:hover{background:var(--comp-month-primary-background);color:var(--comp-month-secondary-font-color);cursor:pointer}.month-container .month-list .month .month-button:active,.month-container .month-list .month .month-button.active{background:var(--comp-month-primary-background);color:var(--comp-month-primary-font-color)}.month-container .today-label{padding:0.5rem 0;color:var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}";
 
@@ -12,8 +12,8 @@ const c = class {
     // #region Own Properties
         this.monthGrid = [ [ 0, 1, 2 ], [ 3, 4, 5 ], [ 6, 7, 8 ], [ 9, 10, 11 ] ];
     this.months = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ].map((t => ({
-      label: a(`tecton.element.calendar.months.${t}`),
-      abbr: a(`tecton.element.calendar.months.abbr.${t}`)
+      label: i(`tecton.element.calendar.months.${t}`),
+      abbr: i(`tecton.element.calendar.months.abbr.${t}`)
     })));
     this.scheduledAfterRender = [];
     // #endregion
@@ -35,10 +35,10 @@ const c = class {
     };
     this.moveMonth = (t, e, n) => {
       const o = t.length;
-      const a = t[0].length;
-      const i = Math.floor(e / a);
-      const r = e % a;
-      const c = [ i, r ];
+      const i = t[0].length;
+      const a = Math.floor(e / i);
+      const r = e % i;
+      const c = [ a, r ];
       if (n.key === "ArrowUp") {
         n.stopPropagation();
         n.preventDefault();
@@ -88,11 +88,11 @@ const c = class {
       var e, n, o;
       this.selectedIndex = t;
       this.focusedIndex = t;
-      const a = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
+      const i = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
       (e = this.hostElement.shadowRoot.querySelectorAll(`.month-button`)) === null || e === void 0 ? void 0 : e.forEach((t => t.classList.remove("active")));
-      a === null || a === void 0 ? void 0 : a.classList.add("active");
-      a === null || a === void 0 ? void 0 : a.focus();
-      const i = {
+      i === null || i === void 0 ? void 0 : i.classList.add("active");
+      i === null || i === void 0 ? void 0 : i.focus();
+      const a = {
         view: "day",
         // change to day view
         monthIndex: t,
@@ -100,9 +100,9 @@ const c = class {
       };
       (o = (n = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(n, new CustomEvent("click", {
         bubbles: true,
-        detail: i
+        detail: a
       }));
-      this.viewChange.emit(i);
+      this.viewChange.emit(a);
     };
     this.selectYear = t => {
       this.year = Math.max(1970, t);
@@ -111,7 +111,7 @@ const c = class {
   // #endregion
   // #region Component Lifecycle Events
   componentDidLoad() {
-    i(this.hostElement);
+    a(this.hostElement);
   }
   componentDidRender() {
     var t;
@@ -122,54 +122,54 @@ const c = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "b7429b5ed21f7cda666f140a9a93ee643176979c",
+      key: "c80017d8e2998167716488b46dd52cecfc47dcc5",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
     }, n("div", {
-      key: "802900b16d0efa602df89edb22e174329736dca4",
+      key: "7f14b1eac6019175522e7c5fc4b5b5b0b2967723",
       class: "navigation"
     }, n("q2-btn", {
-      key: "0a318088ab2eb826620c056246599f5b7803c51e",
+      key: "4cc17ededea2f273f45b27e4ddee49cd6ac5b412",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
     }, n("span", {
-      key: "02018f884cb7b48fb581597fc7d5a2a323497668",
+      key: "8165df4a38cfe5793689cb45bca424aaf6bcbf64",
       class: "year"
     }, this.year), n("q2-icon", {
-      key: "9ab23a381d4fedb5aca2ecee19eb975d76ff4465",
+      key: "827073a13b6d003b328a0fd8f8525b9b2a013ff2",
       class: "year-icon off",
       type: "chevron-down"
     })), n("div", {
-      key: "79dd4cd0864d051a4252c21ebbd697e0e75b0ec3",
+      key: "5b46832d6adc2f00e5a7db0f43446b9c6b89ecad",
       class: "month-controller"
     }, n("div", {
-      key: "d94ad2ebfc317206bfff5b16861c52507a168e09",
+      key: "8d25fa53c29f394461217255b6feb0ccd35ff884",
       class: "cal-year-prev-next"
     }, n("q2-btn", {
-      key: "4d8b12fde9825bd5dca90012d42e73453f2cb777",
-      label: a("tecton.element.calendar.previousYear"),
+      key: "7c9b873b8111b50fe82d138e9f826c3cf3bbfff7",
+      label: i("tecton.element.calendar.previousYear"),
       "hide-label": true,
       class: "cal-nav-btn prev-year",
       "test-id": "previousYearButton",
       onClick: () => this.selectYear(this.year - 1)
     }, n("q2-icon", {
-      key: "428b2feb8854e145bdbc88bdd2c6a2c25a3a50ce",
+      key: "5b1f1906753a8b759c0b620deb49869834193035",
       type: "arrow-left"
     })), n("q2-btn", {
-      key: "2f7ef439402c9788ae002a199813387a370e0ed3",
-      label: a("tecton.element.calendar.nextYear"),
+      key: "dac82b2f5d88ecdc6d7fb0566fd4847615269949",
+      label: i("tecton.element.calendar.nextYear"),
       "hide-label": true,
       class: "cal-nav-btn next-year",
       "test-id": "nextYearButton",
       onClick: () => this.selectYear(this.year + 1)
     }, n("q2-icon", {
-      key: "5931c20eac7a2268c6b945b336f44e143e9fe484",
+      key: "db889911237e7655047f33e8e19b845de8203f57",
       type: "arrow-right"
     }))))), n("div", {
-      key: "9e18ae0e86a741201eb2a8c6ff04b9007899cbae",
+      key: "4a4740d1513e1f970ef2754a1a7ac24299e1683c",
       class: "month-list",
       onClick: this.onMonthSelection
     }, this.months.map(((t, e) => n("div", {
@@ -181,9 +181,9 @@ const c = class {
       "aria-label": t.label,
       tabindex: e === this.focusedIndex ? 0 : -1
     }, t.abbr))))), this.today && n("div", {
-      key: "8dfee8bcf4ee9b4137c9c8644be7f38f5794bf4d",
+      key: "26ac01a5dc62b4c1f97701f19bd81e8d6569e9f1",
       class: "today-label"
-    }, a("tecton.element.calendar.today"), ": ", this.today));
+    }, i("tecton.element.calendar.today"), ": ", this.today));
   }
   get hostElement() {
     return o(this);

package/dist/q2-tecton-elements/q2-mutation-observer.entry.js

@@ -88,7 +88,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "a7a47f38488edeb403658d1ad7464e79ef254709",
+      key: "63a71ae4a0e7d69ea2aaec1244ff89c6d47d6a81",
       onSlotchange: this.handleSlotChange
     });
   }

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

@@ -60,20 +60,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "1193ca6f02dab8603a148059edfd6b3f01e55556",
+      key: "6f4564d3db59c64b76abc47ceee3663e277b6f55",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "5731f04b1976e5e1f96ab37f577ead3889b80e8c",
+      key: "bd28cae7d3893142c8154286d28fb79448e5ca39",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "a52522a81176e91855514da0f051058c740ee4b6",
+      key: "63eba11bbca923ca6c22281ba31476fb89a709ca",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "8b0c0e1f18f3b8ca76cd3c00e28e5cef73457ca6"
+      key: "1c27562418e4075f2843e0ec080a138a14d5f191"
     })));
   }
   get hostElement() {

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

@@ -262,8 +262,8 @@ const l = class {
   }
   render() {
     var t;
-    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: c, pageWithDefault: h, currentRange: l, nextRange: p, prevRange: d, showPerPageSelect: g, disabled: f} = this;
-    const u = h < 2;
+    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: c, pageWithDefault: h, currentRange: l, nextRange: p, prevRange: d, showPerPageSelect: g, disabled: u} = this;
+    const f = h < 2;
     const b = h === o;
     let v = r("tecton.element.pagination.goToNext");
     let y = r("tecton.element.pagination.goToPrevious");
@@ -289,12 +289,12 @@ const l = class {
       });
     }
     return i("nav", {
-      key: "642369130b2d57d4e6a89927608636a4da87f11d",
+      key: "0947c1d04f042cb5f096d74146cc700e7993f277",
       class: this.containerClasses.join(" "),
       ref: t => this.containerElement = t,
       "aria-label": r("tecton.element.pagination.title")
     }, i("div", {
-      key: "e988b3374cec5bb1a73dfbcc705899fb3a3474d6",
+      key: "6da46e6c76dffa66026057e53c7515bcf00576e0",
       class: "description",
       "test-id": "description"
     }, e ? r("tecton.element.pagination.pages", {
@@ -305,47 +305,47 @@ const l = class {
       recordType: s.toLowerCase(),
       total: c.toLocaleString()
     })), i("div", {
-      key: "8ac5316082ab9fcc03fd6c605e56e31124f5d5dc",
+      key: "35963f235d6b549eedb8c9a443ecde053ecd8682",
       class: "controls"
     }, i("div", {
-      key: "c7e99c77f10d0d587d31af19b3bd39ba2d64aeb7",
+      key: "7016ffd2c95a76d34fd7ca112472a2a1067d7012",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "ba7cc1e9b1eee9d0db75e7f653c74974e06435a6",
+      key: "a2a826b5ed84cedf548eaaf8aa2a8f95ad5085e6",
       ref: t => this.firstPageBtn = t,
       label: r("tecton.element.pagination.goToFirstPage"),
-      disabled: f || u,
+      disabled: u || f,
       hidden: a,
       onTctClick: () => this.handlePageChange(1),
       "test-id": "firstPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "90b82dd3b935af151d517c997086e5779e51bd3c",
+      key: "7ebc8f748c55786954292287b4f593841a367e28",
       type: "chevron-double-left"
     })), i("q2-btn", {
-      key: "179b59d1c5cebff1897d5e0a3e825e969da90719",
+      key: "dfd853b3bee34fe837dc9c621829fa59c44bc81c",
       ref: t => this.prevPageBtn = t,
       label: y,
-      disabled: f || u,
+      disabled: u || f,
       onTctClick: () => this.handlePageChange(h - 1),
       "test-id": "prevPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "b23b78e56fc5df453036c07c055f2bc7bf10da11",
+      key: "519ef8ea441d04291b4393ba1ab03cd2198e88b3",
       type: "chevron-left"
     }))), i("div", {
-      key: "5ac4941af9479fe7c2644cfe56fb1bf3f4e2c968",
+      key: "fd9d2f84689b857d134babd6d7d38de5f347488d",
       class: "input-display",
       hidden: a
     }, i("span", {
-      key: "f748874515ec184a25bc2f10f16f1031b4ed5583",
+      key: "c8a48d708096badc6796a9caef840c807aa06db7",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.page")), i("div", {
-      key: "2e870838a5ca57ccfd80f648f8eaf6f895c950be",
+      key: "1e9965fa782cdf724e261294ad22eb34305c1c69",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, i("q2-input", {
-      key: "3c765b872520ae12cf6d86789a5dfb56fe140d97",
+      key: "e61dc0d32f806ffbee54736755f8c2c8fb3dc2a4",
       ref: t => this.inputField = t,
       type: "number",
       value: `${h}`,
@@ -361,38 +361,38 @@ const l = class {
       },
       "test-id": "pageInput",
       current: "page",
-      disabled: f
+      disabled: u
     })), i("span", {
-      key: "1fad0a391c7b5b2bac9439b7116674d43d205a95",
+      key: "ea7d626698765518e2e5dcd2118b20106413134d",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
-      key: "52dc5be6a7deae84418c2cfbf108b68451c3db5b",
+      key: "eb93f6858f18c382d5ebe97007c7de6a3313e6cf",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "b1aa2468c227ad4f251736eee6596a0525f620dd",
+      key: "0ab9275fbfbc3514571f2fb308b1a15345816cf5",
       ref: t => this.nextPageBtn = t,
       label: v,
-      disabled: f || b,
+      disabled: u || b,
       onTctClick: () => this.handlePageChange(h + 1),
       "test-id": "nextPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "689bc3f2f90724c53ff67d9724d17cc303af716c",
+      key: "9968130c79eaaa564f1ca47ccc9e09a0d9ec564b",
       type: "chevron-right"
     })), i("q2-btn", {
-      key: "bb1bb9cbbbc58454e6f811fcaa5359d561d79042",
+      key: "08c3ebf15360ba2f1ccf56d2b12c458a2ebdb71e",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
-      disabled: f || b,
+      disabled: u || b,
       hidden: a,
       onTctClick: () => this.handlePageChange(o),
       "test-id": "lastPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "d271e5fd48c58f95f0b8d2d45af6f48c335038e8",
+      key: "83351e90f2645f9c2e8854ff46a684a9f43f339b",
       type: "chevron-double-right"
     })))), i("div", {
-      key: "cc2ac1c470e2034b242079c44ecf4435cb42548e",
+      key: "dcdb653d221e0a92910a6ece5e234126e66c8410",
       class: "per-page",
       hidden: a || !((t = this.perPageIncrements) === null || t === void 0 ? void 0 : t.length)
     }, g && this.renderPerPage()));

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

@@ -362,19 +362,19 @@ const h = class {
     if (t || i) a.push("has-icon");
     if (t) a.push("has-options");
     return o("click-elsewhere", {
-      key: "e967de8b2086ebf86f51cc927c3430c07ad37636",
+      key: "1f6a917d21078d5007387acd85fb7c03736db6ae",
       onChange: this.onClickElsewhere
     }, o("div", {
-      key: "38c871229f1f80d49b003d5c6f7895c335a9eed8",
+      key: "346b5d9651e27827e304377f9009edd50a141102",
       class: a.join(" ")
     }, o("div", {
-      key: "8dd9a60999c49de096f8f8f67adccffba0f9a80a",
+      key: "c261c06b88781ea9af6f2b0f0a335476c0c7e89a",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, o("button", {
-      key: "1d485d62c6acfaee927e1fa1aa0bc9401c7f2c98",
+      key: "b717af900dc54f65de00aef3ee59dade83f6da21",
       class: "btn-primary",
       "test-id": "btn-control",
       type: "button",
@@ -390,7 +390,7 @@ const h = class {
       "aria-label": `${this.buttonContent}${!t && i ? ` ${s("tecton.element.pill.active")}` : ""}`,
       "aria-describedby": t && "option-description" || undefined
     }, this.truncatedButtonContent)), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && o("q2-popover", {
-      key: "05ca8c8195186b220364ee67198d6210bbe34455",
+      key: "4d415fbec7b43fe7f2b8abff0e3a02467028cdb4",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -400,20 +400,20 @@ const h = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, o("div", {
-      key: "e1eb81bfc0489fd9450975eee632fb59830cce54",
+      key: "75e71787bad82eb4a5682a2315d7f5dcbd3c3b82",
       class: "popover-content"
     }, o("div", {
-      key: "a101a2d7f88fdb18f2a859737f1bca96742bad7e",
+      key: "5de5d4a2f606e4b936ee46fda3aded8b09e17854",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "752c27b869d1dd91f5d369e7f1675554e48a4554",
+      key: "6d971654eb266bd5a3c37e04cde81dd7d6876ca5",
       name: "popover-top"
     })), o("q2-option-list", {
-      key: "2f70d1533c8733721326b02a47531a7feb47ab7e",
+      key: "670e99d6859d673e781eba1e6eee87ee8ac728b4",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -424,16 +424,16 @@ const h = class {
       onPopoverState: this.onPopoverState,
       label: s("tecton.element.optionList.label", [ this.optionListLabel ])
     }, o("slot", {
-      key: "5ffddd45ce88c535a5bb4481f34a74690cb8d46f"
+      key: "fde147d6d4c6deca9952ebdd5f022f0d348bf75e"
     })), o("div", {
-      key: "1c5ae3722ea7caace731239ac0d91d4fcbe7eb8b",
+      key: "f8704bee883058f635b936fe03e888eaa9b3ce35",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "afa0d457a65303d7a4e50fa9e633e9fa609922e8",
+      key: "6761a2e76fbba5410a974eb0a24110c0c135b84e",
       name: "popover-bottom"
     })))));
   }

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

@@ -1,12 +1,12 @@
-import { r as t, c as r, h as i, F as o, g as a } from "./index-CGkHOjh1.js";
+import { r as t, c as r, h as i, F as a, g as o } from "./index-CGkHOjh1.js";
 
 import { c as e, o as n, i as s, r as d } from "./index-C4PILj1_.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-const p = '*{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-radio-group-margin:var(--tct-radio-group-margin-top, var(--t-radio-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-radio-group-margin-bottom, var(--t-radio-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-radio-group-margin, var(--comp-default-radio-group-margin))}fieldset{padding:var(--tct-radio-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-radio-group-label-column-gap, var(--app-scale-2x, 10px));color:var(--tct-radio-group-label-font-color, inherit);font-size:var(--tct-radio-group-label-font-size, inherit);font-weight:var(--tct-radio-group-label-font-weight, 600);text-transform:var(--tct-radio-group-label-text-transform, none);letter-spacing:var(--tct-radio-group-label-letter-spacing, inherit)}.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}.optional-tag{margin-left:var(--tct-radio-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-radio-group-label-optional-color, var(--t-radio-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-radio-group-label-optional-font-size, var(--t-radio-group-label-optional-font-size, 12px));font-weight:var(--tct-radio-group-label-optional-font-weight, var(--t-radio-group-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-0x, 0px)));border-width:var(--tct-radio-group-border-width, 1px);border-color:transparent;border-style:solid;border-radius:var(--tct-radio-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-radio-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';
+const c = '*{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-radio-group-margin:var(--tct-radio-group-margin-top, var(--t-radio-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-radio-group-margin-bottom, var(--t-radio-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-radio-group-margin, var(--comp-default-radio-group-margin))}fieldset{padding:var(--tct-radio-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-radio-group-label-column-gap, var(--app-scale-2x, 10px));color:var(--tct-radio-group-label-font-color, inherit);font-size:var(--tct-radio-group-label-font-size, inherit);font-weight:var(--tct-radio-group-label-font-weight, 600);text-transform:var(--tct-radio-group-label-text-transform, none);letter-spacing:var(--tct-radio-group-label-letter-spacing, inherit)}.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}.optional-tag{margin-left:var(--tct-radio-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-radio-group-label-optional-color, var(--t-radio-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-radio-group-label-optional-font-size, var(--t-radio-group-label-optional-font-size, 12px));font-weight:var(--tct-radio-group-label-optional-font-weight, var(--t-radio-group-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-0x, 0px)));border-width:var(--tct-radio-group-border-width, 1px);border-color:transparent;border-style:solid;border-radius:var(--tct-radio-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-radio-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';
 
-const c = class {
+const p = class {
   constructor(i) {
     t(this, i);
     this.change = r(this, "change", 7);
@@ -77,23 +77,23 @@ const c = class {
   keydownHandler(t) {
     const r = t.target.getAttribute("value") || this.value;
     let i = this.radioElements.findIndex((i => i === t.target || i.getAttribute("value") === r));
-    let o = 0;
+    let a = 0;
     switch (t.key) {
      case "ArrowLeft":
      case "ArrowUp":
-      o = -1;
+      a = -1;
       break;
 
      case "ArrowRight":
      case "ArrowDown":
-      o = 1;
+      a = 1;
       break;
     }
-    if (i === -1 || o === 0) {
+    if (i === -1 || a === 0) {
       return;
     }
-    i += o;
-    i = o < 0 ? Math.max(0, i) : Math.min(this.radioElements.length - 1, i);
+    i += a;
+    i = a < 0 ? Math.max(0, i) : Math.min(this.radioElements.length - 1, i);
     t.preventDefault();
     if (!this.readonly) {
       this.value = this.radioElements[i].value;
@@ -179,30 +179,30 @@ const c = class {
   render() {
     const t = this.label || this.optional || this.readonly;
     const {hasError: r} = this;
-    const a = t && !this.hideLabel || r;
-    return i(o, {
-      key: "3fa5b7ba14cd74a3544ad38d40c74127126f0fc6"
-    }, a && i("div", {
-      key: "254b8a8ec9f21fccf2227966f56e366682957da8",
+    const o = t && !this.hideLabel || r;
+    return i(a, {
+      key: "9aadfcdafda1190aac1d1d23f02d73d9d0982cfb"
+    }, o && i("div", {
+      key: "80ffd1095a810f95e89b839bd4c9e9b10b10c56a",
       class: "label-row"
     }, t && !this.hideLabel && i("div", {
-      key: "f1176458f14bfc50adaab4a0d5342a7fcf58c6a4",
+      key: "82663c3dc58235e5a15c6a96d61c0f899e51b34c",
       class: "group-legend"
     }, d(this)), r && i("q2-icon", {
-      key: "7b829af0555cd13090459c5dc83ba22ce4cbe92c",
+      key: "75aab19da924c83a43c311c8718213e554e1e41d",
       type: "error",
       "test-id": "iconError"
     })), i("fieldset", {
-      key: "1eb9e6e18c1a5442d4582f23649b06d3864412b7",
+      key: "df81b71c57ac1c2b7812b1e12dc4f85b95563895",
       onChange: this.onInnerRadioChange,
       "aria-invalid": r ? `${r}` : undefined
     }, t && i("legend", {
-      key: "2ee4c9b44c86077fbda3f9eef02da24546cb6ec6",
+      key: "c3aff2496cb12cfaa774aac545f399508f0a679c",
       class: "sr-only"
     }, d(this)), this.inputDom()));
   }
   get hostElement() {
-    return a(this);
+    return o(this);
   }
   static get watchers() {
     return {
@@ -216,8 +216,8 @@ const c = class {
   }
 };
 
-c.style = p;
+p.style = c;
 
-export { c as q2_radio_group };
+export { p as q2_radio_group };
 //# sourceMappingURL=q2-radio-group.entry.esm.js.map
 //# sourceMappingURL=q2-radio-group.entry.js.map

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

@@ -87,10 +87,10 @@ const d = class {
   // #region Render Methods
   render() {
     return t("div", {
-      key: "1c740c79651798b5aa532b48a8d35fbfb44e47a9",
+      key: "b3ff3221d679096f3fd42a318cfadb6233ab0ac5",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, t("input", {
-      key: "1e8f5b6100d8ad8c43a60afba569184f5ccd8530",
+      key: "ed9d41619e21af0927c1ebef5dedd3546683e677",
       ref: e => this.inputField = e,
       class: "sr",
       id: this._id,
@@ -103,15 +103,15 @@ const d = class {
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
     }), t("label", {
-      key: "d86c5a574f853b570491bc9842996d9300b3a72c",
+      key: "817d5260d720061908c803ff34dc826a9aa954e8",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
     }, !this.groupTileLayout && t("svg", {
-      key: "473eb06c9c4a1b7ebd8014642da157b2aa4a5d08",
+      key: "aed6e01bca76e33bc6dda009cb78437b75da31df",
       viewBox: "0 0 18 18"
     }, t("circle", {
-      key: "0035db29b3d96bb1e322fd8aa7233554098be30a",
+      key: "12b009b629c2f79b0ff9d973d91eee878680d5e2",
       class: "big-circle",
       stroke: "none",
       fill: "none",
@@ -119,7 +119,7 @@ const d = class {
       cy: "9",
       r: "8"
     }), t("circle", {
-      key: "6efda15f869a255325c8f09e9cf250a50627bd6d",
+      key: "bdb34bf3af2d9b05ac1a2f13d1ba68bc1be34379",
       class: "small-circle",
       stroke: "none",
       fill: "none",
@@ -127,10 +127,10 @@ const d = class {
       cy: "9",
       r: "4"
     })), !this.hideLabel && t("div", {
-      key: "5def4a33beb0e6bd0e4327cdfb07d3fdabb4a72e",
+      key: "67348d1852db1ab314e686a6208d3ab66216f002",
       class: "label-content"
     }, this.label && l(this.label) || "", t("slot", {
-      key: "f8ca1eac5a03d93e7019b5e5bd25456acf5a1230"
+      key: "ac58bd184195bc2c2ed79dcab60df89bc0accf62"
     }))));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-relative-time.entry.js

@@ -141,7 +141,7 @@ const o = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "3a518920ff969cb0b60ca20ac780e11022803bef"
+      key: "368b5847fd62820031d367eaee690212fa655223"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);