@orangelogic/design-system 2.56.0 → 2.57.0

package/library/chunks/{file-on-demand.Cr7E_KqH.js → file-on-demand.aux9gsvH.js}

@@ -1,11 +1,11 @@
 import lt from "../components/icon.js";
 import dt from "../components/line-clamp.js";
-import { C as pt, s as ht, a as ut, b as Q } from "./tree.82OigIgE.js";
+import { C as pt, s as ht, a as ut, b as Q } from "./tree.CDaFhGjU.js";
 import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.vnXBMQxc.js";
 import { c as xt } from "./component.styles.CI-v8BZa.js";
-import { L as Z } from "./i18n.C3Z8Xe8q.js";
+import { L as Z } from "./i18n.dCiJrmqj.js";
 import { k as $t, h as mt, i as _t, w as L, j as wt, l as St, f as It, g as Ct, d as At, m as Dt, n as Tt } from "./watch.BCJD77bD.js";
-import { p as P } from "./string.D6poLUEC.js";
+import { p as P } from "./string.DPf4puTr.js";
 import { r as x } from "./state.Cw55xXlb.js";
 import { e as R } from "./query.BBf1UFkC.js";
 import { e as A } from "./class-map.CoZTSvbM.js";
@@ -13,24 +13,24 @@ import { c as F } from "./repeat.CauKaXyy.js";
 import { n as g } from "./when.Dr1es41R.js";
 import { a as zt, i as ft, c as Et, b as tt } from "./_baseUniq.BUihBa8c.js";
 import Lt from "../components/avatar.js";
-import { C as Rt } from "./button.CiWlWCNb.js";
-import { C as Pt } from "./dialog.C28qzMSQ.js";
+import { C as Rt } from "./button.2-Io1Wm4.js";
+import { C as Pt } from "./dialog.CIeu0rVD.js";
 import Ft from "../components/divider.js";
 import Ut from "../components/format-bytes.js";
 import kt from "../components/icon-button.js";
 import Ot from "../components/input.js";
-import { C as Nt } from "./option.BOHZB9Sv.js";
+import { C as Nt } from "./option.CJ1p2V0m.js";
 import jt from "../components/progress-bar.js";
 import Mt from "../components/relative-time.js";
-import { C as Bt } from "./select.oVg7uA-M.js";
+import { C as Bt } from "./select.xBh4yerC.js";
 import Vt from "../components/space.js";
 import Ht from "../components/tab.js";
-import { C as Wt } from "./tab-group.BWYMMhrE.js";
+import { C as Wt } from "./tab-group.CjvHb3OJ.js";
 import Gt from "../components/tab-panel.js";
 import qt from "../components/tooltip.js";
 import { C as Yt } from "./typography.BFpl0WMA.js";
-import { C as Kt } from "./confirm-popover.Bfuw361W.js";
-import { d as Zt } from "./popup.Ba501Rgg.js";
+import { C as Kt } from "./confirm-popover.DGvyB12c.js";
+import { d as Zt } from "./popup.BE5MfEQJ.js";
 import { a as H } from "./number.CjNxU7Xs.js";
 import { o as Xt } from "./style-map.CZovMmo_.js";
 import { a as Jt } from "./toString.CL_lYXbK.js";

package/library/chunks/{folder-select.ELghy6Qk.js → folder-select.B7u40ijN.js}

@@ -1,17 +1,17 @@
 import G from "../components/icon.js";
 import Z from "../components/input.js";
-import { C as J } from "./select.oVg7uA-M.js";
-import { C as x, a as K } from "./tree.82OigIgE.js";
+import { C as J } from "./select.xBh4yerC.js";
+import { C as x, a as K } from "./tree.CDaFhGjU.js";
 import { n as r, C as I, x as f, c as w, i as X } from "./custom-element.vnXBMQxc.js";
 import { h as k, F as Y, b as A } from "./endpoints.BgyupJys.js";
 import { c as R } from "./component.styles.CI-v8BZa.js";
-import { L as V } from "./i18n.C3Z8Xe8q.js";
+import { L as V } from "./i18n.dCiJrmqj.js";
 import { w as m } from "./watch.BCJD77bD.js";
 import { r as y } from "./state.Cw55xXlb.js";
 import { e as B } from "./query.BBf1UFkC.js";
 import { r as ee } from "./choose.BTbF6BAn.js";
-import { C as q } from "./button.CiWlWCNb.js";
-import { d as te } from "./popup.Ba501Rgg.js";
+import { C as q } from "./button.2-Io1Wm4.js";
+import { d as te } from "./popup.BE5MfEQJ.js";
 import { o as S } from "./if-defined.MfEgpxEN.js";
 import { c as W } from "./repeat.CauKaXyy.js";
 import { n as O } from "./when.Dr1es41R.js";

package/library/chunks/{format-time.HdcgoabZ.js → format-time.C56HetWv.js}

@@ -1,6 +1,6 @@
 import { i as D, n as d, C as g, x as S, c as M } from "./custom-element.vnXBMQxc.js";
 import { c as w } from "./component.styles.CI-v8BZa.js";
-import { L as N } from "./i18n.C3Z8Xe8q.js";
+import { L as N } from "./i18n.dCiJrmqj.js";
 import { w as m } from "./watch.BCJD77bD.js";
 import { f as b } from "./number.CjNxU7Xs.js";
 import { r as H } from "./state.Cw55xXlb.js";

package/library/chunks/{header.oyZxakKM.js → header.RvymymCe.js}

@@ -1,7 +1,7 @@
 import k from "../components/copy-button.js";
 import { i as u, n as c, C as b, c as x } from "./custom-element.vnXBMQxc.js";
 import { c as v } from "./component.styles.CI-v8BZa.js";
-import { L as y } from "./i18n.C3Z8Xe8q.js";
+import { L as y } from "./i18n.dCiJrmqj.js";
 import { w } from "./watch.BCJD77bD.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as g } from "./class-map.CoZTSvbM.js";

package/library/chunks/{i18n.C3Z8Xe8q.js → i18n.dCiJrmqj.js}

@@ -1,52 +1,66 @@
-const d = /* @__PURE__ */ new Set(), f = new MutationObserver(h), s = /* @__PURE__ */ new Map();
-let c = document.documentElement.dir || "ltr", p = document.documentElement.lang || navigator.language, r;
-f.observe(document.documentElement, {
+import { p as w } from "./purify.es.BGaRrCfO.js";
+const s = /* @__PURE__ */ new Set(), y = new MutationObserver(m), l = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+let d = document.documentElement.dir || "ltr", u = document.documentElement.lang || navigator.language, r;
+y.observe(document.documentElement, {
   attributeFilter: ["dir", "lang"],
   attributes: !0
 });
 function b(e) {
-  return `${e.dir || c}`.toLowerCase();
+  return `${e.dir || d}`.toLowerCase();
 }
-function u(...e) {
+function c(...e) {
   e.map((t) => {
     const o = t.$code.toLowerCase();
-    s.has(o) ? s.set(o, { ...s.get(o), ...t }) : s.set(o, t), r || (r = t);
-  }), h();
+    l.has(o) ? l.set(o, { ...l.get(o), ...t }) : l.set(o, t), r || (r = t);
+  });
 }
-function h() {
-  c = document.documentElement.dir || "ltr", p = document.documentElement.lang || navigator.language, [...d.keys()].forEach((e) => {
+function h(...e) {
+  if (c(...e), globalThis.WC_TRANSLATION) {
+    const t = { ...globalThis.WC_TRANSLATION };
+    typeof t.$code == "string" && c(t);
+  }
+  if (globalThis.LANGUAGE_NAMES) {
+    const t = { ...globalThis.LANGUAGE_NAMES };
+    Object.entries(t).forEach(([o, a]) => {
+      p.set(o.replace(/_/g, "-").toLowerCase(), a);
+    });
+  }
+  m();
+}
+function m() {
+  d = document.documentElement.dir || "ltr", u = document.documentElement.lang || navigator.language, [...s.keys()].forEach((e) => {
     typeof e.requestUpdate == "function" && e.requestUpdate();
   });
 }
-let w = class {
+let v = class {
   constructor(t) {
     this.host = t, this.host.addController(this);
   }
   hostConnected() {
-    d.add(this.host);
+    s.add(this.host);
   }
   hostDisconnected() {
-    d.delete(this.host);
+    s.delete(this.host);
   }
   /**
    * Gets the host element's directionality as determined by the `dir` attribute. The return value is transformed to
    * lowercase.
    */
   dir() {
-    return `${this.host.dir || c}`.toLowerCase();
+    return `${this.host.dir || d}`.toLowerCase();
   }
   /**
    * Gets the host element's language as determined by the `lang` attribute. The return value is transformed to
    * lowercase.
    */
   lang() {
-    return `${this.host.lang || p}`.toLowerCase();
+    return `${this.host.lang || u}`.toLowerCase();
   }
   getTranslationData(t) {
-    const o = new Intl.Locale(t.replace(/_/g, "-")), a = o?.language.toLowerCase(), i = o?.region?.toLowerCase() ?? "", n = s.get(
+    const o = new Intl.Locale(t.replace(/_/g, "-")), a = o?.language.toLowerCase(), i = o?.region?.toLowerCase() ?? "", n = l.get(
       `${a}-${i}`
-    ), g = s.get(a);
-    return { language: a, locale: o, primary: n, region: i, secondary: g };
+    ), f = l.get(a);
+    return { language: a, locale: o, primary: n, region: i, secondary: f };
   }
   /** Determines if the specified term exists, optionally checking the fallback translation. */
   exists(t, o) {
@@ -69,8 +83,11 @@ let w = class {
     else if (r && r[t])
       n = r[t];
     else
-      return console.error(`No translation found for: ${String(t)}`), String(t);
-    return typeof n == "function" ? n(...o) : n;
+      return String(t);
+    return typeof n == "function" ? w.sanitize(n(...o)) : n;
+  }
+  languageName(t) {
+    return String(p.get(t) ?? "");
   }
   /** Outputs a localized date in the specified format. */
   date(t, o) {
@@ -91,9 +108,8 @@ let w = class {
     return t > 0 ? i.replace("in ", "").concat(" left") : i;
   }
 };
-var l = /* @__PURE__ */ ((e) => (e.Asset = "asset", e.Folder = "folder", e.Link = "link", e.Page = "page", e.Space = "space", e))(l || {}), y = /* @__PURE__ */ ((e) => (e.Default = "default", e.Overlay = "overlay", e))(y || {}), v = /* @__PURE__ */ ((e) => (e.Always = "always", e.OnHover = "on-hover", e))(v || {});
-const m = {
-  $code: "en",
+const g = {
+  $code: "en-us",
   $dir: "ltr",
   $name: "English",
   about: "About",
@@ -109,14 +125,20 @@ const m = {
   activeTextColor: "Active text color",
   adaptive: "Adaptive",
   add: "Add",
+  addAssetCard: "Add asset card",
   addBlock: "Add block",
+  addCard: "Add card",
   addChapter: "Add chapter",
   addColor: "Add color",
   addColumn: "Add column",
   addCurrent: "Add current",
+  addFolderCard: "Add folder card",
   addLimitExceeded: (e) => `Cannot add more than ${e} fields at a time. Please modify your selection. Then add another set of fields.`,
+  addPageCard: "Add page card",
   addRemoveLink: "Add/remove link",
   addSection: "Add section",
+  addSlide: "Add slide",
+  addSpaceCard: "Add space card",
   addTab: "Add tab",
   addText: "Add text",
   addUrl: "Add URL",
@@ -163,7 +185,7 @@ const m = {
   autoSlide: "Auto-slide",
   automatic: "Automatic",
   autoplay: "Autoplay",
-  autoplayHelp: "The video will be muted by default in order for this feature to work",
+  autoplayHelpText: "The video will be muted by default in order for this feature to work",
   back: "Back",
   background: "Background",
   backgroundColor: "Background color",
@@ -195,22 +217,11 @@ const m = {
   card: "Card",
   cardContent: "Card content",
   cardType: "Card type",
-  cardTypeHelpText: (e) => {
-    switch (e) {
-      case "asset":
-        return "Each card represents and opens a particular asset";
-      case "space":
-        return "Each slide represents and opens a specified space";
-      case "link":
-        return "Each slide opens an external link";
-      case "page":
-        return "Each card represents and opens a specified page";
-      case "folder":
-        return "Each card represents a folder or collection. Images in the card are synchronized with those in the folder. Clicking on the card opens the folder";
-      default:
-        return "";
-    }
-  },
+  cardTypeHelpTextAsset: "Each card represents and opens a particular asset",
+  cardTypeHelpTextFolder: "Each card represents a folder or collection. Images in the card are synchronized with those in the folder. Clicking on the card opens the folder",
+  cardTypeHelpTextLink: "Each slide opens an external link",
+  cardTypeHelpTextPage: "Each card represents and opens a specified page",
+  cardTypeHelpTextSpace: "Each slide represents and opens a specified space",
   cards: "Cards",
   cardsPerRow: "Cards per row",
   cardsWillBeAddedAutomaticallyFromTheSelectedFolder: "Cards will be added automatically from the selected folder",
@@ -240,6 +251,7 @@ const m = {
   clickToCopy: "Click to copy",
   close: "Close",
   code: "Code",
+  collapseButtonText: "Collapse button text",
   color: "Color",
   colorNameWillAppearInSwatch: "Color name will appear in swatches",
   colorOfTotal: (e, t) => `Color ${e} of ${t}`,
@@ -264,7 +276,7 @@ const m = {
   connectionURLInput: "Connection URL input",
   constraints: "Constraints",
   content: "Content",
-  contentBuilderBlockSettingsHelp: "Block settings will be saved as a template and can be applied later to the same objects on any page of this space.",
+  contentBuilderBlockSettingsHelpText: "Block settings will be saved as a template and can be applied later to the same objects on any page of this space.",
   contentHelpText: "Automatic layout pulls metadata from the linked source (asset, collection, space, or page). Custom layout lets you design each slide with text, buttons, and other components.",
   copied: "Copied",
   copy: "Copy",
@@ -333,20 +345,27 @@ const m = {
   easeOutQuad: "Ease-out quad",
   easing: "Easing",
   edit: "Edit",
+  editAssetCard: "Edit asset card",
+  editCard: "Edit card",
   editCellProperties: "Edit cell properties",
   editCellsProperties: "Edit cells properties",
   editChapter: "Edit chapter",
   editChapters: "Edit chapters",
   editColor: "Edit color",
+  editFolderCard: "Edit folder card",
   editImage: "Edit image",
   editLink: "Edit link",
+  editPageCard: "Edit page card",
   editSection: "Edit Section",
+  editSlide: "Edit slide",
+  editSpaceCard: "Edit space card",
   editTableProperties: "Edit table properties",
   editTemplate: "Edit template",
   effect: "Effect",
   effectJumpHelpText: "Slightly move object up",
   effectTextRevealHelpText: "Show or expand block of text. Applies only for overlay mode",
   effectZoomHelpText: "Zoom in image in one of two different ways",
+  effects: "Effects",
   emphasis: "Emphasis",
   emptyAccordion: "Empty accordion",
   emptyBento: "Empty bento",
@@ -366,6 +385,7 @@ const m = {
   executeACommand: "Execute a command",
   exitFullscreen: "Exit fullscreen",
   expandAssetInFullScreen: "Expand asset in full screen",
+  expandButtonText: "Expand button text",
   expo: "Expo",
   export: "Export",
   exportAsCsv: "Export as CSV",
@@ -403,30 +423,6 @@ const m = {
   gallery: "Gallery",
   galleryCardNthOfCards: (e, t) => `Gallery card ${e + 1} of ${t}`,
   galleryOfNSlides: (e) => `Gallery of ${e} slides`,
-  galleryPickerAddCardButton: (e) => {
-    switch (e) {
-      case "gallery":
-        return "Add card";
-      case "carousel":
-      default:
-        return "Add slide";
-    }
-  },
-  galleryPickerDialogTitle: (e, t) => {
-    const o = t ? "Edit" : "Add";
-    switch (e) {
-      case l.Asset:
-        return `${o} asset card`;
-      case l.Folder:
-        return `${o} folder card`;
-      case l.Page:
-        return `${o} page card`;
-      case l.Space:
-        return `${o} space card`;
-      default:
-        return `${o} slide`;
-    }
-  },
   galleryPickerMissingSourceValidationMessage: (e) => `One or more items are missing a ${e.toLowerCase()} source. Please select a source for each item.`,
   gap: "Gap",
   general: "General",
@@ -495,7 +491,7 @@ const m = {
   lineHeight: "Line height",
   linear: "Linear",
   link: "Link",
-  linkHelp: "Link that will open when button is clicked",
+  linkHelpText: "Link that will open when button is clicked",
   listOfColors: "List of colors",
   listOfFonts: "List of fonts",
   listOfSections: "List of sections",
@@ -506,11 +502,11 @@ const m = {
   logs: "Logs",
   loop: "Loop",
   male: "Male",
-  margin: "Margins",
   marginBottom: "Margin Bottom",
   marginLeft: "Margin Left",
   marginRight: "Margin Right",
   marginTop: "Margin Top",
+  margins: "Margins",
   markerImages: "Marker images",
   markersPerScreen: "Markers per screen",
   max: "max",
@@ -545,19 +541,13 @@ const m = {
   newVersionAvailable: (e) => `New version ${e} available`,
   next: "Next",
   nextSlide: "Next slide",
+  noCardsAddedYet: "No cards added yet",
   noDataAvailable: "No data available",
   noDownloads: "No downloads",
   noDownloadsMessage: "Your downloading assets will appear here.",
-  noItemsAddedYet: (e) => {
-    switch (e) {
-      default:
-      case "carousel":
-        return "No slides added yet";
-      case "gallery":
-        return "No cards added yet";
-    }
-  },
+  noPalette: "No Palette",
   noResults: "No results",
+  noSlidesAddedYet: "No slides added yet",
   noSourceUrlProvided: "No source URL provided",
   noTemplatesAvailableForContentTeamHelpText: "No templates available. The content team can only add blocks with predefined templates which are created by the design team. Contact your administrator for further information.",
   nonAcceptedExtension: (e) => `Invalid file(s) selected, please only choose ${e.join("/")} files.`,
@@ -664,6 +654,8 @@ const m = {
   save: "Save",
   saveAllPendingEffects: "Save all pending effects. You cannot undo this.",
   saveAsNewTemplate: "Save as new template",
+  saveReport: "Save report",
+  savedSearches: "Saved Searches",
   scale: "Scale",
   scroll: "Scroll",
   scrollHint: "Peek slides width",
@@ -683,7 +675,7 @@ const m = {
   send: "Send",
   settings: "Settings",
   settingsTitle: (e) => `${e} settings`,
-  shadesPalette: (e) => e === "No Palette" ? "No Palette" : `${e} Shades`,
+  shadesPalette: (e) => `${e} Shades`,
   shadows: "Shadows",
   share: "Share",
   shareAsset: "Share asset",
@@ -732,6 +724,7 @@ const m = {
   stretchesToFillTheContainer: "Stretches to fill the container",
   strikethrough: "Strikethrough",
   style: "Style",
+  styling: "Styling",
   subscript: "Subscript",
   superscript: "Superscript",
   syncing: "Syncing",
@@ -759,7 +752,7 @@ const m = {
   thickness: "Thickness",
   thousandsSeparator: "Thousands Separator",
   thumbnail: "Thumbnail",
-  thumbnailHelp: "Specify a custom image to use as a preview for the video before it has started playing. If unset, the first frame of the video will be used.",
+  thumbnailHelpText: "Specify a custom image to use as a preview for the video before it has started playing. If unset, the first frame of the video will be used.",
   timeBased: "Time Based",
   timeFormat: "Time Format",
   timeline: "Timeline",
@@ -780,6 +773,7 @@ const m = {
   transitionDuration: "Transition duration",
   transitionToExisting: "Transition to existing",
   transitionType: "Transition type",
+  translation: "Translation",
   trim: "Trim",
   tuneDisabled: "Select some texts to apply the effect",
   txtOnly: "Only text files are allowed",
@@ -838,14 +832,11 @@ const m = {
   zoomOut: "Zoom out",
   zoomToFit: "Zoom to fit"
 };
-u(m);
-class S extends w {
+h(g);
+class S extends v {
 }
-u(m);
+h(g);
 export {
-  y as G,
   S as L,
-  v as a,
-  l as b,
   b as d
 };

package/library/chunks/{iframe.C6CLUrTT.js → iframe.Cwqniwf2.js}

@@ -1,6 +1,6 @@
 import { i as d, n as r, C as h, x as p, c as y } from "./custom-element.vnXBMQxc.js";
 import { c as u } from "./component.styles.CI-v8BZa.js";
-import { L as g } from "./i18n.C3Z8Xe8q.js";
+import { L as g } from "./i18n.dCiJrmqj.js";
 import { w as v } from "./watch.BCJD77bD.js";
 import { e as b } from "./query.BBf1UFkC.js";
 import { e as x } from "./class-map.CoZTSvbM.js";

package/library/chunks/{image.BJfasRY_.js → image.gpleN29o.js}

@@ -3,8 +3,8 @@ import { r as H } from "./state.Cw55xXlb.js";
 import { e as X } from "./query.BBf1UFkC.js";
 import { E as $e, b as de, a as We } from "./index.Cpamj0jB.js";
 import { c as Ae } from "./component.styles.CI-v8BZa.js";
-import { C as Oe, d as Me } from "./popup.Ba501Rgg.js";
-import { L as De } from "./i18n.C3Z8Xe8q.js";
+import { C as Oe, d as Me } from "./popup.BE5MfEQJ.js";
+import { L as De } from "./i18n.dCiJrmqj.js";
 import { w as q } from "./watch.BCJD77bD.js";
 import { e as j } from "./class-map.CoZTSvbM.js";
 import { o as je } from "./if-defined.MfEgpxEN.js";
@@ -14,7 +14,7 @@ import Be from "../components/icon.js";
 import Ze from "../components/resize-observer.js";
 import Ie from "../components/skeleton.js";
 import Ne from "../components/space.js";
-var Pe = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.Left = "left", e.Right = "right", e.Top = "top", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(Pe || {}), Y = /* @__PURE__ */ ((e) => (e.Jump = "jump", e.None = "none", e.TextReveal = "text-reveal", e.Zoom = "zoom", e))(Y || {}), ge = /* @__PURE__ */ ((e) => (e.PopOut = "pop-out", e.WithinBorders = "within-borders", e))(ge || {}), ue = /* @__PURE__ */ ((e) => (e.Fade = "fade", e.Slide = "slide", e))(ue || {}), ne = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Fixed = "fixed", e))(ne || {}), Ve = Object.defineProperty, E = (e, t, o, h) => {
+var ne = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Fixed = "fixed", e))(ne || {}), Pe = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.Left = "left", e.Right = "right", e.Top = "top", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(Pe || {}), Y = /* @__PURE__ */ ((e) => (e.Jump = "jump", e.None = "none", e.TextReveal = "text-reveal", e.Zoom = "zoom", e))(Y || {}), ge = /* @__PURE__ */ ((e) => (e.PopOut = "pop-out", e.WithinBorders = "within-borders", e))(ge || {}), ue = /* @__PURE__ */ ((e) => (e.Fade = "fade", e.Slide = "slide", e))(ue || {}), Ve = Object.defineProperty, E = (e, t, o, h) => {
   for (var r = void 0, g = e.length - 1, p; g >= 0; g--)
     (p = e[g]) && (r = p(t, o, r) || r);
   return r && Ve(t, o, r), r;