@orangelogic/design-system 3.7.0 → 3.9.0

package/library/components/types.js

@@ -3,7 +3,7 @@ import { bs as r } from "../chunks/am-chart.Cr-vMjcY.js";
 import { default as x } from "./animated-image.js";
 import { C as l } from "../chunks/animation.BD-1xugN.js";
 import { default as p } from "./array-line-clamp.js";
-import { default as n } from "./audio.js";
+import { default as f } from "./audio.js";
 import { default as d } from "./avatar.js";
 import { default as c } from "./badge.js";
 import { default as T } from "./breadcrumb.js";
@@ -19,9 +19,9 @@ import { default as w } from "./details.js";
 import { default as _ } from "./diff.js";
 import { C as N } from "../chunks/dialog.ICoCAj6Z.js";
 import { default as U } from "./divider.js";
-import { C as z } from "../chunks/document-viewer.CXynVA4R.js";
+import { C as z } from "../chunks/document-viewer.CRMRT7Ou.js";
 import { C as K } from "../chunks/dot-pagination.CzVpiv00.js";
-import { default as q } from "./dot-status.js";
+import { default as j } from "./dot-status.js";
 import { default as Q } from "./drawer.js";
 import { default as J } from "./dropdown.js";
 import { default as aa } from "./e-chart.js";
@@ -30,7 +30,7 @@ import { default as ra } from "./format-bytes.js";
 import { default as xa } from "./format-date.js";
 import { default as la } from "./format-number.js";
 import { default as pa } from "./format-time.js";
-import { default as na } from "./grid.js";
+import { default as fa } from "./grid.js";
 import { default as da } from "./grid-item.js";
 import { C as ca } from "../chunks/header.BQg_JjHw.js";
 import { C as Ta } from "../chunks/hub-connection.BtevPWYb.js";
@@ -48,7 +48,7 @@ import { default as Na } from "./menu.js";
 import { C as Ua } from "../chunks/menu-item.uFqeX_J6.js";
 import { default as za } from "./menu-label.js";
 import { default as Ka } from "./menu-section.js";
-import { default as qa } from "./mutation-observer.js";
+import { default as ja } from "./mutation-observer.js";
 import { C as Qa } from "../chunks/option.jeaj7_Lr.js";
 import { C as Ja } from "../chunks/pagination.DDW-Lw16.js";
 import { default as ae } from "./popup.js";
@@ -57,7 +57,7 @@ import { default as re } from "./progress-ring.js";
 import { default as xe } from "./qr-code.js";
 import { default as le } from "./radio.js";
 import { default as pe } from "./radio-button.js";
-import { default as ne } from "./radio-card.js";
+import { default as fe } from "./radio-card.js";
 import { default as de } from "./radio-group.js";
 import { default as ce } from "./range.js";
 import { default as Te } from "./rating.js";
@@ -75,17 +75,17 @@ import { default as Ne } from "./tab.js";
 import { C as Ue } from "../chunks/tab-group.Dpj7Lx8_.js";
 import { default as ze } from "./tab-panel.js";
 import { default as Ke } from "./tag.js";
-import { default as qe } from "./textarea.js";
+import { default as je } from "./textarea.js";
 import { default as Qe } from "./timecode.js";
 import { default as Je } from "./tooltip.js";
 import { a as at, C as et } from "../chunks/tree.DYFFjW1-.js";
 import { C as ot } from "../chunks/typography.IqHbnd3C.js";
 import { default as st } from "./video.js";
 import { default as it } from "./visually-hidden.js";
-import { fontAwesomeIconNames as mt, getAnimationNames as pt, getEasingNames as ft } from "./atoms.js";
+import { fontAwesomeIconNames as mt, getAnimationNames as pt, getEasingNames as nt } from "./atoms.js";
 import { c as Ct } from "../chunks/component.styles.CRO4Odto.js";
 import { g as ut, a as ct, s as gt } from "../chunks/animation-registry.HmpwNuGH.js";
-import { s as At, u as It, X as St, v as Dt, n as bt, C as yt, m as ht, _ as Ft, $ as Et, a0 as Pt, a2 as Rt, a1 as Lt, a3 as vt, a4 as Vt, a5 as Bt, a6 as Mt, a7 as Ot, l as wt, Y as Gt, w as _t, Z as kt, x as Nt, y as Ht, z as Ut, k as Xt, a8 as zt, B as Wt, E as Kt, G as jt, H as qt, a9 as Yt, j as Qt, J as Zt, K as Jt, h as $t, U as ao, V as eo, aa as to, f as oo, L as ro, M as so, N as xo, P as io, Q as lo, ab as mo, ac as po, R as fo, T as no, ad as Co, ae as uo, e as co, W as go, af as To, ag as Ao } from "../chunks/types.D9i8EgKJ.js";
+import { s as At, u as It, X as St, v as Dt, n as bt, C as yt, m as ht, _ as Ft, $ as Et, a0 as Pt, a2 as Rt, a1 as Lt, a3 as vt, a4 as Vt, a5 as Bt, a6 as Mt, a7 as Ot, l as wt, Y as Gt, w as _t, Z as kt, x as Nt, y as Ht, z as Ut, k as Xt, a8 as zt, B as Wt, E as Kt, G as qt, H as jt, a9 as Yt, j as Qt, J as Zt, K as Jt, h as $t, U as ao, V as eo, aa as to, f as oo, L as ro, M as so, N as xo, P as io, Q as lo, ab as mo, ac as po, R as no, T as fo, ad as Co, ae as uo, e as co, W as go, af as To, ag as Ao } from "../chunks/types.Bin5fi-e.js";
 import { default as So } from "./bicolor-picker.js";
 import { default as bo } from "./border-input-group.js";
 import { C as ho } from "../chunks/color-swatch.Caved2kL.js";
@@ -93,34 +93,34 @@ import { C as Eo } from "../chunks/confirm-popover.BpYjy5nJ.js";
 import { default as Ro } from "./corner-position-input-group.js";
 import { default as vo } from "./cropper.js";
 import { default as Bo } from "./dynamic-select.js";
-import { C as Oo, e as wo, f as Go } from "../chunks/color-swatch-group.DJqdDogB.js";
+import { C as Oo, e as wo, f as Go } from "../chunks/color-swatch-group.Bvq6xkM-.js";
 import { C as ko } from "../chunks/folder-select.CP0NPc0S.js";
 import { default as Ho } from "./masonry.js";
 import { default as Xo } from "./padding-input-group.js";
 import { default as Wo } from "./position-picker.js";
-import { default as jo } from "./shadow-input-group.js";
+import { default as qo } from "./shadow-input-group.js";
 import { default as Yo } from "./share-option-list.js";
 import { default as Zo } from "./sidebar.js";
 import { default as $o } from "./size-input-group.js";
 import { default as er } from "./stepper-wizard.js";
 import { default as or } from "./typeface.js";
-import { C as sr } from "../chunks/asset-link-format.a59f8lRl.js";
+import { C as sr } from "../chunks/asset-link-format.BLKOUD2l.js";
 import { default as ir } from "./file-on-demand.js";
-import { C as mr, E as pr, b as fr, G as nr, a as Cr, O as dr, T as ur } from "../chunks/index.Cpamj0jB.js";
-import { CortexPopupController as gr, DateRangePresets as Tr, DragScroll as Ar, HistoryManager as Ir, KeyboardKey as Sr, PRECISION as Dr, downloadAsset as br, extractFrames as yr, findFrameByColAndRow as hr, getBrowserFontVariants as Fr, getFontFamilyOptionValue as Er, getFormControls as Pr, getInterval as Rr, getTypefaceOptionValue as Lr, insertFrameToCache as vr, isFontFamilyAvailable as Vr, isFormInteracted as Br, isModKey as Mr, isoWeekNumber as Or, omit as wr, openAssetOverview as Gr, openFolderOverview as _r, openLink as kr, parseJsonString as Nr, parseListString as Hr, pick as Ur, quoteFontFamily as Xr, readLocalStorageValue as zr, serialize as Wr, shareAsset as Kr, sortTypefaceVariants as jr, testFontAvailability as qr, unquoteFontFamily as Yr, writeLocalStorageValue as Qr } from "../utils.js";
-import { j as Jr, f as $r, b as as, c as es, g as ts, e as os, i as rs, a as ss, h as xs, m as is, d as ls, r as ms, t as ps } from "../chunks/toast.C5Ir5yKA.js";
-import { e as ns, a as Cs, f as ds, g as us, d as cs, b as gs, c as Ts, i as As, p as Is, s as Ss } from "../chunks/browser.BHOCIF_A.js";
+import { C as mr, E as pr, b as nr, G as fr, a as Cr, O as dr, T as ur } from "../chunks/index.Cpamj0jB.js";
+import { CortexPopupController as gr, DateRangePresets as Tr, DragScroll as Ar, HistoryManager as Ir, KeyboardKey as Sr, PRECISION as Dr, downloadAsset as br, extractFrames as yr, findFrameByColAndRow as hr, getBrowserFontVariants as Fr, getFontFamilyOptionValue as Er, getFormControls as Pr, getInterval as Rr, getTypefaceOptionValue as Lr, insertFrameToCache as vr, isFontFamilyAvailable as Vr, isFormInteracted as Br, isModKey as Mr, isoWeekNumber as Or, omit as wr, openAssetOverview as Gr, openFolderOverview as _r, openLink as kr, parseJsonString as Nr, parseListString as Hr, pick as Ur, quoteFontFamily as Xr, readLocalStorageValue as zr, serialize as Wr, shareAsset as Kr, sortTypefaceVariants as qr, testFontAvailability as jr, unquoteFontFamily as Yr, writeLocalStorageValue as Qr } from "../utils.js";
+import { j as Jr, f as $r, b as as, c as es, g as ts, e as os, i as rs, a as ss, h as xs, m as is, d as ls, r as ms, t as ps } from "../chunks/toast.CCWVobz5.js";
+import { e as fs, a as Cs, f as ds, g as us, d as cs, b as gs, c as Ts, i as As, p as Is, s as Ss } from "../chunks/browser.BHOCIF_A.js";
 import { d as bs, C as ys, e as hs, H as Fs, R as Es, c as Ps, h as Rs, f as Ls, g as vs, l as Vs, a as Bs, p as Ms, b as Os } from "../chunks/color.LzSGBy7o.js";
 import { a as Gs, g as _s } from "../chunks/active-elements.jTVWtBDp.js";
 import { a as Ns, p as Hs, c as Us, b as Xs, s as zs, w as Ws } from "../chunks/event.BeKOsirN.js";
-import { t as js } from "../chunks/converters.DkDtLstb.js";
+import { t as qs } from "../chunks/converters.DkDtLstb.js";
 import { c as Ys } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as Zs } from "../chunks/debounce.DaHuiSGU.js";
 import { d as $s } from "../chunks/default-value.COZopaet.js";
 import { d as ex } from "../chunks/drag.DenOh3AE.js";
 import { f as ox } from "../chunks/focus-when-visible.jWSw9ks0.js";
 import { F as sx, c as xx, f as ix, g as lx, v as mx, a as px } from "../chunks/form.C8LMdQB4.js";
-import { L as nx, r as Cx } from "../chunks/i18n.BA19xtyU.js";
+import { L as fx, r as Cx } from "../chunks/i18n.BA19xtyU.js";
 import { c as ux, q as cx } from "../chunks/math.DuKzLacZ.js";
 import { g as Tx } from "../chunks/modal.Ct0bJBSe.js";
 import { g as Ix, l as Sx, s as Dx, u as bx } from "../chunks/scroll.xtO5yojm.js";
@@ -129,28 +129,27 @@ import { a as Rx, g as Lx } from "../chunks/tabbable.BwnZBHrm.js";
 import { i as Vx } from "../chunks/user-agent.D9aPuOyL.js";
 import { w as Mx } from "../chunks/watch.DJF5K-8U.js";
 import { C as wx } from "../chunks/calendar-grid.BWjcZL5W.js";
-import { b as _x, c as kx, f as Nx, h as Hx, g as Ux, a as Xx, i as zx, d as Wx, n as Kx, e as jx, p as qx, t as Yx } from "../chunks/date.iWq_pkIk.js";
+import { b as _x, c as kx, f as Nx, h as Hx, g as Ux, a as Xx, i as zx, d as Wx, n as Kx, e as qx, p as jx, t as Yx } from "../chunks/date.iWq_pkIk.js";
 import { c as Zx, d as Jx, h as $x, m as ai, k as ei, a as ti, g as oi, j as ri, b as si, f as xi, i as ii, e as li, l as mi, s as pi } from "../chunks/dom.DShN_5Jh.js";
-import { f as ni } from "../chunks/content-builder.BX4pHujE.js";
-import { c as di, f as ui, e as ci, b as gi, g as Ti, d as Ai, i as Ii, r as Si, a as Di } from "../chunks/image.Y5c_hFx8.js";
-import { b as yi, e as hi } from "../chunks/waveform.1U9U_0rd.js";
-import { c as Ei, b as Pi, a as Ri, e as Li, d as vi, f as Vi, g as Bi, r as Mi, s as Oi } from "../chunks/number.Cx2ncfJJ.js";
-import { s as Gi } from "../chunks/parse.Cu5nBDTb.js";
-import { b as ki, n as Ni, d as Hi, e as Ui, f as Xi, y as zi, o as Wi, g as Ki, h as ji, l as qi, p as Yi, z as Qi, x as Zi, a as Ji, c as $i, s as al, w as el, r as tl, t as ol, q as rl, v as sl, i as xl, m as il, u as ll } from "../chunks/string.Demn8Xmk.js";
-import { g as pl, a as fl } from "../chunks/template.ClovJacp.js";
-import { c as Cl, f as dl, a as ul, g as cl } from "../chunks/time.DYWuX2id.js";
-import { A as Tl, j as Al, i as Il, S as Sl, a as Dl, d as bl, g as yl, b as hl, f as Fl, e as El, h as Pl, p as Rl, r as Ll, c as vl } from "../chunks/transformation.JkkMVin_.js";
-import { R as Bl, f as Ml, g as Ol, h as wl, U as Gl, b as _l, a as kl, d as Nl, c as Hl, i as Ul, r as Xl, t as zl, e as Wl } from "../chunks/url.CGdWC06g.js";
-import { C as jl } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { o as fi, s as Ci, p as di, l as ui, b as ci, a as gi, m as Ti, c as Ai, h as Ii, e as Si, g as Di, n as bi, q as yi, r as hi, d as Fi } from "../chunks/transformation.D27sTUdZ.js";
+import { c as Pi, f as Ri, e as Li, b as vi, g as Vi, d as Bi, i as Mi, r as Oi, a as wi } from "../chunks/image.Y5c_hFx8.js";
+import { b as _i, e as ki } from "../chunks/waveform.1U9U_0rd.js";
+import { c as Hi, b as Ui, a as Xi, e as zi, d as Wi, f as Ki, g as qi, r as ji, s as Yi } from "../chunks/number.Cx2ncfJJ.js";
+import { s as Zi } from "../chunks/parse.Cu5nBDTb.js";
+import { b as $i, n as al, d as el, e as tl, f as ol, y as rl, o as sl, g as xl, h as il, l as ll, p as ml, z as pl, x as nl, a as fl, c as Cl, s as dl, w as ul, r as cl, t as gl, q as Tl, v as Al, i as Il, m as Sl, u as Dl } from "../chunks/string.Demn8Xmk.js";
+import { g as yl, a as hl } from "../chunks/template.ClovJacp.js";
+import { c as El, f as Pl, a as Rl, g as Ll } from "../chunks/time.DYWuX2id.js";
+import { R as Vl, f as Bl, g as Ml, h as Ol, U as wl, b as Gl, a as _l, d as kl, c as Nl, i as Hl, r as Ul, t as Xl, e as zl } from "../chunks/url.CGdWC06g.js";
+import { C as Kl } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 export {
-  Tl as AUTO_FALLBACK_FORMAT,
-  Al as AUTO_FORMAT_EXTENSION,
-  Il as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
+  fi as AUTO_FALLBACK_FORMAT,
+  Ci as AUTO_FORMAT_EXTENSION,
+  di as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
   bs as CMYK_VALIDATION_REGEX,
   wx as CalendarGrid,
   ys as ColorType,
   mr as CornerPosition,
-  jl as CortexElement,
+  Kl as CortexElement,
   gr as CortexPopupController,
   At as Cx3dViewer,
   t as CxAlert,
@@ -165,7 +164,7 @@ export {
   sr as CxAssetLinkFormat,
   yt as CxAssetPicker,
   ht as CxAssetTransformationDialog,
-  n as CxAudio,
+  f as CxAudio,
   d as CxAvatar,
   c as CxBadge,
   Ft as CxBentoGrid,
@@ -207,7 +206,7 @@ export {
   Ut as CxDocsExample,
   z as CxDocumentViewer,
   K as CxDotPagination,
-  q as CxDotStatus,
+  j as CxDotStatus,
   Xt as CxDownloadFormatPicker,
   zt as CxDownloader,
   Q as CxDrawer,
@@ -217,9 +216,9 @@ export {
   ta as CxElementClamp,
   Wt as CxEstimatedReadingTime,
   Kt as CxFacetDatePicker,
-  jt as CxFacetDateRange,
+  qt as CxFacetDateRange,
   wo as CxFacetedFilter,
-  qt as CxFacetedFilterFacet,
+  jt as CxFacetedFilterFacet,
   ir as CxFileOnDemand,
   Yt as CxFindAndReplace,
   ko as CxFolderSelect,
@@ -230,7 +229,7 @@ export {
   pa as CxFormatTime,
   Zt as CxGalleryItem,
   Jt as CxGraphView,
-  na as CxGrid,
+  fa as CxGrid,
   da as CxGridItem,
   ca as CxHeader,
   Ta as CxHubConnection,
@@ -257,7 +256,7 @@ export {
   za as CxMenuLabel,
   Ka as CxMenuSection,
   Go as CxMultiSelect,
-  qa as CxMutationObserver,
+  ja as CxMutationObserver,
   Qa as CxOption,
   Xo as CxPaddingInputGroup,
   xo as CxPageOutline,
@@ -270,7 +269,7 @@ export {
   xe as CxQrCode,
   le as CxRadio,
   pe as CxRadioButton,
-  ne as CxRadioCard,
+  fe as CxRadioCard,
   de as CxRadioGroup,
   ce as CxRange,
   Te as CxRating,
@@ -278,7 +277,7 @@ export {
   De as CxResizeObserver,
   lo as CxSearchBox,
   ye as CxSelect,
-  jo as CxShadowInputGroup,
+  qo as CxShadowInputGroup,
   Yo as CxShareOptionList,
   Zo as CxSidebar,
   $o as CxSizeInputGroup,
@@ -288,11 +287,11 @@ export {
   po as CxSpecialCharactersDialog,
   Le as CxSpinner,
   Ve as CxSplitPanel,
-  fo as CxStatCard,
+  no as CxStatCard,
   Me as CxStep,
   we as CxStepper,
   er as CxStepperWizard,
-  no as CxStorybook,
+  fo as CxStorybook,
   _e as CxSwitch,
   Ne as CxTab,
   Ue as CxTabGroup,
@@ -300,7 +299,7 @@ export {
   Ke as CxTag,
   Co as CxTemplateSwitcher,
   uo as CxTextToSpeech,
-  qe as CxTextarea,
+  je as CxTextarea,
   Qe as CxTimecode,
   Je as CxTooltip,
   at as CxTree,
@@ -315,51 +314,51 @@ export {
   Tr as DateRangePresets,
   Ar as DragScroll,
   pr as Easing,
-  fr as EasingFunction,
+  nr as EasingFunction,
   sx as FormControlController,
-  nr as GsapEasing,
+  fr as GsapEasing,
   hs as HEX_ALPHA_VALIDATION_REGEX,
   Fs as HEX_VALIDATION_REGEX,
   hx as HasSlotController,
   Ir as HistoryManager,
   Ao as IconPickerVariant,
   Sr as KeyboardKey,
-  nx as LocalizeController,
+  fx as LocalizeController,
   Cr as ObjectFit,
   dr as Orientation,
   Dr as PRECISION,
-  Bl as RELATIVE_URL_REGEX,
+  Vl as RELATIVE_URL_REGEX,
   Es as RGB_VALIDATION_REGEX,
-  Sl as SRCSET_WIDTH_LADDER,
+  ui as SRCSET_WIDTH_LADDER,
   ur as TransitionType,
-  Ml as URL_DOMAIN_VALIDATION_REGEX,
-  Ol as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
-  wl as URL_PROTOCOL_VALIDATION_REGEX,
-  Gl as URL_VALIDATION_REGEX,
+  Bl as URL_DOMAIN_VALIDATION_REGEX,
+  Ml as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
+  Ol as URL_PROTOCOL_VALIDATION_REGEX,
+  wl as URL_VALIDATION_REGEX,
   Gs as activeElements,
   _x as addMonths,
   Jr as adjustRelativeValues,
   Ns as animateTo,
-  _l as appendProtocol,
-  kl as appendQueryParam,
-  Dl as applyAutoFormatToAssetUrl,
-  bl as applyTransformationsToUrl,
-  yl as applyWidthToAssetUrl,
-  hl as buildAssetSrcset,
-  Fl as buildSizesFromDisplayWidth,
-  El as buildTransformationString,
-  yi as buildWaveformPath,
-  di as calculateAspectRatioFit,
+  Gl as appendProtocol,
+  _l as appendQueryParam,
+  ci as applyAutoFormatToAssetUrl,
+  gi as applyTransformationsToUrl,
+  Ti as applyWidthToAssetUrl,
+  Ai as buildAssetSrcset,
+  Ii as buildSizesFromDisplayWidth,
+  Si as buildTransformationString,
+  _i as buildWaveformPath,
+  Pi as calculateAspectRatioFit,
   ux as clamp,
-  ui as cleanImageFileName,
-  Cl as clearZeroDurationParts,
+  Ri as cleanImageFileName,
+  El as clearZeroDurationParts,
   Ct as componentStyles,
   Ps as convertColor,
-  Ei as convertDataUnits,
-  Pi as convertDurationToMilliseconds,
-  Ri as convertPixelsToAspectRatio,
-  ci as convertSrcToBlob,
-  gi as cropImage,
+  Hi as convertDataUnits,
+  Ui as convertDurationToMilliseconds,
+  Xi as convertPixelsToAspectRatio,
+  Li as convertSrcToBlob,
+  vi as cropImage,
   Zx as cssValueToPx,
   Ys as customElement,
   xx as customErrorValidityState,
@@ -367,16 +366,16 @@ export {
   $s as defaultValue,
   br as downloadAsset,
   ex as drag,
-  ki as emptyToSpace,
-  Ni as escapeXML,
+  $i as emptyToSpace,
+  al as escapeXML,
   Rs as extractColor,
-  Hi as extractExtension,
+  el as extractExtension,
   yr as extractFrames,
-  Ui as extractRootData,
-  Li as extractValueAndUnit,
-  hi as extractWaveformPeaks,
-  ni as fetchCortexApi,
-  ns as findAncestorWithBuggyStyle,
+  tl as extractRootData,
+  zi as extractValueAndUnit,
+  ki as extractWaveformPeaks,
+  Di as fetchCortexApi,
+  fs as findAncestorWithBuggyStyle,
   Cs as findContainingBlock,
   ds as findCuttingAncestor,
   hr as findFrameByColAndRow,
@@ -384,57 +383,57 @@ export {
   ox as focusWhenVisible,
   mt as fontAwesomeIconNames,
   ix as formCollections,
-  vi as formatAspectRatioString,
-  dl as formatDurationPartsManually,
+  Wi as formatAspectRatioString,
+  Pl as formatDurationPartsManually,
   kx as formatIsoToDisplay,
   Nx as formatMonthYearLabel,
-  Vi as formatNumberWithGrouping,
-  Xi as formatSecondsToTime,
-  zi as formatTimeToSeconds,
-  ul as formatWithIntlDurationFormat,
-  Bi as gcd,
+  Ki as formatNumberWithGrouping,
+  ol as formatSecondsToTime,
+  rl as formatTimeToSeconds,
+  Rl as formatWithIntlDurationFormat,
+  qi as gcd,
   Jx as getActiveElement,
   Tx as getActiveModals,
   ut as getAnimation,
   pt as getAnimationNames,
   lx as getAssociatedForm,
   $x as getAttributes,
-  Wi as getAttributesString,
+  sl as getAttributesString,
   as as getBreakpointsFromCSS,
   Fr as getBrowserFontVariants,
   Ls as getColorType,
-  Ti as getContainedImageSize,
+  Vi as getContainedImageSize,
   ai as getCortexPopupLayer,
   ei as getCurrentZIndex,
   Hx as getDateMask,
   _s as getDeepestActiveElement,
   es as getDeviceType,
-  cl as getDurationPartsByUnitsFormat,
-  ft as getEasingNames,
+  Ll as getDurationPartsByUnitsFormat,
+  nt as getEasingNames,
   ti as getElementFromHTMLString,
   oi as getElementFromTemplate,
   Ux as getFirstDayOfWeek,
   Er as getFontFamilyOptionValue,
   Pr as getFormControls,
-  pl as getHighlightedTitle,
-  fl as getHighlightedTitleHtml,
+  yl as getHighlightedTitle,
+  hl as getHighlightedTitleHtml,
   Fx as getInnerHTML,
   Rr as getInterval,
   vs as getLightDarkCssString,
-  Ai as getNaturalWidthHeight,
+  Bi as getNaturalWidthHeight,
   ri as getNeededPaddingForBoxShadow,
   us as getNextAncestor,
   Ix as getOffset,
   si as getRelativeClickPercentage,
-  Ki as getRootIDString,
+  xl as getRootIDString,
   Rx as getTabbableBoundary,
   Lx as getTabbableElements,
   Ex as getTextContent,
   Xx as getTodayIsoDate,
   Lr as getTypefaceOptionValue,
   ts as groupBy,
-  Pl as hasTransformSegment,
-  ji as htmlToPlainText,
+  bi as hasTransformSegment,
+  il as htmlToPlainText,
   os as insertAtIndex,
   vr as insertFrameToCache,
   rs as insertMultipleAtIndex,
@@ -442,19 +441,19 @@ export {
   Vx as isCortexAdobePlugin,
   xi as isDomElement,
   ii as isElementInHorizontalView,
-  Nl as isExpiredAssetUrl,
+  kl as isExpiredAssetUrl,
   gs as isFirefox,
   Vr as isFontFamilyAvailable,
   Br as isFormInteracted,
-  qi as isGalleryItemCardType,
+  ll as isGalleryItemCardType,
   Ts as isIOS,
   li as isInElement,
   Mr as isModKey,
   As as isSafari,
-  Ii as isSaveSrcValid,
-  Hl as isValidDomainOrIntranetUrl,
+  Mi as isSaveSrcValid,
+  Nl as isValidDomainOrIntranetUrl,
   zx as isValidIsoDate,
-  Ul as isValidUrl,
+  Hl as isValidUrl,
   Wx as isoToDate,
   Or as isoWeekNumber,
   mi as loadScript,
@@ -468,13 +467,13 @@ export {
   Gr as openAssetOverview,
   _r as openFolderOverview,
   kr as openLink,
-  Yi as padPath,
-  Qi as parseBooleanString,
+  ml as padPath,
+  pl as parseBooleanString,
   Bs as parseBorder,
-  jx as parseDisplayToIso,
+  qx as parseDisplayToIso,
   Hs as parseDuration,
-  Rl as parseFileSizeToBytes,
-  qx as parseIsoDate,
+  yi as parseFileSizeToBytes,
+  jx as parseIsoDate,
   Nr as parseJsonString,
   Ms as parseLightDark,
   Hr as parseListString,
@@ -485,20 +484,20 @@ export {
   cx as quantizeLargestRemainder,
   Xr as quoteFontFamily,
   zr as readLocalStorageValue,
-  Zi as reducePathToDirectChild,
+  nl as reducePathToDirectChild,
   Cx as registerTranslation,
   ls as removeAtIndex,
   ms as removeMultipleAtIndex,
-  Si as resizeImage,
-  Ll as resolveAutoFormat,
-  vl as resolveAutoMaxWidth,
-  Xl as resolveSpaceUrl,
-  Mi as rotateBox,
-  Di as rotateImage,
-  Ji as safeExtension,
-  $i as safeString,
-  al as sanitizeHTML,
-  Oi as sanitizeRotation,
+  Oi as resizeImage,
+  hi as resolveAutoFormat,
+  Fi as resolveAutoMaxWidth,
+  Ul as resolveSpaceUrl,
+  ji as rotateBox,
+  wi as rotateImage,
+  fl as safeExtension,
+  Cl as safeString,
+  dl as sanitizeHTML,
+  Yi as sanitizeRotation,
   Dx as scrollIntoView,
   Wr as serialize,
   ct as setAnimation,
@@ -506,26 +505,26 @@ export {
   Kr as shareAsset,
   Xs as shimKeyframesHeightAuto,
   pi as sortByTopPosition,
-  jr as sortTypefaceVariants,
-  Gi as splitBoxValues,
-  el as splitCamelCaseFormatted,
+  qr as sortTypefaceVariants,
+  Zi as splitBoxValues,
+  ul as splitCamelCaseFormatted,
   zs as stopAnimations,
   Ss as supportHLS,
-  qr as testFontAvailability,
-  js as timecodeConverter,
-  tl as toCamelCase,
+  jr as testFontAvailability,
+  qs as timecodeConverter,
+  cl as toCamelCase,
   Yx as toIsoDate,
-  ol as toKebabCase,
-  rl as toPascalCase,
-  zl as toRelativeUrl,
-  sl as toTitleCase,
-  Wl as toUrlPathKey,
+  gl as toKebabCase,
+  Tl as toPascalCase,
+  Xl as toRelativeUrl,
+  Al as toTitleCase,
+  zl as toUrlPathKey,
   ps as toast,
-  xl as truncateTextMiddle,
-  il as unescapeXML,
+  Il as truncateTextMiddle,
+  Sl as unescapeXML,
   bx as unlockBodyScrolling,
   Yr as unquoteFontFamily,
-  ll as upperFirst,
+  Dl as upperFirst,
   mx as validValidityState,
   px as valueMissingValidityState,
   Ws as waitForEvent,

package/library/package.json

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

package/library/packages/molecules/src/masonry/masonry.d.ts

@@ -103,8 +103,6 @@ export default class CxMasonry extends CortexElement {
      * the default `100vw`.
      */
     private get itemSizes();
-    /** The format one item is served under: the configured one, or derived from the item. */
-    private resolveItemFormat;
     handleItemClick(event: MouseEvent, item: MasonryItem): void;
     handleSortableUpdate(event: Sortable.SortableEvent): void;
     renderActions(item: MasonryItem): import('lit').TemplateResult<1>;

package/library/packages/services/src/api/asset/asset.d.ts

@@ -49,7 +49,7 @@ export declare function apiGetAssets({ extraFields, getPermanentAssetsPaths, isS
  * distinct from `CoreField.MaximumWidth`, which describes the original file.
  */
 export declare function readSearchAssetItemWidth(item: SearchAssetsItem, field: string): number | undefined;
-export declare function apiGetAssetsInFolder({ countPerPage, directParentFolderIdentifier, excludedDocTypes, extraFields, getPermanentAssetsPaths, isSiteBuilder, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
+export declare function apiGetAssetsInFolder({ countPerPage, directParentFolderIdentifier, extraFields, getPermanentAssetsPaths, isSiteBuilder, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
 export declare function apiGetCropFocusMode({ autoCropMode, cropHeight, cropWidth, imageUrl, useSession, }: GetCropZoneSuggestionRequest): Promise<GetCropZoneSuggestionResponse | null>;
 export declare function apiGetAvailableProxies({ assetRecordId, isSiteBuilder, siteUrl, token, useSession, }: {
     assetRecordId: string;

package/library/packages/tools/src/fetch-image/fetch-image.d.ts

@@ -6,6 +6,14 @@ export type ExtendedGalleryItem = GalleryItem & {
     [key: string]: string | undefined;
 };
 type FetchImageControllerOptions = {
+    /**
+     * Whether delivery URLs carry the `.auto` marker, letting the backend serve a rendition
+     * suited to the asset instead of the file the URL names.
+     *
+     * Defaults to `false`: a consumer opts in deliberately, so a surface that needs the
+     * asset exactly as stored (an editor preview, say) never picks this up by accident.
+     */
+    autoFormat?: boolean;
     isSiteBuilder?: boolean;
     maxEnd?: number;
     pageSize?: number;
@@ -24,6 +32,8 @@ export declare class FetchImageController implements ReactiveController {
     private readonly authToken;
     private securityByPassToken;
     private readonly isSiteBuilder;
+    /** Whether delivery URLs carry the `.auto` marker. See `FetchImageControllerOptions`. */
+    private readonly autoFormat;
     private requestEpoch;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;

package/library/packages/types/src/gallery-item.d.ts

@@ -38,5 +38,6 @@ export type GalleryItem = {
     rawId?: string;
     size?: GalleryItemSize;
     src?: string;
+    srcset?: string;
     url?: string;
 };

package/library/packages/types/src/masonry.d.ts

@@ -14,6 +14,7 @@ export type MasonryItem = {
     objectFit?: ObjectFit;
     size?: string;
     src: string;
+    srcset?: string;
 };
 export type MasonryItemAction = {
     color?: string;

package/library/react-web-component.d.ts

@@ -22,7 +22,7 @@
             export type CxGraphViewNodeAction = { controlType: 'default' | 'switch'; icon: string; id: string; name: string; showDivider: boolean; style: { color: string; }; };
             export type CxGraphViewRecord = any;
             export type CxGraphViewSummary = { icon: string; texts: string[]; };
-            export type CxMasonryMasonryItem = { alt: string; extension: string; hasError: boolean; id: string; loading: boolean; maxWidth: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; size: string; src: string; };
+            export type CxMasonryMasonryItem = { alt: string; extension: string; hasError: boolean; id: string; loading: boolean; maxWidth: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; size: string; src: string; srcset: string; };
             export type CxMasonryMasonryItemAction = { color: string; event: string; icon: string; src: string; tooltip: string; };
             export type CxMentionsAutocompleteItem = { id: string; label: string; name: string; suffixContent: string; suffixIcon: string; suffixTooltip: string; suffixType: 'badge'; title: string; type: string; };
             export type CxMultiSelectColumnData = { id: string; items: { disabled: boolean; group: string; id: string; index: string; text: string; tooltip: string; type: string; }[]; sort: boolean; title: string; };
@@ -33,8 +33,8 @@
             export type CxAssetLinkFormatFocusMode = { auto: boolean; label: string; value: string; };
             export type CxAssetLinkFormatProxy = { cdnName: string; extension: string; formatHeight: number; formatWidth: number; height: number; id: string; permanentLink: string; proxyLabel: string; proxyName: string; width: number; };
             export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
-            export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
-            export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
+            export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; srcset: string; url: string; };
+            export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; srcset: string; url: string; };
             export type CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
             export type CxTableTimeFormatterParams = { color: string; fontSize: string; fontWeight: string; inputUnit: string; locale: string; placeholder: string; style: dictionary; unitsFormat: string; displayStyle: string; paramsMapField: string; paramsMap: dictionary; };
             export type CxTableTextFormatParams = { colorMap: dictionary; color: string; };
@@ -6774,7 +6774,7 @@
         /**
           * The key to use for the id of the items in the masonry layout.
         */
-        idKey?: 'src' | 'extension' | 'loading' | 'maxWidth' | 'size' | 'alt' | 'hasError' | 'id' | 'objectFit';
+        idKey?: 'src' | 'extension' | 'loading' | 'maxWidth' | 'size' | 'alt' | 'hasError' | 'id' | 'objectFit' | 'srcset';
         /**
           * The proxy format the item images were resolved with. <br/> Only used to decide whether a `srcset` may be generated: an original-file format paired with an animated source must be delivered untouched.
         */