@orangelogic/design-system 4.49.0 → 4.51.0

package/library/components/folder-select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/folder-select.DsF8LODE.js";
+import { t as e } from "../chunks/folder-select.DEGiL0pP.js";
 export { e as default };

package/library/components/molecules.js

@@ -1,18 +1,18 @@
-import { t as e } from "../chunks/bicolor-picker.CIQZ9X5x.js";
-import { t } from "../chunks/border-input-group.zWvxXDrV.js";
+import { t as e } from "../chunks/bicolor-picker.BGSxhZJ-.js";
+import { t } from "../chunks/border-input-group.wXw6aSGa.js";
 import { t as n } from "../chunks/color-swatch.D31RnyZs.js";
 import { t as r } from "../chunks/confirm-popover.UUhlXSDu.js";
-import { t as i } from "../chunks/corner-position-input-group.BMDQlHSS.js";
+import { t as i } from "../chunks/corner-position-input-group.DmmX8lEw.js";
 import { t as a } from "../chunks/cropper.BRsN8h2t.js";
-import { t as o } from "../chunks/dynamic-select.D49cHmhm.js";
-import { t as s } from "../chunks/folder-select.DsF8LODE.js";
+import { t as o } from "../chunks/dynamic-select.CtdC5OzH.js";
+import { t as s } from "../chunks/folder-select.DEGiL0pP.js";
 import { t as c } from "../chunks/masonry.H7Hpnx9d.js";
 import { t as l } from "../chunks/padding-input-group.CGDq3Cct.js";
 import { t as u } from "../chunks/position-picker.DzRyAx7a.js";
-import { t as d } from "../chunks/shadow-input-group.rms5mviC.js";
+import { t as d } from "../chunks/shadow-input-group.Zt8zKRxQ.js";
 import { t as f } from "../chunks/share-option-list.pVQugFoP.js";
 import { t as p } from "../chunks/sidebar.CwAW3KaC.js";
-import { t as m } from "../chunks/size-input-group.DiTi9CgW.js";
+import { t as m } from "../chunks/size-input-group.Cxo0uCXM.js";
 import { t as h } from "../chunks/stepper-wizard.BJARESIb.js";
 import { t as g } from "../chunks/typeface.BLblmcP7.js";
 export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, r as CxConfirmPopover, i as CxCornerPositionInputGroup, a as CxCropper, o as CxDynamicSelect, s as CxFolderSelect, c as CxMasonry, l as CxPaddingInputGroup, u as CxPositionPicker, d as CxShadowInputGroup, f as CxShareOptionList, p as CxSidebar, m as CxSizeInputGroup, h as CxStepperWizard, g as CxTypeface };

package/library/components/option.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/option.C97GEvQ6.js";
+import { t as e } from "../chunks/option.Da60zYvc.js";
 export { e as default };

package/library/components/organisms.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/asset-link-format.CZBeBJej.js";
-import { t } from "../chunks/color-swatch-group.CatSe9IU.js";
-import { t as n } from "../chunks/file-on-demand.4Zi0mu_q.js";
+import { t as e } from "../chunks/asset-link-format.CV-Jw-hk.js";
+import { t } from "../chunks/color-swatch-group.BdYLfI59.js";
+import { t as n } from "../chunks/file-on-demand.B4KUSqtB.js";
 export { e as CxAssetLinkFormat, t as CxColorSwatchGroup, n as CxFileOnDemand };

package/library/components/pagination.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/pagination.c9x67wQ0.js";
+import { t as e } from "../chunks/pagination.ca5R1wld.js";
 export { e as default };

package/library/components/select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select.B154rVXD.js";
+import { t as e } from "../chunks/select.NhbQgMNA.js";
 export { e as default };

package/library/components/shadow-input-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/shadow-input-group.rms5mviC.js";
+import { t as e } from "../chunks/shadow-input-group.Zt8zKRxQ.js";
 export { e as default };

package/library/components/size-input-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/size-input-group.DiTi9CgW.js";
+import { t as e } from "../chunks/size-input-group.Cxo0uCXM.js";
 export { e as default };

package/library/components/types.js

@@ -24,7 +24,7 @@ import { t as ue } from "../chunks/alert.C7jo45Pq.js";
 import { t as de } from "../chunks/am-chart.COOKOvT1.js";
 import { t as fe } from "../chunks/animated-image.w6VdagCh.js";
 import { t as I } from "../chunks/animation.CRLxJUWm.js";
-import { n as pe, r as me, t as he } from "../chunks/src.trg9VhQU.js";
+import { n as pe, r as me, t as he } from "../chunks/src.3QpUQeRm.js";
 import { t as ge } from "../chunks/style-map.DPGQIxip.js";
 import { n as _e, t as ve } from "../chunks/button.DnOMjl_G.js";
 import { c as ye, i as be, l as xe, o as Se, r as Ce, s as we } from "../chunks/resizable-component.styles.v9pbLDG5.js";
@@ -38,7 +38,7 @@ import { t as kt } from "../chunks/resize-observer.D9EHlnZI.js";
 import { t as At } from "../chunks/line-clamp.BFh7eXXl.js";
 import { t as jt } from "../chunks/tag.Dj8VrFFk.js";
 import { t as Mt } from "../chunks/array-line-clamp.HGGPocNC.js";
-import { C as Nt, S as Pt, _ as Ft, b as It, g as Lt, h as Rt, o as zt, r as Bt, s as Vt, t as Ht, v as Ut, w as Wt, x as Gt, y as Kt } from "../chunks/block-width.DTvz7xM0.js";
+import { C as Nt, S as Pt, _ as Ft, b as It, g as Lt, h as Rt, o as zt, r as Bt, s as Vt, t as Ht, v as Ut, w as Wt, x as Gt, y as Kt } from "../chunks/block-width.B8m9MQM3.js";
 import { n as qt, t as Jt } from "../chunks/position-picker.dY_vgF_H.js";
 import { a as Yt, i as Xt, n as Zt, o as Qt, r as $t, s as en, t as tn } from "../chunks/src.BJhIYoMP.js";
 import { a as nn, c as rn, i as an, n as on, o as sn, r as cn, t as ln, u as un } from "../chunks/time.p1t0NCwj.js";
@@ -69,12 +69,12 @@ import { t as ur } from "../chunks/menu.DNeN3pz0.js";
 import { n as dr, r as fr, t as pr } from "../chunks/menu-item.CCbtHE5R.js";
 import { n as mr, t as hr } from "../chunks/ref.CU1NC5AM.js";
 import { t as gr } from "../chunks/textarea.BgWdR_7D.js";
-import { t as _r } from "../chunks/option.C97GEvQ6.js";
+import { t as _r } from "../chunks/option.Da60zYvc.js";
 import { t as vr } from "../chunks/space.Dd8jezXK.js";
 import { i as yr, n as br, r as xr, t as Sr } from "../chunks/scroll.CEH_a4pm.js";
 import { t as Cr } from "../chunks/user-agent.D2bRhUeS.js";
 import { t as wr } from "../chunks/unsafe-html.Cb838aX7.js";
-import { t as Tr } from "../chunks/select.B154rVXD.js";
+import { t as Tr } from "../chunks/select.NhbQgMNA.js";
 import { t as Er } from "../chunks/tab.BKJEGsgj.js";
 import { a as Dr, i as Or, n as kr, r as Ar, t as jr } from "../chunks/tab-group.lMvydOdb.js";
 import { t as Mr } from "../chunks/parse.CDrJ-NY7.js";
@@ -82,10 +82,10 @@ import { t as Nr } from "../chunks/guard.Cf17k6Vx.js";
 import { t as Pr } from "../chunks/map.ByDuLduF.js";
 import { t as Fr } from "../chunks/tab-panel.BxeoKuSv.js";
 import { t as Ir } from "../chunks/visually-hidden.Bv3SInZp.js";
-import { t as Lr } from "../chunks/color-picker.DlpYhvA1.js";
+import { t as Lr } from "../chunks/color-picker.DlcAbY3b.js";
 import { t as Rr } from "../chunks/copy-button.CSUoVbip.js";
 import { S as zr, _ as Br, a as Vr, b as Hr, c as Ur, d as Wr, f as Gr, g as Kr, h as qr, i as Jr, l as Yr, m as Xr, n as Zr, o as Qr, p as $r, r as ei, s as ti, t as ni, u as ri, v as ii, x as ai, y as oi } from "../chunks/date.BL4L64Hx.js";
-import { $ as si, A as ci, B as li, C as ui, D as di, E as fi, F as pi, G as mi, H as hi, I as gi, J as _i, K as vi, L as yi, M as bi, N as xi, O as Si, P as Ci, Q as wi, R as Ti, S as Ei, T as Di, U as Oi, V as ki, W as Ai, X as ji, Y as Mi, Z as Ni, _ as Pi, a as Fi, at as Ii, b as Li, c as Ri, ct as zi, d as Bi, dt as Vi, et as Hi, f as Ui, ft as Wi, g as Gi, h as Ki, i as qi, it as Ji, j as Yi, k as Xi, l as Zi, lt as Qi, m as $i, mt as ea, n as ta, nt as na, o as ra, ot as ia, p as aa, pt as oa, q as sa, r as ca, rt as la, s as ua, st as da, t as fa, tt as pa, u as ma, ut as ha, v as ga, w as _a, x as va, y as ya, z as ba } from "../chunks/src.QIRlv8bQ.js";
+import { $ as si, A as ci, B as li, C as ui, D as di, E as fi, F as pi, G as mi, H as hi, I as gi, J as _i, K as vi, L as yi, M as bi, N as xi, O as Si, P as Ci, Q as wi, R as Ti, S as Ei, T as Di, U as Oi, V as ki, W as Ai, X as ji, Y as Mi, Z as Ni, _ as Pi, a as Fi, at as Ii, b as Li, c as Ri, ct as zi, d as Bi, dt as Vi, et as Hi, f as Ui, ft as Wi, g as Gi, h as Ki, i as qi, it as Ji, j as Yi, k as Xi, l as Zi, lt as Qi, m as $i, mt as ea, n as ta, nt as na, o as ra, ot as ia, p as aa, pt as oa, q as sa, r as ca, rt as la, s as ua, st as da, t as fa, tt as pa, u as ma, ut as ha, v as ga, w as _a, x as va, y as ya, z as ba } from "../chunks/src.CFxipFzl.js";
 import { t as xa } from "../chunks/date-calendar.BpfgvrtE.js";
 import { t as Sa } from "../chunks/details.BGlfx87d.js";
 import { t as Ca } from "../chunks/dialog.BKSCSk0r.js";
@@ -95,7 +95,7 @@ import { t as Ea } from "../chunks/diff.DAFtnzhM.js";
 import { t as Da } from "../chunks/capitalize.BT_EavGy.js";
 import { t as Oa } from "../chunks/drawer.BEXLFfil.js";
 import { t as ka } from "../chunks/progress-bar.BfHPsueW.js";
-import { t as Aa } from "../chunks/document-viewer.D8UPa4kM.js";
+import { t as Aa } from "../chunks/document-viewer.CpC54CmZ.js";
 import { a as ja, c as Ma, d as Na, f as Pa, i as Fa, l as Ia, m as La, n as Ra, o as za, p as Ba, r as Va, s as Ha, t as Ua, u as Wa } from "../chunks/url.BCc06dE7.js";
 import { a as Ga, c as Ka, d as qa, f as Ja, h as Ya, i as Xa, l as Za, m as Qa, n as $a, o as eo, p as to, r as no, s as ro, t as io, u as ao } from "../chunks/color.CIOzHtLK.js";
 import { t as oo } from "../chunks/converters.CFh-tT4P.js";
@@ -126,7 +126,7 @@ import { a as es, i as ts, n as ns, o as rs, r as is, t as as } from "../chunks/
 import { t as ss } from "../chunks/menu-label.B-FOyfAX.js";
 import { t as cs } from "../chunks/menu-section.BzzA6L5E.js";
 import { t as ls } from "../chunks/mutation-observer.CD5prBIP.js";
-import { t as us } from "../chunks/pagination.c9x67wQ0.js";
+import { t as us } from "../chunks/pagination.ca5R1wld.js";
 import { t as ds } from "../chunks/progress-ring.Cn08Dbar.js";
 import { t as fs } from "../chunks/qr-code.SwjFPrvB.js";
 import { t as ps } from "../chunks/radio.DhPbmKbQ.js";
@@ -144,33 +144,33 @@ import { t as ws } from "../chunks/timecode.DME2imtx.js";
 import { a as Ts, i as Es, o as Ds } from "../chunks/tree.BWKeg92V.js";
 import { t as Os } from "../chunks/v4.JyXW8GUB.js";
 import { n as ks, t as As } from "../chunks/video.2jpE1tqO.js";
-import { t as js } from "../chunks/bicolor-picker.CIQZ9X5x.js";
-import { t as Ms } from "../chunks/border-input-group.zWvxXDrV.js";
+import { t as js } from "../chunks/bicolor-picker.BGSxhZJ-.js";
+import { t as Ms } from "../chunks/border-input-group.wXw6aSGa.js";
 import { t as Ns } from "../chunks/color-swatch.D31RnyZs.js";
 import { t as Ps } from "../chunks/confirm-popover.UUhlXSDu.js";
-import { t as Fs } from "../chunks/corner-position-input-group.BMDQlHSS.js";
+import { t as Fs } from "../chunks/corner-position-input-group.DmmX8lEw.js";
 import { t as Is } from "../chunks/cropper.BRsN8h2t.js";
 import { t as Ls } from "../chunks/toNumber.BBjIwSoo.js";
 import { t as Rs } from "../chunks/debounce.DrhImrNP.js";
-import { t as zs } from "../chunks/dynamic-select.D49cHmhm.js";
+import { t as zs } from "../chunks/dynamic-select.CtdC5OzH.js";
 import { a as Bs, p as Vs, t as Hs } from "../chunks/string-array.Dstcqyjm.js";
-import { t as Us } from "../chunks/folder-select.DsF8LODE.js";
+import { t as Us } from "../chunks/folder-select.DEGiL0pP.js";
 import { t as Ws } from "../chunks/choose.C2vpqhLc.js";
 import { t as Gs } from "../chunks/masonry.H7Hpnx9d.js";
 import { t as Ks } from "../chunks/padding-input-group.CGDq3Cct.js";
 import { t as qs } from "../chunks/position-picker.DzRyAx7a.js";
-import { t as Js } from "../chunks/shadow-input-group.rms5mviC.js";
+import { t as Js } from "../chunks/shadow-input-group.Zt8zKRxQ.js";
 import { t as Ys } from "../chunks/share-option-list.pVQugFoP.js";
 import { t as Xs } from "../chunks/sidebar.CwAW3KaC.js";
-import { t as Zs } from "../chunks/size-input-group.DiTi9CgW.js";
+import { t as Zs } from "../chunks/size-input-group.Cxo0uCXM.js";
 import { t as Qs } from "../chunks/stepper-wizard.BJARESIb.js";
 import { t as $s } from "../chunks/typeface.BLblmcP7.js";
-import { T as ec, _ as tc, a as nc, b as rc, c as ic, d as ac, l as oc, m as sc, n as cc, o as lc, r as uc, s as dc, t as fc, v as pc } from "../chunks/asset-link-format.CZBeBJej.js";
-import { c as mc, h as hc, l as gc, m as _c, p as vc, t as yc, u as bc } from "../chunks/color-swatch-group.CatSe9IU.js";
+import { T as ec, _ as tc, a as nc, b as rc, c as ic, d as ac, l as oc, m as sc, n as cc, o as lc, r as uc, s as dc, t as fc, v as pc } from "../chunks/asset-link-format.CV-Jw-hk.js";
+import { c as mc, h as hc, l as gc, m as _c, p as vc, t as yc, u as bc } from "../chunks/color-swatch-group.BdYLfI59.js";
 import { n as xc } from "../chunks/isArrayLikeObject.Da3IzQeH.js";
-import { t as Sc } from "../chunks/file-on-demand.4Zi0mu_q.js";
+import { t as Sc } from "../chunks/file-on-demand.B4KUSqtB.js";
 import "../events.js";
-import { A as Cc, B as eee, C as wc, D as Tc, E as tee, F as nee, G as ree, H as iee, I as Ec, J as Dc, K as Oc, L as kc, M as Ac, N as jc, R as Mc, S as Nc, U as aee, V as oee, W as see, a as Pc, b as Fc, c as cee, d as lee, dt as uee, f as Ic, ft as Lc, g as Rc, h as zc, i as Bc, it as Vc, j as Hc, k as Uc, lt as Wc, m as Gc, mt as Kc, nt as qc, o as Jc, p as Yc, pt as Xc, q as Zc, r as Qc, rt as $c, s as el, t as tl, tt as nl, u as rl, ut as il, y as al, z as ol } from "../chunks/configs-controller.wtRhwfJ1.js";
+import { A as Cc, B as eee, C as wc, D as Tc, E as tee, F as nee, G as ree, H as iee, I as Ec, J as Dc, K as Oc, L as kc, M as Ac, N as jc, R as Mc, S as Nc, U as aee, V as oee, W as see, a as Pc, b as Fc, c as cee, d as lee, dt as uee, f as Ic, ft as Lc, g as Rc, h as zc, i as Bc, it as Vc, j as Hc, k as Uc, lt as Wc, m as Gc, mt as Kc, nt as qc, o as Jc, p as Yc, pt as Xc, q as Zc, r as Qc, rt as $c, s as el, t as tl, tt as nl, u as rl, ut as il, y as al, z as ol } from "../chunks/configs-controller.Cc-Lt6BH.js";
 import { i as sl } from "../chunks/timer.M6Aa3L_j.js";
 import { a as cl, c as ll, d as ul, f as dl, i as fl, l as pl, n as ml, o as hl, r as gl, s as _l, t as vl, u as yl } from "../chunks/src.CLGAM3OO.js";
 import { t as bl } from "../chunks/value.C4_tUrAq.js";
@@ -35731,7 +35731,7 @@ var due = class {
 	stop() {
 		clearInterval(this.timerId), this.stopped = !0, this.host.requestUpdate();
 	}
-}, fue = i`:host{--aspect-ratio:16 / 9;--slide-gap:var(--cx-spacing-medium,1rem);height:var(--height);min-height:var(--min-height,auto);max-height:var(--max-height,auto);width:100%;display:flex;position:relative}:host([use-aspect-ratio]){aspect-ratio:var(--block-aspect-ratio)}:host([orientation=vertical]) .carousel__pagination{height:100%}:host ::slotted(cx-gallery-item){pointer-events:auto;z-index:1;position:relative}.carousel{grid-template:".slides."1fr". . ."min-content/min-content 1fr min-content;align-items:center;min-width:100%;min-height:100%;display:grid;position:relative;overflow:hidden}.container{--check-border-width:var(--scroll-container-border-width,0px);--check-border-radius:var(--scroll-container-border-radius,0px);border:var(--border,none) solid;border-radius:var(--border-radius,var(--cx-border-radius-small));flex-direction:column;width:100%;max-height:100%;display:flex;container:asset-container}.container--vertical{flex-direction:row}.container:has(.carousel__slides:focus-visible){outline:var(--cx-focus-ring);outline-offset:0px}.carousel-container{border:var(--scroll-container-border,none) solid;border-radius:var(--scroll-container-border-radius,var(--cx-border-radius-small));min-height:0;transition:transform var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear);flex:1;display:flex;position:relative;overflow:clip}@container asset-container style(--check-border-width:0px) and style(--check-border-radius:0px){.carousel-container{overflow:unset}}.carousel-container--vertical{overflow-y:clip}.carousel-container--horizontal{overflow-x:clip}.carousel--vertical{grid-template-areas:".slides"".slides"}.carousel--empty:before{color:#fff;content:attr(data-empty-label);font-family:var(--cx-font-sans);font-size:clamp(var(--cx-font-size-x-small), 4cqw, var(--cx-font-size-large));font-weight:var(--cx-font-weight-semibold);text-align:center;text-shadow:.05em .05em .1em #000;vertical-align:middle;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:absolute}.carousel__pagination{justify-content:center;gap:var(--cx-spacing-small);padding:var(--cx-spacing-large);--dot-pagination-gap:var(--cx-spacing-small);--dot-pagination-padding:0;flex-wrap:wrap;grid-area:pagination;display:flex}.carousel__item-group{width:100%;height:100%;position:relative}.carousel__slides{overscroll-behavior-x:contain;scrollbar-width:none;width:100%;height:100%;aspect-ratio:calc(var(--aspect-ratio) * var(--slides-per-page));--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-area:slides;place-items:center;display:grid;overflow:auto}.carousel__slides:focus-visible{outline:none}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__slides--horizontal{grid-auto-flow:column;grid-auto-columns:var(--slide-size);column-gap:var(--slide-gap);scroll-snap-type:x mandatory;grid-auto-rows:100%;overflow-y:hidden}.carousel__slides--vertical{grid-auto-columns:100%;grid-auto-flow:row;grid-auto-rows:var(--slide-size);row-gap:var(--slide-gap);scroll-snap-type:y mandatory;overflow-x:hidden}.carousel__slides--horizontal.carousel__slides--peek-slides{scroll-padding-inline:var(--scroll-hint,0px);padding-inline:var(--scroll-hint,0px)}.carousel__slides--vertical.carousel__slides--peek-slides{scroll-padding-block:var(--scroll-hint,0px);padding-block:var(--scroll-hint,0px)}.carousel__slides--fade--clone{opacity:0;pointer-events:none;position:absolute}:host([orientation=vertical]) ::slotted(cx-gallery-item){height:100%}.carousel__slides::-webkit-scrollbar{display:none}.carousel__navigation{font-size:var(--cx-font-size-x-large);height:0;left:calc(var(--cx-spacing-x-large) / 2);width:calc(100% - var(--cx-spacing-x-large));z-index:calc(var(--cx-z-index-dialog) + 2);justify-content:space-between;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.carousel__navigation-button{border-radius:var(--cx-border-radius-circle);font-size:inherit;color:var(--cx-color-neutral-600);padding:var(--cx-spacing-x-small);cursor:pointer;transition:var(--cx-transition-medium) color;appearance:none;border:none;flex:none;align-items:center;display:flex}@supports (color:rgb(from white r g b / 1)){.carousel__navigation-button{background-color:rgb(from var(--color,var(--cx-color-neutral-0)) r g b / calc(alpha / 2.5))}}@supports not (color:rgb(from white r g b / 1)){.carousel__navigation-button{background-color:#f0f0f066}}.carousel__navigation-button--disabled{opacity:.5;cursor:default}.carousel__navigation-button--hidden{opacity:0;pointer-events:none}.carousel__navigation-button--disabled::part(base){pointer-events:none}.carousel__navigation-button--previous{grid-area:1/1}.carousel__navigation-button--next{grid-area:1/3}.carousel__pagination-item{cursor:pointer;border-radius:var(--cx-border-radius-circle);width:var(--cx-spacing-small);height:var(--cx-spacing-small);background:0 0;background-color:var(--cx-color-neutral-300);border:0;margin:0;padding:0;display:block}.carousel__pagination-item--active{background-color:var(--cx-color-neutral-500)}.carousel__pagination-item--loading{cursor:default;opacity:.5}.carousel__navigation-button:focus-visible,.carousel__pagination-item:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.carousel__slide{width:100%;height:100%;aspect-ratio:var(--aspect-ratio);padding:var(--item-padding,0);scroll-snap-align:start;scroll-snap-stop:always;display:block}cx-carousel-dot-pagination{display:inline-block}.highlighter__popup--hovered::part(popup){z-index:calc(var(--cx-z-index-dialog) + 1)}`, eF = class extends Fo {
+}, fue = i`:host{--aspect-ratio:16 / 9;--navigation-button-background-color:var(--color,var(--cx-color-neutral-0));--navigation-icon-color:var(--cx-color-neutral-800);--navigation-icon-size:var(--cx-font-size-2x-large);--slide-gap:var(--cx-spacing-medium,1rem);height:var(--height);min-height:var(--min-height,auto);max-height:var(--max-height,auto);width:100%;display:flex;position:relative}:host([use-aspect-ratio]){aspect-ratio:var(--block-aspect-ratio)}:host([orientation=vertical]) .carousel__pagination{height:100%}:host ::slotted(cx-gallery-item){pointer-events:auto;z-index:1;position:relative}.carousel{grid-template:".slides."1fr". . ."min-content/min-content 1fr min-content;align-items:center;min-width:100%;min-height:100%;display:grid;position:relative;overflow:hidden}.container{--check-border-width:var(--scroll-container-border-width,0px);--check-border-radius:var(--scroll-container-border-radius,0px);border:var(--border,none) solid;border-radius:var(--border-radius,var(--cx-border-radius-small));flex-direction:column;width:100%;max-height:100%;display:flex;container:asset-container}.container--vertical{flex-direction:row}.container:has(.carousel__slides:focus-visible){outline:var(--cx-focus-ring);outline-offset:0px}.carousel-container{border:var(--scroll-container-border,none) solid;border-radius:var(--scroll-container-border-radius,var(--cx-border-radius-small));min-height:0;transition:transform var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear);flex:1;display:flex;position:relative;overflow:clip}@container asset-container style(--check-border-width:0px) and style(--check-border-radius:0px){.carousel-container{overflow:unset}}.carousel-container--vertical{overflow-y:clip}.carousel-container--horizontal{overflow-x:clip}.carousel--vertical{grid-template-areas:".slides"".slides"}.carousel--empty:before{color:#fff;content:attr(data-empty-label);font-family:var(--cx-font-sans);font-size:clamp(var(--cx-font-size-x-small), 4cqw, var(--cx-font-size-large));font-weight:var(--cx-font-weight-semibold);text-align:center;text-shadow:.05em .05em .1em #000;vertical-align:middle;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:absolute}.carousel__pagination{justify-content:center;gap:var(--cx-spacing-small);padding:var(--cx-spacing-large);--dot-pagination-gap:var(--cx-spacing-small);--dot-pagination-padding:0;flex-wrap:wrap;grid-area:pagination;display:flex}.carousel__item-group{width:100%;height:100%;position:relative}.carousel__slides{overscroll-behavior-x:contain;scrollbar-width:none;width:100%;height:100%;aspect-ratio:calc(var(--aspect-ratio) * var(--slides-per-page));--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-area:slides;place-items:center;display:grid;overflow:auto}.carousel__slides:focus-visible{outline:none}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__slides--horizontal{grid-auto-flow:column;grid-auto-columns:var(--slide-size);column-gap:var(--slide-gap);scroll-snap-type:x mandatory;grid-auto-rows:100%;overflow-y:hidden}.carousel__slides--vertical{grid-auto-columns:100%;grid-auto-flow:row;grid-auto-rows:var(--slide-size);row-gap:var(--slide-gap);scroll-snap-type:y mandatory;overflow-x:hidden}.carousel__slides--horizontal.carousel__slides--peek-slides{scroll-padding-inline:var(--scroll-hint,0px);padding-inline:var(--scroll-hint,0px)}.carousel__slides--vertical.carousel__slides--peek-slides{scroll-padding-block:var(--scroll-hint,0px);padding-block:var(--scroll-hint,0px)}.carousel__slides--fade--clone{opacity:0;pointer-events:none;position:absolute}:host([orientation=vertical]) ::slotted(cx-gallery-item){height:100%}.carousel__slides::-webkit-scrollbar{display:none}.carousel__navigation{font-size:var(--cx-font-size-x-large);height:0;left:calc(var(--cx-spacing-x-large) / 2);width:calc(100% - var(--cx-spacing-x-large));z-index:calc(var(--cx-z-index-dialog) + 2);justify-content:space-between;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.carousel__navigation-button{--font-size:var(--navigation-icon-size);border-radius:var(--cx-border-radius-circle);font-size:inherit;color:var(--navigation-icon-color);padding:var(--cx-spacing-x-small);cursor:pointer;transition:var(--cx-transition-medium) color;appearance:none;border:none;flex:none;align-items:center;display:flex}@supports (color:rgb(from white r g b / 1)){.carousel__navigation-button{background-color:rgb(from var(--navigation-button-background-color) r g b / calc(alpha * .6))}}@supports not (color:rgb(from white r g b / 1)){.carousel__navigation-button{background-color:#f0f0f099}}.carousel__navigation-button--disabled{opacity:.5;cursor:default}.carousel__navigation-button--hidden{opacity:0;pointer-events:none}.carousel__navigation-button--disabled::part(base){pointer-events:none}.carousel__navigation-button--previous{grid-area:1/1}.carousel__navigation-button--next{grid-area:1/3}.carousel__pagination-item{cursor:pointer;border-radius:var(--cx-border-radius-circle);width:var(--cx-spacing-small);height:var(--cx-spacing-small);background:0 0;background-color:var(--cx-color-neutral-300);border:0;margin:0;padding:0;display:block}.carousel__pagination-item--active{background-color:var(--cx-color-neutral-500)}.carousel__pagination-item--loading{cursor:default;opacity:.5}.carousel__navigation-button:focus-visible,.carousel__pagination-item:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.carousel__slide{width:100%;height:100%;aspect-ratio:var(--aspect-ratio);padding:var(--item-padding,0);scroll-snap-align:start;scroll-snap-stop:always;display:block}cx-carousel-dot-pagination{display:inline-block}.highlighter__popup--hovered::part(popup){z-index:calc(var(--cx-z-index-dialog) + 1)}`, eF = class extends Fo {
 	createRenderRoot() {
 		return this;
 	}
@@ -95207,7 +95207,7 @@ var j5 = class extends d {
 		return this.mappedSupportedLanguages.length > 1;
 	}
 	ensureConfigUi() {
-		return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.BBN9hptw.js"), import("../chunks/configs-controller.wtRhwfJ1.js").then((e) => e.n)]).then(async ([, e]) => {
+		return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.OCrUXBER.js"), import("../chunks/configs-controller.Cc-Lt6BH.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": "4.49.0",
+  "version": "4.51.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/option/option.d.ts

@@ -18,7 +18,6 @@ import { default as CxSpace } from '../space/space';
  * @csspart suffix - The container that wraps the suffix.
  *
  * @cssproperty [--option-color=var(--cx-color-neutral-700)] - The option's color.
- * @cssproperty [--option-current-background-color=var(--cx-menu-item-background-color-hover)] - The background color of the option under the keyboard cursor (`aria-activedescendant`). Only one option is current at a time, and it is not necessarily the selected one.
  * @cssproperty [--option-font-weight=var(--cx-font-weight-regular)] - The option's font weight.
  * @cssproperty [--option-help-text-color=var(--cx-color-neutral-600)] - The option's help text color.
  * @cssproperty [--option-help-text-font-weight=var(--cx-font-weight-regular)] - The option's help text font weight.

package/library/packages/atoms/src/components/select/select.d.ts

@@ -1,7 +1,7 @@
 import { default as CxLineClamp } from '../line-clamp/line-clamp.ts';
 import { default as CxTypography } from '../typography/typography.ts';
 import { CortexFormControl, default as CortexElement } from '../../../../base/src/cortex-element.ts';
-import { CSSResultGroup, TemplateResult, nothing } from 'lit';
+import { CSSResultGroup, PropertyValues, TemplateResult, nothing } from 'lit';
 import { default as CxIcon } from '../icon/icon';
 import { default as CxPopup } from '../popup/popup';
 import { default as CxSpinner } from '../spinner/spinner';
@@ -53,6 +53,7 @@ import { default as CxTag } from '../tag/tag';
  * @cssproperty --select-font-size - The font size of the select.
  */
 export default class CxSelect extends CortexElement implements CortexFormControl {
+    #private;
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-icon': typeof CxIcon;
@@ -323,6 +324,7 @@ export default class CxSelect extends CortexElement implements CortexFormControl
     connectedCallback(): void;
     disconnectedCallback(): void;
     runFirstUpdated(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     private addOpenListeners;
     private removeOpenListeners;
     private handleFocus;

package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts

@@ -43,6 +43,7 @@ type ImageSizeBound = {
  * @slot footer - Additional content rendered in normal flow after the transformation controls.
  */
 export default class CxAssetLinkFormat extends CortexElement {
+    #private;
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-asset-link-format-crop': typeof CxAssetLinkFormatCrop;
@@ -100,6 +101,11 @@ export default class CxAssetLinkFormat extends CortexElement {
     private sortable?;
     private sortableRevision;
     private dragPreviousSibling;
+    /**
+     * The crop step last edited in this formatter. Any other crop step came from outside (a saved
+     * format, Undo, Reset), even one of the size the Crop panel shows.
+     */
+    private editedCrop?;
     /**
      * The base URL for the asset service.
      * This URL is used to fetch the asset link and apply transformations.
@@ -454,8 +460,8 @@ export default class CxAssetLinkFormat extends CortexElement {
     private freezeTransformations;
     private upsertTransformation;
     /**
-     * Whether `crop` holds the size the Crop panel shows: the panel's own Apply, not a crop from
-     * outside (restored transformations, Undo, Reset).
+     * Whether `crop` holds the size the Crop panel shows. A crop from outside can hold it too (the
+     * initial 1x1), so only `editedCrop` tells the panel's own Apply apart.
      */
     private isCropPanelSize;
     /**

package/library/packages/organisms/src/asset-link-format/components/asset-link-format-crop/asset-link-format-crop.d.ts

@@ -53,6 +53,7 @@ export type CxAssetLinkFormatCropPositionChangeEvent = CustomEvent<{
  * @property {string} position - The selected anchor position from the position picker (e.g. top-left, center-center).
  */
 export default class CxAssetLinkFormatCrop extends CortexElement {
+    #private;
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-button': typeof CxButton;
@@ -67,6 +68,11 @@ export default class CxAssetLinkFormatCrop extends CortexElement {
         'cx-space': typeof CxSpace;
         'cx-typography': typeof CxTypography;
     };
+    /**
+     * The size of a `widthRatio`:`heightRatio` crop in `unit`: the ratio itself, or in pixels the largest
+     * box of that ratio inside `maxWidth` x `maxHeight` (the bare ratio while that size is unknown).
+     */
+    private static getRatioSize;
     private readonly localize;
     /**
      * The base element for the details section.
@@ -202,6 +208,8 @@ export default class CxAssetLinkFormatCrop extends CortexElement {
      */
     aspectRatio: number;
     get selectedMode(): CropMode | undefined;
+    /** Whether the max size is known, so a ratio has a pixel size: the largest box of it inside. */
+    private get hasMaxSize();
     handleCropModeChange(): Promise<void>;
     handleOpenChange(): Promise<void>;
     private handleWidthChange;
@@ -211,9 +219,9 @@ export default class CxAssetLinkFormatCrop extends CortexElement {
     private onPositionChange;
     /**
      * Handles the change of the unit of measurement for the crop settings.
-     * When the unit is changed to Aspect Ratio, it emits an event with the last applied settings for Aspect Ratio.
-     * When the unit is changed to Pixels, it emits an event with the last applied settings for Pixels.
-     * This allows the parent component to update the crop settings accordingly.
+     * Inline (every change is saved) carries the crop over to the new unit and keeps the mode, unless it
+     * is an auto mode. Otherwise it emits the last applied settings for the new unit and resets the mode
+     * to Free.
      */
     private onUnitChange;
     private handleInputChange;

package/library/packages/organisms/src/carousel/carousel.d.ts

@@ -38,6 +38,9 @@ import { AutoplayController } from './autoplay-controller';
  * @cssproperty --border - The border of entire carousel.
  * @cssproperty --scroll-container-border - The border of the scroll container.
  * @cssproperty --border-radius - The border radius of the carousel.
+ * @cssproperty [--navigation-button-background-color=var(--color, var(--cx-color-neutral-0))] - The background color of the previous and next navigation buttons, applied at 60% of its opacity.
+ * @cssproperty [--navigation-icon-color=var(--cx-color-neutral-800)] - The color of the previous and next navigation icons.
+ * @cssproperty [--navigation-icon-size=var(--cx-font-size-2x-large)] - The size of the previous and next navigation icons. Also insulates the icons from a `--font-size` inherited from an ancestor.
  */
 declare class CxCarouselDotPagination extends CxDotPagination {
     createRenderRoot(): this;

package/library/utils.js

@@ -23,7 +23,7 @@ import { i as rt, n as it, r as at, t as ot } from "./chunks/scroll.CEH_a4pm.js"
 import { t as st } from "./chunks/user-agent.D2bRhUeS.js";
 import { t as ct } from "./chunks/parse.CDrJ-NY7.js";
 import { S as lt, _ as ut, b as dt, d as ft, f as pt, g as mt, h as ht, m as gt, p as _t, t as vt, u as yt, v as bt, x as xt, y as St } from "./chunks/date.BL4L64Hx.js";
-import { $ as Ct, A as wt, B as Tt, F as Et, G as Dt, H as Ot, I as kt, J as At, K as jt, L as Mt, M as Nt, N as Pt, O as Ft, P as It, Q as Lt, R as Rt, U as zt, V as Bt, W as Vt, X as Ht, Y as Ut, Z as Wt, _ as Gt, a as Kt, at as qt, b as Jt, c as Yt, ct as Xt, d as Zt, dt as Qt, et as $t, f as en, ft as tn, g as nn, h as rn, i as an, it as on, j as sn, k as cn, l as ln, lt as un, m as dn, mt as fn, n as pn, nt as mn, o as hn, ot as gn, p as _n, pt as vn, q as yn, r as bn, rt as xn, s as Sn, st as Cn, t as wn, tt as Tn, u as En, ut as Dn, v as On, y as kn, z as An } from "./chunks/src.QIRlv8bQ.js";
+import { $ as Ct, A as wt, B as Tt, F as Et, G as Dt, H as Ot, I as kt, J as At, K as jt, L as Mt, M as Nt, N as Pt, O as Ft, P as It, Q as Lt, R as Rt, U as zt, V as Bt, W as Vt, X as Ht, Y as Ut, Z as Wt, _ as Gt, a as Kt, at as qt, b as Jt, c as Yt, ct as Xt, d as Zt, dt as Qt, et as $t, f as en, ft as tn, g as nn, h as rn, i as an, it as on, j as sn, k as cn, l as ln, lt as un, m as dn, mt as fn, n as pn, nt as mn, o as hn, ot as gn, p as _n, pt as vn, q as yn, r as bn, rt as xn, s as Sn, st as Cn, t as wn, tt as Tn, u as En, ut as Dn, v as On, y as kn, z as An } from "./chunks/src.CFxipFzl.js";
 import { n as jn } from "./chunks/modal.775mgCbW.js";
 import { a as Mn, c as Nn, d as Pn, f as Fn, i as In, l as Ln, m as Rn, n as zn, o as Bn, p as Vn, r as Hn, s as Un, t as Wn, u as Gn } from "./chunks/url.BCc06dE7.js";
 import { a as Kn, c as qn, d as Jn, f as Yn, h as Xn, i as Zn, l as Qn, m as $n, n as er, o as tr, p as nr, r as rr, s as ir, t as ar, u as or } from "./chunks/color.CIOzHtLK.js";

package/package.json

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