@orangelogic/design-system 3.3.0 → 3.5.0

package/library/utils.js

@@ -1,56 +1,56 @@
-import { b as U } from "./chunks/url.CGdWC06g.js";
-import { R as yt, f as Et, g as At, h as It, U as Lt, a as Rt, d as Ft, c as bt, i as Vt, r as vt, t as Ot, e as kt } from "./chunks/url.CGdWC06g.js";
-import { j as Yt, f as _t, 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 { b as _ } from "./chunks/url.CGdWC06g.js";
+import { R as xt, 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 { 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 { 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 Se } from "./chunks/color.LzSGBy7o.js";
-import { a as Me, g as xe } from "./chunks/active-elements.jTVWtBDp.js";
-import { a as Ee, p as Ae, c as Ie, b as Le, s as Re, w as Fe } from "./chunks/event.BeKOsirN.js";
-import { t as Ve } from "./chunks/converters.DkDtLstb.js";
-import { c as Oe } from "./chunks/custom-element.L4WJXn1j.js";
-import { d as Ue } from "./chunks/debounce.DaHuiSGU.js";
-import { d as _e } from "./chunks/default-value.COZopaet.js";
+import { a as Ce, g as ye } 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 { c as ve } from "./chunks/custom-element.L4WJXn1j.js";
+import { d as _e } 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 Y } from "./chunks/form.DSsy3Fcy.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 Ze, r as je } 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.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 Sr, s as Cr } from "./chunks/dom.gRV2cDjL.js";
-import { H as xr, a as yr, g as Er } from "./chunks/slot.j5oheLJC.js";
+import { k as y } 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 Sr, s as Mr } from "./chunks/dom.gRV2cDjL.js";
+import { H as yr, a as xr, g as Ar } from "./chunks/slot.j5oheLJC.js";
 import { a as Ir, g as Lr } from "./chunks/tabbable.BwnZBHrm.js";
-import { i as Fr } from "./chunks/user-agent.D9aPuOyL.js";
-import { w as Vr } from "./chunks/watch.DJF5K-8U.js";
-import { C as Or } from "./chunks/calendar-grid.BWjcZL5W.js";
-import { b as Ur, c as Yr, f as _r, 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 { i as Rr } from "./chunks/user-agent.D9aPuOyL.js";
+import { w as Or } 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 { 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 { 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 Sa } from "./chunks/parse.Cu5nBDTb.js";
-import { b as Ma, n as xa, d as ya, e as Ea, f as Aa, y as Ia, o as La, g as Ra, h as Fa, l as ba, p as Va, z as va, x as Oa, a as ka, c as Ua, s as Ya, w as _a, 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 { b as Ca, n as ya, d as xa, 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.CfI2ejyR.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 { S as es, a as rs, e as as, b as ss, d as os, c as ns, h as is } from "./chunks/transformation.CWKaoGaY.js";
+import { A as es, f as rs, S as as, a as ss, e as os, b as ns, d as is, c as ls, h as cs, p as us, r as ms } from "./chunks/transformation.BfIEi4p4.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 x(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 E(t) {
+function A(t) {
   const e = t.getDay(), r = e === 0 ? -6 : 1 - e;
   return h(t, r);
 }
-function A(t) {
+function E(t) {
   return new Date(t.getFullYear(), t.getMonth(), 1);
 }
 function I(t) {
@@ -60,11 +60,11 @@ function L(t) {
   const e = Math.floor(t.getMonth() / 3) * 3;
   return new Date(t.getFullYear(), e, 1);
 }
-function R(t) {
+function F(t) {
   const e = Math.floor(t.getMonth() / 3) * 3;
   return new Date(t.getFullYear(), e + 3, 0);
 }
-function F(t) {
+function R(t) {
   const e = t.getMonth() < 6 ? 0 : 6;
   return new Date(t.getFullYear(), e, 1);
 }
@@ -87,9 +87,9 @@ class Q {
         const a = new Date(r.getTime() - 18e5);
         return {
           fromDate: n(a),
-          fromTime: y(a),
+          fromTime: x(a),
           toDate: s,
-          toTime: y(r)
+          toTime: x(r)
         };
       }
       case c.today:
@@ -137,7 +137,7 @@ class Q {
           toTime: u
         };
       case c.thisWeek: {
-        const a = E(r);
+        const a = A(r);
         return {
           fromDate: n(a),
           fromTime: m,
@@ -146,7 +146,7 @@ class Q {
         };
       }
       case c.lastWeek: {
-        const a = h(E(r), -7);
+        const a = h(A(r), -7);
         return {
           fromDate: n(a),
           fromTime: m,
@@ -156,7 +156,7 @@ class Q {
       }
       case c.thisMonth:
         return {
-          fromDate: n(A(r)),
+          fromDate: n(E(r)),
           fromTime: m,
           toDate: n(I(r)),
           toTime: u
@@ -164,7 +164,7 @@ class Q {
       case c.lastMonth: {
         const a = new Date(r.getFullYear(), r.getMonth() - 1, 1);
         return {
-          fromDate: n(A(a)),
+          fromDate: n(E(a)),
           fromTime: m,
           toDate: n(I(a)),
           toTime: u
@@ -174,7 +174,7 @@ class Q {
         return {
           fromDate: n(L(r)),
           fromTime: m,
-          toDate: n(R(r)),
+          toDate: n(F(r)),
           toTime: u
         };
       case c.lastQuarter: {
@@ -186,13 +186,13 @@ class Q {
         return {
           fromDate: n(L(a)),
           fromTime: m,
-          toDate: n(R(a)),
+          toDate: n(F(a)),
           toTime: u
         };
       }
       case c.thisHalfYear:
         return {
-          fromDate: n(F(r)),
+          fromDate: n(R(r)),
           fromTime: m,
           toDate: n(b(r)),
           toTime: u
@@ -200,7 +200,7 @@ class Q {
       case c.lastHalfYear: {
         const a = new Date(r.getFullYear(), r.getMonth() - 6, 1);
         return {
-          fromDate: n(F(a)),
+          fromDate: n(R(a)),
           fromTime: m,
           toDate: n(b(a)),
           toTime: u
@@ -263,7 +263,7 @@ function J(t) {
 }
 function K(t, e = void 0) {
   !this.ownerDocument.defaultView?.Matrix3 || !t || this.ownerDocument.defaultView?.open(
-    U(t, "https://", !0),
+    _(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 V(t) {
+function O(t) {
   return t.replaceAll(" ", "_");
 }
 function ot(t) {
-  return t.value ?? V(t.typeface);
+  return t.value ?? O(t.typeface);
 }
 function nt(t) {
   const e = [
@@ -339,21 +339,21 @@ function nt(t) {
     t.fontStyle,
     t.fontWeight
   ].filter((r) => r != null && r !== "").join("_");
-  return V(e);
+  return O(e);
 }
-function v(t) {
+function V(t) {
   return t.length >= 2 && (t.startsWith("'") && t.endsWith("'") || t.startsWith('"') && t.endsWith('"'));
 }
-function _(t) {
-  return v(t) || !t.includes(" ") ? t : `'${t.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}'`;
+function Y(t) {
+  return V(t) || !t.includes(" ") ? t : `'${t.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}'`;
 }
 function it(t) {
-  return v(t) ? t.slice(1, -1).replace(/\\(.)/g, "$1") : t;
+  return V(t) ? t.slice(1, -1).replace(/\\(.)/g, "$1") : t;
 }
-function O(t, e) {
+function v(t, e) {
   if (!t?.document)
     return !1;
-  const r = "mmmmmmmmmmwwwwwww", s = "32px", o = t.document.createElement("canvas").getContext("2d"), i = (f) => o ? (o.font = `${s} ${_(f)}, monospace`, o.measureText(r).width) : 0, l = i("monospace");
+  const r = "mmmmmmmmmmwwwwwww", s = "32px", o = t.document.createElement("canvas").getContext("2d"), i = (f) => o ? (o.font = `${s} ${Y(f)}, monospace`, o.measureText(r).width) : 0, l = i("monospace");
   return i(e) !== l;
 }
 function lt(t, e) {
@@ -362,7 +362,7 @@ function lt(t, e) {
   let r = !1;
   return t.document.fonts.forEach((s) => {
     s.family.replace(/['"]/g, "").toLowerCase() === e.toLowerCase() && (r = !0);
-  }), r ? !0 : O(t, e);
+  }), r ? !0 : v(t, e);
 }
 function N(t) {
   const e = /\bitalic\b/i, r = /\b(semi[-\s]?condensed|condensed)\b/i, s = (a) => {
@@ -381,7 +381,7 @@ function N(t) {
 }
 function ct(t, e, r = [300, 400, 500, 700, 900], s = ["normal", "italic"]) {
   const a = [];
-  if (O(t, e))
+  if (v(t, e))
     for (const o of r)
       for (const i of s)
         a.push({
@@ -403,7 +403,7 @@ function ut(t) {
   }), r;
 }
 function P(t) {
-  const r = [...t.getRootNode().querySelectorAll("*")], s = [...t.elements], a = Y.get(t), o = a ? Array.from(a) : [];
+  const r = [...t.getRootNode().querySelectorAll("*")], s = [...t.elements], a = U.get(t), o = a ? Array.from(a) : [];
   return [...s, ...o].sort(
     (i, l) => r.indexOf(i) < r.indexOf(l) ? -1 : r.indexOf(i) > r.indexOf(l) ? 1 : 0
   );
@@ -547,8 +547,8 @@ async function* St({
         const T = g * i + d, D = T * s;
         if (D >= r)
           continue;
-        const w = d * p, S = g * l, C = H(t[a] ?? [], d, g), M = d === i - 1 && g === f - 1 || D + s >= r;
-        C ? yield { ...C, isLastFrame: M } : (await B(o, D, s), k.drawImage(
+        const w = d * p, S = g * l, M = H(t[a] ?? [], d, g), C = d === i - 1 && g === f - 1 || D + s >= r;
+        M ? yield { ...M, isLastFrame: C } : (await B(o, D, s), k.drawImage(
           o,
           w,
           S,
@@ -560,7 +560,7 @@ async function* St({
           frameHeight: l,
           frameWidth: p,
           index: T,
-          isLastFrame: M,
+          isLastFrame: C,
           row: g,
           rows: f,
           time: Number(D.toFixed(X)),
@@ -571,7 +571,7 @@ async function* St({
   } catch {
   }
 }
-function Ct({
+function Mt({
   duration: t,
   frameWidth: e,
   playbackSpeed: r,
@@ -581,8 +581,10 @@ function Ct({
   return a > t && (a = t / 2), a;
 }
 export {
+  es as AUTO_FALLBACK_FORMAT,
+  rs as AUTO_ORIGINAL_FORMAT_MAX_BYTES,
   le as CMYK_VALIDATION_REGEX,
-  Or as CalendarGrid,
+  vr as CalendarGrid,
   ce as ColorType,
   rt as CortexPopupController,
   Q as DateRangePresets,
@@ -590,29 +592,29 @@ 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,
   X as PRECISION,
-  yt as RELATIVE_URL_REGEX,
+  xt as RELATIVE_URL_REGEX,
   fe as RGB_VALIDATION_REGEX,
-  es as SRCSET_WIDTH_LADDER,
-  Et as URL_DOMAIN_VALIDATION_REGEX,
-  At as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
+  as as SRCSET_WIDTH_LADDER,
+  At as URL_DOMAIN_VALIDATION_REGEX,
+  Et as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
   It as URL_PROTOCOL_VALIDATION_REGEX,
   Lt as URL_VALIDATION_REGEX,
-  Me as activeElements,
-  Ur as addMonths,
-  Yt as adjustRelativeValues,
-  Ee as animateTo,
-  U as appendProtocol,
-  Rt as appendQueryParam,
-  rs as applyTransformationsToUrl,
-  as as applyWidthToAssetUrl,
-  ss as buildAssetSrcset,
-  os as buildSizesFromDisplayWidth,
-  ns as buildTransformationString,
+  Ce as activeElements,
+  _r as addMonths,
+  Ut as adjustRelativeValues,
+  Ae as animateTo,
+  _ as appendProtocol,
+  Ft as appendQueryParam,
+  ss as applyTransformationsToUrl,
+  os as applyWidthToAssetUrl,
+  ns as buildAssetSrcset,
+  is as buildSizesFromDisplayWidth,
+  ls as buildTransformationString,
   ia as buildWaveformPath,
   jr as calculateAspectRatioFit,
   Ke as clamp,
@@ -625,18 +627,18 @@ export {
   Kr as convertSrcToBlob,
   ta as cropImage,
   cr as cssValueToPx,
-  Oe as customElement,
+  ve as customElement,
   Ge as customErrorValidityState,
-  Ue as debounce,
-  _e as defaultValue,
+  _e as debounce,
+  Ye as defaultValue,
   et as downloadAsset,
   Pe as drag,
-  Ma as emptyToSpace,
-  xa as escapeXML,
+  Ca as emptyToSpace,
+  ya as escapeXML,
   ge as extractColor,
-  ya as extractExtension,
+  xa as extractExtension,
   St as extractFrames,
-  Ea as extractRootData,
+  Aa as extractRootData,
   ha as extractValueAndUnit,
   la as extractWaveformPeaks,
   Qr as fetchCortexApi,
@@ -644,15 +646,15 @@ export {
   Jt as findContainingBlock,
   Kt as findCuttingAncestor,
   H as findFrameByColAndRow,
-  _t as findIndexByProp,
+  Yt as findIndexByProp,
   Xe as focusWhenVisible,
-  Y as formCollections,
+  U as formCollections,
   ga as formatAspectRatioString,
   ja as formatDurationPartsManually,
-  Yr as formatIsoToDisplay,
-  _r as formatMonthYearLabel,
+  Ur as formatIsoToDisplay,
+  Yr as formatMonthYearLabel,
   da as formatNumberWithGrouping,
-  Aa as formatSecondsToTime,
+  Ea as formatSecondsToTime,
   Ia as formatTimeToSeconds,
   Ja as formatWithIntlDurationFormat,
   pa as gcd,
@@ -666,9 +668,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,
@@ -678,31 +680,31 @@ export {
   P as getFormControls,
   za as getHighlightedTitle,
   qa as getHighlightedTitleHtml,
-  yr as getInnerHTML,
-  Ct as getInterval,
+  xr as getInnerHTML,
+  Mt as getInterval,
   pe as getLightDarkCssString,
   ra as getNaturalWidthHeight,
   dr as getNeededPaddingForBoxShadow,
   te as getNextAncestor,
   sr as getOffset,
   pr as getRelativeClickPercentage,
-  Ra as getRootIDString,
+  Fa as getRootIDString,
   Ir as getTabbableBoundary,
   Lr as getTabbableElements,
-  Er as getTextContent,
+  Ar as getTextContent,
   Wr as getTodayIsoDate,
   ot as getTypefaceOptionValue,
   Wt as groupBy,
-  is as hasTransformSegment,
-  Fa as htmlToPlainText,
+  cs as hasTransformSegment,
+  Ra as htmlToPlainText,
   Xt as insertAtIndex,
   wt as insertFrameToCache,
   Ht as insertMultipleAtIndex,
   ee as isChrome,
-  Fr as isCortexAdobePlugin,
+  Rr as isCortexAdobePlugin,
   Dr as isDomElement,
   Tr as isElementInHorizontalView,
-  Ft as isExpiredAssetUrl,
+  Rt as isExpiredAssetUrl,
   re as isFirefox,
   lt as isFontFamilyAvailable,
   mt as isFormInteracted,
@@ -714,7 +716,7 @@ export {
   aa as isSaveSrcValid,
   bt as isValidDomainOrIntranetUrl,
   Xr as isValidIsoDate,
-  Vt as isValidUrl,
+  Ot as isValidUrl,
   Hr as isoToDate,
   Z as isoWeekNumber,
   Sr as loadScript,
@@ -728,11 +730,12 @@ export {
   j as openAssetOverview,
   J as openFolderOverview,
   K as openLink,
-  Va as padPath,
-  va as parseBooleanString,
+  Oa as padPath,
+  Va as parseBooleanString,
   Te as parseBorder,
   Gr as parseDisplayToIso,
-  Ae as parseDuration,
+  Ee as parseDuration,
+  us as parseFileSizeToBytes,
   $r as parseIsoDate,
   dt as parseJsonString,
   we as parseLightDark,
@@ -742,37 +745,38 @@ export {
   oe as popoverSupported,
   Ie as prefersReducedMotion,
   tr as quantizeLargestRemainder,
-  _ as quoteFontFamily,
+  Y as quoteFontFamily,
   Dt as readLocalStorageValue,
-  Oa as reducePathToDirectChild,
+  va as reducePathToDirectChild,
   je as registerTranslation,
   zt as removeAtIndex,
   qt as removeMultipleAtIndex,
   sa as resizeImage,
-  vt as resolveSpaceUrl,
+  ms as resolveAutoFormat,
+  Vt as resolveSpaceUrl,
   Da as rotateBox,
   oa as rotateImage,
   ka as safeExtension,
-  Ua as safeString,
-  Ya as sanitizeHTML,
+  _a as safeString,
+  Ua as sanitizeHTML,
   Ta as sanitizeRotation,
   nr as scrollIntoView,
   ut as serialize,
   tt as shareAsset,
   Le as shimKeyframesHeightAuto,
-  Cr as sortByTopPosition,
+  Mr as sortByTopPosition,
   N as sortTypefaceVariants,
   Sa as splitBoxValues,
-  _a as splitCamelCaseFormatted,
-  Re as stopAnimations,
+  Ya as splitCamelCaseFormatted,
+  Fe as stopAnimations,
   ne as supportHLS,
-  O as testFontAvailability,
-  Ve as timecodeConverter,
+  v as testFontAvailability,
+  Oe as timecodeConverter,
   Na as toCamelCase,
   zr as toIsoDate,
   Pa as toKebabCase,
   Wa as toPascalCase,
-  Ot as toRelativeUrl,
+  vt as toRelativeUrl,
   Xa as toTitleCase,
   kt as toUrlPathKey,
   Qt as toast,
@@ -783,7 +787,7 @@ export {
   Ga as upperFirst,
   ze as validValidityState,
   qe as valueMissingValidityState,
-  Fe as waitForEvent,
-  Vr as watch,
+  Re as waitForEvent,
+  Or as watch,
   Tt as writeLocalStorageValue
 };

package/package.json

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