@orangelogic/design-system 2.60.0 → 2.61.0

package/library/utils.d.ts

@@ -0,0 +1 @@
+export * from './packages/utils/src/index'

package/library/utils.js

@@ -0,0 +1,180 @@
+import { C as s, D as t, H as o, P as r, m as i, e as l, f as n, u as m, x as p, g as c, h as g, p as d, d as f, i as x, o as u, j as C, k as A, l as T, y as I, r as E, v, s as y, q as S, n as L, t as R, w as b } from "./chunks/index.S0wy3rzm.js";
+import { e as V, f as D, g as h, c as P, i as _, a as B, d as M, m as O, b as w, r as H } from "./chunks/array.DCtvHiLS.js";
+import { e as G, a as N, f as X, g as U, d as z, b as j, c as K, i as W, p as Z, s as q } from "./chunks/browser.BHOCIF_A.js";
+import { d as J, C as Q, e as $, H as aa, R as ea, c as sa, h as ta, f as oa, g as ra, l as ia, p as la, a as na, b as ma } from "./chunks/color.vLD2sNTs.js";
+import { a as ca, b as ga, g as da } from "./chunks/modal.U1QltQKe.js";
+import { a as xa, p as ua, c as Ca, b as Aa, s as Ta } from "./chunks/animate.El-MpOws.js";
+import { t as Ea } from "./chunks/converters.DkDtLstb.js";
+import { c as ya } from "./chunks/custom-element.L4WJXn1j.js";
+import { d as La } from "./chunks/debounce.DaHuiSGU.js";
+import { d as ba } from "./chunks/default-value.COZopaet.js";
+import { d as Va } from "./chunks/drag.DXEXVXPv.js";
+import { w as ha } from "./chunks/event.mFzZi4sr.js";
+import { F as _a, c as Ba, f as Ma, v as Oa, a as wa } from "./chunks/form.CO12-VK0.js";
+import { L as ka, r as Ga } from "./chunks/i18n.DrzK7TPf.js";
+import { c as Xa } from "./chunks/math.DqTA6ya4.js";
+import { g as za, l as ja, s as Ka, u as Wa } from "./chunks/scroll.xtO5yojm.js";
+import { H as qa, a as Ya, g as Ja } from "./chunks/slot.j5oheLJC.js";
+import { g as $a, a as ae } from "./chunks/tabbable.CcMz3mIL.js";
+import { i as se } from "./chunks/user-agent.D9aPuOyL.js";
+import { w as oe } from "./chunks/watch.q1sEjPWL.js";
+import { c as ie, d as le, k as ne, j as me, a as pe, g as ce, h as ge, b as de, f as fe, i as xe, e as ue, l as Ce, s as Ae } from "./chunks/dom.CZrJ64Dm.js";
+import { f as Ie, t as Ee } from "./chunks/toast.BXNbwZV8.js";
+import { c as ye, b as Se, g as Le, r as Re, a as be } from "./chunks/image.mbpyiQpQ.js";
+import { a as Ve, b as De, c as he, e as Pe, f as _e, r as Be, s as Me } from "./chunks/number.CjNxU7Xs.js";
+import { s as we } from "./chunks/parse.Cu5nBDTb.js";
+import { g as ke, a as Ge } from "./chunks/responsive.CA6dcNiM.js";
+import { a as Xe, e as Ue, f as ze, h as je, i as Ke, p as We, b as Ze, s as qe, g as Ye, l as Je, j as Qe, k as $e, m as as, t as es, u as ss } from "./chunks/string.Cp_XNbnV.js";
+import { g as os } from "./chunks/template.CsJd8Pb_.js";
+import { c as is, a as ls, f as ns, g as ms } from "./chunks/time.D_uFZqqe.js";
+import { R as cs, U as gs, c as ds, b as fs, a as xs, i as us } from "./chunks/url.LjsR2sB5.js";
+export {
+  J as CMYK_VALIDATION_REGEX,
+  Q as ColorType,
+  s as CortexPopupController,
+  t as DragScroll,
+  _a as FormControlController,
+  $ as HEX_ALPHA_VALIDATION_REGEX,
+  aa as HEX_VALIDATION_REGEX,
+  qa as HasSlotController,
+  o as HistoryManager,
+  ka as LocalizeController,
+  r as PRECISION,
+  cs as RELATIVE_URL_REGEX,
+  ea as RGB_VALIDATION_REGEX,
+  gs as URL_DOMAIN_VALIDATION_REGEX,
+  ds as URL_PROTOCOL_VALIDATION_REGEX,
+  fs as URL_VALIDATION_REGEX,
+  ca as activeElements,
+  V as adjustRelativeValues,
+  xa as animateTo,
+  xs as appendProtocol,
+  ye as calculateAspectRatioFit,
+  Xa as clamp,
+  is as clearZeroDurationParts,
+  sa as convertColor,
+  Ve as convertDataUnits,
+  De as convertDurationToMilliseconds,
+  he as convertPixelsToAspectRatio,
+  Se as cropImage,
+  ie as cssValueToPx,
+  ya as customElement,
+  Ba as customErrorValidityState,
+  La as debounce,
+  ba as defaultValue,
+  i as downloadAsset,
+  Va as drag,
+  Xe as emptyToSpace,
+  ta as extractColor,
+  Ue as extractExtension,
+  l as extractFrames,
+  Pe as extractValueAndUnit,
+  Ie as fetchCortexApi,
+  G as findAncestorWithBuggyStyle,
+  N as findContainingBlock,
+  X as findCuttingAncestor,
+  n as findFrameByColAndRow,
+  D as findIndexByProp,
+  Ma as formCollections,
+  ls as formatDurationPartsManually,
+  _e as formatNumberWithGrouping,
+  ze as formatSecondsToTime,
+  je as formatTimeToSeconds,
+  ns as formatWithIntlDurationFormat,
+  le as getActiveElement,
+  ga as getActiveModals,
+  ke as getBreakpointsFromCSS,
+  m as getBrowserFontVariants,
+  oa as getColorType,
+  Le as getContainedImageSize,
+  ne as getCortexPopupLayer,
+  me as getCurrentZIndex,
+  da as getDeepestActiveElement,
+  Ge as getDeviceType,
+  ms as getDurationPartsByUnitsFormat,
+  pe as getElementFromHTMLString,
+  ce as getElementFromTemplate,
+  p as getFormControls,
+  os as getHighlightedTitle,
+  Ya as getInnerHTML,
+  c as getInterval,
+  ra as getLightDarkCssString,
+  ge as getNeededPaddingForBoxShadow,
+  U as getNextAncestor,
+  za as getOffset,
+  de as getRelativeClickPercentage,
+  $a as getTabbableBoundary,
+  ae as getTabbableElements,
+  Ja as getTextContent,
+  h as groupBy,
+  P as insertAtIndex,
+  g as insertFrameToCache,
+  _ as insertMultipleAtIndex,
+  z as isChrome,
+  se as isCortexAdobePlugin,
+  fe as isDomElement,
+  xe as isElementInHorizontalView,
+  j as isFirefox,
+  d as isFontFamilyAvailable,
+  f as isFormInteracted,
+  Ke as isGalleryItemCardType,
+  K as isIOS,
+  ue as isInElement,
+  x as isModKey,
+  W as isSafari,
+  us as isValidUrl,
+  Ce as loadScript,
+  ja as lockBodyScrolling,
+  ia as luminanceTextColor,
+  B as moveMultipleToIndex,
+  M as moveToIndex,
+  O as multiSelectTo,
+  u as omit,
+  C as openAssetOverview,
+  A as openFolderOverview,
+  T as openLink,
+  We as padPath,
+  la as parseBorder,
+  ua as parseDuration,
+  na as parseLightDark,
+  ma as parseShadow,
+  I as pick,
+  Z as popoverSupported,
+  Ca as prefersReducedMotion,
+  E as readLocalStorageValue,
+  Ga as registerTranslation,
+  w as removeAtIndex,
+  H as removeMultipleAtIndex,
+  Re as resizeImage,
+  Be as rotateBox,
+  be as rotateImage,
+  Ze as safeString,
+  qe as sanitizeHTML,
+  Me as sanitizeRotation,
+  Ka as scrollIntoView,
+  v as serialize,
+  y as shareAsset,
+  Aa as shimKeyframesHeightAuto,
+  Ae as sortByTopPosition,
+  S as sortTypefaceVariants,
+  we as splitBoxValues,
+  Ye as splitCamelCaseFormatted,
+  Ta as stopAnimations,
+  q as supportHLS,
+  L as testFontAvailability,
+  Ea as timecodeConverter,
+  Je as toCamelCase,
+  R as toGalleryEventClick,
+  Qe as toKebabCase,
+  $e as toPascalCase,
+  as as toTitleCase,
+  Ee as toast,
+  es as truncateTextMiddle,
+  Wa as unlockBodyScrolling,
+  ss as upperFirst,
+  Oa as validValidityState,
+  wa as valueMissingValidityState,
+  ha as waitForEvent,
+  oe as watch,
+  b as writeLocalStorageValue
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.60.0",
+  "version": "2.61.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {
@@ -12,7 +12,7 @@
     "start": "vite",
     "open": "npx playwright test --project=chromium --ui",
     "playwright": "npx playwright test --project=chromium",
-    "build-library": "bun run build && vite build --config ./vite.library.config.js",
+    "build-library": "bun run build && vite build --config ./vite.library.config.ts",
     "publish": "./scripts/publish-if-needed.js"
   },
   "bin": {
@@ -30,6 +30,15 @@
       "import": "./library/components/*",
       "types": "./library/components/*.d.ts"
     },
+    "./utils": {
+      "types": "./library/utils.d.ts",
+      "import": "./library/utils.js",
+      "default": "./library/utils.js"
+    },
+    "./events": {
+      "import": "./library/events.js",
+      "types": "./library/events.d.ts"
+    },
     "./react-types": "./library/react-web-component.js",
     "./css/*": "./library/css/*",
     "./assets/*": "./library/assets/*"

package/library/chunks/animation-registry.DavRkTTr.js

@@ -1,69 +0,0 @@
-function f(t, n, e) {
-  return new Promise((r) => {
-    if (e?.duration === 1 / 0)
-      throw new Error("Promise-based animations must be finite.");
-    const i = t.animate(n, {
-      ...e,
-      duration: c() ? 0 : e.duration
-    });
-    i.addEventListener("cancel", r, { once: !0 }), i.addEventListener("finish", r, { once: !0 });
-  });
-}
-function m(t) {
-  return t = t.toString().toLowerCase(), t.indexOf("ms") > -1 ? parseFloat(t) : t.indexOf("s") > -1 ? parseFloat(t) * 1e3 : parseFloat(t);
-}
-function c() {
-  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function d(t) {
-  return Promise.all(
-    t.getAnimations().map((n) => new Promise((e) => {
-      n.cancel(), requestAnimationFrame(e);
-    }))
-  );
-}
-function g(t, n) {
-  return t.map((e) => ({
-    ...e,
-    height: e.height === "auto" ? `${n}px` : e.height
-  }));
-}
-const a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap();
-function u(t) {
-  return t ?? { keyframes: [], options: { duration: 0 } };
-}
-function s(t, n) {
-  return n.toLowerCase() === "rtl" ? {
-    keyframes: t.rtlKeyframes || t.keyframes,
-    options: t.options
-  } : t;
-}
-function p(t, n) {
-  a.set(t, u(n));
-}
-function A(t, n, e) {
-  o.set(t, {
-    ...o.get(t),
-    [n]: u(e)
-  });
-}
-function h(t, n, e) {
-  const r = o.get(t);
-  if (r?.[n])
-    return s(r[n], e.dir);
-  const i = a.get(n);
-  return i ? s(i, e.dir) : {
-    keyframes: [],
-    options: { duration: 0 }
-  };
-}
-export {
-  d as a,
-  f as b,
-  g as c,
-  A as d,
-  c as e,
-  h as g,
-  m as p,
-  p as s
-};

package/library/chunks/asset.Ba-CxnNM.js

@@ -1,309 +0,0 @@
-import { h as d, A as T, a as P } from "./endpoints.BgyupJys.js";
-const U = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
-function M(o, e, r, t = U) {
-  const s = new URL(t + "/" + o);
-  return Array.isArray(r) ? r.forEach((n) => {
-    n[1] && s.searchParams.append(n[0], n[1]);
-  }) : r && Object.keys(r).forEach((n) => {
-    r[n] && s.searchParams.append(n, r[n]);
-  }), fetch(s, e);
-}
-const A = (o, e) => {
-  try {
-    window.Matrix3?.ShowNotification && window.Matrix3.ShowNotification(
-      o,
-      e ? {
-        notificationType: e.notificationType
-      } : void 0
-    );
-  } catch {
-    return;
-  }
-}, L = "CoreField.LargeSizePreview", C = "CoreField.DocType", b = "Document.Title", j = "Document.CaptionLong", S = "Document.FileExtension", O = "CoreField.FileSize", g = "CoreField.Identifier", N = "CoreField.Keywords", R = "CoreField.MaxHeight", G = "CoreField.MaxWidth", x = "Document.RecordID", w = "CoreField.DocSubType", B = "CoreField.TitleWithFallback", I = "CoreField.OriginalFileName", F = "CoreField.UpdatedFileName", E = "CoreField.OriginalPreview";
-function W(o) {
-  return !o || Object.keys(o).length === 0 ? {} : Object.entries(o).reduce(
-    (e, [r, t]) => !t || t.length === 0 ? e : r === "Types" ? {
-      ...e,
-      SubtypeCriteria: t
-    } : {
-      ...e,
-      FacetFilters: {
-        ...e.FacetFilters,
-        [r]: t
-      }
-    },
-    {}
-  );
-}
-async function H({
-  assetId: o,
-  extension: e,
-  format: r,
-  siteUrl: t,
-  token: s,
-  transformations: n,
-  useSession: i
-}) {
-  try {
-    return (await d.request({
-      baseURL: t,
-      method: "GET",
-      params: {
-        SourceAssetFormat: r,
-        SourceAssetRecordID: o,
-        TargetExtension: e,
-        Token: s,
-        Transformations: n,
-        UseSession: i || void 0
-      },
-      /**
-       * https://link.orangelogic.com/Tasks/41S1XH
-       */
-      timeout: 3e5,
-      // 5 minutes
-      url: T.GET_TRANSFORM_ASSET_LINK
-    })).data;
-  } catch {
-    return null;
-  }
-}
-async function k({
-  extraFields: o,
-  recordIds: e
-}) {
-  if (!Array.isArray(e) || e.length === 0)
-    return { facets: [], items: [], totalCount: 0 };
-  const r = o?.filter((t) => t && typeof t == "string") ?? [];
-  try {
-    return (await d.request({
-      method: "GET",
-      params: {
-        ExtraFilters: `RecordID:${e.join(" OR ")}`,
-        Fields: [
-          ...r,
-          E,
-          F,
-          I,
-          b,
-          j
-        ],
-        SeeThru: !0
-      },
-      paramsSerializer: {
-        indexes: null
-      },
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(d.defaults.transformResponse) ? d.defaults.transformResponse : [],
-        (s) => {
-          const n = s.contentItems?.map((i) => {
-            let l = i.fields[F] ?? "";
-            return l === "" && (l = i.fields[I] ?? ""), {
-              name: l,
-              originalUrl: i.fields[E] ?? "",
-              recordId: i.recordID,
-              ...r.reduce(
-                (u, c) => (u[c] = i.fields[c] ?? "", u),
-                {}
-              )
-            };
-          }) ?? [];
-          return n.sort((i, l) => {
-            const u = e.indexOf(i.recordId), c = e.indexOf(l.recordId);
-            return u - c;
-          }), {
-            facets: s.facets,
-            items: n,
-            totalCount: s.totalCount
-          };
-        }
-      ],
-      url: T.GET_CONTENT_V1
-    })).data;
-  } catch {
-    return {
-      facets: [],
-      items: [],
-      totalCount: 0
-    };
-  }
-}
-async function q({
-  extraFields: o,
-  folderId: e,
-  limit: r,
-  limitedDocTypes: t,
-  searchTerm: s,
-  seeThrough: n,
-  selectedFacets: i,
-  sortOrder: l,
-  start: u
-}) {
-  const c = (o?.filter((f) => f && typeof f == "string") ?? []).map((f) => f.replace("%20", " "));
-  try {
-    return (await d.request({
-      method: "GET",
-      params: {
-        Fields: [
-          ...c,
-          B,
-          L,
-          E,
-          N,
-          G,
-          R,
-          O,
-          C,
-          w,
-          g,
-          S,
-          x,
-          I,
-          F
-        ],
-        Limit: r,
-        LimitedToDocTypes: t.length > 0 ? t : void 0,
-        ObjectRecordID: e,
-        OrderBy: l || void 0,
-        SearchTerm: s || void 0,
-        SeeThru: n,
-        Start: u,
-        ...W(i)
-      },
-      paramsSerializer: {
-        indexes: null
-      },
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(d.defaults.transformResponse) ? d.defaults.transformResponse : [],
-        (y) => ({
-          facets: y.facets,
-          items: y.contentItems?.map((a) => {
-            let p = a.fields[S] ?? "", D = a.fields[F] ?? "", _ = a.fields[L] ?? "";
-            return p && !p.startsWith(".") && (p = "." + p), D === "" && (D = a.fields[I] ?? ""), p.toLowerCase() === ".gif" && (_ = a.fields[E] ?? ""), {
-              docSubType: a.fields[w] ?? "",
-              docType: a.fields[C] ?? "",
-              extension: p,
-              height: a.fields[R] ?? "0",
-              id: a.recordID,
-              identifier: a.fields[g] ?? "",
-              imageUrl: _,
-              name: D ?? "",
-              originalUrl: a.fields[E] ?? "",
-              recordId: a.fields[x] ?? "",
-              size: a.fields[O] ?? "0 MB",
-              tags: a.fields[N] ?? "",
-              width: a.fields[G] ?? "0",
-              ...c.reduce(
-                (h, m) => (h[m] = a.fields[m] ?? "", h),
-                {}
-              )
-            };
-          }) ?? [],
-          totalCount: y.totalCount
-        })
-      ],
-      url: T.GET_CONTENT_V2
-    })).data;
-  } catch {
-    return {
-      facets: [],
-      items: [],
-      totalCount: 0
-    };
-  }
-}
-async function z({
-  autoCropMode: o,
-  cropHeight: e,
-  cropWidth: r,
-  imageUrl: t,
-  useSession: s
-}) {
-  try {
-    return (await d.request({
-      method: "GET",
-      params: {
-        AutoCropMode: o,
-        CropHeight: e,
-        CropWidth: r,
-        ImageUrl: t && new URL(t, window.location.origin).href,
-        UseSession: s || void 0
-      },
-      responseType: "json",
-      timeout: 3e5,
-      // 5 minutes
-      transformResponse: [
-        ...Array.isArray(d.defaults.transformResponse) ? d.defaults.transformResponse : [],
-        (i) => ({
-          height: i.cropHeight,
-          width: i.cropWidth,
-          x: i.cropX,
-          y: i.cropY
-        })
-      ],
-      url: T.GET_CROP_ZONE_SUGGESTION
-    })).data;
-  } catch {
-    return null;
-  }
-}
-async function V({
-  siteUrl: o
-} = {}) {
-  try {
-    return (await d.request({
-      baseURL: o,
-      method: "GET",
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(d.defaults.transformResponse) ? d.defaults.transformResponse : [],
-        (r) => !r || typeof r != "object" ? {
-          formatsByDocType: {
-            Audio: {},
-            Image: {},
-            Multimedia: {},
-            Video: {}
-          }
-        } : {
-          formatsByDocType: r.formatsByDocType ?? {}
-        }
-      ],
-      url: P
-    })).data;
-  } catch {
-    return { formatsByDocType: {} };
-  }
-}
-async function K(o, e) {
-  const r = new FormData();
-  r.append("InputStream", o);
-  const t = await M(
-    T.UPLOAD_AND_GET_RESPONSE,
-    {
-      body: r,
-      method: "POST"
-    },
-    {
-      ByPassPermissionCheck: "true",
-      ClientFileName: o.name,
-      FolderRecordID: e?.imageUploadFolderID || ""
-    }
-  ), s = t ? await t.json() : null;
-  return s ? s.downloadLink === "" ? (A(e?.errorUploadMessage || "", {
-    notificationType: "error"
-  }), "") : s.downloadLink : (A(e?.errorUploadMessage || "", {
-    notificationType: "error"
-  }), "");
-}
-export {
-  L as D,
-  k as a,
-  H as b,
-  z as c,
-  V as d,
-  q as e,
-  M as f,
-  A as t,
-  K as u
-};