q2-tecton-elements 1.69.1 → 1.70.0

package/dist/q2-tecton-elements/q2-data-table.entry.js

@@ -1,8 +1,8 @@
 import { r as t, c as e, h as a, F as r, g as o } from "./index-Cqkz7Bnm.js";
 
-import { a as l, l as c } from "./index-Bx4m6N0g.js";
+import { a as l, l as s } from "./index-Cps4jSQM.js";
 
-import { m as s } from "./mirror-emit-DUjY_ucm.js";
+import { m as c } from "./mirror-emit-DUjY_ucm.js";
 
 const d = class {
   constructor(a) {
@@ -45,7 +45,7 @@ const d = class {
       // So we increment this property to force a re-render and ensure proper rendering
       this.checkSlotCount += 1;
     }, this.onClickRow = (t, e) => {
-      t.stopPropagation(), s(this, [ "click", "tctClick" ], {
+      t.stopPropagation(), c(this, [ "click", "tctClick" ], {
         row: e
       });
     }, this.onClickTableRow = (t, e) => {
@@ -54,22 +54,22 @@ const d = class {
       t.stopPropagation();
     }, this.onSelectRow = (t, e) => {
       t.stopPropagation();
-      const {selectMode: a, serializedRows: r, selectedRows: o = []} = this, {checked: l} = t.detail, c = {
+      const {selectMode: a, serializedRows: r, selectedRows: o = []} = this, {checked: l} = t.detail, s = {
         ...e,
         selected: l
       };
       let d;
-      d = "single" === a ? l ? [ c ] : [] : l ? [ ...o, c ] : o.filter((t => t.id !== c.id));
+      d = "single" === a ? l ? [ s ] : [] : l ? [ ...o, s ] : o.filter((t => t.id !== s.id));
       const n = d.length === r.length, i = !n && d.length > 0;
-      s(this, [ "select", "tctSelect" ], {
-        row: c,
+      c(this, [ "select", "tctSelect" ], {
+        row: s,
         rows: d,
         allSelected: n
-      }).defaultPrevented || (this.serializedRows = this.serializedRows.map((t => t.id === c.id ? c : t)), 
+      }).defaultPrevented ? t.target && (t.target.checked = e.selected) : (this.serializedRows = this.serializedRows.map((t => t.id === s.id ? s : t)), 
       this.allRowsSelected = n, this.someRowsSelected = i);
     }, this.onSort = t => {
       const e = "ASC" === t.sorted ? "DESC" : "ASC", a = t.key;
-      if (s(this, [ "sort", "tctSort" ], {
+      if (c(this, [ "sort", "tctSort" ], {
         header: t,
         direction: e
       }).defaultPrevented) return;
@@ -89,7 +89,7 @@ const d = class {
         ...e,
         expanded: !e.expanded
       };
-      s(this, [ "toggle", "tctToggle" ], {
+      c(this, [ "toggle", "tctToggle" ], {
         row: a
       }).defaultPrevented || (this.serializedRows = this.serializedRows.map((t => t.id === a.id ? a : {
         ...t
@@ -138,7 +138,7 @@ const d = class {
       ...t,
       selected: e
     })) : [];
-    s(this, [ "select", "tctSelect" ], {
+    c(this, [ "select", "tctSelect" ], {
       row: void 0,
       rows: a,
       allSelected: e
@@ -220,15 +220,15 @@ const d = class {
       disabled: !1
     };
     // tracks if the select-all checkbox should be visually updated as the `rows` are built
-    let o = !0, l = !1, c = !1;
-    const s = t.map((({id: t, cells: e, selected: s, expanded: d, disabled: n, selectAriaLabel: i, status: b}) => {
+    let o = !0, l = !1, s = !1;
+    const c = t.map((({id: t, cells: e, selected: c, expanded: d, disabled: n, selectAriaLabel: i, status: b}) => {
       const h = Object.entries(e).reduce(((t, [e, r]) => {
-        const o = a[e] || {}, {align: l, type: c = "text", lineClamp: s, verticalAlign: d} = o, n = "type" in o && "badge" === o.type, i = {
+        const o = a[e] || {}, {align: l, type: s = "text", lineClamp: c, verticalAlign: d} = o, n = "type" in o && "badge" === o.type, i = {
           value: "",
           ariaLabel: void 0,
-          type: c,
+          type: s,
           align: l,
-          lineClamp: s,
+          lineClamp: c,
           verticalAlign: d,
           badgeStatus: n ? o.badgeStatus : void 0,
           badgeTheme: n ? o.badgeTheme : void 0
@@ -241,10 +241,10 @@ const d = class {
         };
         return t[e] = b, t;
       }), {});
-      return o && !s && (o = !1), !o && s && (l = !0), !c && b && (c = !0), {
+      return o && !c && (o = !1), !o && c && (l = !0), !s && b && (s = !0), {
         ...r,
         id: t,
-        selected: !!s,
+        selected: !!c,
         expanded: !!d,
         disabled: !!n,
         selectAriaLabel: i,
@@ -252,12 +252,12 @@ const d = class {
         cells: h
       };
     })), d = e.find((({sorted: t}) => t)), n = !!d && "manual" !== d.sortable;
-    this.hasRowData = !!t.length, this.hasStatusRows = c, this.allRowsSelected = this.hasRowData && o, 
-    this.someRowsSelected = this.hasRowData && l, this.serializedRows = n ? this.sortRows(s, d) : s, 
+    this.hasRowData = !!t.length, this.hasStatusRows = s, this.allRowsSelected = this.hasRowData && o, 
+    this.someRowsSelected = this.hasRowData && l, this.serializedRows = n ? this.sortRows(c, d) : c, 
     this.checkSlots();
   }
   selectableHandler() {
-    !1 === this.selectable && s(this, [ "selectAllRows", "tctSelectAllRows" ], {
+    !1 === this.selectable && c(this, [ "selectAllRows", "tctSelectAllRows" ], {
       checked: !1
     });
   }
@@ -295,7 +295,7 @@ const d = class {
       }));
       if (t.every((t => void 0 !== t))) return `Select row for ${t.join(", ")}`;
     }
-    return c("tecton.element.dataTable.selectRow");
+    return s("tecton.element.dataTable.selectRow");
   }
   sortRows(t, e) {
     const {key: a, sorted: r} = e, o = r || "ASC";
@@ -319,12 +319,12 @@ const d = class {
   render() {
     const {caption: t} = this;
     return a("div", {
-      key: "ce5dfe7dc753ee2f2a8419e742bf4afef6eccdb0",
+      key: "9f2281aae60f873a2755db7ed67aaab73c79f499",
       class: "container"
     }, a("table", {
-      key: "f899c9959a20da0dec2d4b9011e01af4f2c05a49"
+      key: "2d057320dad36ea04d1037546ef2b9a8135b0a08"
     }, t && a("caption", {
-      key: "1e8d106a6524baf6d228003907d48b7515dc0561",
+      key: "2b4ae6daf2d2f3c75e1819166cf758b5ff5f3ab4",
       class: this.hideCaption ? "sr" : void 0
     }, t), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows()));
   }
@@ -343,10 +343,10 @@ const d = class {
 
      case "boolean":
       return o ? a("q2-icon", {
-        label: c("tecton.element.dataTable.booleanTrue"),
+        label: s("tecton.element.dataTable.booleanTrue"),
         type: "checkmark"
       }) : a("div", {
-        "aria-label": c("tecton.element.dataTable.booleanFalse")
+        "aria-label": s("tecton.element.dataTable.booleanFalse")
       });
 
      case "code":
@@ -372,11 +372,11 @@ const d = class {
       class: "empty-state-content"
     }, a("q2-icon", {
       type: r
-    }), a("p", null, c(o)))))));
+    }), a("p", null, s(o)))))));
   }
   renderTableColGroup() {
-    const {serializedHeaders: t, selectable: e, selectAlign: r, clickable: o, hasExpandableRows: l, hasDropdowns: c, hasStatusRows: s} = this;
-    return t.length ? a("colgroup", null, s && a("col", {
+    const {serializedHeaders: t, selectable: e, selectAlign: r, clickable: o, hasExpandableRows: l, hasDropdowns: s, hasStatusRows: c} = this;
+    return t.length ? a("colgroup", null, c && a("col", {
       class: "status-column"
     }), e && "left" === r && a("col", {
       class: "select-column"
@@ -389,7 +389,7 @@ const d = class {
       class: "click-column"
     }), l && a("col", {
       class: "expandable-row-control-column"
-    }), c && a("col", {
+    }), s && a("col", {
       class: "dropdown-column"
     }), e && "right" === r && a("col", {
       class: "select-column"
@@ -401,9 +401,9 @@ const d = class {
     const v = e ? a("th", {
       class: "select-column"
     }, "multiple" === l ? a("q2-checkbox", {
-      label: c("tecton.element.dataTable.selectAllRows"),
+      label: s("tecton.element.dataTable.selectAllRows"),
       "hide-label": !0,
-      onChange: () => s(this, [ "selectAllRows", "tctSelectAllRows" ], {
+      onChange: () => c(this, [ "selectAllRows", "tctSelectAllRows" ], {
         checked: !b
       }),
       checked: p && b && !h,
@@ -412,12 +412,12 @@ const d = class {
       "test-id": "select-all-rows-control"
     }) : a("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.selectRow"))) : null;
+    }, s("tecton.element.dataTable.selectRow"))) : null;
     return a("thead", null, a("tr", null, i && a("th", {
       class: "status-column"
     }, a("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.rowStatus"))), e && "left" === this.selectAlign && v, t.map((t => {
+    }, s("tecton.element.dataTable.rowStatus"))), e && "left" === this.selectAlign && v, t.map((t => {
       const {align: e, sorted: r, verticalAlign: o} = t, l = [];
       return e && l.push(`align-${e}`), o && l.push(`vertical-align-${o}`), r && l.push("sorted"), 
       a("th", {
@@ -435,12 +435,12 @@ const d = class {
       }, t.title), a("q2-icon", r ? {
         class: `sorted-indicator direction-${r}`,
         type: "arrow-down",
-        label: c("ASC" === r ? "tecton.element.dataTable.sortedAscending" : "tecton.element.dataTable.sortedDescending"),
+        label: s("ASC" === r ? "tecton.element.dataTable.sortedAscending" : "tecton.element.dataTable.sortedDescending"),
         "test-id": "sorted-indicator"
       } : {
         class: "sorted-indicator",
         type: "sort",
-        label: c("tecton.element.dataTable.clickToSort"),
+        label: s("tecton.element.dataTable.clickToSort"),
         "test-id": "sorted-indicator"
       }))) : a("div", {
         class: "header-content",
@@ -453,16 +453,16 @@ const d = class {
       class: o ? "sr" : void 0
     }, a("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.clickRow"))), d && a("th", {
+    }, s("tecton.element.dataTable.clickRow"))), d && a("th", {
       id: "toggle"
     }, a("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.toggleRow"))), n && a("th", null, a("span", {
+    }, s("tecton.element.dataTable.toggleRow"))), n && a("th", null, a("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.dropdown")))));
+    }, s("tecton.element.dataTable.dropdown")))));
   }
   renderTableRows() {
-    const {serializedHeaders: t, serializedRows: e, selectable: o, clickable: l, striped: s, hideClickable: d, selectMode: n, hasExpandableRows: i, hasDropdowns: b, hasStatusRows: h, numberOfColumns: p, loading: u} = this;
+    const {serializedHeaders: t, serializedRows: e, selectable: o, clickable: l, striped: c, hideClickable: d, selectMode: n, hasExpandableRows: i, hasDropdowns: b, hasStatusRows: h, numberOfColumns: p, loading: u} = this;
     if (u) return a("tbody", null, a("tr", {
       class: "loading-row"
     }, a("td", {
@@ -477,9 +477,9 @@ const d = class {
     const m = w.join(" ");
     return a("tbody", null, e.map(((e, d) => {
       const n = `row-${e.id}-cell`, u = `row-${e.id}-expandable-content`, w = `row-${e.id}-dropdown`, f = i && !!this.hostElement.querySelector(`[slot="${u}"]`), x = b && !!this.hostElement.querySelector(`[slot="${w}"]`), k = [];
-      f && k.push("expandable"), l && k.push("clickable"), s && k.push("striped-" + (d % 2 ? "even" : "odd")), 
+      f && k.push("expandable"), l && k.push("clickable"), c && k.push("striped-" + (d % 2 ? "even" : "odd")), 
       e.expanded && k.push("expanded"), e.selected && k.push("selected"), e.status && k.push("status", `status-${e.status}`);
-      const y = l || f, z = o ? a("td", {
+      const y = l || f, C = o ? a("td", {
         class: "select-column",
         onClick: this.onControlContainerClick
       }, a("q2-checkbox", {
@@ -500,33 +500,33 @@ const d = class {
       }, e.status && a("q2-icon", {
         type: this.statusIconType(e.status),
         label: e.status
-      })), o && "left" === this.selectAlign && z, t.map((({key: t}) => {
-        const r = e.cells[t], o = null == r ? void 0 : r.lineClamp, l = null == r ? void 0 : r.align, c = null == r ? void 0 : r.verticalAlign, s = [];
-        l && s.push(`align-${l}`), c && s.push(`vertical-align-${c}`), o && s.push("clamped");
+      })), o && "left" === this.selectAlign && C, t.map((({key: t}) => {
+        const r = e.cells[t], o = null == r ? void 0 : r.lineClamp, l = null == r ? void 0 : r.align, s = null == r ? void 0 : r.verticalAlign, c = [];
+        l && c.push(`align-${l}`), s && c.push(`vertical-align-${s}`), o && c.push("clamped");
         const d = o ? {
           "--comp-line-clamp-count": `${o}`
         } : void 0;
         return a("td", {
-          class: s.join(" "),
+          class: c.join(" "),
           style: d
         }, a("slot", {
           name: `${n}-${t}`
         }, this.renderCellContent(r)));
-      })), o && "right" === this.selectAlign && z, l && a("td", {
+      })), o && "right" === this.selectAlign && C, l && a("td", {
         class: m
       }, a("q2-btn", {
         intent: "neutral",
         size: "small",
         onClick: t => this.onClickRow(t, e),
         "test-id": "clickable-row-control"
-      }, c("tecton.element.dataTable.clickRow"))), i && a("td", {
+      }, s("tecton.element.dataTable.clickRow"))), i && a("td", {
         class: "expandable-row-control-column",
         onClick: this.onControlContainerClick
       }, f && a("q2-btn", {
         onClick: t => this.onToggleRow(t, e),
         ariaExpanded: `${e.expanded}`,
         ariaControls: u,
-        ariaLabel: c("tecton.element.dataTable.toggleRow"),
+        ariaLabel: s("tecton.element.dataTable.toggleRow"),
         "test-id": "expandable-row-control"
       }, a("q2-icon", {
         type: "chevron-down",

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as i } from "./index-Cqkz7Bnm.js";
 
-import { b as l, h as a, l as o } from "./index-Bx4m6N0g.js";
+import { b as l, h as a, l as o } from "./index-Cps4jSQM.js";
 
 const n = class {
   constructor(e) {
@@ -102,6 +102,6 @@ const n = class {
   }
 };
 
-n.style = "*{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}::slotted([slot]){display:flex;align-items:center;--tct-icon-size:var(--tct-detail-label-icon-size, 16px)}.detail{column-gap:var(--tct-detail-gap-column, var(--app-scale-1x, 5px));row-gap:var(--tct-detail-gap-row, 0px)}.detail-block{display:flex;width:100%}.detail-inline{display:flex}.detail-horizontal{align-items:var(--tct-detail-vertical-alignment, baseline);flex-direction:row}.detail-stacked{flex-direction:column}.detail-stacked-alignment-left{align-items:flex-start}.detail-stacked-alignment-right{align-items:flex-end}.detail-stacked-alignment-center{align-items:center}.label{flex:1;text-align:left;line-height:1.5;color:var(--tct-detail-label-font-color, #141430)}.label-size-xsmall{color:var(--tct-detail-label-xsmall-font-color, #6f6f82);font-size:var(--tct-detail-label-xsmall-font-size, 14px);font-weight:var(--tct-detail-label-xsmall-font-weight, 400)}.label-size-small{color:var(--tct-detail-label-small-font-color);font-size:var(--tct-detail-label-small-font-size, 14px);font-weight:var(--tct-detail-label-small-font-weight, 400)}.label-size-medium{color:var(--tct-detail-label-medium-font-color);font-size:var(--tct-detail-label-medium-font-size, 14px);font-weight:var(--tct-detail-label-medium-font-weight, 400)}.label-size-large{color:var(--tct-detail-label-large-font-color);font-size:var(--tct-detail-label-large-font-size, 16px);font-weight:var(--tct-detail-label-large-font-weight, 400)}.label-size-xlarge{color:var(--tct-detail-label-xlarge-font-color);font-size:var(--tct-detail-label-xlarge-font-size, 18px);font-weight:var(--tct-detail-label-xlarge-font-weight, 400)}.label-size-inline{font-size:var(--tct-detail-label-inline-font-size, 1em);font-weight:var(--tct-detail-label-inline-font-weight, 400);color:inherit}.description{flex:1;display:flex;align-items:center;line-height:1.5;color:var(--tct-detail-description-font-color, #141430);column-gap:var(--tct-detail-description-gap-column, var(--app-scale-1x, 5px))}.description-alignment-right{justify-content:flex-end}.description-size-xsmall{color:var(--tct-detail-description-xsmall-font-color, #6f6f82);font-size:var(--tct-detail-description-xsmall-font-size, 14px);font-weight:var(--tct-detail-description-xsmall-font-weight, 400)}.description-size-small{color:var(--tct-detail-description-small-font-color);font-size:var(--tct-detail-description-small-font-size, 14px);font-weight:var(--tct-detail-description-small-font-weight, 400)}.description-size-medium{color:var(--tct-detail-description-medium-font-color);font-size:var(--tct-detail-description-medium-font-size, 24px);font-weight:var(--tct-detail-description-medium-font-weight, 600)}.description-size-large{color:var(--tct-detail-description-large-font-color);font-size:var(--tct-detail-description-large-font-size, 28px);font-weight:var(--tct-detail-description-large-font-weight, 600)}.description-size-xlarge{color:var(--tct-detail-description-xlarge-font-color);font-size:var(--tct-detail-description-xlarge-font-size, 32px);font-weight:var(--tct-detail-description-xlarge-font-weight, 700)}.description-size-inline{font-size:var(--tct-detail-description-inline-font-size, 1em);color:inherit}";
+n.style = "*{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}::slotted([slot]){display:flex;align-items:center;--tct-icon-size:var(--tct-detail-label-icon-size, 16px)}.detail{column-gap:var(--tct-detail-gap-column, var(--app-scale-1x, 5px));row-gap:var(--tct-detail-gap-row, 0px)}.detail-block{display:flex;width:100%}.detail-inline{display:flex}.detail-horizontal{align-items:var(--tct-detail-vertical-alignment, baseline);flex-direction:row}.detail-stacked{flex-direction:column}.detail-stacked-alignment-left{align-items:flex-start}.detail-stacked-alignment-right{align-items:flex-end}.detail-stacked-alignment-center{align-items:center}.label{flex:1;text-align:left;line-height:1.5;color:var(--tct-detail-label-font-color, inherit)}.label-size-xsmall{color:var(--tct-detail-label-xsmall-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-xsmall-font-size, 14px);font-weight:var(--tct-detail-label-xsmall-font-weight, 400)}.label-size-small{color:var(--tct-detail-label-small-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-small-font-size, 14px);font-weight:var(--tct-detail-label-small-font-weight, 400)}.label-size-medium{color:var(--tct-detail-label-medium-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-medium-font-size, 14px);font-weight:var(--tct-detail-label-medium-font-weight, 400)}.label-size-large{color:var(--tct-detail-label-large-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-large-font-size, 16px);font-weight:var(--tct-detail-label-large-font-weight, 400)}.label-size-xlarge{color:var(--tct-detail-label-xlarge-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-xlarge-font-size, 18px);font-weight:var(--tct-detail-label-xlarge-font-weight, 400)}.label-size-inline{font-size:var(--tct-detail-label-inline-font-size, 1em);font-weight:var(--tct-detail-label-inline-font-weight, 400);color:inherit}.description{flex:1;display:flex;align-items:center;line-height:1.5;color:var(--tct-detail-description-font-color, inherit);column-gap:var(--tct-detail-description-gap-column, var(--app-scale-1x, 5px))}.description-alignment-right{justify-content:flex-end}.description-size-xsmall{color:var(--tct-detail-description-xsmall-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-xsmall-font-size, 14px);font-weight:var(--tct-detail-description-xsmall-font-weight, 400)}.description-size-small{color:var(--tct-detail-description-small-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-small-font-size, 14px);font-weight:var(--tct-detail-description-small-font-weight, 400)}.description-size-medium{color:var(--tct-detail-description-medium-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-medium-font-size, 24px);font-weight:var(--tct-detail-description-medium-font-weight, 600)}.description-size-large{color:var(--tct-detail-description-large-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-large-font-size, 28px);font-weight:var(--tct-detail-description-large-font-weight, 600)}.description-size-xlarge{color:var(--tct-detail-description-xlarge-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-xlarge-font-size, 32px);font-weight:var(--tct-detail-description-xlarge-font-weight, 700)}.description-size-inline{font-size:var(--tct-detail-description-inline-font-size, 1em);color:inherit}";
 
 export { n as q2_detail }

package/dist/q2-tecton-elements/q2-dropdown-item.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as o, h as e, g as r } from "./index-Cqkz7Bnm.js";
 
-import { l as i, d as a, o as n } from "./index-Bx4m6N0g.js";
+import { l as i, d as a, o as n } from "./index-Cps4jSQM.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 

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

@@ -2,9 +2,9 @@ import { r as t, h as o, F as e, g as i } from "./index-Cqkz7Bnm.js";
 
 import { s, a as n } from "./action-sheet-B7adb3xs.js";
 
-import { o as a, i as r, w as d, b as l, d as h, l as p } from "./index-Bx4m6N0g.js";
+import { o as a, i as r, w as d, b as l, d as h, l as c } from "./index-Cps4jSQM.js";
 
-const c = class {
+const p = class {
   constructor(o) {
     var e;
     t(this, o), this.dropdownItemSelector = "q2-dropdown-item:not([disabled]):not([separator])", 
@@ -166,7 +166,7 @@ const c = class {
   // #endregion
   // #region Local Methods
   get determineDropdownItemCount() {
-    return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;
+    return this.hostElement.querySelectorAll(`${this.dropdownItemSelector}, ${this.optionSelector}`).length;
   }
   get hasCustomControl() {
     return !!this.hostElement.querySelector("[slot=control]");
@@ -250,12 +250,12 @@ const c = class {
   render() {
     const t = this.toggleButtonProps;
     return o("click-elsewhere", {
-      key: "1fb0465b5d0a0228c12e53161f795e9039c3e482",
+      key: "27e7a560b21894fb10175be18c9cb07e37f59db3",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
     }, o("q2-btn", {
-      key: "ca2afb3f037229568969431724617e82f817d892",
+      key: "b53dace27e75fdbcd87a1689470a1466ad9e07d3",
       tabIndex: 0,
       ref: t => this.controlElement = t,
       class: t.className,
@@ -267,12 +267,12 @@ const c = class {
       active: t.active,
       disabled: t.disabled,
       ariaExpanded: `${!!t.ariaExpanded}`,
-      label: this.hideLabel && this.label ? p(this.label) : void 0,
+      label: this.hideLabel && this.label ? c(this.label) : void 0,
       hideLabel: this.hideLabel,
       ariaHasPopup: "menu",
       "test-id": "dropdownButton",
       block: this.block,
-      description: p("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
+      description: c("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
     }, this.hasCustomControl ? o("div", {
       "test-id": "dropdownControl",
       class: t.custom ? "" : "hidden"
@@ -280,10 +280,10 @@ const c = class {
       name: "control"
     })) : o(e, null, this.label && !this.hideLabel && o("span", {
       class: "dropdown-button-text"
-    }, p(this.label)), this.icon ? o("q2-icon", {
+    }, c(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
     }) : " ")), o("q2-popover", {
-      key: "5e65c0527e6f3950c1d02df536f336c2f5a63fed",
+      key: "4a15e7d6d8f474c8464e39e35437cd8edcc9487d",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -295,20 +295,20 @@ const c = class {
       mode: this.popoverMode || void 0,
       block: this.block
     }, o("slot", {
-      key: "6304f30a52d2a72359d78aef3ae1983560d8ad97",
+      key: "7854254650f81b8d5a229acbec55aa8beab36882",
       name: "popover-top"
     }), o("q2-option-list", {
-      key: "b4eee650726da0455eb8fe625f78b6bdcd4a6418",
+      key: "a38c9411306ad8d39456dce81bb50e9af13bf1f6",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
       type: "menu",
-      label: p("tecton.element.optionList.label", [ this.optionListLabel ]),
+      label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": !0
     }, o("slot", {
-      key: "29e19ea60b40e3b52025c67161030000d2723a20"
+      key: "7472127d019366f76eff86cd744d050d197b25c1"
     })), o("slot", {
-      key: "d9497a3f4f0d2f9624af5628d6a304d954f5461e",
+      key: "5af670e8f5ed273175100ddc9202c44e2c06f7b3",
       name: "popover-bottom"
     })));
   }
@@ -345,6 +345,6 @@ const c = class {
   }
 };
 
-c.style = "*{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:inline-flex}:host([block]){display:block}:host([full-width]:not([full-width=false])){display:inline-flex;justify-content:center;width:100%}::slotted([slot=popover-top]){padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}::slotted([slot=popover-bottom]){padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}q2-icon{pointer-events:none;margin-block:-100px}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width));--tct-popover-padding:var(--tct-dropdown-content-padding)}";
+p.style = "*{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:inline-flex}:host([block]){display:block}:host([full-width]:not([full-width=false])){display:inline-flex;justify-content:center;width:100%}::slotted([slot=popover-top]){padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}::slotted([slot=popover-bottom]){padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}q2-icon{pointer-events:none;margin-block:-100px}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width));--tct-popover-padding:var(--tct-dropdown-content-padding)}";
 
-export { c as q2_dropdown }
+export { p as q2_dropdown }

package/dist/q2-tecton-elements/q2-editable-field.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as s } from "./index-Cqkz7Bnm.js";
 
-import { d as a, o as n, i as h, w as r, l } from "./index-Bx4m6N0g.js";
+import { d as a, o as n, i as r, w as h, l } from "./index-Cps4jSQM.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 
@@ -22,7 +22,8 @@ const o = class {
       null == t || t.stopPropagation(), d(this, [ "change", "tctChange" ], {
         editing: !1,
         name: "cancel"
-      }), this.inputElement.setValue(this.defaultValue);
+      }), this.innerValue = void 0, this.formattedValue = void 0, this.inputElement.value = "", 
+      this.inputElement.value = this.defaultValue;
     }, this.editClick = t => {
       null == t || t.stopPropagation(), d(this, [ "change", "tctChange" ], {
         editing: !0,
@@ -40,7 +41,7 @@ const o = class {
     this.saveClick = t => {
       t && t.stopPropagation();
       const i = this.hostElement.shadowRoot.querySelector("q2-input").value;
-      this.defaultValue = i, d(this, [ "change", "tctChange" ], {
+      d(this, [ "change", "tctChange" ], {
         editing: !1,
         name: "save",
         value: this.innerValue || i,
@@ -62,7 +63,7 @@ const o = class {
   // #endregion
   // #region Listeners
   onHostElementChange(t) {
-    h(t, this.hostElement) && !this.hostElement.onchange && queueMicrotask((() => {
+    r(t, this.hostElement) && !this.hostElement.onchange && queueMicrotask((() => {
       switch (t.detail.name) {
        case "save":
         if (this.hasErrors) {
@@ -82,7 +83,7 @@ const o = class {
     }));
   }
   delegateFocus(t) {
-    h(t, this.hostElement) && this.hostElement.shadowRoot.querySelector(this.editing ? "q2-input" : "q2-btn.begin-edit").focus();
+    r(t, this.hostElement) && this.hostElement.shadowRoot.querySelector(this.editing ? "q2-input" : "q2-btn.begin-edit").focus();
   }
   inputFormatted(t) {
     this.formattedValue = t.detail.formattedValue;
@@ -124,8 +125,8 @@ const o = class {
      */  async setValue(t, i = {
     clickSave: !0
   }) {
-    await this.clickEdit(), await r(), await this.inputElement.setValue(t), i.clickSave && (await this.clickSave(), 
-    await r());
+    await this.clickEdit(), await h(), await this.inputElement.setValue(t), i.clickSave && (await this.clickSave(), 
+    await h());
   }
   // #endregion
   // #region Watchers
@@ -139,6 +140,9 @@ const o = class {
     const {editing: t, hasErrors: i} = this, e = this.hostElement.shadowRoot.activeElement;
     !("Q2-INPUT" === (null == e ? void 0 : e.tagName)) && e && t && i && this.inputElement.focus();
   }
+  valueObserver(t) {
+    this.defaultValue = t;
+  }
   // #endregion
   // #region Local Methods
   get hasErrors() {
@@ -238,7 +242,7 @@ const o = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "bd5759fc666e43c948cf4826e2075ba5566038cc"
+      key: "8231300cc04b5b2dce65d3c39ef2e4c0bc892696"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {
@@ -254,6 +258,9 @@ const o = class {
       } ],
       errors: [ {
         errorsObserver: 0
+      } ],
+      value: [ {
+        valueObserver: 0
       } ]
     };
   }

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

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, F as r, g as o } from "./index-Cqkz7Bnm.js";
 
-import { l as a, h as s } from "./index-Bx4m6N0g.js";
+import { l as a, h as s } from "./index-Cps4jSQM.js";
 
 const n = class {
   constructor(o) {

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

@@ -1,6 +1,6 @@
 import { r, a, h as t, g as s } from "./index-Cqkz7Bnm.js";
 
-import { c as d } from "./index-Bx4m6N0g.js";
+import { c as d } from "./index-Cps4jSQM.js";
 
 import { g as e } from "./sprites-jG2RmiwF.js";
 

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o as i, h as a } from "./index-Bx4m6N0g.js";
+import { o as i, h as a } from "./index-Cps4jSQM.js";
 
 const r = class {
   constructor(e) {
@@ -133,6 +133,6 @@ const r = class {
   }
 };
 
-r.style = "*{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}*{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}:host .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-0, 0))}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:var(       --tct-btn-primary-hover-box-shadow,       0 0 0 2px var(--comp-hover-inner-ring-color),       0 0 0 4px var(--comp-hover-outer-ring-color)   )}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}:host([clickable]:is(:not([disabled]),[disabled=false]):is(:not([aria-disabled]),[aria-disabled=false])) .item:hover{background-color:var(--tct-item-hover-background, var(--t-base-hover))}.action{--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:var(--tct-item-action-align-items, center);display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.body{color:var(--tct-item-body-color, var(--t-textA, #747474));font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400);font-style:var(--tct-item-body-font-style, inherit)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.vertical-align-center{align-self:center;padding-top:0}.vertical-align-bottom{align-self:end;padding-top:0}.vertical-align-single-content{grid-row-end:2}.footer{color:var(--tct-item-footer-color, inherit);font-size:var(--tct-item-footer-font-size, inherit);font-weight:var(--tct-item-footer-font-weight, inherit);font-style:var(--tct-item-footer-font-style, inherit);grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.vertical-align-footer-center{align-self:center;grid-row:1}.vertical-align-footer-bottom{align-self:end;grid-row:1}.header{color:var(--tct-item-header-color, var(--t-text, #4d4d4d));font-size:var(--tct-item-header-font-size, 16px);font-style:var(--tct-item-header-font-style, inherit);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{font-style:var(--tct-item-font-style, inherit);border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:box-shadow var(--comp-btn-tween), background-color var(--t-tween-time-out-1, 100ms) var(--t-tween-ease-out);column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.item-single-content{grid-template-rows:auto}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}.vertical-align-main-center{align-self:center}.vertical-align-main-bottom{align-self:end}";
+r.style = "*{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}*{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}:host .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-0, 0))}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:var(       --tct-btn-primary-hover-box-shadow,       0 0 0 2px var(--comp-hover-inner-ring-color),       0 0 0 4px var(--comp-hover-outer-ring-color)   )}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}:host([clickable]:is(:not([disabled]),[disabled=false]):is(:not([aria-disabled]),[aria-disabled=false])) .item:hover{background-color:var(--tct-item-hover-background, var(--t-base-hover))}.action{--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:var(--tct-item-action-align-items, center);display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.action ::slotted(q2-dropdown[type=icon]),.action ::slotted(q2-btn:not([intent])){--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-btn-icon-padding:var(--tct-item-action-btn-icon-padding, 0)}.body{color:var(--tct-item-body-color, inherit);font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400);font-style:var(--tct-item-body-font-style, inherit)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.vertical-align-center{align-self:center;padding-top:0}.vertical-align-bottom{align-self:end;padding-top:0}.vertical-align-single-content{grid-row-end:2}.footer{color:var(--tct-item-footer-color, inherit);font-size:var(--tct-item-footer-font-size, inherit);font-weight:var(--tct-item-footer-font-weight, inherit);font-style:var(--tct-item-footer-font-style, inherit);grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.vertical-align-footer-center{align-self:center;grid-row:1}.vertical-align-footer-bottom{align-self:end;grid-row:1}.header{color:var(--tct-item-header-color, inherit);font-size:var(--tct-item-header-font-size, 16px);font-style:var(--tct-item-header-font-style, inherit);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{font-style:var(--tct-item-font-style, inherit);border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:box-shadow var(--comp-btn-tween), background-color var(--t-tween-time-out-1, 100ms) var(--t-tween-ease-out);column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.item-single-content{grid-template-rows:auto}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}.vertical-align-main-center{align-self:center}.vertical-align-main-bottom{align-self:end}";
 
 export { r as q2_item }

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

@@ -131,6 +131,6 @@ const n = class {
   }
 };
 
-n.style = "*{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{position:relative;width:100%;display:block}ul{list-style:none;padding:0;margin:0}.item-button{align-items:flex-start;background-color:transparent;border:none;column-gap:var(--tct-legend-item-gap, var(--app-scale-2x, 10px));display:flex;min-height:var(--tct-legend-item-min-height, 15px);opacity:1;padding:var(--tct-legend-item-padding, 0 0 9px 0);transition:opacity var(--app-tween-1, 0.2s ease);width:100%}.item-button:focus-visible{box-shadow:var(--tct-legend-item-focus-visible-box-shadow, var(--aesthetic-focus-ring-shadow))}.item-button:hover{cursor:pointer}.item-button-faded>*{opacity:var(--tct-legend-item-opacity-faded, var(--app-disabled-opacity, 0.4))}.item-color-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px));width:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px))}.item-name{color:var(--tct-legend-item-name-font-color, var(--t-text, #4d4d4d));display:inline-block;flex-grow:1;font-size:var(--tct-legend-item-name-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-name-font-weight, 600);line-height:var(--tct-legend-item-name-line-height, 1);text-align:left}.item-value{color:var(--tct-legend-item-value-font-color, var(--t-text, #4d4d4d));display:inline-block;margin-left:auto;flex-grow:0;font-size:var(--tct-legend-item-value-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-value-font-weight, 400);line-height:var(--tct-legend-item-value-line-height, 1);text-align:right}";
+n.style = "*{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{position:relative;width:100%;display:block}ul{list-style:none;padding:0;margin:0}.item-button{align-items:flex-start;background-color:transparent;border:none;column-gap:var(--tct-legend-item-gap, var(--app-scale-2x, 10px));display:flex;min-height:var(--tct-legend-item-min-height, 15px);opacity:1;padding:var(--tct-legend-item-padding, 0 0 9px 0);transition:opacity var(--app-tween-1, 0.2s ease);width:100%}.item-button:focus-visible{box-shadow:var(--tct-legend-item-focus-visible-box-shadow, var(--aesthetic-focus-ring-shadow))}.item-button:hover{cursor:pointer}.item-button-faded>*{opacity:var(--tct-legend-item-opacity-faded, var(--app-disabled-opacity, 0.4))}.item-color-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px));width:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px))}.item-name{color:var(--tct-legend-item-name-font-color, inherit);display:inline-block;flex-grow:1;font-size:var(--tct-legend-item-name-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-name-font-weight, 600);line-height:var(--tct-legend-item-name-line-height, 1);text-align:left}.item-value{color:var(--tct-legend-item-value-font-color, inherit);display:inline-block;margin-left:auto;flex-grow:0;font-size:var(--tct-legend-item-value-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-value-font-weight, 400);line-height:var(--tct-legend-item-value-line-height, 1);text-align:right}";
 
 export { n as q2_legend }

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { h as n } from "./index-Bx4m6N0g.js";
+import { h as n } from "./index-Cps4jSQM.js";
 
 const s = class {
   constructor(e) {
@@ -156,6 +156,6 @@ const r = class {
   }
 };
 
-r.style = "*{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}*{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([bordered]:not([bordered=false])) ::slotted(q2-item:not(:last-child)),:host([bordered]:not([bordered=false])) .header{border-style:var(--tct-list-item-border-style, solid);border-width:var(--tct-list-item-border-width, 0 0 1px 0);border-color:var(--tct-list-item-border-color, var(--t-gray-12, #d9d9d9))}::slotted(q2-item){--comp-item-padding:var(--tct-list-item-padding, var(--app-scale-2x, 10px) var(--app-scale-4x, 20px));--tct-item-padding:var(--comp-item-padding)}.header{--comp-default-header-padding:0 var(--app-scale-4x, 20px);display:flex;gap:var(--app-scale-3x, 12px);padding:var(--tct-list-header-padding, var(--comp-default-header-padding));min-height:var(--tct-list-header-min-height, var(--t-list-header-min-height, 44px))}.header-spacebetween{justify-content:space-between}.header-start{justify-content:flex-start}.header-end{justify-content:flex-end}.header .label{width:100%;height:var(--tct-list-label-height, 44px);line-height:var(--tct-list-label-line-height, 44px);font-size:var(--tct-list-label-font-size, var(--app-font-size, 14px));font-weight:var(--tct-list-label-font-weight, 600);color:var(--tct-list-label-font-color, var(--t-text, #4d4d4d))}slot:not([name]){display:flex;flex-direction:column;gap:var(--tct-list-item-gap, 0)}";
+r.style = "*{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}*{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([bordered]:not([bordered=false])) ::slotted(q2-item:not(:last-child)),:host([bordered]:not([bordered=false])) .header{border-style:var(--tct-list-item-border-style, solid);border-width:var(--tct-list-item-border-width, 0 0 1px 0);border-color:var(--tct-list-item-border-color, var(--t-gray-12, #d9d9d9))}::slotted(q2-item){--comp-item-padding:var(--tct-list-item-padding, var(--app-scale-2x, 10px) var(--app-scale-4x, 20px));--tct-item-padding:var(--comp-item-padding)}.header{--comp-default-header-padding:0 var(--app-scale-4x, 20px);display:flex;gap:var(--app-scale-3x, 12px);padding:var(--tct-list-header-padding, var(--comp-default-header-padding));min-height:var(--tct-list-header-min-height, var(--t-list-header-min-height, 44px))}.header-spacebetween{justify-content:space-between}.header-start{justify-content:flex-start}.header-end{justify-content:flex-end}.header .label{width:100%;height:var(--tct-list-label-height, 44px);line-height:var(--tct-list-label-line-height, 44px);font-size:var(--tct-list-label-font-size, var(--app-font-size, 14px));font-weight:var(--tct-list-label-font-weight, 600);color:var(--tct-list-label-font-color, inherit)}slot:not([name]){display:flex;flex-direction:column;gap:var(--tct-list-item-gap, 0)}";
 
 export { s as q2_link, r as q2_list }