@orangelogic/design-system 3.56.0 → 3.58.0

package/library/chunks/{block-width.D3M_CLup.js → block-width.DO9qMNf6.js}

@@ -15,7 +15,7 @@ import { t as y } from "./when.BUskJLtZ.js";
 import { t as ie } from "./icon.CeQpEaQz.js";
 import { t as ae } from "./spinner.o3Rjsff7.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.BPve1cYQ.js";
+import { t as se } from "./src.qAKiRBjl.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
 import { t as b } from "./button.Cgunf6cP.js";
 import { E as x, S as le, r as ue } from "./string.DAuTpyw8.js";
@@ -79,8 +79,8 @@ import { t as Ot } from "./position-picker.DwDC9gDl.js";
 import { t as kt } from "./shadow-input-group.B6gcdNEi.js";
 import { t as At } from "./size-input-group.f_Zw3nTt.js";
 import { C as jt, S as Mt, T as Nt, _ as Pt, b as Ft, c as It, f as Lt, g as Rt, h as zt, i as Bt, l as Vt, n as Ht, o as Ut, p as Wt, r as Gt, s as Kt, t as qt, u as Jt, v as Yt, w as Xt, x as Zt, y as Qt } from "./asset-link-format.DsqpErPW.js";
-import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.DnLiXSB9.js";
-import { $ as F, B as an, E as on, G as sn, H as cn, I as ln, Q as un, S as dn, U as fn, V as pn, W as mn, X as hn, Z as I, et as gn, g as _n, h as vn, j as L, y as yn } from "./configs-controller.DNSGtqMU.js";
+import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.DUbPuxjC.js";
+import { $ as F, B as an, E as on, G as sn, H as cn, I as ln, Q as un, S as dn, U as fn, V as pn, W as mn, X as hn, Z as I, et as gn, g as _n, h as vn, j as L, y as yn } from "./configs-controller.CrajsBAF.js";
 import { a as bn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var xn = /* @__PURE__ */ function(e) {
@@ -1065,6 +1065,9 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	async handleVariantChange() {
 		await this.updateComplete, this.runFirstUpdated();
 	}
+	async handleSelectOptionsChange() {
+		await this.updateComplete, await this.selectVirtualizer?.layoutComplete?.catch(() => void 0), this.select?.requestUpdate();
+	}
 	async handleCustomIconValidation() {
 		await this.updateComplete, await this.select?.updateComplete, this.updateCustomIconValidity();
 	}
@@ -1126,6 +1129,12 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	handleSearchInput(e) {
 		this.searchTerm = e.target.value.toLowerCase();
 	}
+	handleSelectSearchInput() {
+		this.searchTerm = this.select.displayInput.value.trim().toLowerCase();
+	}
+	handleSelectSearchReset(e) {
+		e.target === this.select && (this.searchTerm = "");
+	}
 	handleMenuSelect(e) {
 		let t = e.detail.item.value;
 		this.value = this.setValueMenuSelect(this.value.name, t), this.emit("cx-change");
@@ -1152,8 +1161,8 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	selectGetOptionLabel(e) {
 		return !e || !(e instanceof E) ? this.value?.name.toString() : e.value === "custom" ? this.customOptionLabel || this.localize.term("custom") : e.dataset.name || e.value.toString();
 	}
-	selectFilterCallback(e, t) {
-		return !e || !(e instanceof E) ? !1 : (this.searchTerm = t, !0);
+	selectFilterCallback(e) {
+		return e instanceof E;
 	}
 	renderIcon(e, t) {
 		return e.startsWith("fa ") ? n`<cx-icon slot=${v(t)} variant="fa" name=${e}></cx-icon>` : n`<cx-icon slot=${v(t)} name=${e}></cx-icon>`;
@@ -1171,7 +1180,7 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	}
 	renderSelectMode() {
 		let e = this.value?.name.trim();
-		return n`<cx-select part="base" class="icon-picker__select" value=${v(this.value?.name)} placeholder=${this.searchPlaceholder || this.localize.term("search")} no-option-text=${this.localize.term("noResults")} ?clearable=${this.clearable} .form=${this.requireCustomIcon ? this.closest("form") : void 0} hoist no-flip data-label=${this.localize.term("iconPicker")} @cx-change=${this.handleSelectValueChange} @cx-show=${this.handleSelectBeforeShow} @cx-after-show=${this.handleSelectShow} .setOptionCurrent=${this.setSelectOptionCurrent}>${this.renderSelectPrefixIcon(e)}
+		return n`<cx-select part="base" class="icon-picker__select" value=${v(this.value?.name)} placeholder=${this.searchPlaceholder || this.localize.term("search")} no-option-text=${this.localize.term("noResults")} ?clearable=${this.clearable} .form=${this.requireCustomIcon ? this.closest("form") : void 0} hoist no-flip data-label=${this.localize.term("iconPicker")} @cx-change=${this.handleSelectValueChange} @input=${this.handleSelectSearchInput} @cx-blur=${this.handleSelectSearchReset} @cx-clear=${this.handleSelectSearchReset} @cx-show=${this.handleSelectBeforeShow} @cx-after-show=${this.handleSelectShow} .setOptionCurrent=${this.setSelectOptionCurrent}>${this.renderSelectPrefixIcon(e)}
         ${y(this.showVirtualizer, () => n`<lit-virtualizer .items=${this.virtualListItems} .renderItem=${this.renderOption}></lit-virtualizer>`)}
         ${y(!this.noCustomOption, () => n`<div part="footer" class="icon-picker__select__footer"><cx-divider part="footer-divider" class="icon-picker__select__footer__divider"></cx-divider><cx-option part="custom-button" class="icon-picker__select__footer__option" value="custom">${y(this.customOptionIcon, () => n`<cx-icon slot="prefix" name=${this.customOptionIcon}></cx-icon>`)}${this.customOptionLabel || this.localize.term("custom")}</cx-option></div>`)}</cx-select>${y(this.value?.name === "custom", () => this.renderCustomIconPicker())}
     `;
@@ -1189,7 +1198,7 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
         ${y(this.canPickColor, () => n`<cx-bicolor-picker value=${qe(this.color)} @cx-bicolor-picker-change=${this.handleBicolorChange}></cx-bicolor-picker>`)}</cx-space>`;
 	}
 };
-l([f(".icon-picker__select"), u("design:type", O === void 0 ? Object : O)], U.prototype, "select", void 0), l([f(".icon-picker__select__footer__option"), u("design:type", E === void 0 ? Object : E)], U.prototype, "customOption", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], U.prototype, "dropdown", void 0), l([s({
+l([f(".icon-picker__select"), u("design:type", O === void 0 ? Object : O)], U.prototype, "select", void 0), l([f(".icon-picker__select__footer__option"), u("design:type", E === void 0 ? Object : E)], U.prototype, "customOption", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], U.prototype, "dropdown", void 0), l([f(".icon-picker__select lit-virtualizer"), u("design:type", Object)], U.prototype, "selectVirtualizer", void 0), l([s({
 	converter: { fromAttribute(e) {
 		if (!e) return {
 			name: "",
@@ -1260,6 +1269,11 @@ l([f(".icon-picker__select"), u("design:type", O === void 0 ? Object : O)], U.pr
 	u("design:paramtypes", []),
 	u("design:returntype", Promise)
 ], U.prototype, "handleVariantChange", null), l([
+	g(["searchTerm", "showVirtualizer"], { waitUntilFirstUpdate: !0 }),
+	u("design:type", Function),
+	u("design:paramtypes", []),
+	u("design:returntype", Promise)
+], U.prototype, "handleSelectOptionsChange", null), l([
 	g("value", { waitUntilFirstUpdate: !0 }),
 	g("requireCustomIcon", { waitUntilFirstUpdate: !0 }),
 	g("variant"),

package/library/chunks/{color-swatch-group.DnLiXSB9.js → color-swatch-group.DUbPuxjC.js}

@@ -14371,7 +14371,7 @@ var Yc = process.env.NODE_ENV === "development", Xc = 2e3, Zc = 1e3, Qc = "data-
 	}
 }, hl = class extends H {
 	constructor(e) {
-		super(e), this.type = null, this.element = this._createAlertElement(), this.msgElement = this._createMsgElement(), this.element.appendChild(this.msgElement);
+		super(e), this.type = null, this.loadingWidthObserver = null, this.loadingWidthCleanupSubscribed = !1, this.element = this._createAlertElement(), this.msgElement = this._createMsgElement(), this.element.appendChild(this.msgElement);
 	}
 	_createAlertElement() {
 		let e = document.createElement("div");
@@ -14389,11 +14389,24 @@ var Yc = process.env.NODE_ENV === "development", Xc = 2e3, Zc = 1e3, Qc = "data-
 			for (this.clear(), this.dispatch("alert-show", t), this.type = t; this.msgElement.firstChild;) this.msgElement.removeChild(this.msgElement.firstChild);
 			this.element.classList.add(this._typeClass()), this.msgElement.classList.add(this._typeClass());
 			let n;
-			n = typeof e == "function" ? e() : e, n instanceof HTMLElement ? this.msgElement.appendChild(n) : this.msgElement.innerHTML = A(String(n)), this.table.element.appendChild(this.element);
+			n = typeof e == "function" ? e() : e, n instanceof HTMLElement ? this.msgElement.appendChild(n) : this.msgElement.innerHTML = A(String(n)), this.table.element.appendChild(this.element), t === "loading" && this.observeLoadingWidth();
 		}
 	}
+	observeLoadingWidth() {
+		this.loadingWidthCleanupSubscribed ||= (this.subscribe("table-destroy", () => this.disconnectLoadingWidthObserver()), !0);
+		let e = this.table.columnManager?.getElement();
+		if (!e) return;
+		let t = () => {
+			let t = e.getBoundingClientRect().width;
+			t > 0 ? this.element.style.width = `${t}px` : this.element.style.removeProperty("width");
+		};
+		t(), typeof ResizeObserver < "u" && (this.loadingWidthObserver = new ResizeObserver(t), this.loadingWidthObserver.observe(e));
+	}
+	disconnectLoadingWidthObserver() {
+		this.loadingWidthObserver?.disconnect(), this.loadingWidthObserver = null;
+	}
 	clear() {
-		this.dispatch("alert-hide", this.type), this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element.classList.remove(this._typeClass()), this.msgElement.classList.remove(this._typeClass()), this.type = null;
+		this.disconnectLoadingWidthObserver(), this.element.style.removeProperty("width"), this.dispatch("alert-hide", this.type), this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element.classList.remove(this._typeClass()), this.msgElement.classList.remove(this._typeClass()), this.type = null;
 	}
 }, gl = process.env.NODE_ENV === "development", _l = class {
 	constructor(e) {

package/library/chunks/{config-manager.CPwMU2md.js → config-manager.BKmXLHaH.js}

@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.Cgunf6cP.js";
 import { t as ee } from "./tooltip.GjnTzFeL.js";
 import { t as te } from "./line-clamp.CFDQn3q5.js";
-import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.D3M_CLup.js";
+import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.DO9qMNf6.js";
 import { t as O } from "./typography.B0mkhqTB.js";
 import { t as k } from "./button-group.CPfXrqyq.js";
 import { t as A } from "./card.3c-X4hqR.js";
@@ -63,7 +63,7 @@ import { T as K } from "./asset-link-format.DsqpErPW.js";
 import { n as Qe } from "./_baseXor.Ca5K0ORC.js";
 import { n as $e, s as et, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
 import { i as tt } from "./_baseClone.CnI5Vpqn.js";
-import { E as nt, l as J, s as rt, t as it } from "./configs-controller.DNSGtqMU.js";
+import { E as nt, l as J, s as rt, t as it } from "./configs-controller.CrajsBAF.js";
 import { t as at } from "./isEmpty.D3QQduJ5.js";
 import { i as ot } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../node_modules/lodash-es/difference.js

package/library/chunks/{configs-controller.DNSGtqMU.js → configs-controller.CrajsBAF.js}

@@ -16,7 +16,7 @@ import { g as _e, m as ve, p as ye, s as b } from "./responsive.L9Csz2w2.js";
 import { n as be, r as xe } from "./header.BDEqW3TI.js";
 import { d as Se, f as x, l as S, o as C, s as Ce } from "./endpoints.jOHOmF_t.js";
 import { n as w } from "./folder-select.OpTigUmf.js";
-import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DnLiXSB9.js";
+import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DUbPuxjC.js";
 import { n as Te } from "./isEmpty.D3QQduJ5.js";
 import { a as k } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/services/src/api/dashboard/dashboard.ts