@orangelogic/design-system 2.194.0 → 2.196.0

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.194.0",
+  "version": "2.196.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/organisms/src/content-builder/styleController.d.ts

@@ -89,6 +89,7 @@ export default class StyleController {
             objectIdKey?: string;
             prescribedDocTypes?: import('../../../types/src/download-format-picker').DownloadDocType[];
         };
+        excludeFromContentConfigs?: boolean;
         folderPickerConfigs?: {
             useAllowedFolders?: boolean;
             useFullPath?: boolean;

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/content-builder.d.ts

@@ -100,6 +100,7 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
         objectIdKey?: string;
         prescribedDocTypes?: DownloadDocType[];
     };
+    excludeFromContentConfigs?: boolean;
     folderPickerConfigs?: {
         useAllowedFolders?: boolean;
         useFullPath?: boolean;

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; };
@@ -6762,7 +6762,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.
         */

package/library/utils.js

@@ -1,9 +1,9 @@
 import { b as k } from "./chunks/url.CGdWC06g.js";
 import { R as Ct, f as xt, g as Et, h as It, U as Lt, a as Ft, d as Rt, c as Ot, i as bt, r as Vt, t as vt, e as _t } from "./chunks/url.CGdWC06g.js";
-import { j as Ut, f as Yt, b as Nt, c as Pt, g as Wt, e as Xt, i as Ht, a as Bt, h as Gt, m as $t, d as zt, r as qt, t as Qt } from "./chunks/toast.C5Ir5yKA.js";
-import { e as Zt, a as Jt, f as Kt, g as te, d as ee, b as re, c as ae, i as se, p as oe, s as ne } from "./chunks/browser.BHOCIF_A.js";
+import { j as Ut, f as Yt, b as Nt, c as Pt, g as Wt, e as Xt, i as Ht, a as Bt, h as Gt, m as $t, d as zt, r as qt, t as Qt } from "./chunks/toast.COzwhRI6.js";
+import { e as jt, a as Jt, f as Kt, g as te, d as ee, b as re, c as ae, i as se, p as oe, s as ne } from "./chunks/browser.BHOCIF_A.js";
 import { d as le, C as ce, e as ue, H as me, R as fe, c as he, h as ge, f as de, g as pe, l as De, a as Te, p as we, b as Me } from "./chunks/color.LzSGBy7o.js";
-import { a as Ae, g as ye } from "./chunks/active-elements.jTVWtBDp.js";
+import { a as ye, g as Ae } from "./chunks/active-elements.jTVWtBDp.js";
 import { a as xe, p as Ee, c as Ie, b as Le, s as Fe, w as Re } from "./chunks/event.BeKOsirN.js";
 import { t as be } from "./chunks/converters.DkDtLstb.js";
 import { c as ve } from "./chunks/custom-element.L4WJXn1j.js";
@@ -13,28 +13,27 @@ import { d as Pe } from "./chunks/drag.DenOh3AE.js";
 import { f as Xe } from "./chunks/focus-when-visible.jWSw9ks0.js";
 import { f as U } from "./chunks/form.DSsy3Fcy.js";
 import { F as Be, c as Ge, g as $e, v as ze, a as qe } from "./chunks/form.DSsy3Fcy.js";
-import { L as je, r as Ze } from "./chunks/i18n.DbXTTLXx.js";
+import { L as Ze, r as je } from "./chunks/i18n.DbXTTLXx.js";
 import { c as Ke, q as tr } from "./chunks/math.DuKzLacZ.js";
 import { g as rr } from "./chunks/modal.Ct0bJBSe.js";
 import { g as sr, l as or, s as nr, u as ir } from "./chunks/scroll.xtO5yojm.js";
-import { k as y } from "./chunks/dom.gRV2cDjL.js";
+import { k as A } from "./chunks/dom.gRV2cDjL.js";
 import { c as cr, d as ur, h as mr, m as fr, a as hr, g as gr, j as dr, b as pr, f as Dr, i as Tr, e as wr, l as Mr, s as Sr } from "./chunks/dom.gRV2cDjL.js";
-import { H as yr, a as Cr, g as xr } from "./chunks/slot.j5oheLJC.js";
+import { H as Ar, a as Cr, g as xr } from "./chunks/slot.j5oheLJC.js";
 import { a as Ir, g as Lr } from "./chunks/tabbable.BwnZBHrm.js";
 import { i as Rr } from "./chunks/user-agent.D9aPuOyL.js";
 import { w as br } from "./chunks/watch.DJF5K-8U.js";
 import { C as vr } from "./chunks/calendar-grid.BWjcZL5W.js";
 import { b as kr, c as Ur, f as Yr, h as Nr, g as Pr, a as Wr, i as Xr, d as Hr, n as Br, e as Gr, p as $r, t as zr } from "./chunks/date.iWq_pkIk.js";
 import { f as c, a as u, D as m } from "./chunks/date-picker.BGHn6qg8.js";
-import { f as Qr } from "./chunks/content-builder.BX4pHujE.js";
-import { c as Zr, f as Jr, e as Kr, b as ta, g as ea, d as ra, i as aa, r as sa, a as oa } from "./chunks/image.Y5c_hFx8.js";
-import { b as ia, e as la } from "./chunks/waveform.1U9U_0rd.js";
-import { c as ua, b as ma, a as fa, e as ha, d as ga, f as da, g as pa, r as Da, s as Ta } from "./chunks/number.Cx2ncfJJ.js";
-import { s as Ma } from "./chunks/parse.Cu5nBDTb.js";
-import { b as Aa, n as ya, d as Ca, e as xa, f as Ea, y as Ia, o as La, g as Fa, h as Ra, l as Oa, p as ba, z as Va, x as va, a as _a, c as ka, s as Ua, w as Ya, r as Na, t as Pa, q as Wa, v as Xa, i as Ha, m as Ba, u as Ga } from "./chunks/string.CfI2ejyR.js";
-import { g as za, a as qa } from "./chunks/template.ClovJacp.js";
-import { c as ja, f as Za, a as Ja, g as Ka } from "./chunks/time.DYWuX2id.js";
-import { A as es, j as rs, i as as, S as ss, a as os, d as ns, g as is, b as ls, f as cs, e as us, h as ms, p as fs, r as hs, c as gs } from "./chunks/transformation.JkkMVin_.js";
+import { o as Qr, s as Zr, p as jr, l as Jr, b as Kr, a as ta, m as ea, c as ra, g as aa, e as sa, f as oa, n as na, q as ia, r as la, d as ca } from "./chunks/transformation.CkEA7Ymz.js";
+import { c as ma, f as fa, e as ha, b as ga, g as da, d as pa, i as Da, r as Ta, a as wa } from "./chunks/image.Y5c_hFx8.js";
+import { b as Sa, e as ya } from "./chunks/waveform.1U9U_0rd.js";
+import { c as Ca, b as xa, a as Ea, e as Ia, d as La, f as Fa, g as Ra, r as Oa, s as ba } from "./chunks/number.Cx2ncfJJ.js";
+import { s as va } from "./chunks/parse.Cu5nBDTb.js";
+import { b as ka, n as Ua, d as Ya, e as Na, f as Pa, y as Wa, o as Xa, g as Ha, h as Ba, l as Ga, p as $a, z as za, x as qa, a as Qa, c as Za, s as ja, w as Ja, r as Ka, t as ts, q as es, v as rs, i as as, m as ss, u as os } from "./chunks/string.CfI2ejyR.js";
+import { g as is, a as ls } from "./chunks/template.ClovJacp.js";
+import { c as us, f as ms, a as fs, g as hs } from "./chunks/time.DYWuX2id.js";
 function n(t) {
   const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
   return `${e}-${r}-${s}`;
@@ -226,7 +225,7 @@ class Q {
     throw new Error(`Unsupported date range preset: ${e}`);
   }
 }
-function j(t) {
+function Z(t) {
   const e = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
   if (Number.isNaN(e.getTime()))
     return 0;
@@ -237,7 +236,7 @@ function j(t) {
   const a = new Date(Date.UTC(r.getUTCFullYear(), 0, 1)), o = (r.getTime() - a.getTime()) / 864e5;
   return Math.ceil((o + 1) / 7);
 }
-function Z(t) {
+function j(t) {
   if (!this.ownerDocument.defaultView?.Matrix3 || !t)
     return;
   const e = this.ownerDocument.defaultView?.location.origin;
@@ -290,14 +289,14 @@ function et(t, e) {
 }
 class rt {
   constructor(e) {
-    this.currentZIndex = y(), (this.host = e).addController(this);
+    this.currentZIndex = A(), (this.host = e).addController(this);
   }
   hostConnected() {
   }
   hostDisconnected() {
   }
   async activatePopup() {
-    this.currentZIndex = y();
+    this.currentZIndex = A();
   }
 }
 class at {
@@ -547,8 +546,8 @@ async function* Mt({
         const T = g * i + d, D = T * s;
         if (D >= r)
           continue;
-        const w = d * p, M = g * l, S = H(t[a] ?? [], d, g), A = d === i - 1 && g === f - 1 || D + s >= r;
-        S ? yield { ...S, isLastFrame: A } : (await B(o, D, s), _.drawImage(
+        const w = d * p, M = g * l, S = H(t[a] ?? [], d, g), y = d === i - 1 && g === f - 1 || D + s >= r;
+        S ? yield { ...S, isLastFrame: y } : (await B(o, D, s), _.drawImage(
           o,
           w,
           M,
@@ -560,7 +559,7 @@ async function* Mt({
           frameHeight: l,
           frameWidth: p,
           index: T,
-          isLastFrame: A,
+          isLastFrame: y,
           row: g,
           rows: f,
           time: Number(D.toFixed(X)),
@@ -581,9 +580,9 @@ function St({
   return a > t && (a = t / 2), a;
 }
 export {
-  es as AUTO_FALLBACK_FORMAT,
-  rs as AUTO_FORMAT_EXTENSION,
-  as as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
+  Qr as AUTO_FALLBACK_FORMAT,
+  Zr as AUTO_FORMAT_EXTENSION,
+  jr as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
   le as CMYK_VALIDATION_REGEX,
   vr as CalendarGrid,
   ce as ColorType,
@@ -593,41 +592,41 @@ export {
   Be as FormControlController,
   ue as HEX_ALPHA_VALIDATION_REGEX,
   me as HEX_VALIDATION_REGEX,
-  yr as HasSlotController,
+  Ar as HasSlotController,
   ft as HistoryManager,
   W as KeyboardKey,
-  je as LocalizeController,
+  Ze as LocalizeController,
   X as PRECISION,
   Ct as RELATIVE_URL_REGEX,
   fe as RGB_VALIDATION_REGEX,
-  ss as SRCSET_WIDTH_LADDER,
+  Jr as SRCSET_WIDTH_LADDER,
   xt as URL_DOMAIN_VALIDATION_REGEX,
   Et as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
   It as URL_PROTOCOL_VALIDATION_REGEX,
   Lt as URL_VALIDATION_REGEX,
-  Ae as activeElements,
+  ye as activeElements,
   kr as addMonths,
   Ut as adjustRelativeValues,
   xe as animateTo,
   k as appendProtocol,
   Ft as appendQueryParam,
-  os as applyAutoFormatToAssetUrl,
-  ns as applyTransformationsToUrl,
-  is as applyWidthToAssetUrl,
-  ls as buildAssetSrcset,
-  cs as buildSizesFromDisplayWidth,
-  us as buildTransformationString,
-  ia as buildWaveformPath,
-  Zr as calculateAspectRatioFit,
+  Kr as applyAutoFormatToAssetUrl,
+  ta as applyTransformationsToUrl,
+  ea as applyWidthToAssetUrl,
+  ra as buildAssetSrcset,
+  aa as buildSizesFromDisplayWidth,
+  sa as buildTransformationString,
+  Sa as buildWaveformPath,
+  ma as calculateAspectRatioFit,
   Ke as clamp,
-  Jr as cleanImageFileName,
-  ja as clearZeroDurationParts,
+  fa as cleanImageFileName,
+  us as clearZeroDurationParts,
   he as convertColor,
-  ua as convertDataUnits,
-  ma as convertDurationToMilliseconds,
-  fa as convertPixelsToAspectRatio,
-  Kr as convertSrcToBlob,
-  ta as cropImage,
+  Ca as convertDataUnits,
+  xa as convertDurationToMilliseconds,
+  Ea as convertPixelsToAspectRatio,
+  ha as convertSrcToBlob,
+  ga as cropImage,
   cr as cssValueToPx,
   ve as customElement,
   Ge as customErrorValidityState,
@@ -635,70 +634,70 @@ export {
   Ye as defaultValue,
   et as downloadAsset,
   Pe as drag,
-  Aa as emptyToSpace,
-  ya as escapeXML,
+  ka as emptyToSpace,
+  Ua as escapeXML,
   ge as extractColor,
-  Ca as extractExtension,
+  Ya as extractExtension,
   Mt as extractFrames,
-  xa as extractRootData,
-  ha as extractValueAndUnit,
-  la as extractWaveformPeaks,
-  Qr as fetchCortexApi,
-  Zt as findAncestorWithBuggyStyle,
+  Na as extractRootData,
+  Ia as extractValueAndUnit,
+  ya as extractWaveformPeaks,
+  oa as fetchCortexApi,
+  jt as findAncestorWithBuggyStyle,
   Jt as findContainingBlock,
   Kt as findCuttingAncestor,
   H as findFrameByColAndRow,
   Yt as findIndexByProp,
   Xe as focusWhenVisible,
   U as formCollections,
-  ga as formatAspectRatioString,
-  Za as formatDurationPartsManually,
+  La as formatAspectRatioString,
+  ms as formatDurationPartsManually,
   Ur as formatIsoToDisplay,
   Yr as formatMonthYearLabel,
-  da as formatNumberWithGrouping,
-  Ea as formatSecondsToTime,
-  Ia as formatTimeToSeconds,
-  Ja as formatWithIntlDurationFormat,
-  pa as gcd,
+  Fa as formatNumberWithGrouping,
+  Pa as formatSecondsToTime,
+  Wa as formatTimeToSeconds,
+  fs as formatWithIntlDurationFormat,
+  Ra as gcd,
   ur as getActiveElement,
   rr as getActiveModals,
   $e as getAssociatedForm,
   mr as getAttributes,
-  La as getAttributesString,
+  Xa as getAttributesString,
   Nt as getBreakpointsFromCSS,
   ct as getBrowserFontVariants,
   de as getColorType,
-  ea as getContainedImageSize,
+  da as getContainedImageSize,
   fr as getCortexPopupLayer,
-  y as getCurrentZIndex,
+  A as getCurrentZIndex,
   Nr as getDateMask,
-  ye as getDeepestActiveElement,
+  Ae as getDeepestActiveElement,
   Pt as getDeviceType,
-  Ka as getDurationPartsByUnitsFormat,
+  hs as getDurationPartsByUnitsFormat,
   hr as getElementFromHTMLString,
   gr as getElementFromTemplate,
   Pr as getFirstDayOfWeek,
   nt as getFontFamilyOptionValue,
   P as getFormControls,
-  za as getHighlightedTitle,
-  qa as getHighlightedTitleHtml,
+  is as getHighlightedTitle,
+  ls as getHighlightedTitleHtml,
   Cr as getInnerHTML,
   St as getInterval,
   pe as getLightDarkCssString,
-  ra as getNaturalWidthHeight,
+  pa as getNaturalWidthHeight,
   dr as getNeededPaddingForBoxShadow,
   te as getNextAncestor,
   sr as getOffset,
   pr as getRelativeClickPercentage,
-  Fa as getRootIDString,
+  Ha as getRootIDString,
   Ir as getTabbableBoundary,
   Lr as getTabbableElements,
   xr as getTextContent,
   Wr as getTodayIsoDate,
   ot as getTypefaceOptionValue,
   Wt as groupBy,
-  ms as hasTransformSegment,
-  Ra as htmlToPlainText,
+  na as hasTransformSegment,
+  Ba as htmlToPlainText,
   Xt as insertAtIndex,
   wt as insertFrameToCache,
   Ht as insertMultipleAtIndex,
@@ -710,17 +709,17 @@ export {
   re as isFirefox,
   lt as isFontFamilyAvailable,
   mt as isFormInteracted,
-  Oa as isGalleryItemCardType,
+  Ga as isGalleryItemCardType,
   ae as isIOS,
   wr as isInElement,
   st as isModKey,
   se as isSafari,
-  aa as isSaveSrcValid,
+  Da as isSaveSrcValid,
   Ot as isValidDomainOrIntranetUrl,
   Xr as isValidIsoDate,
   bt as isValidUrl,
   Hr as isoToDate,
-  j as isoWeekNumber,
+  Z as isoWeekNumber,
   Mr as loadScript,
   or as lockBodyScrolling,
   De as luminanceTextColor,
@@ -729,15 +728,15 @@ export {
   $t as multiSelectTo,
   Br as normalizeToIsoDate,
   ht as omit,
-  Z as openAssetOverview,
+  j as openAssetOverview,
   J as openFolderOverview,
   K as openLink,
-  ba as padPath,
-  Va as parseBooleanString,
+  $a as padPath,
+  za as parseBooleanString,
   Te as parseBorder,
   Gr as parseDisplayToIso,
   Ee as parseDuration,
-  fs as parseFileSizeToBytes,
+  ia as parseFileSizeToBytes,
   $r as parseIsoDate,
   dt as parseJsonString,
   we as parseLightDark,
@@ -749,45 +748,45 @@ export {
   tr as quantizeLargestRemainder,
   Y as quoteFontFamily,
   Dt as readLocalStorageValue,
-  va as reducePathToDirectChild,
-  Ze as registerTranslation,
+  qa as reducePathToDirectChild,
+  je as registerTranslation,
   zt as removeAtIndex,
   qt as removeMultipleAtIndex,
-  sa as resizeImage,
-  hs as resolveAutoFormat,
-  gs as resolveAutoMaxWidth,
+  Ta as resizeImage,
+  la as resolveAutoFormat,
+  ca as resolveAutoMaxWidth,
   Vt as resolveSpaceUrl,
-  Da as rotateBox,
-  oa as rotateImage,
-  _a as safeExtension,
-  ka as safeString,
-  Ua as sanitizeHTML,
-  Ta as sanitizeRotation,
+  Oa as rotateBox,
+  wa as rotateImage,
+  Qa as safeExtension,
+  Za as safeString,
+  ja as sanitizeHTML,
+  ba as sanitizeRotation,
   nr as scrollIntoView,
   ut as serialize,
   tt as shareAsset,
   Le as shimKeyframesHeightAuto,
   Sr as sortByTopPosition,
   N as sortTypefaceVariants,
-  Ma as splitBoxValues,
-  Ya as splitCamelCaseFormatted,
+  va as splitBoxValues,
+  Ja as splitCamelCaseFormatted,
   Fe as stopAnimations,
   ne as supportHLS,
   v as testFontAvailability,
   be as timecodeConverter,
-  Na as toCamelCase,
+  Ka as toCamelCase,
   zr as toIsoDate,
-  Pa as toKebabCase,
-  Wa as toPascalCase,
+  ts as toKebabCase,
+  es as toPascalCase,
   vt as toRelativeUrl,
-  Xa as toTitleCase,
+  rs as toTitleCase,
   _t as toUrlPathKey,
   Qt as toast,
-  Ha as truncateTextMiddle,
-  Ba as unescapeXML,
+  as as truncateTextMiddle,
+  ss as unescapeXML,
   ir as unlockBodyScrolling,
   it as unquoteFontFamily,
-  Ga as upperFirst,
+  os as upperFirst,
   ze as validValidityState,
   qe as valueMissingValidityState,
   Re as waitForEvent,

package/package.json

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

package/library/chunks/content-builder.BX4pHujE.js

@@ -1,60 +0,0 @@
-import { c as l } from "./capitalize.CIBKBL10.js";
-const d = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
-function L(a, o, e, i = d) {
-  const n = new URL(i + "/" + a);
-  return Array.isArray(e) ? e.forEach((t) => {
-    t[1] && n.searchParams.append(t[0], t[1]);
-  }) : e && Object.keys(e).forEach((t) => {
-    e[t] && n.searchParams.append(t, e[t]);
-  }), fetch(n, o);
-}
-const E = "space-default";
-var c = /* @__PURE__ */ ((a) => (a.Desktop = "desktop", a.Mobile = "mobile", a.Tablet = "tablet", a))(c || {});
-const C = {
-  canvasWidth: "",
-  height: "",
-  id: "desktop",
-  maxWidth: "",
-  name: l(
-    "desktop"
-    /* Desktop */
-  )
-}, u = {
-  canvasWidth: "770px",
-  height: "",
-  id: "tablet",
-  maxWidth: "1280px",
-  name: l(
-    "tablet"
-    /* Tablet */
-  )
-}, h = {
-  canvasWidth: "320px",
-  height: "",
-  id: "mobile",
-  maxWidth: "480px",
-  name: l(
-    "mobile"
-    /* Mobile */
-  )
-}, f = [C, u, h];
-var A = /* @__PURE__ */ ((a) => (a.All = "ALL", a.CanDelete = "CanDelete", a.CanDownload = "CanDownload", a.CanFind = "CanFind", a.CanManageRights = "CanManageRights", a.CanMove = "CanMove", a.CanRead = "CanRead", a.CanReadAll = "CanReadAll", a.CanReadAndWrite = "CanReadAndWrite", a.CanReadLarge = "CanReadLarge", a.CanReadMedium = "CanReadMedium", a.CanReadOriginal = "CanReadOriginal", a.CanShare = "CanShare", a.CanUpload = "CanUpload", a.CanWrite = "CanWrite", a.None = "NONE", a))(A || {}), g = /* @__PURE__ */ ((a) => (a.All = "all", a.Audio = "audio", a.Image = "image", a.Other = "other", a.Video = "video", a))(g || {}), s = /* @__PURE__ */ ((a) => (a.Content = "content", a.Template = "template", a))(s || {}), R = /* @__PURE__ */ ((a) => (a.Administrator = "Administrator", a.Designer = "Designer", a.Editor = "Editor", a))(R || {}), r = /* @__PURE__ */ ((a) => (a.Accordion = "BlockAccordion", a.Analytics = "BlockAnalytics", a.Audio = "BlockAudio", a.Button = "BlockButton", a.Carousel = "BlockCarousel", a.ColorSwatches = "BlockColorSwatches", a.Column = "BlockCell", a.ColumnGroup = "BlockColumns", a.DamView = "BlockDamView", a.Divider = "BlockDivider", a.DocumentViewer = "BlockDocumentViewer", a.FontKit = "BlockFontKit", a.Gallery = "BlockGallery", a.Header = "BlockHeader", a.Image = "BlockImage", a.RichText = "BlockRichText", a.SearchBox = "BlockSearchBox", a.TabGroup = "BlockTabs", a.Text = "BlockText", a.Timeline = "BlockTimeline", a.Video = "BlockVideo", a))(r || {});
-const B = Object.values(r).filter(
-  (a) => a !== "BlockCell"
-  /* Column */
-);
-var b = /* @__PURE__ */ ((a) => (a.Carousel = "carousel", a.Gallery = "gallery", a))(b || {}), v = /* @__PURE__ */ ((a) => (a.Templates = "TEMPLATES", a.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", a.TranslatableTexts = "TRANSLATABLE_TEXTS", a))(v || {});
-export {
-  g as A,
-  r as B,
-  c as D,
-  s as E,
-  A as P,
-  E as S,
-  R as T,
-  b as a,
-  v as b,
-  B as c,
-  f as d,
-  L as f
-};