@orangelogic/design-system 2.72.0 → 2.73.0

package/library/components/position-picker.js

@@ -5,7 +5,7 @@ import x from "./radio-group.js";
 import { n as h, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.DMSLciL5.js";
 import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.BU7mYVLM.js";
+import { L as f } from "../chunks/i18n.BUW7B9hr.js";
 import { i as v, x as C } from "../chunks/lit-element.jLBm65_O.js";
 var r = /* @__PURE__ */ ((e) => (e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(r || {});
 const b = v`

package/library/components/progress-bar.js

@@ -1,7 +1,7 @@
 import { n as i, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "../chunks/component.styles.DMSLciL5.js";
 import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as b } from "../chunks/i18n.BU7mYVLM.js";
+import { L as b } from "../chunks/i18n.BUW7B9hr.js";
 import { i as g, x as c } from "../chunks/lit-element.jLBm65_O.js";
 import { e as u } from "../chunks/class-map.BiVq-cVR.js";
 import { o as v } from "../chunks/if-defined.BRoBj_Rp.js";

package/library/components/progress-ring.js

@@ -1,7 +1,7 @@
 import { n as l, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.DMSLciL5.js";
 import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as u } from "../chunks/i18n.BU7mYVLM.js";
+import { L as u } from "../chunks/i18n.BUW7B9hr.js";
 import { i as f, x as v } from "../chunks/lit-element.jLBm65_O.js";
 import { r as m } from "../chunks/state.CSDxrqLd.js";
 import { e as h } from "../chunks/query.BBf1UFkC.js";

package/library/components/range.js

@@ -7,7 +7,7 @@ import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
 import { d as O } from "../chunks/default-value.COZopaet.js";
 import { d as w } from "../chunks/drag.DXEXVXPv.js";
 import { F as N } from "../chunks/form.DgwYWi0O.js";
-import { L as S } from "../chunks/i18n.BU7mYVLM.js";
+import { L as S } from "../chunks/i18n.BUW7B9hr.js";
 import { c as d } from "../chunks/math.DqTA6ya4.js";
 import { H as A } from "../chunks/slot.j5oheLJC.js";
 import { w as v } from "../chunks/watch.BCJD77bD.js";

package/library/components/rating.js

@@ -1,7 +1,7 @@
 import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as y } from "../chunks/component.styles.DMSLciL5.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.BU7mYVLM.js";
+import { L as f } from "../chunks/i18n.BUW7B9hr.js";
 import { c as _ } from "../chunks/math.DqTA6ya4.js";
 import { w as p } from "../chunks/watch.BCJD77bD.js";
 import { i as x, x as c } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/relative-time.js

@@ -1,7 +1,7 @@
 import { n as l, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as p } from "../chunks/component.styles.DMSLciL5.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as d } from "../chunks/i18n.BU7mYVLM.js";
+import { L as d } from "../chunks/i18n.BUW7B9hr.js";
 import { i as f, x as y } from "../chunks/lit-element.jLBm65_O.js";
 import { r as c } from "../chunks/state.CSDxrqLd.js";
 const T = f`

package/library/components/select.js

@@ -8,7 +8,7 @@ import { c as D } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as I } from "../chunks/default-value.COZopaet.js";
 import { w as v } from "../chunks/event.mFzZi4sr.js";
 import { F as L } from "../chunks/form.DgwYWi0O.js";
-import { L as $ } from "../chunks/i18n.BU7mYVLM.js";
+import { L as $ } from "../chunks/i18n.BUW7B9hr.js";
 import { s as T } from "../chunks/scroll.xtO5yojm.js";
 import { H as E } from "../chunks/slot.j5oheLJC.js";
 import { i as B } from "../chunks/user-agent.D9aPuOyL.js";
@@ -21,11 +21,11 @@ import { o as V } from "../chunks/unsafe-html.Dff7-rCx.js";
 import { n as m } from "../chunks/when.Dr1es41R.js";
 import { s as w, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
 import P from "./icon.js";
-import { C as d } from "../chunks/option.CgM5bwtt.js";
+import { C as d } from "../chunks/option.Csqefux_.js";
 import M from "./popup.js";
 import U from "./spinner.js";
 import N from "./tag.js";
-const R = (e) => !(document.createElement(e.tagName).constructor === HTMLElement || customElements.get(e.tagName.toLowerCase())), W = F`
+const R = (t) => !(document.createElement(t.tagName).constructor === HTMLElement || customElements.get(t.tagName.toLowerCase())), W = F`
   :host {
     display: block;
   }
@@ -458,6 +458,7 @@ const R = (e) => !(document.createElement(e.tagName).constructor === HTMLElement
     flex-direction: column;
     flex: 1;
     width: 0;
+    align-self: stretch;
   }
 
   .input-container__display-value {
@@ -597,10 +598,10 @@ const R = (e) => !(document.createElement(e.tagName).constructor === HTMLElement
     z-index: 2;
   }
 `;
-var H = Object.defineProperty, q = Object.getOwnPropertyDescriptor, s = (e, t, l, n) => {
-  for (var a = n > 1 ? void 0 : n ? q(t, l) : t, r = e.length - 1, c; r >= 0; r--)
-    (c = e[r]) && (a = (n ? c(t, l, a) : c(a)) || a);
-  return n && a && H(t, l, a), a;
+var H = Object.defineProperty, q = Object.getOwnPropertyDescriptor, s = (t, e, l, n) => {
+  for (var a = n > 1 ? void 0 : n ? q(e, l) : e, r = t.length - 1, c; r >= 0; r--)
+    (c = t[r]) && (a = (n ? c(e, l, a) : c(a)) || a);
+  return n && a && H(e, l, a), a;
 };
 let i = class extends S {
   constructor() {
@@ -610,9 +611,9 @@ let i = class extends S {
       this,
       "help-text",
       "label"
-    ), this.localize = new $(this), this.typeToSelectString = "", this.hasFocus = !1, this.displayLabel = "", this.selectedOptions = [], this.name = "", this.value = "", this.defaultValue = "", 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.noFlip = !1, this.freeWidth = !1, this.autosizePadding = 10, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = void 0, this.required = !1, this.useTag = !1, this.noSelectOnEnter = !1, this.noResetCurrent = !1, this.noDropdown = !1, this.loading = !1, this.getTag = (e) => {
-      const t = this.hasSlotController.test("label"), n = (this.label ? !0 : !!t) ? this.size === "large" ? "medium" : "small" : this.size, a = (r) => {
-        this.handleTagRemove(r, e);
+    ), this.localize = new $(this), this.typeToSelectString = "", this.hasFocus = !1, this.displayLabel = "", this.selectedOptions = [], this.name = "", this.value = "", this.defaultValue = "", 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.noFlip = !1, this.freeWidth = !1, this.autosizePadding = 10, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = void 0, this.required = !1, this.useTag = !1, this.noSelectOnEnter = !1, this.noResetCurrent = !1, this.noDropdown = !1, this.loading = !1, this.getTag = (t) => {
+      const e = this.hasSlotController.test("label"), n = (this.label ? !0 : !!e) ? this.size === "large" ? "medium" : "small" : this.size, a = (r) => {
+        this.handleTagRemove(r, t);
       };
       return p`
       <cx-tag
@@ -629,28 +630,28 @@ let i = class extends S {
         @cx-remove=${a}
       >
         <cx-line-clamp lines="1">
-          ${this.getOptionLabel(e)}
+          ${this.getOptionLabel(t)}
         </cx-line-clamp>
       </cx-tag>
     `;
-    }, this.inputBehavior = "filter", this.getOptionValue = (e) => !e || !(e instanceof d) ? "" : e.value, this.getOptionLabel = (e) => !e || !(e instanceof d) ? "" : e.getTextLabel(), this.getOptionSelected = (e) => {
-      if (!(!e || !(e instanceof d)))
-        return e.selected;
-    }, this.getOptionDisabled = (e) => {
-      if (!(!e || !(e instanceof d)))
-        return e.disabled;
-    }, this.stayOpenOnSelect = !1, this.forceOnChange = !1, this.allowDefaultMouseDown = !1, this.noOptionText = "", this.handleDocumentFocusIn = (e) => {
-      const t = e.composedPath();
-      this && !t.includes(this) && !this.stayOpenOnSelect && this.hide();
-    }, this.handleDocumentKeyDown = (e) => {
-      const t = e.target, l = t.closest(".select__clear") !== null, n = t.closest("cx-icon-button") !== null;
+    }, this.inputBehavior = "filter", this.getOptionValue = (t) => !t || !(t instanceof d) ? "" : t.value, this.getOptionLabel = (t) => !t || !(t instanceof d) ? "" : t.getTextLabel(), this.getOptionSelected = (t) => {
+      if (!(!t || !(t instanceof d)))
+        return t.selected;
+    }, this.getOptionDisabled = (t) => {
+      if (!(!t || !(t instanceof d)))
+        return t.disabled;
+    }, this.stayOpenOnSelect = !1, this.forceOnChange = !1, this.allowDefaultMouseDown = !1, this.noOptionText = "", this.handleDocumentFocusIn = (t) => {
+      const e = t.composedPath();
+      this && !e.includes(this) && !this.stayOpenOnSelect && this.hide();
+    }, this.handleDocumentKeyDown = (t) => {
+      const e = t.target, l = e.closest(".select__clear") !== null, n = e.closest("cx-icon-button") !== null;
       if (!(l || n)) {
-        if (e.key === "Escape" && this.open && !this.closeWatcher) {
-          (this.shouldShowNoOptionsMessage || this.getVisibleOptions().length > 0) && e.stopPropagation(), e.preventDefault(), this.hide(), this.displayInput.focus({ preventScroll: !0 });
+        if (t.key === "Escape" && this.open && !this.closeWatcher) {
+          (this.shouldShowNoOptionsMessage || this.getVisibleOptions().length > 0) && t.stopPropagation(), t.preventDefault(), this.hide(), this.displayInput.focus({ preventScroll: !0 });
           return;
         }
-        if (e.key === "Enter") {
-          if (e.preventDefault(), e.stopImmediatePropagation(), this.emit("cx-enter", {
+        if (t.key === "Enter") {
+          if (t.preventDefault(), t.stopImmediatePropagation(), this.emit("cx-enter", {
             detail: {
               value: this.displayInput.value
             }
@@ -679,17 +680,17 @@ let i = class extends S {
           }
           return;
         }
-        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key)) {
+        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(t.key)) {
           const a = this.getAllOptions().filter((g) => this.inputBehavior === "filter" ? !g.hidden : !0), r = this.currentOption ? a.indexOf(this.currentOption) : -1;
           let c = Math.max(0, r);
-          if (e.preventDefault(), !this.open && (this.show(), this.currentOption))
+          if (t.preventDefault(), !this.open && (this.show(), this.currentOption))
             return;
-          e.key === "ArrowDown" ? (c = r + 1, c > a.length - 1 && (c = 0)) : e.key === "ArrowUp" ? (c = r - 1, c < 0 && (c = a.length - 1)) : e.key === "Home" ? c = 0 : e.key === "End" && (c = a.length - 1), this.setCurrentOption(a[c]);
+          t.key === "ArrowDown" ? (c = r + 1, c > a.length - 1 && (c = 0)) : t.key === "ArrowUp" ? (c = r - 1, c < 0 && (c = a.length - 1)) : t.key === "Home" ? c = 0 : t.key === "End" && (c = a.length - 1), this.setCurrentOption(a[c]);
         }
       }
-    }, this.handleDocumentMouseDown = (e) => {
-      const t = e.composedPath();
-      this && !t.includes(this) && !this.stayOpenOnSelect && this.hide();
+    }, this.handleDocumentMouseDown = (t) => {
+      const e = t.composedPath();
+      this && !e.includes(this) && !this.stayOpenOnSelect && this.hide();
     };
   }
   /**
@@ -717,13 +718,13 @@ let i = class extends S {
    * @param selected If undefined, the option will be toggled. If true, the option will be selected. If false, the option will be unselected.
    * @returns
    */
-  setOptionSelected(e, t) {
-    if (!(!(e instanceof d) || e.getAttribute("role") !== "option")) {
-      if (t === void 0) {
-        e.selected = !e.selected;
+  setOptionSelected(t, e) {
+    if (!(!(t instanceof d) || t.getAttribute("role") !== "option")) {
+      if (e === void 0) {
+        t.selected = !t.selected;
         return;
       }
-      e.selected = t, t && this.setCurrentOption(e);
+      t.selected = e, e && this.setCurrentOption(t);
     }
   }
   /**
@@ -733,13 +734,13 @@ let i = class extends S {
    * @param current If undefined, the option will be toggled. If true, the option will be set as current. If false, the option will be unset.
    * @returns
    */
-  setOptionCurrent(e, t) {
-    if (e instanceof d) {
-      if (t === void 0) {
-        e.current = !e.current;
+  setOptionCurrent(t, e) {
+    if (t instanceof d) {
+      if (e === void 0) {
+        t.current = !t.current;
         return;
       }
-      e.current = t;
+      t.current = e;
     }
   }
   /**
@@ -748,8 +749,8 @@ let i = class extends S {
    * @param value The current input string
    * @returns Whether this option should be displayed
    */
-  filterCallback(e, t) {
-    return this.getOptionLabel(e).toLowerCase().includes(t);
+  filterCallback(t, e) {
+    return this.getOptionLabel(t).toLowerCase().includes(e);
   }
   // #endregion
   connectedCallback() {
@@ -793,14 +794,14 @@ let i = class extends S {
   handleFocus() {
     this.hasFocus = !0, this.displayInput.setSelectionRange(0, this.displayInput.value.length), this.emit("cx-focus"), setTimeout(() => this.displayInput.focus(), 0);
   }
-  handleBlur(e) {
-    const t = e.relatedTarget;
-    t && this.contains(t) || (this.hasFocus = !1, this.allowFreetext || (this.displayInput.value = this.displayLabel, this.typeToSelectString = ""), this.emit("cx-blur"));
+  handleBlur(t) {
+    const e = t.relatedTarget;
+    e && this.contains(e) || (this.hasFocus = !1, this.allowFreetext || (this.displayInput.value = this.displayLabel, this.typeToSelectString = ""), this.emit("cx-blur"));
   }
-  handleInput(e) {
-    if (!this.open && (this.show(), e.data === " "))
+  handleInput(t) {
+    if (!this.open && (this.show(), t.data === " "))
       return;
-    const t = e.target, l = [
+    const e = t.target, l = [
       "ArrowUp",
       "ArrowDown",
       "Enter",
@@ -809,8 +810,8 @@ let i = class extends S {
       "Home",
       "End"
     ];
-    if (!(e.data && l.includes(e.data)))
-      switch (this.typeToSelectString = t.value.toLowerCase(), this.displayLabel = t.value, this.emit("cx-input"), this.inputBehavior) {
+    if (!(t.data && l.includes(t.data)))
+      switch (this.typeToSelectString = e.value.toLowerCase(), this.displayLabel = e.value, this.emit("cx-input"), this.inputBehavior) {
         case "filter": {
           this.filterOptionsByInput();
           break;
@@ -819,34 +820,34 @@ let i = class extends S {
           this.selectOptionByInput();
       }
   }
-  handleComboboxMouseDown(e) {
-    const t = e.composedPath();
+  handleComboboxMouseDown(t) {
+    const e = t.composedPath();
     let l = !1, n = !1;
-    t.forEach((a) => {
+    e.forEach((a) => {
       if (a instanceof HTMLElement && a.classList.contains("select__expand-icon")) {
         n = !0;
         return;
       }
       a instanceof HTMLElement && a.tagName.toLowerCase() === "cx-icon-button" && (l = !0);
-    }), !(this.disabled || l) && (n || this.inputBehavior !== "filter" || !this.open) && (this.allowDefaultMouseDown ? requestAnimationFrame(() => {
+    }), !(this.disabled || l) && (n || this.inputBehavior !== "filter" || !this.open || !this.multiple && !this.useTag ? (this.allowDefaultMouseDown ? requestAnimationFrame(() => {
       this.displayInput.focus({ preventScroll: !0 });
-    }) : (e.preventDefault(), this.displayInput.focus({ preventScroll: !0 })), this.open = !this.open);
+    }) : (t.preventDefault(), this.displayInput.focus({ preventScroll: !0 })), this.open = !this.open) : (t.preventDefault(), this.displayInput.focus({ preventScroll: !0 })));
   }
-  handleComboboxKeyDown(e) {
-    e.key !== "Tab" && ((e.key !== "Escape" || this.open && (this.shouldShowNoOptionsMessage || this.getVisibleOptions().length > 0)) && e.stopPropagation(), this.handleDocumentKeyDown(e));
+  handleComboboxKeyDown(t) {
+    t.key !== "Tab" && ((t.key !== "Escape" || this.open && (this.shouldShowNoOptionsMessage || this.getVisibleOptions().length > 0)) && t.stopPropagation(), this.handleDocumentKeyDown(t));
   }
-  handleClearClick(e) {
-    e.stopPropagation(), (this.value !== "" || this.displayLabel !== "") && (this.setSelectedOptions([]), this.displayInput.focus({ preventScroll: !0 }), this.typeToSelectString = "", this.displayLabel = "", this.displayInput.value = "", this.inputBehavior === "filter" && this.filterOptionsByInput(), this.updateComplete.then(() => {
+  handleClearClick(t) {
+    t.stopPropagation(), (this.value !== "" || this.displayLabel !== "") && (this.setSelectedOptions([]), this.displayInput.focus({ preventScroll: !0 }), this.typeToSelectString = "", this.displayLabel = "", this.displayInput.value = "", this.inputBehavior === "filter" && this.filterOptionsByInput(), this.updateComplete.then(() => {
       this.emit("cx-clear"), this.emit("cx-input"), this.emit("cx-change");
     }));
   }
-  handleClearMouseDown(e) {
-    e.stopPropagation(), e.preventDefault();
+  handleClearMouseDown(t) {
+    t.stopPropagation(), t.preventDefault();
   }
-  handleOptionClick(e) {
-    const l = e.target.closest('[role="option"], cx-option'), n = this.value, a = e.composedPath().some(
+  handleOptionClick(t) {
+    const l = t.target.closest('[role="option"], cx-option'), n = this.value, a = t.composedPath().some(
       (c) => c?.classList?.contains("tree-item__expand-button")
-    ), r = e.composedPath().some(
+    ), r = t.composedPath().some(
       (c) => c?.classList?.contains("tree-item__actions")
     );
     l && !this.getOptionDisabled(l) && !a && !r && (this.multiple ? this.toggleOptionSelection(l) : this.setSelectedOptions(l), this.updateComplete.then(
@@ -856,8 +857,8 @@ let i = class extends S {
     }), !this.multiple && !this.stayOpenOnSelect && (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
   }
   handleDefaultSlotChange() {
-    const e = this.getAllOptions(), t = Array.isArray(this.value) ? this.value : [this.value], l = [];
-    for (const n of e) {
+    const t = this.getAllOptions(), e = Array.isArray(this.value) ? this.value : [this.value], l = [];
+    for (const n of t) {
       const a = this.getOptionValue(n);
       if (!a && !(n instanceof d))
         return;
@@ -868,12 +869,12 @@ let i = class extends S {
         return;
       }
     }
-    e.forEach((n) => l.push(this.getOptionValue(n))), this.setSelectedOptions(
-      e.filter((n) => t.includes(this.getOptionValue(n)))
+    t.forEach((n) => l.push(this.getOptionValue(n))), this.setSelectedOptions(
+      t.filter((n) => e.includes(this.getOptionValue(n)))
     );
   }
-  handleTagRemove(e, t) {
-    e.stopPropagation(), this.disabled || (this.toggleOptionSelection(t, !1), this.updateComplete.then(() => {
+  handleTagRemove(t, e) {
+    t.stopPropagation(), this.disabled || (this.toggleOptionSelection(e, !1), this.updateComplete.then(() => {
       this.emit("cx-input"), this.emit("cx-change");
     }));
   }
@@ -895,29 +896,29 @@ let i = class extends S {
    * Gets an array of all visible <cx-option> elements
    */
   getVisibleOptions() {
-    return this.getAllOptions().filter((e) => !e.hidden);
+    return this.getAllOptions().filter((t) => !t.hidden);
   }
   /**
    * Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one
    * option may be "current" at a time.
    */
-  setCurrentOption(e) {
+  setCurrentOption(t) {
     this.getAllOptions().forEach((l) => {
       this.setOptionCurrent(l, !1), l.tabIndex = -1;
-    }), e && (this.currentOption = e, this.setOptionCurrent(e, !0), e.tabIndex = 0, e.scrollIntoView({ block: "nearest" }));
+    }), t && (this.currentOption = t, this.setOptionCurrent(t, !0), t.tabIndex = 0, t.scrollIntoView({ block: "nearest" }));
   }
   /**
    * Sets the selected option(s)
    */
-  setSelectedOptions(e) {
-    const t = this.getAllOptions(), l = Array.isArray(e) ? e : [e];
-    t.forEach((n) => this.setOptionSelected(n, !1)), l.length && l.forEach((n) => this.setOptionSelected(n, !0)), this.selectionChanged();
+  setSelectedOptions(t) {
+    const e = this.getAllOptions(), l = Array.isArray(t) ? t : [t];
+    e.forEach((n) => this.setOptionSelected(n, !1)), l.length && l.forEach((n) => this.setOptionSelected(n, !0)), this.selectionChanged();
   }
   /**
    * Toggles an option's selected state
    */
-  toggleOptionSelection(e, t) {
-    this.setOptionSelected(e, t), this.selectionChanged();
+  toggleOptionSelection(t, e) {
+    this.setOptionSelected(t, e), this.selectionChanged();
   }
   /**
    * This method must be called whenever the selection changes. It will update the selected options cache, the current
@@ -925,13 +926,13 @@ let i = class extends S {
    */
   selectionChanged() {
     this.selectedOptions = this.getAllOptions().filter(
-      (e) => this.getOptionSelected(e)
-    ), this.multiple ? (this.value = this.selectedOptions.map((e) => this.getOptionValue(e)), this.displayLabel = "") : (this.value = this.getOptionValue(this.selectedOptions[0]) ?? "", this.displayLabel = this.getOptionLabel(this.selectedOptions[0]) ?? ""), this.updateComplete.then(() => {
+      (t) => this.getOptionSelected(t)
+    ), this.multiple ? (this.value = this.selectedOptions.map((t) => this.getOptionValue(t)), this.displayLabel = "") : (this.value = this.getOptionValue(this.selectedOptions[0]) ?? "", this.displayLabel = this.getOptionLabel(this.selectedOptions[0]) ?? ""), this.updateComplete.then(() => {
       this.formControlController.updateValidity();
     });
   }
   get tags() {
-    const e = this.hasSlotController.test("label"), l = (this.label ? !0 : !!e) ? this.size === "large" ? "medium" : "small" : this.size;
+    const t = this.hasSlotController.test("label"), l = (this.label ? !0 : !!t) ? this.size === "large" ? "medium" : "small" : this.size;
     return this.selectedOptions.map((n, a) => {
       if (a < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
         const r = this.getTag(n, a);
@@ -943,16 +944,16 @@ let i = class extends S {
       return A;
     });
   }
-  handleInvalid(e) {
-    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
+  handleInvalid(t) {
+    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(t);
   }
   handleDisabledChange() {
     this.disabled && (this.open = !1, this.handleOpenChange());
   }
   handleValueChange() {
-    const e = this.getAllOptions(), t = Array.isArray(this.value) ? this.value : [this.value];
+    const t = this.getAllOptions(), e = Array.isArray(this.value) ? this.value : [this.value];
     this.setSelectedOptions(
-      e.filter((l) => t.includes(this.getOptionValue(l)))
+      t.filter((l) => e.includes(this.getOptionValue(l)))
     );
   }
   async handleNoDropdownChange() {
@@ -965,30 +966,30 @@ let i = class extends S {
       this.inputBehavior === "filter" && this.filterOptionsByInput(), this.noResetCurrent || this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption()), this.emit("cx-show"), this.addOpenListeners(), await x(this), this.listbox.hidden = !1, this.popup.active = !0, requestAnimationFrame(() => {
         this.currentOption && this.setCurrentOption(this.currentOption);
       });
-      const { keyframes: e, options: t } = _(this, "select.show", {
+      const { keyframes: t, options: e } = _(this, "select.show", {
         dir: this.localize.dir()
       });
-      await y(this.popup.popup, e, t), this.currentOption && T(this.currentOption, this.listbox, "vertical", "auto"), this.emit("cx-after-show");
+      await y(this.popup.popup, t, e), this.currentOption && T(this.currentOption, this.listbox, "vertical", "auto"), this.emit("cx-after-show");
     } else {
       this.emit("cx-hide"), this.removeOpenListeners(), await x(this);
-      const { keyframes: e, options: t } = _(this, "select.hide", {
+      const { keyframes: t, options: e } = _(this, "select.hide", {
         dir: this.localize.dir()
       });
-      await y(this.popup.popup, e, t), this.listbox.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide");
+      await y(this.popup.popup, t, e), this.listbox.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide");
     }
   }
   selectOptionByInput() {
-    const e = this.getAllOptions();
-    for (const t of e)
-      if (this.getOptionLabel(t).toLowerCase().startsWith(this.typeToSelectString)) {
-        this.setCurrentOption(t);
+    const t = this.getAllOptions();
+    for (const e of t)
+      if (this.getOptionLabel(e).toLowerCase().startsWith(this.typeToSelectString)) {
+        this.setCurrentOption(e);
         break;
       }
   }
   filterOptionsByInput() {
-    const e = this.getAllOptions();
-    for (const t of e)
-      this.filterCallback(t, this.typeToSelectString) ? (t.hidden = !1, t.style.display = "") : (t.hidden = !0, t.style.display = "none");
+    const t = this.getAllOptions();
+    for (const e of t)
+      this.filterCallback(e, this.typeToSelectString) ? (e.hidden = !1, e.style.display = "") : (e.hidden = !0, e.style.display = "none");
     this.popup.style.removeProperty("--auto-size-available-width"), this.popup.style.removeProperty("--auto-size-available-height");
   }
   /** Shows the listbox. */
@@ -1020,19 +1021,19 @@ let i = class extends S {
     return this.valueInput.reportValidity();
   }
   /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(e) {
-    this.valueInput.setCustomValidity(e), this.formControlController.updateValidity();
+  setCustomValidity(t) {
+    this.valueInput.setCustomValidity(t), this.formControlController.updateValidity();
   }
   /** Sets focus on the control. */
-  focus(e) {
-    this.displayInput.focus(e);
+  focus(t) {
+    this.displayInput.focus(t);
   }
   /** Removes focus from the control. */
   blur() {
     this.displayInput.blur();
   }
   render() {
-    const e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), l = this.label ? !0 : !!e, n = this.helpText ? !0 : !!t, a = this.clearable && !this.disabled && (this.displayLabel.length > 0 || this.selectedOptions.length > 0), r = this.placeholder && this.value.length === 0 && this.displayLabel.length === 0, c = this.value.length === 0 && this.displayLabel.length === 0 || (this.multiple || this.useTag) && this.tags.length === 0, g = (this.multiple || this.useTag) && this.selectedOptions.length > 0;
+    const t = this.hasSlotController.test("label"), e = this.hasSlotController.test("help-text"), l = this.label ? !0 : !!t, n = this.helpText ? !0 : !!e, a = this.clearable && !this.disabled && (this.displayLabel.length > 0 || this.selectedOptions.length > 0), r = this.placeholder && this.value.length === 0 && this.displayLabel.length === 0, c = this.value.length === 0 && this.displayLabel.length === 0 || (this.multiple || this.useTag) && this.tags.length === 0, g = (this.multiple || this.useTag) && this.selectedOptions.length > 0;
     return p`
       <div
         part="form-control"
@@ -1109,7 +1110,7 @@ let i = class extends S {
                   part="display-input"
                   class=${b({
       "select__display-input": !0,
-      "select__display-input--hidden": (this.multiple || this.useTag) && !this.hasFocus && !c,
+      "select__display-input--hidden": (this.multiple || this.useTag) && !this.hasFocus && !c && !(this.open && this.inputBehavior === "filter"),
       "select__display-input--large": this.size === "large",
       "select__display-input--medium": this.size === "medium",
       "select__display-input--small": this.size === "small"
@@ -1275,8 +1276,8 @@ s([
 s([
   o({
     converter: {
-      fromAttribute: (e) => e.split(" "),
-      toAttribute: (e) => Array.isArray(e) ? e.join(" ") : e
+      fromAttribute: (t) => t.split(" "),
+      toAttribute: (t) => Array.isArray(t) ? t.join(" ") : t
     }
   })
 ], i.prototype, "value", 2);

package/library/components/share-option-list.js

@@ -4,7 +4,7 @@ import { n as h, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as C } from "../chunks/component.styles.DMSLciL5.js";
 import { c as O } from "../chunks/animate.El-MpOws.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as E } from "../chunks/i18n.BU7mYVLM.js";
+import { L as E } from "../chunks/i18n.BUW7B9hr.js";
 import { c as b } from "../chunks/math.DqTA6ya4.js";
 import { w as m } from "../chunks/watch.BCJD77bD.js";
 import { c as x } from "../chunks/dom.BQVKDNd8.js";

package/library/components/sidebar.js

@@ -1,6 +1,6 @@
 import b from "./divider.js";
 import v from "./icon.js";
-import { C as u } from "../chunks/icon-button.Dxz2J4cg.js";
+import { C as u } from "../chunks/icon-button.C3eqeQl9.js";
 import _ from "./resize-observer.js";
 import { n, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.DMSLciL5.js";

package/library/components/size-input-group.js

@@ -1,4 +1,4 @@
-import { C as x } from "../chunks/icon-button.Dxz2J4cg.js";
+import { C as x } from "../chunks/icon-button.C3eqeQl9.js";
 import d from "./input.js";
 import g from "./select.js";
 import v from "./space.js";
@@ -7,7 +7,7 @@ import { n as u, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as $ } from "../chunks/component.styles.DMSLciL5.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as _ } from "../chunks/default-value.COZopaet.js";
-import { L as y } from "../chunks/i18n.BU7mYVLM.js";
+import { L as y } from "../chunks/i18n.BUW7B9hr.js";
 import { w as V } from "../chunks/watch.BCJD77bD.js";
 import { i as w, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { r as c } from "../chunks/state.CSDxrqLd.js";

package/library/components/spinner.js

@@ -1,7 +1,7 @@
 import { C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as l } from "../chunks/component.styles.DMSLciL5.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as p } from "../chunks/i18n.BU7mYVLM.js";
+import { L as p } from "../chunks/i18n.BUW7B9hr.js";
 import { i as d, x as h } from "../chunks/lit-element.jLBm65_O.js";
 const f = d`
   :host {

package/library/components/split-panel.js

@@ -2,7 +2,7 @@ import { n, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "../chunks/component.styles.DMSLciL5.js";
 import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as g } from "../chunks/drag.DXEXVXPv.js";
-import { L as f } from "../chunks/i18n.BU7mYVLM.js";
+import { L as f } from "../chunks/i18n.BUW7B9hr.js";
 import { c as p } from "../chunks/math.DqTA6ya4.js";
 import { w as c } from "../chunks/watch.BCJD77bD.js";
 import { i as y, x } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/tab-group.js

@@ -1,9 +1,9 @@
 import "./resize-observer.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.DMSLciL5.js";
-import { C as A } from "../chunks/tab-group.euL1exrl.js";
+import { C as A } from "../chunks/tab-group.G24wrely.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.BU7mYVLM.js";
+import "../chunks/i18n.BUW7B9hr.js";
 import "../chunks/scroll.xtO5yojm.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/dom.BQVKDNd8.js";
@@ -18,9 +18,9 @@ import "../chunks/guard.D4axKaMo.js";
 import "../chunks/map.D8heArFD.js";
 import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.D6S0sAOO.js";
+import "../chunks/button.csCRiZzY.js";
 import "./dropdown.js";
-import "../chunks/icon-button.Dxz2J4cg.js";
+import "../chunks/icon-button.C3eqeQl9.js";
 import "./menu.js";
 import "./menu-item.js";
 import "./tab.js";

package/library/components/tab.js

@@ -1,13 +1,13 @@
 import { n as a, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as u } from "../chunks/component.styles.DMSLciL5.js";
 import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as x } from "../chunks/i18n.BU7mYVLM.js";
+import { L as x } from "../chunks/i18n.BUW7B9hr.js";
 import { H as f } from "../chunks/slot.j5oheLJC.js";
 import { w as p } from "../chunks/watch.BCJD77bD.js";
 import { i as b, x as d } from "../chunks/lit-element.jLBm65_O.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";
 import { e as n } from "../chunks/class-map.BiVq-cVR.js";
-import { C as g } from "../chunks/icon-button.Dxz2J4cg.js";
+import { C as g } from "../chunks/icon-button.C3eqeQl9.js";
 import y from "./line-clamp.js";
 const w = b`
   .tab {