@orangelogic/design-system 3.57.0 → 3.62.0

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.Dr_5Nx4Q.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 { S as ne, _ as re, a as ie, b as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, l as fe, m as pe, n as me, o as he, p as ge, s as S, t as C, u as w, v as T, x as E, y as D } from "./block-width.fhdy5WRS.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 { M as nt, l as J, s as rt, t as it } from "./configs-controller.CM0Jf3I2.js";
 import { t as at } from "./isEmpty.D3QQduJ5.js";
 import { i as ot } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../node_modules/lodash-es/difference.js
@@ -162,9 +162,9 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 		} else this.it = void 0;
 		return this.render(t);
 	}
-}), gt = n`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}`, _t = /* @__PURE__ */ e(w(), 1), vt = class {
+}), gt = n`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}`, _t = /* @__PURE__ */ e(pe(), 1), vt = class {
 	constructor(e) {
-		this.host = e, this.localize = new p(this.host), this.controlRenderer = new pe(this.host, {
+		this.host = e, this.localize = new p(this.host), this.controlRenderer = new fe(this.host, {
 			commit: async ({ callback: e, immediate: t, key: n, type: r, value: i }) => {
 				if (t && r === "attribute") {
 					this.handleAttributeChange(n, i, e);
@@ -435,35 +435,35 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 	static #e = this.styles = [
 		d,
 		gt,
-		D,
-		le
+		ue,
+		oe
 	];
 	static #t = this.dependencies = {
-		"cx-asset-format-picker": E,
-		"cx-asset-picker": re,
-		"cx-asset-transformation-dialog": ce,
+		"cx-asset-format-picker": re,
+		"cx-asset-picker": ne,
+		"cx-asset-transformation-dialog": le,
 		"cx-bicolor-picker": He,
 		"cx-border-input-group": Ue,
 		"cx-button": x,
 		"cx-button-group": k,
 		"cx-card": A,
 		"cx-checkbox": j,
-		"cx-color-swatch-picker": oe,
+		"cx-color-swatch-picker": ge,
 		"cx-confirm-popover": U,
 		"cx-corner-position-input-group": Ge,
-		"cx-dam-custom-toolbar-buttons-editor": ge,
+		"cx-dam-custom-toolbar-buttons-editor": he,
 		"cx-dialog": V,
 		"cx-divider": je,
-		"cx-download-format-picker": ae,
+		"cx-download-format-picker": E,
 		"cx-dropdown": _e,
 		"cx-dynamic-select": Ke,
-		"cx-folder-picker": ue,
-		"cx-font-picker": T,
-		"cx-gallery-picker": de,
+		"cx-folder-picker": ce,
+		"cx-font-picker": ae,
+		"cx-gallery-picker": se,
 		"cx-grid": Ie,
 		"cx-grid-item": Le,
 		"cx-icon": y,
-		"cx-icon-picker": ne,
+		"cx-icon-picker": D,
 		"cx-input": ve,
 		"cx-line-clamp": te,
 		"cx-list-editor": S,
@@ -471,7 +471,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 		"cx-menu-item": be,
 		"cx-option": we,
 		"cx-padding-input-group": Je,
-		"cx-page-picker": me,
+		"cx-page-picker": w,
 		"cx-position-picker": Ye,
 		"cx-radio": Re,
 		"cx-radio-card": ze,
@@ -486,7 +486,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 		"cx-tab-panel": ke,
 		"cx-textarea": Ce,
 		"cx-tooltip": ee,
-		"cx-type-subtype-select": ie,
+		"cx-type-subtype-select": T,
 		"cx-typography": O,
 		"cx-visually-hidden": Ae
 	};
@@ -724,9 +724,9 @@ var Q = Z, yt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-
 			resolveWidthUnitDefault: (e) => this.resolveWidthUnitDefault(e)
 		});
 		this.blockType = e, this.blockName = this.component.getName(), this.blockAttributes = {
-			...he(this.component),
+			...me(this.component),
 			...dt(this.translatableControlValuesMap[this.defaultLanguage], (e) => e === void 0)
-		}, this.blockProperties = fe(this.component), this.blockStyles = se(this.component), this.traits = Array.isArray(t) ? t : [];
+		}, this.blockProperties = de(this.component), this.blockStyles = ie(this.component), this.traits = Array.isArray(t) ? t : [];
 	}
 	resolveWidthUnitDefault(e) {
 		if (e === "%") return "100%";