q2-tecton-elements 1.55.4 → 1.55.6

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

@@ -1,17 +1,17 @@
-import { r as t, c as i, h as e, F as r, g as o } from "./index-7a5365e2.js";
+import { r as t, c as i, h as a, F as e, g as r } from "./index-7a5365e2.js";
 
-import { c as a, o as n, i as s, f as d } from "./index-f2a66217.js";
+import { c as o, o as n, i as s, f as d } from "./index-f2a66217.js";
 
 const l = '*{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{--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))}.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: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 p = l;
 
 const c = class {
-  constructor(e) {
-    t(this, e);
+  constructor(a) {
+    t(this, a);
     this.change = i(this, "change", 7);
     // #region Own Properties
-        this._id = `radio-group-${a()}`;
+        this._id = `radio-group-${o()}`;
     this.checkedRadioExists = () => {
       // Returns first checked individual q2-radio or undefined if none are set to checked={true}
       const t = this.radioElements.find((t => t.checked === true)) || undefined;
@@ -81,29 +81,29 @@ const c = class {
   }
   keydownHandler(t) {
     const i = t.target.getAttribute("value") || this.value;
-    let e = this.radioElements.findIndex((e => e === t.target || e.getAttribute("value") === i));
-    let r = 0;
+    let a = this.radioElements.findIndex((a => a === t.target || a.getAttribute("value") === i));
+    let e = 0;
     switch (t.key) {
      case "ArrowLeft":
      case "ArrowUp":
-      r = -1;
+      e = -1;
       break;
 
      case "ArrowRight":
      case "ArrowDown":
-      r = 1;
+      e = 1;
       break;
     }
-    if (e === -1 || r === 0) {
+    if (a === -1 || e === 0) {
       return;
     }
-    e += r;
-    e = r < 0 ? Math.max(0, e) : Math.min(this.radioElements.length - 1, e);
+    a += e;
+    a = e < 0 ? Math.max(0, a) : Math.min(this.radioElements.length - 1, a);
     t.preventDefault();
     if (!this.readonly) {
-      this.value = this.radioElements[e].value;
+      this.value = this.radioElements[a].value;
     }
-    this.radioElements[e].dispatchEvent(new FocusEvent("focus"));
+    this.radioElements[a].dispatchEvent(new FocusEvent("focus"));
   }
   // #endregion
   // #region Public Methods API
@@ -168,15 +168,15 @@ const c = class {
     if (this.tileLayout) {
       const {tileAlignment: t} = this;
       const i = [ "left", "center", "right" ].includes(t) ? t : "center";
-      return e("div", {
+      return a("div", {
         class: `tile-container ${i}`
-      }, e("div", {
+      }, a("div", {
         class: "options-container"
-      }, e("slot", null)));
+      }, a("slot", null)));
     } else {
-      return e("div", {
+      return a("div", {
         class: "options-container"
-      }, e("slot", null));
+      }, a("slot", null));
     }
   }
   // #endregion
@@ -184,30 +184,30 @@ const c = class {
   render() {
     const t = this.label || this.optional || this.readonly;
     const {hasError: i} = this;
-    const o = t && !this.hideLabel || i;
-    return e(r, {
-      key: "39bfe432997a547e9f29aabc768adfb1da9fac4b"
-    }, o && e("div", {
-      key: "1db8455585e6c9e35a59f9c6c7ce4f4d42b6ebf7",
+    const r = t && !this.hideLabel || i;
+    return a(e, {
+      key: "d1d5bc5ec6dd3fc33332fa49e64ccb1dac4b542e"
+    }, r && a("div", {
+      key: "f2de38984a59682953612d73981a2de1afa1bc58",
       class: "label-row"
-    }, t && !this.hideLabel && e("div", {
-      key: "1fe134c3173b2fdbf39640bc126540195bf53dbe",
+    }, t && !this.hideLabel && a("div", {
+      key: "24d1a40c5ad7546e5901dd96e46a15e71d8ca4c3",
       class: "group-legend"
-    }, d(this)), i && e("q2-icon", {
-      key: "d54e948759c7513c1fbe9cd7c348bdb3fe91eeb4",
+    }, d(this)), i && a("q2-icon", {
+      key: "24be48ddc9c8cc60fa356056da6c59224a358a59",
       type: "error",
       "test-id": "iconError"
-    })), e("fieldset", {
-      key: "67e545eb448161a1dffc6f253c5f380ee8a229b3",
+    })), a("fieldset", {
+      key: "48da393294f67ac8349606b563a122e0b6e70917",
       onChange: this.onInnerRadioChange,
       "aria-invalid": i ? `${i}` : undefined
-    }, t && e("legend", {
-      key: "b82a5b106cbd46552e3b5c85b74aea7c8350e786",
+    }, t && a("legend", {
+      key: "544ba2b62bebcb501806527fec2354aaa70c3dd9",
       class: "sr-only"
     }, d(this)), this.inputDom()));
   }
   get hostElement() {
-    return o(this);
+    return r(this);
   }
   static get watchers() {
     return {

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

@@ -83,10 +83,10 @@ const s = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "5b311e2632f73503ee3e53c23f236be4860f8ce2",
+      key: "ed4340f095788108ea8112d28a3c45dbc1f2e4c4",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, r("input", {
-      key: "3d16a54bc6c2978a38da4693fa5a8d010e99d9ca",
+      key: "30011c8b29f8bdf48e978904052e02b920e602b9",
       ref: e => this.inputField = e,
       class: "sr",
       id: this._id,
@@ -99,32 +99,32 @@ const s = class {
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
     }), r("label", {
-      key: "eebe718f16014fb72c48aea6278769b38d4a1688",
+      key: "657078aca6278f6bbd8997a1992109aecd2ad8a6",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
     }, !this.groupTileLayout && r("svg", {
-      key: "2dcb05d6c75756087c5798c99c65e87d5ebda3f4",
+      key: "9b4cf7c9e1968f862509c760a0dfee5cb90c3ce1",
       viewBox: "0 0 18 18"
     }, r("circle", {
-      key: "b808fee3319881566dca584233ca1b284ce8f1a6",
+      key: "269619ffb0671e2f67dfa3da58b5da8264508586",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "8"
     }), r("circle", {
-      key: "1abc2240fd5145a14586392be4e32bbff1bc16c3",
+      key: "9325caea79a38fe661db33ca62da9f075a06597f",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "4"
     })), !this.hideLabel && r("div", {
-      key: "e42cb0d2c93aa87291ad40fe2b4128ac910d3ee8",
+      key: "fb674a98b4d028e35397da9ead2ab5083e8617fd",
       class: "label-content"
     }, this.label && l(this.label) || "", r("slot", {
-      key: "f850e0414cc02e68fc47840eff256762d8b91c54"
+      key: "39a40ee6024f16b059ebad2675ee922a5c95324d"
     }))));
   }
   get hostElement() {

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

@@ -1,6 +1,6 @@
 import { r as e, h as t, F as i, g as s } from "./index-7a5365e2.js";
 
-import { d as n } from "./index-3bb7a785.js";
+import { d as n } from "./index-3184c760.js";
 
 import { l as a } from "./index-f2a66217.js";
 
@@ -60,7 +60,7 @@ const d = class {
       this.displayedMessage = a("tecton.element.relativeTime.invalidDate");
       return;
     }
-    const f = n.intlFormatDistance(new Date(s), new Date(r), {
+    const p = n.intlFormatDistance(new Date(s), new Date(r), {
       locale: o,
       localeMatcher: "best fit",
       numeric: d,
@@ -68,9 +68,9 @@ const d = class {
       unit: l ? u : null
     });
     if (c) {
-      this.displayedMessage = this.trimMessage(f);
+      this.displayedMessage = this.trimMessage(p);
     } else {
-      this.displayedMessage = f;
+      this.displayedMessage = p;
     }
   }
   syncUpdated() {
@@ -135,7 +135,7 @@ const d = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "a455dbdc3b6f4c6ed485ef33ec4569b8079faad5"
+      key: "0bb624cf78e589203bcfdd4752dbaaebc78d9294"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);

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

@@ -83,7 +83,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "a151697c5f85ba063588737fb0cb7b50d6082947",
+      key: "6fa2e8e2004d9fcfb3f7cfb46cfdd359ca82d301",
       onSlotchange: this.handleSlotChange
     });
   }

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

@@ -187,29 +187,29 @@ const p = class {
     }
     const r = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "5222957e3620819b8cf996c0fc286e46fff3bb4d",
+      key: "ec30708aa932f68c2ff165d666b6f87be9f7dfeb",
       class: "wrapper"
     }, i("header", {
-      key: "bf81a872538c66fe3a05c0b5aa764ea44ab9c8a7",
+      key: "25227270bdc86679fdf2b646b4314b83bd85d530",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "62062576c3a87c3dc1c9a81e962e4ed17b1d88e4",
+      key: "f3257aafae07ef530489b4cc0e1e860ebc36d5d0",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, r && i("h2", {
-      key: "e271f9fb1ef49db1a92d5573508b80fe5a1f90b4",
+      key: "889e0fc00a0b7b2081e679b8eefe5ce95ba27db9",
       class: "title"
     }, c(this.label)), i("div", {
-      key: "c551740a3a5c0b7cb1d641e0901d7f2513fb8113",
+      key: "c5cba7080bebd4db424afb1e46e33aa1906d06ec",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "28a448d66c616084273625c1aff12f9f0572f1a0",
+      key: "897516031609575ab040af97c1215aedf646f87c",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "47d51785b31b5193c7dd9bf3b77e14bbc033841a",
+      key: "a6c85a93fd2701287361b75e9277b7efd309a506",
       label: c(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
@@ -217,10 +217,10 @@ const p = class {
       "hide-label": true,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "aaf00f646fb955ef54af0e9137683ca7798702cf",
+      key: "08b7f0dc76c46ce103f3d53fd5ed9cae8a193382",
       type: "chevron-up"
     }))), i("div", {
-      key: "a271132f91f52fb9b9fd6074d17dd06d49ac37bb",
+      key: "e8ccaeceee8096e3285ebedf9940f1aab3284814",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -230,12 +230,12 @@ const p = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "8b283ad5652d583666c9106e920e8854a2a706f1",
+      key: "df810dbfea3eec7465c438bce87bcb23ae3c8651",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "53803361cff5de900da3e2669d564eda1d5bfb35",
+      key: "221f07d4737fcf53a8697053e31d9774918a9e5e",
       ref: t => this.contentSlot = t
     }))));
   }