@orangelogic/design-system 3.6.0 → 3.7.0

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'; 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; };
             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; };
@@ -6774,7 +6774,7 @@
         /**
           * The key to use for the id of the items in the masonry layout.
         */
-        idKey?: 'src' | 'extension' | 'loading' | 'maxWidth' | 'alt' | 'hasError' | 'id' | 'objectFit';
+        idKey?: 'src' | 'extension' | 'loading' | 'maxWidth' | 'size' | 'alt' | 'hasError' | 'id' | 'objectFit';
         /**
           * 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,52 +1,52 @@
-import { b as _ } from "./chunks/url.CGdWC06g.js";
-import { R as yt, f as At, g as Et, h as It, U as Lt, a as Ft, d as Rt, c as bt, i as Ot, r as Vt, t as vt, e as kt } from "./chunks/url.CGdWC06g.js";
+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 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 { 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 { 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 Ce, g as xe } from "./chunks/active-elements.jTVWtBDp.js";
-import { a as Ae, p as Ee, c as Ie, b as Le, s as Fe, w as Re } from "./chunks/event.BeKOsirN.js";
-import { t as Oe } from "./chunks/converters.DkDtLstb.js";
+import { a as Ae, g as ye } 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";
-import { d as _e } from "./chunks/debounce.DaHuiSGU.js";
+import { d as ke } from "./chunks/debounce.DaHuiSGU.js";
 import { d as Ye } from "./chunks/default-value.COZopaet.js";
 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.C8LMdQB4.js";
 import { F as Be, c as Ge, g as $e, v as ze, a as qe } from "./chunks/form.C8LMdQB4.js";
-import { L as Ze, r as je } from "./chunks/i18n.BA19xtyU.js";
+import { L as je, r as Ze } from "./chunks/i18n.BA19xtyU.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 x } from "./chunks/dom.DShN_5Jh.js";
+import { k as y } from "./chunks/dom.DShN_5Jh.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.DShN_5Jh.js";
-import { H as xr, a as yr, g as Ar } from "./chunks/slot.j5oheLJC.js";
+import { H as yr, 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 Or } from "./chunks/watch.DJF5K-8U.js";
+import { w as br } from "./chunks/watch.DJF5K-8U.js";
 import { C as vr } from "./chunks/calendar-grid.BWjcZL5W.js";
-import { b as _r, 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 { 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 jr, 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 { 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 Ca, n as xa, d as ya, e as Aa, f as Ea, y as Ia, o as La, g as Fa, h as Ra, l as ba, p as Oa, z as Va, x as va, a as ka, c as _a, 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.Demn8Xmk.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.Demn8Xmk.js";
 import { g as za, a as qa } from "./chunks/template.ClovJacp.js";
-import { c as Za, f as ja, a as Ja, g as Ka } from "./chunks/time.DYWuX2id.js";
-import { A as es, g as rs, S as as, c as ss, f as os, b as ns, e as is, d as ls, h as cs, p as us, r as ms, a as fs } from "./chunks/transformation.CkwgrwKQ.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";
 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}`;
 }
-function y(t) {
+function C(t) {
   const e = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), s = String(t.getSeconds()).padStart(2, "0");
   return `${e}:${r}:${s}`;
 }
 function h(t, e) {
   return new Date(t.getFullYear(), t.getMonth(), t.getDate() + e);
 }
-function A(t) {
+function x(t) {
   const e = t.getDay(), r = e === 0 ? -6 : 1 - e;
   return h(t, r);
 }
@@ -68,7 +68,7 @@ function R(t) {
   const e = t.getMonth() < 6 ? 0 : 6;
   return new Date(t.getFullYear(), e, 1);
 }
-function b(t) {
+function O(t) {
   const e = t.getMonth() < 6 ? 0 : 6;
   return new Date(t.getFullYear(), e + 6, 0);
 }
@@ -87,9 +87,9 @@ class Q {
         const a = new Date(r.getTime() - 18e5);
         return {
           fromDate: n(a),
-          fromTime: y(a),
+          fromTime: C(a),
           toDate: s,
-          toTime: y(r)
+          toTime: C(r)
         };
       }
       case c.today:
@@ -137,7 +137,7 @@ class Q {
           toTime: u
         };
       case c.thisWeek: {
-        const a = A(r);
+        const a = x(r);
         return {
           fromDate: n(a),
           fromTime: m,
@@ -146,7 +146,7 @@ class Q {
         };
       }
       case c.lastWeek: {
-        const a = h(A(r), -7);
+        const a = h(x(r), -7);
         return {
           fromDate: n(a),
           fromTime: m,
@@ -194,7 +194,7 @@ class Q {
         return {
           fromDate: n(R(r)),
           fromTime: m,
-          toDate: n(b(r)),
+          toDate: n(O(r)),
           toTime: u
         };
       case c.lastHalfYear: {
@@ -202,7 +202,7 @@ class Q {
         return {
           fromDate: n(R(a)),
           fromTime: m,
-          toDate: n(b(a)),
+          toDate: n(O(a)),
           toTime: u
         };
       }
@@ -226,7 +226,7 @@ class Q {
     throw new Error(`Unsupported date range preset: ${e}`);
   }
 }
-function Z(t) {
+function j(t) {
   const e = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
   if (Number.isNaN(e.getTime()))
     return 0;
@@ -237,7 +237,7 @@ function Z(t) {
   const a = new Date(Date.UTC(r.getUTCFullYear(), 0, 1)), o = (r.getTime() - a.getTime()) / 864e5;
   return Math.ceil((o + 1) / 7);
 }
-function j(t) {
+function Z(t) {
   if (!this.ownerDocument.defaultView?.Matrix3 || !t)
     return;
   const e = this.ownerDocument.defaultView?.location.origin;
@@ -263,7 +263,7 @@ function J(t) {
 }
 function K(t, e = void 0) {
   !this.ownerDocument.defaultView?.Matrix3 || !t || this.ownerDocument.defaultView?.open(
-    _(t, "https://", !0),
+    k(t, "https://", !0),
     e ?? "_blank"
   );
 }
@@ -290,14 +290,14 @@ function et(t, e) {
 }
 class rt {
   constructor(e) {
-    this.currentZIndex = x(), (this.host = e).addController(this);
+    this.currentZIndex = y(), (this.host = e).addController(this);
   }
   hostConnected() {
   }
   hostDisconnected() {
   }
   async activatePopup() {
-    this.currentZIndex = x();
+    this.currentZIndex = y();
   }
 }
 class at {
@@ -327,11 +327,11 @@ class at {
   }
 }
 const st = (t) => t.ctrlKey || t.metaKey;
-function O(t) {
+function b(t) {
   return t.replaceAll(" ", "_");
 }
 function ot(t) {
-  return t.value ?? O(t.typeface);
+  return t.value ?? b(t.typeface);
 }
 function nt(t) {
   const e = [
@@ -339,7 +339,7 @@ function nt(t) {
     t.fontStyle,
     t.fontWeight
   ].filter((r) => r != null && r !== "").join("_");
-  return O(e);
+  return b(e);
 }
 function V(t) {
   return t.length >= 2 && (t.startsWith("'") && t.endsWith("'") || t.startsWith('"') && t.endsWith('"'));
@@ -540,15 +540,15 @@ async function* Mt({
     throw new Error("Canvas is required");
   if (!o)
     throw new Error("Video is required");
-  const { columns: i, frameHeight: l, frameWidth: p, rows: f, spriteCtx: k } = e;
+  const { columns: i, frameHeight: l, frameWidth: p, rows: f, spriteCtx: _ } = e;
   try {
     for (let g = 0; g < f; g++)
       for (let d = 0; d < i; d++) {
         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), C = d === i - 1 && g === f - 1 || D + s >= r;
-        S ? yield { ...S, isLastFrame: C } : (await B(o, D, s), k.drawImage(
+        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(
           o,
           w,
           M,
@@ -560,7 +560,7 @@ async function* Mt({
           frameHeight: l,
           frameWidth: p,
           index: T,
-          isLastFrame: C,
+          isLastFrame: A,
           row: g,
           rows: f,
           time: Number(D.toFixed(X)),
@@ -582,7 +582,8 @@ function St({
 }
 export {
   es as AUTO_FALLBACK_FORMAT,
-  rs as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
+  rs as AUTO_FORMAT_EXTENSION,
+  as as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
   le as CMYK_VALIDATION_REGEX,
   vr as CalendarGrid,
   ce as ColorType,
@@ -592,34 +593,35 @@ export {
   Be as FormControlController,
   ue as HEX_ALPHA_VALIDATION_REGEX,
   me as HEX_VALIDATION_REGEX,
-  xr as HasSlotController,
+  yr as HasSlotController,
   ft as HistoryManager,
   W as KeyboardKey,
-  Ze as LocalizeController,
+  je as LocalizeController,
   X as PRECISION,
-  yt as RELATIVE_URL_REGEX,
+  Ct as RELATIVE_URL_REGEX,
   fe as RGB_VALIDATION_REGEX,
-  as as SRCSET_WIDTH_LADDER,
-  At as URL_DOMAIN_VALIDATION_REGEX,
+  ss 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,
-  Ce as activeElements,
-  _r as addMonths,
+  Ae as activeElements,
+  kr as addMonths,
   Ut as adjustRelativeValues,
-  Ae as animateTo,
-  _ as appendProtocol,
+  xe as animateTo,
+  k as appendProtocol,
   Ft as appendQueryParam,
-  ss as applyTransformationsToUrl,
-  os as applyWidthToAssetUrl,
-  ns as buildAssetSrcset,
-  is as buildSizesFromDisplayWidth,
-  ls as buildTransformationString,
+  os as applyAutoFormatToAssetUrl,
+  ns as applyTransformationsToUrl,
+  is as applyWidthToAssetUrl,
+  ls as buildAssetSrcset,
+  cs as buildSizesFromDisplayWidth,
+  us as buildTransformationString,
   ia as buildWaveformPath,
-  jr as calculateAspectRatioFit,
+  Zr as calculateAspectRatioFit,
   Ke as clamp,
   Jr as cleanImageFileName,
-  Za as clearZeroDurationParts,
+  ja as clearZeroDurationParts,
   he as convertColor,
   ua as convertDataUnits,
   ma as convertDurationToMilliseconds,
@@ -629,20 +631,20 @@ export {
   cr as cssValueToPx,
   ve as customElement,
   Ge as customErrorValidityState,
-  _e as debounce,
+  ke as debounce,
   Ye as defaultValue,
   et as downloadAsset,
   Pe as drag,
-  Ca as emptyToSpace,
-  xa as escapeXML,
+  Aa as emptyToSpace,
+  ya as escapeXML,
   ge as extractColor,
-  ya as extractExtension,
+  Ca as extractExtension,
   Mt as extractFrames,
-  Aa as extractRootData,
+  xa as extractRootData,
   ha as extractValueAndUnit,
   la as extractWaveformPeaks,
   Qr as fetchCortexApi,
-  jt as findAncestorWithBuggyStyle,
+  Zt as findAncestorWithBuggyStyle,
   Jt as findContainingBlock,
   Kt as findCuttingAncestor,
   H as findFrameByColAndRow,
@@ -650,7 +652,7 @@ export {
   Xe as focusWhenVisible,
   U as formCollections,
   ga as formatAspectRatioString,
-  ja as formatDurationPartsManually,
+  Za as formatDurationPartsManually,
   Ur as formatIsoToDisplay,
   Yr as formatMonthYearLabel,
   da as formatNumberWithGrouping,
@@ -668,9 +670,9 @@ export {
   de as getColorType,
   ea as getContainedImageSize,
   fr as getCortexPopupLayer,
-  x as getCurrentZIndex,
+  y as getCurrentZIndex,
   Nr as getDateMask,
-  xe as getDeepestActiveElement,
+  ye as getDeepestActiveElement,
   Pt as getDeviceType,
   Ka as getDurationPartsByUnitsFormat,
   hr as getElementFromHTMLString,
@@ -680,7 +682,7 @@ export {
   P as getFormControls,
   za as getHighlightedTitle,
   qa as getHighlightedTitleHtml,
-  yr as getInnerHTML,
+  Cr as getInnerHTML,
   St as getInterval,
   pe as getLightDarkCssString,
   ra as getNaturalWidthHeight,
@@ -691,11 +693,11 @@ export {
   Fa as getRootIDString,
   Ir as getTabbableBoundary,
   Lr as getTabbableElements,
-  Ar as getTextContent,
+  xr as getTextContent,
   Wr as getTodayIsoDate,
   ot as getTypefaceOptionValue,
   Wt as groupBy,
-  cs as hasTransformSegment,
+  ms as hasTransformSegment,
   Ra as htmlToPlainText,
   Xt as insertAtIndex,
   wt as insertFrameToCache,
@@ -708,17 +710,17 @@ export {
   re as isFirefox,
   lt as isFontFamilyAvailable,
   mt as isFormInteracted,
-  ba as isGalleryItemCardType,
+  Oa as isGalleryItemCardType,
   ae as isIOS,
   wr as isInElement,
   st as isModKey,
   se as isSafari,
   aa as isSaveSrcValid,
-  bt as isValidDomainOrIntranetUrl,
+  Ot as isValidDomainOrIntranetUrl,
   Xr as isValidIsoDate,
-  Ot as isValidUrl,
+  bt as isValidUrl,
   Hr as isoToDate,
-  Z as isoWeekNumber,
+  j as isoWeekNumber,
   Mr as loadScript,
   or as lockBodyScrolling,
   De as luminanceTextColor,
@@ -727,15 +729,15 @@ export {
   $t as multiSelectTo,
   Br as normalizeToIsoDate,
   ht as omit,
-  j as openAssetOverview,
+  Z as openAssetOverview,
   J as openFolderOverview,
   K as openLink,
-  Oa as padPath,
+  ba as padPath,
   Va as parseBooleanString,
   Te as parseBorder,
   Gr as parseDisplayToIso,
   Ee as parseDuration,
-  us as parseFileSizeToBytes,
+  fs as parseFileSizeToBytes,
   $r as parseIsoDate,
   dt as parseJsonString,
   we as parseLightDark,
@@ -748,17 +750,17 @@ export {
   Y as quoteFontFamily,
   Dt as readLocalStorageValue,
   va as reducePathToDirectChild,
-  je as registerTranslation,
+  Ze as registerTranslation,
   zt as removeAtIndex,
   qt as removeMultipleAtIndex,
   sa as resizeImage,
-  ms as resolveAutoFormat,
-  fs as resolveAutoMaxWidth,
+  hs as resolveAutoFormat,
+  gs as resolveAutoMaxWidth,
   Vt as resolveSpaceUrl,
   Da as rotateBox,
   oa as rotateImage,
-  ka as safeExtension,
-  _a as safeString,
+  _a as safeExtension,
+  ka as safeString,
   Ua as sanitizeHTML,
   Ta as sanitizeRotation,
   nr as scrollIntoView,
@@ -772,14 +774,14 @@ export {
   Fe as stopAnimations,
   ne as supportHLS,
   v as testFontAvailability,
-  Oe as timecodeConverter,
+  be as timecodeConverter,
   Na as toCamelCase,
   zr as toIsoDate,
   Pa as toKebabCase,
   Wa as toPascalCase,
   vt as toRelativeUrl,
   Xa as toTitleCase,
-  kt as toUrlPathKey,
+  _t as toUrlPathKey,
   Qt as toast,
   Ha as truncateTextMiddle,
   Ba as unescapeXML,
@@ -789,6 +791,6 @@ export {
   ze as validValidityState,
   qe as valueMissingValidityState,
   Re as waitForEvent,
-  Or as watch,
+  br as watch,
   Tt as writeLocalStorageValue
 };

package/package.json

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