@orangelogic/design-system 4.26.0 → 4.28.0

package/library/chunks/{asset-link-format.CyUiMsk0.js → asset-link-format.BEJh0Fqs.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.wsYX6Pp-.js";
 import { t as C } from "./space.Dd8jezXK.js";
-import { t as w } from "./select.CPCSCV1h.js";
+import { t as w } from "./select.v6t2pNH4.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.CojUr8VQ.js → bicolor-picker.C0PxxFzf.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.C3u13jWP.js";
+import { t as u } from "./color-picker.CDUhOLEs.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.BHqoh68k.js → block-width.CU2PEBrV.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.DOywg1GE.js";
+import { t as se } from "./src.QS2741a8.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
 import { t as b } from "./button.CI1tg4c9.js";
 import { E as x, S as le, r as ue } from "./string.DamEXDH2.js";
@@ -33,23 +33,23 @@ import { t as be } from "./checkbox.C6vsHW9n.js";
 import { t as xe } from "./default-value.opqQgoRT.js";
 import { u as Se } from "./gradient.rrDxmV60.js";
 import { t as C } from "./repeat.CKv9FPlC.js";
-import { t as Ce } from "./dropdown.CLzQHntD.js";
+import { t as Ce } from "./dropdown.HoJsYnUC.js";
 import { t as we } from "./tabbable.Bflg1dha.js";
 import { t as w } from "./input.B3HfssSr.js";
-import { t as Te } from "./menu.DDiovK72.js";
+import { t as Te } from "./menu.BRFXqBpq.js";
 import { t as Ee } from "./menu-item.DS4-vQe3.js";
 import { n as De, r as Oe, t as ke } from "./ref.CU1NC5AM.js";
 import { t as Ae } from "./textarea.Bc4eCJgT.js";
 import { n as je, t as T } from "./option.wsYX6Pp-.js";
 import { t as E } from "./space.Dd8jezXK.js";
-import { t as D } from "./select.CPCSCV1h.js";
+import { t as D } from "./select.v6t2pNH4.js";
 import { t as Me } from "./tab.C2OFvGGj.js";
-import { t as Ne } from "./tab-group.kPeSvnQU.js";
+import { t as Ne } from "./tab-group.DP9EvXFy.js";
 import { t as Pe } from "./map.ByDuLduF.js";
 import { t as Fe } from "./tab-panel.BxeoKuSv.js";
 import { t as Ie } from "./visually-hidden.Bv3SInZp.js";
-import { t as Le } from "./color-picker.C3u13jWP.js";
-import { a as Re, i as ze, n as Be, o as Ve, r as He, s as Ue, t as O } from "./dialog.Dw-WUyD8.js";
+import { t as Le } from "./color-picker.CDUhOLEs.js";
+import { a as Re, i as ze, n as Be, o as Ve, r as He, s as Ue, t as O } from "./dialog.BuirdRW8.js";
 import { t as We } from "./divider.CqSNZCU8.js";
 import { f as Ge } from "./url.CZO_DV8Y.js";
 import { d as Ke, h as qe, m as Je, n as Ye, o as Xe, p as Ze } from "./color.CIOzHtLK.js";
@@ -65,22 +65,22 @@ import { t as ft } from "./radio-card.DPIcsAW9.js";
 import { t as pt } from "./radio-group.DKOIr2PH.js";
 import { t as mt } from "./switch.D6KXmWnC.js";
 import { t as ht } from "./v4.JyXW8GUB.js";
-import { t as gt } from "./bicolor-picker.CojUr8VQ.js";
-import { t as _t } from "./border-input-group.hX_u5As5.js";
-import { n as vt, t as yt } from "./confirm-popover.Ca_p-aec.js";
-import { t as bt } from "./corner-position-input-group.B6oea4JC.js";
+import { t as gt } from "./bicolor-picker.C0PxxFzf.js";
+import { t as _t } from "./border-input-group.w-T10AEY.js";
+import { n as vt, t as yt } from "./confirm-popover.CaNKM2dH.js";
+import { t as bt } from "./corner-position-input-group.CPrsYabs.js";
 import { t as xt } from "./cropper.D4ymxgab.js";
-import { t as St } from "./dynamic-select.C18Su1Hi.js";
-import { i as Ct, n as N, r as wt, t as P } from "./folder-select.i1Map6Gy.js";
+import { t as St } from "./dynamic-select.G1V7Da24.js";
+import { i as Ct, n as N, r as wt, t as P } from "./folder-select.CzNXsgl_.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.CyzUfNfD.js";
-import { t as At } from "./size-input-group.BUyxMiGb.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.CyUiMsk0.js";
-import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.D4KGIN_7.js";
-import { B as an, C as on, H as sn, J as cn, P as ln, Q as un, R as dn, U as fn, V as pn, X as mn, Y as F, Z as I, f as hn, g as gn, k as L, p as _n, y as vn, z as yn } from "./configs-controller.CfLKthEL.js";
+import { t as kt } from "./shadow-input-group.C9DU0Ehy.js";
+import { t as At } from "./size-input-group.Z_9n7Nv6.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.BEJh0Fqs.js";
+import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.DUskDB_p.js";
+import { B as an, C as on, H as sn, J as cn, P as ln, Q as un, R as dn, U as fn, V as pn, X as mn, Y as F, Z as I, f as hn, g as gn, k as L, p as _n, y as vn, z as yn } from "./configs-controller.D3dYYbfz.js";
 import { a as bn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var xn = /* @__PURE__ */ function(e) {
@@ -42219,7 +42219,7 @@ var ti = 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=${je.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=${je.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" ? qe(r) : r} @cx-shadow-input-group-change=${async (e) => {

package/library/chunks/{border-input-group.hX_u5As5.js → border-input-group.w-T10AEY.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.CojUr8VQ.js";
+import { t as d } from "./bicolor-picker.C0PxxFzf.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.C3u13jWP.js → color-picker.CDUhOLEs.js}

@@ -23,12 +23,12 @@ import { c as w, d as T, f as E, i as D, n as O, o as k, s as ne, u as A } from
 import { t as j } from "./drag.s0AcVpKh.js";
 import { t as M } from "./math.od1DVmRk.js";
 import { t as N } from "./repeat.CKv9FPlC.js";
-import { t as P } from "./dropdown.CLzQHntD.js";
+import { t as P } from "./dropdown.HoJsYnUC.js";
 import { t as F } from "./input.B3HfssSr.js";
 import { t as I } from "./option.wsYX6Pp-.js";
-import { t as L } from "./select.CPCSCV1h.js";
+import { t as L } from "./select.v6t2pNH4.js";
 import { t as R } from "./tab.C2OFvGGj.js";
-import { t as z } from "./tab-group.kPeSvnQU.js";
+import { t as z } from "./tab-group.DP9EvXFy.js";
 import { t as B } from "./tab-panel.BxeoKuSv.js";
 import { t as V } from "./visually-hidden.Bv3SInZp.js";
 //#region ../../packages/atoms/src/components/color-picker/color-picker.styles.ts