@orangelogic/design-system 4.2.0 → 4.4.0

package/library/components/dynamic-select.js

@@ -1,51 +1,51 @@
-import { C as g } from "../chunks/button.D1YIxtv-.js";
-import { C as O } from "../chunks/icon-button.CbUddcgI.js";
-import { C as h, a as C } from "../chunks/option.CkhHTlpl.js";
+import { C as g } from "../chunks/button.cbDkxJHn.js";
+import { C as O } from "../chunks/icon-button.DV5Fks8j.js";
+import { C as h, a as C } from "../chunks/option.dBUWN4sF.js";
 import $ from "./select.js";
-import { n as s, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { n as i, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as w } from "../chunks/debounce.DaHuiSGU.js";
-import { L as S } from "../chunks/i18n.rtxrs1c1.js";
+import { L as S } from "../chunks/i18n.BSPmBQ73.js";
 import { w as p } from "../chunks/watch.DJF5K-8U.js";
 import { x as n } from "../chunks/lit-element.jLBm65_O.js";
 import { r as c } from "../chunks/state.CSDxrqLd.js";
 import { e as E } from "../chunks/query.BBf1UFkC.js";
 import { e as T } from "../chunks/class-map.BiVq-cVR.js";
-import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
+import { o as f } from "../chunks/if-defined.BRoBj_Rp.js";
 import { i as B } from "../chunks/keyed.DdOUTIg-.js";
 import { o as b } from "../chunks/map.D8heArFD.js";
 import { c as y } from "../chunks/repeat.CFjcER6_.js";
 import { o as F } from "../chunks/style-map.llVFPd__.js";
-import { n as f } from "../chunks/when.Dr1es41R.js";
+import { n as m } from "../chunks/when.Dr1es41R.js";
 import { b as D } from "../chunks/_baseIteratee.sC2wLi2m.js";
 import { b as V } from "../chunks/_baseUniq.lwMgmtt2.js";
-function k(t, i) {
-  return t && t.length ? V(t, D(i)) : [];
+function k(t, s) {
+  return t && t.length ? V(t, D(s)) : [];
 }
-var _ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, o = (t, i, l, a) => {
-  for (var r = a > 1 ? void 0 : a ? z(i, l) : i, u = t.length - 1, d; u >= 0; u--)
-    (d = t[u]) && (r = (a ? d(i, l, r) : d(r)) || r);
-  return a && r && _(i, l, r), r;
+var _ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, o = (t, s, l, a) => {
+  for (var r = a > 1 ? void 0 : a ? z(s, l) : s, u = t.length - 1, d; u >= 0; u--)
+    (d = t[u]) && (r = (a ? d(s, l, r) : d(r)) || r);
+  return a && r && _(s, l, r), r;
 };
 let e = class extends v {
   constructor() {
-    super(...arguments), this.localize = new S(this), this.name = "", this.value = "", this.size = "medium", this.placeholder = "", this.allowFreetext = !1, this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.freeWidth = !1, this.autosizePadding = 10, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.useTag = !1, this.inputBehavior = "filter", this.getOptionValue = (t) => !t || !(t instanceof h) ? "" : typeof t.value == "string" ? t.value : "", this.setOptionCurrent = (t, i) => {
+    super(...arguments), this.localize = new S(this), this.name = "", this.value = "", this.size = "medium", this.placeholder = "", this.allowFreetext = !1, this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.freeWidth = !1, this.autosizePadding = 10, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.useTag = !1, this.inputBehavior = "filter", this.getOptionValue = (t) => !t || !(t instanceof h) ? "" : typeof t.value == "string" ? t.value : "", this.setOptionCurrent = (t, s) => {
       if (t instanceof h) {
-        if (i === void 0) {
+        if (s === void 0) {
           t.current = !t.current;
           return;
         }
-        t.current = i;
+        t.current = s;
       }
-    }, this.setOptionSelected = (t, i) => {
+    }, this.setOptionSelected = (t, s) => {
       if (!(!(t instanceof h) || t.getAttribute("role") !== "option")) {
-        if (i === void 0) {
+        if (s === void 0) {
           t.selected = !t.selected;
           return;
         }
-        t.selected = i, i && this.selectEl.setCurrentOption(t);
+        t.selected = s, s && this.selectEl.setCurrentOption(t);
       }
-    }, this.stayOpenOnSelect = !1, this.closeOnSelect = !1, this.forceOnChange = !1, this.allowDefaultMouseDown = !1, this.columns = [], this.useSearchTerm = !1, this.noSelectOnEnter = !1, this.noResetCurrent = !1, this.iconName = "", this.noDropdown = !1, this.noDropdownOnEmpty = !1, this.noFlip = !1, this.customChangeEvent = "", this.autoFallbackFirstOption = !1, this.hasOptions = !1, this.options = [], this.start = 0, this.searchTerm = "", this.hasMore = !1, this.loading = !1, this.fetchToken = 0;
+    }, this.stayOpenOnSelect = !1, this.closeOnSelect = !1, this.forceOnChange = !1, this.allowDefaultMouseDown = !1, this.columns = [], this.useSearchTerm = !1, this.noSelectOnEnter = !1, this.noResetCurrent = !1, this.iconName = "", this.iconSrc = "", this.noDropdown = !1, this.noDropdownOnEmpty = !1, this.noFlip = !1, this.customChangeEvent = "", this.autoFallbackFirstOption = !1, this.hasOptions = !1, this.options = [], this.start = 0, this.searchTerm = "", this.hasMore = !1, this.loading = !1, this.fetchToken = 0;
   }
   createRenderRoot() {
     return this;
@@ -53,23 +53,23 @@ let e = class extends v {
   async fetchOptions(t = !1) {
     if (!this.api)
       return;
-    const i = ++this.fetchToken;
+    const s = ++this.fetchToken;
     try {
       this.loading = !0;
       const l = await this.api({
         searchTerm: this.searchTerm,
         start: this.start
       });
-      if (i !== this.fetchToken)
+      if (s !== this.fetchToken)
         return;
       if (t ? this.options = l.data : this.options = k([...this.options, ...l.data], "value"), this.hasMore = l.hasMore, await this.updateComplete, this.selectEl) {
         let a, r = !1;
         this.multiple ? a = this.value?.trim() ? this.value.trim().split(/\s+/) : [] : (a = this.getFallbackValue(), r = a !== this.value), this.selectEl.value = a, r && this.selectEl.emit("cx-change");
       }
     } catch {
-      i === this.fetchToken && (this.options = []);
+      s === this.fetchToken && (this.options = []);
     } finally {
-      i === this.fetchToken && (this.loading = !1);
+      s === this.fetchToken && (this.loading = !1);
     }
   }
   async handleStartChange() {
@@ -87,12 +87,12 @@ let e = class extends v {
   tableGetOptionValue(t) {
     return t?.getAttribute("data-value") ?? "";
   }
-  tableSetOptionSelected(t, i) {
-    const l = i ?? !t?.hasAttribute("selected");
+  tableSetOptionSelected(t, s) {
+    const l = s ?? !t?.hasAttribute("selected");
     t?.toggleAttribute("selected", l), t?.setAttribute("aria-selected", String(l));
   }
-  tableSetOptionCurrent(t, i) {
-    t?.toggleAttribute("current", i ?? !t?.hasAttribute("current"));
+  tableSetOptionCurrent(t, s) {
+    t?.toggleAttribute("current", s ?? !t?.hasAttribute("current"));
   }
   tableGetOptionLabel(t) {
     return t?.querySelector("td")?.textContent?.trim() ?? "";
@@ -103,31 +103,31 @@ let e = class extends v {
   tableGetOptionDisabled(t) {
     return t?.hasAttribute("disabled") ?? !1;
   }
-  tableFilterCallback(t, i) {
-    const l = i.toLowerCase();
+  tableFilterCallback(t, s) {
+    const l = s.toLowerCase();
     return [...t?.querySelectorAll("td") || []].some(
       (a) => a.textContent?.toLowerCase().includes(l)
     );
   }
-  getCellValue(t, i) {
-    if (i in t) {
-      const l = t[i];
+  getCellValue(t, s) {
+    if (s in t) {
+      const l = t[s];
       return l == null ? "" : String(l);
     }
-    return t.extra?.[i] ?? "";
+    return t.extra?.[s] ?? "";
   }
   getColWidth(t) {
-    const i = this.columns.reduce((l, a) => l + (a.flex ?? 1), 0);
-    return `${((t.flex ?? 1) / i * 100).toFixed(1)}%`;
+    const s = this.columns.reduce((l, a) => l + (a.flex ?? 1), 0);
+    return `${((t.flex ?? 1) / s * 100).toFixed(1)}%`;
   }
   getFallbackValue() {
     return this.autoFallbackFirstOption ? this.options.some(
-      (i) => i.value === this.value
+      (s) => s.value === this.value
     ) ? this.value : this.options[0]?.value ?? "" : this.value;
   }
   handleInputChange(t) {
-    const { value: i } = t.target.displayInput;
-    this.searchTerm = i, this.selectEl.getOptionLabel = (l) => !l || !(l instanceof h) ? this.searchTerm : l.getTextLabel() || this.searchTerm;
+    const { value: s } = t.target.displayInput;
+    this.searchTerm = s, this.selectEl.getOptionLabel = (l) => !l || !(l instanceof h) ? this.searchTerm : l.getTextLabel() || this.searchTerm;
   }
   handleClear() {
     this.fetchToken += 1, this.options = [], this.searchTerm = "";
@@ -138,8 +138,8 @@ let e = class extends v {
   handleCustomChange(t) {
     if (!t.target)
       return;
-    const i = t.target, l = this.options.find(
-      (a) => a.value === i.value
+    const s = t.target, l = this.options.find(
+      (a) => a.value === s.value
     );
     l && this.emit(this.customChangeEvent, {
       detail: l
@@ -154,18 +154,18 @@ let e = class extends v {
       (t) => t.value ?? "",
       (t) => n`<tr role="option" aria-selected="false" aria-disabled=${t.disabled ? "true" : "false"} data-value=${t.value ?? ""} ?disabled=${t.disabled ?? !1}>${b(
         this.columns,
-        (i) => n`<td class="table-select__td">${this.getCellValue(t, i.field)}</td>`
+        (s) => n`<td class="table-select__td">${this.getCellValue(t, s.field)}</td>`
       )}</tr>`
     )}</table>`;
   }
   render() {
-    const t = this.noDropdown || this.noDropdownOnEmpty && !this.options.length, i = this.columns.length > 0;
-    return B(i, n`<cx-select auto-size-padding=${this.autosizePadding} class=${T({
+    const t = this.noDropdown || this.noDropdownOnEmpty && !this.options.length, s = this.columns.length > 0;
+    return B(s, n`<cx-select auto-size-padding=${this.autosizePadding} class=${T({
       "dynamic-select": !0,
-      "table-select": i
-    })} data-id=${m(this.dataset.id || void 0)} data-label=${m(this.dataset.label || void 0)} form=${this.form} help-text=${this.helpText} input-behavior=${this.inputBehavior} label=${this.label} max-options-visible=${this.maxOptionsVisible} name=${this.name} placeholder=${this.placeholder} placement=${this.placement} size=${this.size} value=${this.value} .syncElement=${this.syncElement} ?allow-default-mouse-down=${this.allowDefaultMouseDown} ?allow-freetext=${this.allowFreetext} ?clearable=${this.clearable} ?close-on-select=${this.closeOnSelect} ?disabled=${this.disabled} ?filled=${this.filled} ?force-on-change=${this.forceOnChange} ?free-width=${this.freeWidth} ?hoist=${this.hoist} ?loading=${this.loading} ?multiple=${this.multiple} ?no-dropdown=${t} ?no-flip=${this.noFlip} ?no-reset-current=${this.noResetCurrent} ?no-select-on-enter=${this.noSelectOnEnter} ?open=${this.open} ?pill=${this.pill} ?required=${this.required} ?stay-open-on-select=${this.stayOpenOnSelect} ?use-tag=${this.useTag} @cx-change=${this.customChangeEvent ? this.handleCustomChange : void 0} @cx-clear=${this.useSearchTerm ? this.handleClear : void 0} @input=${this.useSearchTerm ? this.handleInputChange : void 0}>${f(this.iconName, () => n`<cx-icon-button class="icon-button" tabindex="-1" label=${this.localize.term("search")} name=${this.iconName} slot="prefix"></cx-icon-button>`)}
-      ${f(
-      i,
+      "table-select": s
+    })} data-id=${f(this.dataset.id || void 0)} data-label=${f(this.dataset.label || void 0)} form=${this.form} help-text=${this.helpText} input-behavior=${this.inputBehavior} label=${this.label} max-options-visible=${this.maxOptionsVisible} name=${this.name} placeholder=${this.placeholder} placement=${this.placement} size=${this.size} value=${this.value} .syncElement=${this.syncElement} ?allow-default-mouse-down=${this.allowDefaultMouseDown} ?allow-freetext=${this.allowFreetext} ?clearable=${this.clearable} ?close-on-select=${this.closeOnSelect} ?disabled=${this.disabled} ?filled=${this.filled} ?force-on-change=${this.forceOnChange} ?free-width=${this.freeWidth} ?hoist=${this.hoist} ?loading=${this.loading} ?multiple=${this.multiple} ?no-dropdown=${t} ?no-flip=${this.noFlip} ?no-reset-current=${this.noResetCurrent} ?no-select-on-enter=${this.noSelectOnEnter} ?open=${this.open} ?pill=${this.pill} ?required=${this.required} ?stay-open-on-select=${this.stayOpenOnSelect} ?use-tag=${this.useTag} @cx-change=${this.customChangeEvent ? this.handleCustomChange : void 0} @cx-clear=${this.useSearchTerm ? this.handleClear : void 0} @input=${this.useSearchTerm ? this.handleInputChange : void 0}>${m(this.iconName || this.iconSrc, () => n`<cx-icon-button class="icon-button" tabindex="-1" label=${this.localize.term("search")} name=${this.iconName} slot="prefix" src=${f(this.iconSrc || void 0)}></cx-icon-button>`)}
+      ${m(
+      s,
       () => this.renderTableOptions(),
       () => n`
           ${y(
@@ -173,7 +173,7 @@ let e = class extends v {
         (l) => l.value ?? "",
         (l) => n`<cx-option value=${l.value ?? ""} ?disabled=${l.disabled} show-check check-placement=${C.Right}>${l.label ?? l.value ?? ""}</cx-option>`
       )}
-          ${f(
+          ${m(
         this.hasMore,
         () => n`<cx-option value="load-more" class="tree-item__actions"><cx-button variant="text" ?loading=${this.loading} @click=${this.handleLoadMore}>${this.localize.term("more")}</cx-button></cx-option>`
       )}
@@ -191,149 +191,152 @@ o([
   E("cx-select")
 ], e.prototype, "selectEl", 2);
 o([
-  s()
+  i()
 ], e.prototype, "name", 2);
 o([
-  s({ reflect: !0, type: String })
+  i({ reflect: !0, type: String })
 ], e.prototype, "value", 2);
 o([
-  s({ reflect: !0 })
+  i({ reflect: !0 })
 ], e.prototype, "size", 2);
 o([
-  s()
+  i()
 ], e.prototype, "placeholder", 2);
 o([
-  s({ attribute: "allow-freetext", reflect: !0, type: Boolean })
+  i({ attribute: "allow-freetext", reflect: !0, type: Boolean })
 ], e.prototype, "allowFreetext", 2);
 o([
-  s({ reflect: !0, type: Boolean })
+  i({ reflect: !0, type: Boolean })
 ], e.prototype, "multiple", 2);
 o([
-  s({ attribute: "max-options-visible", type: Number })
+  i({ attribute: "max-options-visible", type: Number })
 ], e.prototype, "maxOptionsVisible", 2);
 o([
-  s({ reflect: !0, type: Boolean })
+  i({ reflect: !0, type: Boolean })
 ], e.prototype, "disabled", 2);
 o([
-  s({ type: Boolean })
+  i({ type: Boolean })
 ], e.prototype, "clearable", 2);
 o([
-  s({ reflect: !0, type: Boolean })
+  i({ reflect: !0, type: Boolean })
 ], e.prototype, "open", 2);
 o([
-  s({ type: Boolean })
+  i({ type: Boolean })
 ], e.prototype, "hoist", 2);
 o([
-  s({ attribute: "sync-element" })
+  i({ attribute: "sync-element" })
 ], e.prototype, "syncElement", 2);
 o([
-  s({ attribute: "free-width", reflect: !0, type: Boolean })
+  i({ attribute: "free-width", reflect: !0, type: Boolean })
 ], e.prototype, "freeWidth", 2);
 o([
-  s({ attribute: "auto-size-padding", type: Number })
+  i({ attribute: "auto-size-padding", type: Number })
 ], e.prototype, "autosizePadding", 2);
 o([
-  s({ reflect: !0, type: Boolean })
+  i({ reflect: !0, type: Boolean })
 ], e.prototype, "filled", 2);
 o([
-  s({ reflect: !0, type: Boolean })
+  i({ reflect: !0, type: Boolean })
 ], e.prototype, "pill", 2);
 o([
-  s()
+  i()
 ], e.prototype, "label", 2);
 o([
-  s({ reflect: !0 })
+  i({ reflect: !0 })
 ], e.prototype, "placement", 2);
 o([
-  s({ attribute: "help-text" })
+  i({ attribute: "help-text" })
 ], e.prototype, "helpText", 2);
 o([
-  s({ reflect: !0 })
+  i({ reflect: !0 })
 ], e.prototype, "form", 2);
 o([
-  s({ reflect: !0, type: Boolean })
+  i({ reflect: !0, type: Boolean })
 ], e.prototype, "required", 2);
 o([
-  s({ attribute: "use-tag", reflect: !0, type: Boolean })
+  i({ attribute: "use-tag", reflect: !0, type: Boolean })
 ], e.prototype, "useTag", 2);
 o([
-  s({ attribute: "input-behavior" })
+  i({ attribute: "input-behavior" })
 ], e.prototype, "inputBehavior", 2);
 o([
-  s({ attribute: "get-option-value" })
+  i({ attribute: "get-option-value" })
 ], e.prototype, "getOptionValue", 2);
 o([
-  s({ attribute: "get-option-label" })
+  i({ attribute: "get-option-label" })
 ], e.prototype, "getOptionLabel", 2);
 o([
-  s({ attribute: "set-option-current" })
+  i({ attribute: "set-option-current" })
 ], e.prototype, "setOptionCurrent", 2);
 o([
-  s({ attribute: "set-option-selected" })
+  i({ attribute: "set-option-selected" })
 ], e.prototype, "setOptionSelected", 2);
 o([
-  s({ attribute: "stay-open-on-select", type: Boolean })
+  i({ attribute: "stay-open-on-select", type: Boolean })
 ], e.prototype, "stayOpenOnSelect", 2);
 o([
-  s({ attribute: "close-on-select", type: Boolean })
+  i({ attribute: "close-on-select", type: Boolean })
 ], e.prototype, "closeOnSelect", 2);
 o([
-  s({ attribute: "force-on-change", type: Boolean })
+  i({ attribute: "force-on-change", type: Boolean })
 ], e.prototype, "forceOnChange", 2);
 o([
-  s({ attribute: "allow-default-mouse-down", type: Boolean })
+  i({ attribute: "allow-default-mouse-down", type: Boolean })
 ], e.prototype, "allowDefaultMouseDown", 2);
 o([
-  s({ attribute: "api", type: Function })
+  i({ attribute: "api", type: Function })
 ], e.prototype, "api", 2);
 o([
-  s({ attribute: !1, type: Array })
+  i({ attribute: !1, type: Array })
 ], e.prototype, "columns", 2);
 o([
-  s({ attribute: "use-search-term", reflect: !0, type: Boolean })
+  i({ attribute: "use-search-term", reflect: !0, type: Boolean })
 ], e.prototype, "useSearchTerm", 2);
 o([
-  s({
+  i({
     attribute: "no-select-on-enter",
     reflect: !0,
     type: Boolean
   })
 ], e.prototype, "noSelectOnEnter", 2);
 o([
-  s({
+  i({
     attribute: "no-reset-current",
     reflect: !0,
     type: Boolean
   })
 ], e.prototype, "noResetCurrent", 2);
 o([
-  s({ attribute: "icon-name", reflect: !0, type: String })
+  i({ attribute: "icon-name", reflect: !0, type: String })
 ], e.prototype, "iconName", 2);
 o([
-  s({
+  i({ attribute: "icon-src", reflect: !0, type: String })
+], e.prototype, "iconSrc", 2);
+o([
+  i({
     attribute: "no-dropdown",
     reflect: !0,
     type: Boolean
   })
 ], e.prototype, "noDropdown", 2);
 o([
-  s({
+  i({
     attribute: "no-dropdown-on-empty",
     reflect: !0,
     type: Boolean
   })
 ], e.prototype, "noDropdownOnEmpty", 2);
 o([
-  s({ attribute: "no-flip", reflect: !0, type: Boolean })
+  i({ attribute: "no-flip", reflect: !0, type: Boolean })
 ], e.prototype, "noFlip", 2);
 o([
-  s({ attribute: "custom-change-event", type: String })
+  i({ attribute: "custom-change-event", type: String })
 ], e.prototype, "customChangeEvent", 2);
 o([
-  s({ attribute: "auto-fallback-first-option", reflect: !0, type: Boolean })
+  i({ attribute: "auto-fallback-first-option", reflect: !0, type: Boolean })
 ], e.prototype, "autoFallbackFirstOption", 2);
 o([
-  s({ attribute: "has-options", reflect: !0, type: Boolean })
+  i({ attribute: "has-options", reflect: !0, type: Boolean })
 ], e.prototype, "hasOptions", 2);
 o([
   c()

package/library/components/e-chart.js

@@ -3,7 +3,7 @@ import EP from "./spinner.js";
 import { n as lm, C as PP } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as NP } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as RP } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kP } from "../chunks/i18n.rtxrs1c1.js";
+import { L as kP } from "../chunks/i18n.BSPmBQ73.js";
 import { w as OP } from "../chunks/watch.DJF5K-8U.js";
 import { i as VP, x as A_ } from "../chunks/lit-element.jLBm65_O.js";
 import { e as BP } from "../chunks/query.BBf1UFkC.js";

package/library/components/element-clamp.js

@@ -2,14 +2,14 @@ import { n as a, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as w } from "../chunks/component.styles.CAS3c9pM.js";
 import { s as d, a as c, b as m, w as u } from "../chunks/event.BeKOsirN.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as v } from "../chunks/i18n.rtxrs1c1.js";
+import { L as v } from "../chunks/i18n.BSPmBQ73.js";
 import { w as y } from "../chunks/watch.DJF5K-8U.js";
 import { i as C, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { r as k } from "../chunks/state.CSDxrqLd.js";
 import { e as E } from "../chunks/query.BBf1UFkC.js";
 import { e as H } from "../chunks/class-map.BiVq-cVR.js";
 import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as B } from "../chunks/button.D1YIxtv-.js";
+import { C as B } from "../chunks/button.cbDkxJHn.js";
 const T = C`:host{--toggler-color:var(--cx-color-primary);display:block;overflow:hidden}.element-clamp{overflow-anchor:none}.element-clamp--disabled{opacity:.5}.element-clamp-icon{transition:var(--cx-transition-medium) rotate ease;flex:none;align-items:center;display:flex}.details--open .element-clamp-icon{rotate:90deg}.details--open.details--rtl .element-clamp-icon{rotate:-90deg}.element-clamp--open slot[name=expand-icon],.element-clamp:not(.element-clamp--open) slot[name=collapse-icon]{display:none}.element-clamp__content{display:block;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
 var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? O(t, i) : t, h = e.length - 1, l; h >= 0; h--)

package/library/components/file-on-demand.js

@@ -1,12 +1,12 @@
 import { C as tt } from "../chunks/icon.BLXWp6CU.js";
 import et from "./line-clamp.js";
-import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.B7IKBX3n.js";
+import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.CHQ1WjZV.js";
 import { n as l, C as W } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as st } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as q } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as G } from "../chunks/i18n.rtxrs1c1.js";
+import { L as G } from "../chunks/i18n.BSPmBQ73.js";
 import { a as St, w as z, p as Ct } from "../chunks/watch.DJF5K-8U.js";
-import { p as R } from "../chunks/string.Demn8Xmk.js";
+import { p as R } from "../chunks/string.CfI2ejyR.js";
 import { x as o, i as ot, E as wt } from "../chunks/lit-element.jLBm65_O.js";
 import { r as h } from "../chunks/state.CSDxrqLd.js";
 import { e as P } from "../chunks/query.BBf1UFkC.js";
@@ -16,27 +16,27 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
 import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
 import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
 import Tt from "./avatar.js";
-import { C as zt } from "../chunks/button.D1YIxtv-.js";
-import { C as Pt } from "../chunks/dialog.BbQ4Du0M.js";
+import { C as zt } from "../chunks/button.cbDkxJHn.js";
+import { C as Pt } from "../chunks/dialog.BvSMV36r.js";
 import Et from "./divider.js";
 import nt from "./format-bytes.js";
-import { C as vt } from "../chunks/icon-button.CbUddcgI.js";
-import { C as Lt } from "../chunks/input.D1FFprPl.js";
-import { C as Ut } from "../chunks/option.CkhHTlpl.js";
+import { C as vt } from "../chunks/icon-button.DV5Fks8j.js";
+import { C as Lt } from "../chunks/input.7pumTpdu.js";
+import { C as Ut } from "../chunks/option.dBUWN4sF.js";
 import yt from "./relative-time.js";
 import Ft from "./select.js";
 import Rt from "./space.js";
 import kt from "./tab.js";
-import { C as Ot } from "../chunks/tab-group.CQfcMVEw.js";
+import { C as Ot } from "../chunks/tab-group.DOnaT12G.js";
 import Nt from "./tab-panel.js";
 import bt from "./tooltip.js";
-import { C as rt } from "../chunks/typography.T72DuoCa.js";
-import { C as jt } from "../chunks/confirm-popover.CJXyEa5A.js";
+import { C as rt } from "../chunks/typography.BLYdTF0n.js";
+import { C as jt } from "../chunks/confirm-popover.Dvgoz-oA.js";
 import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
 import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
 import { i as X, b as pt } from "../chunks/url.CGdWC06g.js";
 import { a as Mt, i as Vt } from "../chunks/isArrayLikeObject.D7afXo-f.js";
-import { b as Ht } from "../chunks/_baseXor.DixEm6JQ.js";
+import { a as Ht } from "../chunks/_baseXor.BCxbgizO.js";
 import Wt from "./progress-bar.js";
 import qt from "./spinner.js";
 import { o as Gt } from "../chunks/style-map.llVFPd__.js";

package/library/components/folder-select.js

@@ -1,16 +1,16 @@
 import "../chunks/icon.BLXWp6CU.js";
-import "../chunks/input.D1FFprPl.js";
+import "../chunks/input.7pumTpdu.js";
 import "./line-clamp.js";
 import "./select.js";
 import "./tag.js";
-import "../chunks/tree.B7IKBX3n.js";
+import "../chunks/tree.CHQ1WjZV.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as j } from "../chunks/folder-select.BAPsI-gg.js";
+import { C as j } from "../chunks/folder-select.DAZQRdLq.js";
 import "../chunks/component.styles.CAS3c9pM.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/i18n.BSPmBQ73.js";
 import "../chunks/watch.DJF5K-8U.js";
-import "../chunks/string.Demn8Xmk.js";
+import "../chunks/string.CfI2ejyR.js";
 import "../chunks/endpoints.mJ5S-tIs.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";

package/library/components/format-bytes.js

@@ -1,6 +1,6 @@
 import { C as u, n as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as m } from "../chunks/i18n.rtxrs1c1.js";
+import { L as m } from "../chunks/i18n.BSPmBQ73.js";
 var c = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (a, r, s, e) => {
   for (var t = e > 1 ? void 0 : e ? f(r, s) : r, i = a.length - 1, n; i >= 0; i--)
     (n = a[i]) && (t = (e ? n(r, s, t) : n(t)) || t);

package/library/components/format-date.js

@@ -1,6 +1,6 @@
 import { C as p, n as o } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as u } from "../chunks/i18n.rtxrs1c1.js";
+import { L as u } from "../chunks/i18n.BSPmBQ73.js";
 import { x as y } from "../chunks/lit-element.jLBm65_O.js";
 var l = Object.defineProperty, c = Object.getOwnPropertyDescriptor, e = (r, i, s, n) => {
   for (var a = n > 1 ? void 0 : n ? c(i, s) : i, h = r.length - 1, m; h >= 0; h--)

package/library/components/format-number.js

@@ -1,6 +1,6 @@
 import { C as p, n as r } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as g } from "../chunks/i18n.rtxrs1c1.js";
+import { L as g } from "../chunks/i18n.BSPmBQ73.js";
 var y = Object.defineProperty, l = Object.getOwnPropertyDescriptor, t = (a, m, s, n) => {
   for (var e = n > 1 ? void 0 : n ? l(m, s) : m, u = a.length - 1, o; u >= 0; u--)
     (o = a[u]) && (e = (n ? o(m, s, e) : o(e)) || e);

package/library/components/format-time.js

@@ -2,7 +2,7 @@ import { n as l, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as y } from "../chunks/component.styles.CAS3c9pM.js";
 import { U as r, D as u, L as D, F as d, g as S, a as F, c as U, f as g, S as _ } from "../chunks/time.DYWuX2id.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as N } from "../chunks/i18n.rtxrs1c1.js";
+import { L as N } from "../chunks/i18n.BSPmBQ73.js";
 import { w as m } from "../chunks/watch.DJF5K-8U.js";
 import { i as L, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { r as M } from "../chunks/state.CSDxrqLd.js";

package/library/components/header.js

@@ -1,15 +1,18 @@
 import "./copy-button.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CAS3c9pM.js";
-import { C as x } from "../chunks/header.BioJzPlg.js";
+import { C as c } from "../chunks/header.2RH_nPmz.js";
+import "../chunks/content-builder.CBBdfVOl.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/i18n.BSPmBQ73.js";
 import "../chunks/watch.DJF5K-8U.js";
+import "../chunks/responsive.BmBJSzC4.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
 import "../chunks/static.UA3G1Deq.js";
 export {
-  x as default
+  c as default
 };

package/library/components/icon-button.js

@@ -1,8 +1,8 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CAS3c9pM.js";
-import { C } from "../chunks/icon-button.CbUddcgI.js";
+import { C } from "../chunks/icon-button.DV5Fks8j.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/i18n.BSPmBQ73.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/class-map.BiVq-cVR.js";

package/library/components/iframe.js

@@ -1,8 +1,8 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CAS3c9pM.js";
-import { C as u } from "../chunks/iframe.y7iCAVZP.js";
+import { C as u } from "../chunks/iframe.ddX2kGu3.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/i18n.BSPmBQ73.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/image-comparer.js

@@ -2,7 +2,7 @@ import { n as h, C as f } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as v } from "../chunks/drag.DenOh3AE.js";
-import { L as _ } from "../chunks/i18n.rtxrs1c1.js";
+import { L as _ } from "../chunks/i18n.BSPmBQ73.js";
 import { c as m } from "../chunks/math.DuKzLacZ.js";
 import { w } from "../chunks/watch.DJF5K-8U.js";
 import { i as y, x } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/image.js

@@ -1,10 +1,11 @@
-import "../chunks/resizable-component.styles.CAfXABBc.js";
+import "../chunks/resizable-component.styles.kMFDlGgv.js";
 import "../chunks/component.styles.CAS3c9pM.js";
 import "../chunks/index.Cpamj0jB.js";
-import { C as w } from "../chunks/image.A2hE1WoV.js";
+import { C as y } from "../chunks/image.BM7bPTub.js";
+import "../chunks/position-picker.qkbJlboF.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/i18n.BSPmBQ73.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/url.CGdWC06g.js";
 import "../chunks/lit-element.jLBm65_O.js";
@@ -22,5 +23,5 @@ import "./resize-observer.js";
 import "./skeleton.js";
 import "./space.js";
 export {
-  w as default
+  y as default
 };

package/library/components/input-group.js

@@ -1,6 +1,6 @@
 import { n as a, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CAS3c9pM.js";
-import { f as d } from "../chunks/form-control.styles.CaGWmeAS.js";
+import { f as d } from "../chunks/form-control.styles.CHC7Q08Q.js";
 import { c as f } from "../chunks/custom-element.L4WJXn1j.js";
 import { i as h, x as m } from "../chunks/lit-element.jLBm65_O.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";