@orangelogic/design-system 3.57.0 → 3.58.0

package/library/chunks/{block-width.CPMzQD89.js → block-width.DO9qMNf6.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) {

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.C7v_dgBh.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.CPMzQD89.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

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

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

package/library/components/organisms.js

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

package/library/components/types.js

@@ -38,7 +38,7 @@ import { t as kt } from "../chunks/resize-observer.D9EHlnZI.js";
 import { t as At } from "../chunks/line-clamp.CFDQn3q5.js";
 import { t as jt } from "../chunks/tag.fa4s56WR.js";
 import { t as Mt } from "../chunks/array-line-clamp.TyBsO6dK.js";
-import { C as Nt, D as Pt, E as Ft, O as It, S as Lt, T as Rt, b as zt, d as Bt, f as Vt, o as Ht, p as Ut, r as Wt, s as Gt, t as Kt, u as qt, w as Jt, x as Yt, y as Xt } from "../chunks/block-width.CPMzQD89.js";
+import { C as Nt, D as Pt, E as Ft, O as It, S as Lt, T as Rt, b as zt, d as Bt, f as Vt, o as Ht, p as Ut, r as Wt, s as Gt, t as Kt, u as qt, w as Jt, x as Yt, y as Xt } from "../chunks/block-width.DO9qMNf6.js";
 import { n as Zt, t as Qt } from "../chunks/position-picker.dY_vgF_H.js";
 import { a as $t, i as en, n as tn, o as nn, r as rn, s as an, t as on } from "../chunks/src.BJhIYoMP.js";
 import { a as sn, c as cn, i as ln, n as un, o as dn, r as fn, t as pn, u as mn } from "../chunks/time.p1t0NCwj.js";
@@ -166,11 +166,11 @@ import { t as Ks } from "../chunks/size-input-group.f_Zw3nTt.js";
 import { t as qs } from "../chunks/stepper-wizard.lIqA749z.js";
 import { t as Js } from "../chunks/typeface.FHj7pyQy.js";
 import { T as Ys, _ as Xs, a as Zs, b as Qs, c as $s, d as ec, l as tc, m as nc, n as rc, o as ic, s as ac, t as oc, v as sc } from "../chunks/asset-link-format.DsqpErPW.js";
-import { c as cc, h as lc, l as uc, m as dc, p as fc, t as pc, u as mc } from "../chunks/color-swatch-group.DnLiXSB9.js";
+import { c as cc, h as lc, l as uc, m as dc, p as fc, t as pc, u as mc } from "../chunks/color-swatch-group.DUbPuxjC.js";
 import { n as hc } from "../chunks/isArrayLikeObject.Da3IzQeH.js";
 import { t as gc } from "../chunks/file-on-demand.mXtuYM6V.js";
 import "../events.js";
-import { A as _c, C as vc, D as yc, F as bc, I as xc, J as Sc, K as Cc, L as eee, M as tee, N as nee, O as ree, P as iee, R as aee, T as wc, Y as oee, _ as see, a as Tc, at as cee, b as lee, c as uee, d as dee, et as Ec, f as Dc, i as Oc, it as kc, j as fee, k as Ac, m as jc, nt as Mc, o as Nc, p as Pc, q as Fc, r as pee, rt as Ic, s as Lc, t as Rc, tt as zc, u as Bc, v as Vc, w as Hc, x as Uc, z as Wc } from "../chunks/configs-controller.DNSGtqMU.js";
+import { A as _c, C as vc, D as yc, F as bc, I as xc, J as Sc, K as Cc, L as eee, M as tee, N as nee, O as ree, P as iee, R as aee, T as wc, Y as oee, _ as see, a as Tc, at as cee, b as lee, c as uee, d as dee, et as Ec, f as Dc, i as Oc, it as kc, j as fee, k as Ac, m as jc, nt as Mc, o as Nc, p as Pc, q as Fc, r as pee, rt as Ic, s as Lc, t as Rc, tt as zc, u as Bc, v as Vc, w as Hc, x as Uc, z as Wc } from "../chunks/configs-controller.CrajsBAF.js";
 import { i as Gc } from "../chunks/timer.M6Aa3L_j.js";
 import { a as Kc, c as qc, d as Jc, f as Yc, i as Xc, l as Zc, n as Qc, o as $c, r as el, s as tl, t as nl, u as rl } from "../chunks/src.CLGAM3OO.js";
 import { t as il } from "../chunks/value.C4_tUrAq.js";
@@ -95090,7 +95090,7 @@ var QTe = [
 		return this.mappedSupportedLanguages.length > 1;
 	}
 	ensureConfigUi() {
-		return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.C7v_dgBh.js"), import("../chunks/configs-controller.DNSGtqMU.js").then((e) => e.n)]).then(async ([, e]) => {
+		return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.BKmXLHaH.js"), import("../chunks/configs-controller.CrajsBAF.js").then((e) => e.n)]).then(async ([, e]) => {
 			this.configsController ??= new e.default(this.localize), await customElements.whenDefined("cx-config-manager"), await this.configManager?.updateComplete;
 		});
 	}

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.57.0",
+  "version": "3.58.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/hybrid/table-core/src/tabulator-tables/core/tools/Alert.d.ts

@@ -4,10 +4,14 @@ export default class Alert extends CoreFeature implements IAlert {
     element: HTMLElement;
     msgElement: HTMLElement;
     type: string | null;
+    private loadingWidthObserver;
+    private loadingWidthCleanupSubscribed;
     constructor(table: ITabulator);
     _createAlertElement(): HTMLElement;
     _createMsgElement(): HTMLElement;
     _typeClass(): string;
     alert(content: string | HTMLElement | (() => string | HTMLElement) | undefined, type?: string): void;
+    private observeLoadingWidth;
+    private disconnectLoadingWidthObserver;
     clear(): void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.57.0",
+  "version": "3.58.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {