@orangelogic/design-system 3.48.0 → 3.50.0

package/library/chunks/{asset-link-format.RxnH_rs9.js → asset-link-format.DW4-Yf4S.js}

@@ -22,7 +22,7 @@ import { t as x } from "./repeat.CKv9FPlC.js";
 import { t as oe } from "./input.B3HfssSr.js";
 import { t as S } from "./option.9V-nTQp7.js";
 import { t as C } from "./space.Dd8jezXK.js";
-import { t as w } from "./select.CM-1exjJ.js";
+import { t as w } from "./select.DJ_bfkBn.js";
 import { t as T } from "./details.DLqFxjTf.js";
 import { t as se } from "./divider.CqSNZCU8.js";
 import { i as E, n as D, r as O } from "./asset-link-format.DhdgEsA0.js";
@@ -667,7 +667,7 @@ var st = class {
 	resetFolderState() {
 		this.resetPageCache();
 	}
-}, ct = t`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, lt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`, K = class extends s {
+}, ct = t`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}.asset-link-format__footer,.asset-link-format__footer>slot{display:block}`, lt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`, K = class extends s {
 	constructor(...e) {
 		super(...e), this.localize = new d(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.percentageWidth = 0, this.percentageHeight = 0, this.unit = E.Pixel, this.disabledApply = !1, this.noRatioModes = !1, this.showPositionPicker = !1, this.lastAppliedSetting = {
 			[E.Pixel]: {
@@ -2444,7 +2444,7 @@ var Ct = Q, wt, $ = class extends s {
       ${m(!this.noCrop, () => e`<cx-asset-link-format-crop class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-crop"} ?disabled-apply=${this.disabledCropApply} ?loading=${this.loading && this.lastAction === O.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[E.Pixel].width : Infinity} max-height=${this.asset ? this.lastResizeSize[E.Pixel].height : Infinity} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`)}
       ${m(!this.noResize, () => e`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === O.Resize} ?no-ratio-modes=${!this.asset} ?keep-aspect-ratio=${this.resizeSize.keepAspectRatio} width=${this.resizeSize.width} height=${this.resizeSize.height} max-width=${this.asset ? this.imageSize.width : Infinity} max-height=${this.asset ? this.imageSize.height : Infinity} ratio-width=${this.resizeSize.ratioWidth} ratio-height=${this.resizeSize.ratioHeight} unit=${this.resizeSize.unit} .lastAppliedSetting=${this.lastResizeSize} @cx-asset-link-format-resize-change=${this.onResizeChange} @cx-asset-link-format-resize-apply=${this.onResizeApply}></cx-asset-link-format-resize>`)}
       ${m(!this.noRotate, () => e`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === O.Rotate} ?open=${this.activeSetting === "cx-asset-link-format-rotation"} default-value=${this.selectedFormat?.rotation ?? 0} last-applied-value=${this.lastRotation} value=${this.rotation} @cx-asset-link-format-rotation-change=${this.onRotationChange} @cx-asset-link-format-rotation-apply=${this.onRotationApply}></cx-asset-link-format-rotation>`)}<cx-asset-link-format-quality class="asset-link-format__details" ?loading=${this.loading && this.lastAction === O.Quality} ?open=${this.activeSetting === "cx-asset-link-format-quality"} value=${this.selectedFormat?.quality ?? 100} @cx-asset-link-format-quality-change=${this.onQualityChange}></cx-asset-link-format-quality>${m(!this.noMetadata, () => e`<cx-asset-link-format-metadata class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-metadata"} .value=${this.selectedFormat?.keepMetadata ?? !1} @cx-asset-link-format-metadata-change=${this.onMetadataChange}></cx-asset-link-format-metadata>`)}
-      ${m(this.useCustomExtension, () => e`<cx-asset-link-format-extension .items=${this.extensions} value=${this.selectedFormat?.extension ?? ""} @cx-asset-link-format-extension-change=${this.onExtensionChange}></cx-asset-link-format-extension>`)}</div>`;
+      ${m(this.useCustomExtension, () => e`<cx-asset-link-format-extension .items=${this.extensions} value=${this.selectedFormat?.extension ?? ""} @cx-asset-link-format-extension-change=${this.onExtensionChange}></cx-asset-link-format-extension>`)}<div class="asset-link-format__footer"><slot name="footer"></slot></div></div>`;
 	}
 };
 a([r({

package/library/chunks/{bicolor-picker.D03k1yyx.js → bicolor-picker.prO-_6Je.js}

@@ -4,7 +4,7 @@ import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./style-map.DPGQIxip.js";
 import { t as l } from "./space.Dd8jezXK.js";
-import { t as u } from "./color-picker.BDko_QVl.js";
+import { t as u } from "./color-picker.NfX8mIq2.js";
 //#region ../../packages/molecules/src/bicolor-picker/bicolor-picker.styles.ts
 var d = t``, f = class extends a {
 	constructor(...e) {

package/library/chunks/{block-width.CqVLiUIp.js → block-width.MJd4A-sP.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.-79sJ3oo.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.CQL20PqB.js";
+import { t as se } from "./src.C8E60TXK.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
 import { t as b } from "./button.Ccrk9fUD.js";
 import { E as x, S as le, r as ue } from "./string.DamEXDH2.js";
@@ -42,13 +42,13 @@ import { n as Ee, r as De, t as Oe } from "./ref.CU1NC5AM.js";
 import { t as ke } from "./textarea.Bc4eCJgT.js";
 import { n as Ae, t as E } from "./option.9V-nTQp7.js";
 import { t as D } from "./space.Dd8jezXK.js";
-import { t as O } from "./select.CM-1exjJ.js";
+import { t as O } from "./select.DJ_bfkBn.js";
 import { t as je } from "./tab.BnFmdiPK.js";
 import { t as Me } from "./tab-group.BVYwTGDS.js";
 import { t as Ne } from "./map.ByDuLduF.js";
 import { t as Pe } from "./tab-panel.BxeoKuSv.js";
 import { t as Fe } from "./visually-hidden.Bv3SInZp.js";
-import { t as Ie } from "./color-picker.BDko_QVl.js";
+import { t as Ie } from "./color-picker.NfX8mIq2.js";
 import { a as Le, i as Re, n as ze, o as Be, r as Ve, s as He, t as k } from "./dialog.Dw-WUyD8.js";
 import { t as Ue } from "./divider.CqSNZCU8.js";
 import { f as We } from "./url.CZO_DV8Y.js";
@@ -65,22 +65,22 @@ import { t as dt } from "./radio-card.D4B962Sg.js";
 import { t as ft } from "./radio-group.DKOIr2PH.js";
 import { t as pt } from "./switch.D6KXmWnC.js";
 import { t as mt } from "./v4.JyXW8GUB.js";
-import { t as ht } from "./bicolor-picker.D03k1yyx.js";
-import { t as gt } from "./border-input-group.CEZXBhV6.js";
+import { t as ht } from "./bicolor-picker.prO-_6Je.js";
+import { t as gt } from "./border-input-group.Cl0Cm8q9.js";
 import { n as _t, t as vt } from "./confirm-popover.BjAGzV05.js";
-import { t as yt } from "./corner-position-input-group.dK3EENR2.js";
+import { t as yt } from "./corner-position-input-group.BAvx6UsV.js";
 import { t as bt } from "./cropper.D4ymxgab.js";
-import { t as xt } from "./dynamic-select.BHa_Q600.js";
-import { i as St, n as P, r as Ct, t as wt } from "./folder-select.BRJEfeyY.js";
+import { t as xt } from "./dynamic-select.o5G8iUV1.js";
+import { i as St, n as P, r as Ct, t as wt } from "./folder-select.DA7Ezy8P.js";
 import { t as Tt } from "./choose.C2vpqhLc.js";
 import { t as Et } from "./masonry.D7YK0FcU.js";
 import { t as Dt } from "./padding-input-group.DKIv6567.js";
 import { t as Ot } from "./position-picker.CyXlSYCi.js";
-import { t as kt } from "./shadow-input-group.CpjriMC3.js";
-import { t as At } from "./size-input-group.4NN5-92E.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.RxnH_rs9.js";
-import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.GRM9PH0r.js";
-import { B as an, C as on, H as sn, J as F, L as cn, N as ln, O as I, R as un, V as dn, X as L, Y as fn, Z as pn, f as mn, g as hn, p as gn, q as _n, y as vn, z as yn } from "./configs-controller.DdhZNSbu.js";
+import { t as kt } from "./shadow-input-group.xfWQsQH6.js";
+import { t as At } from "./size-input-group.DvTF3TsD.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.DW4-Yf4S.js";
+import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.Dp778XL2.js";
+import { B as an, C as on, H as sn, J as F, L as cn, N as ln, O as I, R as un, V as dn, X as L, Y as fn, Z as pn, f as mn, g as hn, p as gn, q as _n, y as vn, z as yn } from "./configs-controller.CtIB5Q8R.js";
 import { a as bn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var xn = /* @__PURE__ */ function(e) {
@@ -42212,7 +42212,7 @@ var Qr = class {
 					let t = e.target.value;
 					t = Array.isArray(t) ? t.join(" ") : String(t), await o(t);
 				}, a = l.selectConfigs?.fullWidthPopup ? t?.value : void 0, s = l.tableSelectConfigs?.columns ?? [];
-				return l.api ? n`<cx-dynamic-select auto-size-padding=${s.length > 0 ? 100 : 10} class="config-form__select" data-label=${l.label ?? ""} hoist label=${l.inputConfigs?.label ?? ""} max-options-visible="0" placement=${v(l.selectConfigs?.placement)} value=${r ?? ""} .api=${l.api} .columns=${s} .syncElement=${v(a)} ?auto-fallback-first-option=${l.selectConfigs?.autoFallbackFirstOption ?? !1} ?clearable=${l.clearable ?? !0} ?disabled=${i} ?free-width=${s.length > 0} ?multiple=${l.multiple ?? !1} ?required=${l.required ?? !1} ?use-search-term=${l.useSearchTerm ?? !1} @cx-change=${e}></cx-dynamic-select>` : n`<cx-select class="config-form__select" value=${r ?? ""} hoist label=${l.inputConfigs?.label ?? ""} ?clearable=${l.clearable ?? !0} ?disabled=${i} placement=${v(l.selectConfigs?.placement)} .syncElement=${v(a)} @cx-change=${e}>${C(l.options ?? [], (e) => e.value, (e) => n`<cx-option value=${e.value} show-check check-placement=${Ae.Right}>${e.name}
+				return l.api ? n`<cx-dynamic-select auto-size-padding=${s.length > 0 ? 100 : 10} class="config-form__select" data-label=${l.label ?? ""} hoist label=${l.inputConfigs?.label ?? ""} max-options-visible="0" placement=${v(l.selectConfigs?.placement)} value=${r ?? ""} .api=${l.api} .columns=${s} .syncElement=${v(a)} ?auto-fallback-first-option=${l.selectConfigs?.autoFallbackFirstOption ?? !1} ?clearable=${l.clearable ?? !0} ?disabled=${i} ?free-width=${s.length > 0} ?multiple=${l.multiple ?? !1} ?required=${l.required ?? !1} ?use-search-term=${l.useSearchTerm ?? !1} @cx-change=${e}></cx-dynamic-select>` : n`<cx-select class="config-form__select" value=${r ?? ""} hoist match-empty-value label=${l.inputConfigs?.label ?? ""} ?clearable=${l.clearable ?? !0} ?disabled=${i} placement=${v(l.selectConfigs?.placement)} .syncElement=${v(a)} @cx-change=${e}>${C(l.options ?? [], (e) => e.value, (e) => n`<cx-option value=${e.value} show-check check-placement=${Ae.Right}>${e.name}
                         ${y(e.helpText, () => n`<cx-typography slot="help-text" variant="small">${e.helpText}</cx-typography>`)}</cx-option>`)}</cx-select>`;
 			}],
 			["shadow-input-group", () => n`<cx-shadow-input-group value=${typeof r == "string" ? Ke(r) : r} @cx-shadow-input-group-change=${async (e) => {

package/library/chunks/{border-input-group.CEZXBhV6.js → border-input-group.Cl0Cm8q9.js}

@@ -5,7 +5,7 @@ import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./i18n.BMXeDUpk.js";
 import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./space.Dd8jezXK.js";
-import { t as d } from "./bicolor-picker.D03k1yyx.js";
+import { t as d } from "./bicolor-picker.prO-_6Je.js";
 //#region ../../packages/molecules/src/border-input-group/border-input-group.styles.ts
 var f = t`.border-width{width:72px}`, p = class extends a {
 	constructor(...e) {

package/library/chunks/{color-picker.BDko_QVl.js → color-picker.NfX8mIq2.js}

@@ -26,7 +26,7 @@ import { t as N } from "./repeat.CKv9FPlC.js";
 import { t as P } from "./dropdown.DUfiVpFI.js";
 import { t as F } from "./input.B3HfssSr.js";
 import { t as I } from "./option.9V-nTQp7.js";
-import { t as L } from "./select.CM-1exjJ.js";
+import { t as L } from "./select.DJ_bfkBn.js";
 import { t as R } from "./tab.BnFmdiPK.js";
 import { t as z } from "./tab-group.BVYwTGDS.js";
 import { t as B } from "./tab-panel.BxeoKuSv.js";