@orangelogic/design-system 4.43.0 → 4.44.0

package/library/chunks/{block-width.e6gi5gdK.js → block-width.C8ZYNXqu.js}

@@ -80,8 +80,8 @@ import { t as Ft } from "./position-picker.DzRyAx7a.js";
 import { t as It } from "./shadow-input-group.CaCaO1C9.js";
 import { t as Lt } from "./size-input-group.Ciupfrja.js";
 import { C as Rt, S as zt, T as Bt, _ as Vt, b as Ht, c as Ut, f as Wt, g as Gt, h as Kt, i as qt, l as Jt, n as Yt, o as Xt, p as Zt, r as Qt, s as P, t as $t, u as en, v as tn, w as nn, x as rn, y as an } from "./asset-link-format.P8WKO488.js";
-import { c as on, d as sn, f as cn, n as ln, u as un } from "./color-swatch-group.CZx1bZyC.js";
-import { $ as dn, E as fn, G as pn, H as mn, K as hn, L as gn, M as F, Q as I, S as _n, U as vn, V as yn, W as bn, Z as xn, et as L, g as Sn, h as Cn, tt as wn, y as Tn } from "./configs-controller.Cm21QV6C.js";
+import { c as on, d as sn, f as cn, n as ln, u as un } from "./color-swatch-group.ujgqmTBa.js";
+import { $ as dn, E as fn, G as pn, H as mn, K as hn, L as gn, M as F, Q as I, S as _n, U as vn, V as yn, W as bn, Z as xn, et as L, g as Sn, h as Cn, tt as wn, y as Tn } from "./configs-controller.zTcocCxo.js";
 import { a as En } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var Dn = /* @__PURE__ */ function(e) {

package/library/chunks/{color-swatch-group.CZx1bZyC.js → color-swatch-group.ujgqmTBa.js}

@@ -14375,7 +14375,7 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "data-
 	}
 }, _l = 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");
@@ -14393,11 +14393,24 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "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;
 	}
 }, vl = process.env.NODE_ENV === "development", yl = class {
 	constructor(e) {

package/library/chunks/{config-manager.DCxcRDo5.js → config-manager.CET2acz0.js}

@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.DnOMjl_G.js";
 import { t as ee } from "./tooltip.DWx9VYtS.js";
 import { t as te } from "./line-clamp.B7QEzpUF.js";
-import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l 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.e6gi5gdK.js";
+import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l 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.C8ZYNXqu.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.P8WKO488.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.Cm21QV6C.js";
+import { E as nt, l as J, s as rt, t as it } from "./configs-controller.zTcocCxo.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.Cm21QV6C.js → configs-controller.zTcocCxo.js}

@@ -17,7 +17,7 @@ import { r as x } from "./asset-link-format.COPyGdND.js";
 import { n as be, r as xe } from "./header.NoiopyyV.js";
 import { c as Se, f as Ce, p as S, s as C, u as w } from "./string-array.Dstcqyjm.js";
 import { n as we } from "./folder-select.B02Mdr8b.js";
-import { a as T, i as E, o as D, r as O, s as Te } from "./color-swatch-group.CZx1bZyC.js";
+import { a as T, i as E, o as D, r as O, s as Te } from "./color-swatch-group.ujgqmTBa.js";
 import { n as Ee } from "./isEmpty.D3QQduJ5.js";
 import { a as k } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/services/src/api/dashboard/dashboard.ts

package/library/components/color-swatch-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/color-swatch-group.CZx1bZyC.js";
+import { t as e } from "../chunks/color-swatch-group.ujgqmTBa.js";
 export { e as default };

package/library/components/organisms.js

@@ -1,4 +1,4 @@
 import { t as e } from "../chunks/asset-link-format.P8WKO488.js";
-import { t } from "../chunks/color-swatch-group.CZx1bZyC.js";
+import { t } from "../chunks/color-swatch-group.ujgqmTBa.js";
 import { t as n } from "../chunks/file-on-demand.BEAjdrt_.js";
 export { e as CxAssetLinkFormat, t as CxColorSwatchGroup, n as CxFileOnDemand };