@orangelogic/design-system 2.40.0 → 2.41.0-ci.3

package/library/chunks/{asset.CdfbYhcC.js → asset.Ba-CxnNM.js}

@@ -1,4 +1,4 @@
-import { h as d, A as T, a as P } from "./endpoints.B7lcoc1N.js";
+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);

package/library/chunks/{endpoints.B7lcoc1N.js → endpoints.BgyupJys.js}

@@ -2363,7 +2363,9 @@ ht.interceptors.response.use(
   (e) => e,
   (e) => Promise.reject(e)
 );
-const Pn = ln(ht), Bn = "webapi/extensibility/integrations/gab/assetbrowser/gethierarchy_41e8", Dn = "webapi/extensibility/integrations/gab/assetbrowser/getallformatcodes_428H";
+const Pn = ln(ht);
+Promise.resolve();
+const Bn = "webapi/extensibility/integrations/gab/assetbrowser/gethierarchy_41e8", Dn = "webapi/extensibility/integrations/gab/assetbrowser/getallformatcodes_428H";
 var dn = /* @__PURE__ */ ((e) => (e.GET_PAGES_AND_LINKS = "webapi/objectmanagement/teamspaces/pagesandlinks_412Y_v1", e.GET_SPACE_FONT_FAMILY = "webapi/objectmanagement/teamspaces/getspacefonts_41I6_v1", e.GET_SPACE_LIST = "webapi/objectmanagement/teamspaces/getteamspaces_41I3_v1", e.GET_USER_ROLE = "webapi/objectmanagement/teamspaces/getuserroles_41E7_v1", e))(dn || {}), fn = /* @__PURE__ */ ((e) => (e.GET_ASSET_LINK = "webapi/extensibility/integrations/contentBrowserSDK/GetAssetLink_4by", e.GET_CONTENT_V1 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1", e.GET_CONTENT_V2 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v2", e.GET_CROP_ZONE_SUGGESTION = "webapi/mediafile/assettransformation/getcropzonesuggestion_41UP_v1", e.GET_TRANSFORM_ASSET_LINK = "webapi/mediafile/assettransformation/transformasset_41E6_v1", e.UPLOAD_AND_GET_RESPONSE = "webapi/mediafile/import/upload/uploadimageandgetlargestdownloadlink_4CM_v1", e.UPLOAD_RESPONSE = "api/UploadMedia/v3.0/UploadNewMedia", e))(fn || {}), hn = /* @__PURE__ */ ((e) => (e.GET_AUTOCOMPLETE_ITEMS_WITH_QUERY = "webapi/ui/autocompletion/executequery_4JD_v1-alpha", e.GET_AUTOCOMPLETE_ITEMS_WITH_SERVICE = "webapi/ui/autocompletion/callservice_41s5_v1-alpha", e))(hn || {}), pn = /* @__PURE__ */ ((e) => (e.GET_DASHBOARD_EMBEDDED_URL = "webapi/extensibility/integrations/businessintelligence/getdashboardembededurl_41JJ_v1", e.GET_DASHBOARD_LIST = "webapi/extensibility/integrations/businessintelligence/getlistdashboards_41JI_v1", e))(pn || {}), mn = /* @__PURE__ */ ((e) => (e.GET_SEARCHABLE_FIELDS = "webapi/objectmanagement/metadata/fields/getallobjectfieldsforcurrentuser_4C2_v2", e))(mn || {}), yn = /* @__PURE__ */ ((e) => (e.CREATE_OR_UPDATE_CHAPTERS = "webapi/mediafile/timebasedasset/createorupdatechapters_4b0_v1", e.GET_CHAPTERS = "webapi/mediafile/timebasedasset/getchapters_41T7_v1", e))(yn || {}), bn = /* @__PURE__ */ ((e) => (e.BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/418g_v1", e.GET_ADHOC_PROPERTIES = "webapi/cms/cms5/blocktemplate/getadhocpropertieslist_419s_v1", e.GET_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getblocktemplates_419y_v1", e.GET_BLOCK_TYPES = "webapi/cms/cms5/blocktemplate/getblocktypes_419z_v1", e.GET_CAN_CREATE_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/cancreatenewblocktemplate_41cs_v1", e.GET_PAGES_FOR_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/getpagesforblocktemplate_41ig_v1", e.GET_PERMISSION = "webapi/cms/cms5/blocktemplate/getpermission_419r_v1", e.LIST_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getlisttemplates_428o_v1", e))(bn || {});
 export {
   fn as A,

package/library/chunks/{file-on-demand.DXRAzYgf.js → file-on-demand.DRcdg2GU.js}

@@ -1,6 +1,6 @@
 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.BcFl8OPo.js";
+import { C as pt, s as ht, a as ut, b as Q } from "./tree.DynOxJWg.js";
 import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.fmLrnDZr.js";
 import { c as xt } from "./component.styles.DtouHn2g.js";
 import { L as Z } from "./i18n.D33BKrRs.js";

package/library/chunks/{folder-select.BX-vw9QK.js → folder-select.ChFCJ-w0.js}

@@ -1,9 +1,9 @@
 import G from "../components/icon.js";
 import Z from "../components/input.js";
 import { C as J } from "./select.Bo8mWJ1g.js";
-import { C as x, a as K } from "./tree.BcFl8OPo.js";
+import { C as x, a as K } from "./tree.DynOxJWg.js";
 import { n as r, C as I, x as f, c as w, i as X } from "./custom-element.fmLrnDZr.js";
-import { h as k, F as Y, b as A } from "./endpoints.B7lcoc1N.js";
+import { h as k, F as Y, b as A } from "./endpoints.BgyupJys.js";
 import { c as R } from "./component.styles.DtouHn2g.js";
 import { L as V } from "./i18n.D33BKrRs.js";
 import { w as m } from "./watch.BCJD77bD.js";

package/library/chunks/{list-editor.Bqn8L6sL.js → list-editor.BX8sARxV.js}

@@ -23,7 +23,7 @@ import { n as u } from "./when.Dr1es41R.js";
 import { t as B } from "./toString.CL_lYXbK.js";
 import H from "../components/icon-button.js";
 import { C as N } from "./image.C9hVXtqX.js";
-import { t as U, a as G, D as v } from "./asset.CdfbYhcC.js";
+import { t as U, a as G, D as v } from "./asset.Ba-CxnNM.js";
 import { a as V } from "./index.Cpamj0jB.js";
 import { A as m } from "./content-builder.UlVFSATk.js";
 import { e as J, t as f } from "./string.D6poLUEC.js";

package/library/chunks/{tree.BcFl8OPo.js → tree.DynOxJWg.js}

@@ -1,4 +1,4 @@
-import { i as R, C as N, x, E as L, n as l, c as G } from "./custom-element.fmLrnDZr.js";
+import { i as R, C as N, x as g, E as L, n as l, c as G } from "./custom-element.fmLrnDZr.js";
 import { c as M } from "./component.styles.DtouHn2g.js";
 import { L as Z } from "./i18n.D33BKrRs.js";
 import { c as K } from "./math.DqTA6ya4.js";
@@ -6,10 +6,10 @@ import { w as b } from "./watch.BCJD77bD.js";
 import { r as y } from "./state.Dt9F_SuS.js";
 import { e as f } from "./query.BBf1UFkC.js";
 import { a as z, g as P, b as U, c as $, s as H } from "./animation-registry.DavRkTTr.js";
-import { e as E } from "./class-map.DqNfBvJI.js";
+import { e as w } from "./class-map.DqNfBvJI.js";
 import { o as _ } from "./if-defined.CKupVaWs.js";
 import { l as W } from "./live.DCdtYl87.js";
-import { n as w } from "./when.Dr1es41R.js";
+import { n as E } from "./when.Dr1es41R.js";
 import Y from "../components/checkbox.js";
 import J from "../components/icon.js";
 import Q from "../components/spinner.js";
@@ -30,15 +30,15 @@ for (let e = 0; e < 256; ++e)
 function ne(e, t = 0) {
   return (p[e[t + 0]] + p[e[t + 1]] + p[e[t + 2]] + p[e[t + 3]] + "-" + p[e[t + 4]] + p[e[t + 5]] + "-" + p[e[t + 6]] + p[e[t + 7]] + "-" + p[e[t + 8]] + p[e[t + 9]] + "-" + p[e[t + 10]] + p[e[t + 11]] + p[e[t + 12]] + p[e[t + 13]] + p[e[t + 14]] + p[e[t + 15]]).toLowerCase();
 }
-let C;
+let I;
 const oe = new Uint8Array(16);
 function ae() {
-  if (!C) {
+  if (!I) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    C = crypto.getRandomValues.bind(crypto);
+    I = crypto.getRandomValues.bind(crypto);
   }
-  return C(oe);
+  return I(oe);
 }
 const re = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: re };
 function se(e, t, i) {
@@ -54,13 +54,12 @@ const le = R`
   :host {
     display: block;
     outline: 0;
-    padding: var(--cx-focus-ring-width);
 
-    --selected-color: var(--cx-color-primary);
+    --selected-color: var(--cx-color-primary-600);
     --selected-background-color: var(--cx-color-primary-50);
     --hover-background-color: var(--cx-menu-item-background-color-hover);
     --active-background-color: var(--cx-color-neutral-200);
-    --item-padding: var(--cx-spacing-x-small) var(--cx-spacing-small);
+    --item-padding: var(--cx-spacing-2x-small) var(--cx-spacing-x-small);
   }
 
   :host(:focus-visible) .tree-item {
@@ -96,7 +95,7 @@ const le = R`
   .tree-item__label {
     font-family: var(--cx-font-sans);
     font-size: var(--cx-tree-item-font-size, var(--cx-font-size-small));
-    font-weight: var(--cx-tree-item-font-weight, var(--cx-font-weight-regular));
+    font-weight: var(--cx-tree-item-font-weight, var(--cx-font-weight-medium));
     line-height: var(--cx-tree-item-line-height, var(--cx-line-height-large));
     letter-spacing: var(--cx-tree-item-letter-spacing, var(--cx-letter-spacing-normal));
   }
@@ -304,7 +303,7 @@ const le = R`
     width: 100%;
     border-bottom: var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);
   }
-`, k = "tree-sortable", I = 0.2, O = (e) => e == null;
+`, k = "tree-sortable", C = 0.2, O = (e) => e == null;
 function de() {
   function e() {
   }
@@ -325,45 +324,45 @@ function de() {
       changed: r,
       completed: o,
       dragEl: d,
-      originalEvent: g,
-      putSortable: u,
-      target: m
+      originalEvent: m,
+      putSortable: x,
+      target: u
     }) {
-      if (t = null, !i || !i.options[k] || !i.options.getDropZone || O(i.options.insertBeforeZonePercentage) || O(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(m.tagName) || m.hasAttribute("no-drag")) {
+      if (t = null, !i || !i.options[k] || !i.options.getDropZone || O(i.options.insertBeforeZonePercentage) || O(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(u.tagName) || u.hasAttribute("no-drag")) {
         n();
         return;
       }
-      const B = i.options.getDropZone(m);
+      const B = i.options.getDropZone(u);
       if (!B) {
         n();
         return;
       }
-      const T = B.getBoundingClientRect(), D = (g.clientY - T.top) / T.height, v = u || this.sortable;
+      const T = B.getBoundingClientRect(), D = (m.clientY - T.top) / T.height, v = x || this.sortable;
       v.captureAnimationState(), v !== i && i.captureAnimationState();
-      const V = m.parentNode;
+      const V = u.parentNode;
       if (d && V)
         if (D < i.options.insertBeforeZonePercentage)
           t = {
             dragEl: d,
-            el: m,
+            el: u,
             position: -1
-          }, m.setAttribute("data-dragging", "before");
+          }, u.setAttribute("data-dragging", "before");
         else if (D > i.options.insertAfterZonePercentage)
           t = {
             dragEl: d,
-            el: m,
+            el: u,
             position: 1
-          }, m.setAttribute("data-dragging", "after");
+          }, u.setAttribute("data-dragging", "after");
         else {
-          if (m.hasAttribute("no-drag-inside")) {
+          if (u.hasAttribute("no-drag-inside")) {
             r(), o(!0), n();
             return;
           }
           t = {
             dragEl: d,
-            el: m,
+            el: u,
             position: 0
-          }, m.setAttribute("data-dragging", "inside");
+          }, u.setAttribute("data-dragging", "inside");
         }
       if (v.animateAll(), v !== i && i.animateAll(), t)
         r(), o(!0), n();
@@ -406,8 +405,8 @@ const j = (e) => ({
   fallbackOnBody: !0,
   forceFallback: ee(),
   getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
-  insertAfterZonePercentage: 1 - I,
-  insertBeforeZonePercentage: I,
+  insertAfterZonePercentage: 1 - C,
+  insertBeforeZonePercentage: C,
   invertSwap: !0,
   onStart(t) {
     if (e.onStart?.(t), t.item.tagName === "CX-TREE-ITEM") {
@@ -416,7 +415,7 @@ const j = (e) => ({
     }
   },
   [k]: !0,
-  swapThreshold: I
+  swapThreshold: C
 });
 var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t, i, n) => {
   for (var r = n > 1 ? void 0 : n ? he(t, i) : t, o = e.length - 1, d; o >= 0; o--)
@@ -514,17 +513,17 @@ let a = class extends N {
   }
   renderExpandButton() {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
-    return x` <div
+    return g` <div
       part="expand-button"
-      class=${E({
+      class=${w({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
     })}
       aria-hidden="true"
     >
-      ${w(
+      ${E(
       this.loading,
-      () => x`
+      () => g`
           <cx-spinner
             part="spinner"
             class="tree-item__expand-spinner"
@@ -580,11 +579,11 @@ let a = class extends N {
   }
   renderBase(e) {
     const t = this.showExpandButton;
-    return this.href ? x`
+    return this.href ? g`
         <a
           id="anchor"
           part="base"
-          class=${E({
+          class=${w({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -601,10 +600,10 @@ let a = class extends N {
         >
           ${e}
         </a>
-      ` : x`
+      ` : g`
       <div
         part="base"
-        class=${E({
+        class=${w({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -619,7 +618,7 @@ let a = class extends N {
     `;
   }
   render() {
-    return this.renderBase(x`
+    return this.renderBase(g`
       <div
         class="tree-item__item"
         part="
@@ -632,14 +631,14 @@ let a = class extends N {
       >
         <div class="tree-item__indentation" part="indentation"></div>
 
-        ${w(
+        ${E(
       this.expandButtonPlacement === "start",
       this.renderExpandButton,
       () => L
     )}
-        ${w(
+        ${E(
       this.selectable,
-      () => x`
+      () => g`
             <cx-checkbox
               part="checkbox"
               exportparts="
@@ -663,7 +662,7 @@ let a = class extends N {
         <slot class="tree-item__label" part="label"></slot>
         <slot class="tree-item__actions" part="actions" name="actions"></slot>
 
-        ${w(
+        ${E(
       this.expandButtonPlacement === "end",
       this.renderExpandButton,
       () => L
@@ -1004,31 +1003,29 @@ let c = class extends N {
     const t = this.getFocusableItems(), i = this.localize.dir() === "ltr", n = this.localize.dir() === "rtl";
     if (t.length > 0) {
       e.preventDefault();
-      const r = t.findIndex((u) => u.matches(":focus")), o = t[r], d = (u) => {
-        const m = t[K(u, 0, t.length - 1)];
-        this.focusItem(m);
-      }, g = (u) => {
-        o.expanded = u;
+      const r = t.findIndex((x) => x.matches(":focus")), o = t[r], d = (x) => {
+        const u = t[K(x, 0, t.length - 1)];
+        this.focusItem(u);
+      }, m = (x) => {
+        o.expanded = x;
       };
-      e.key === "ArrowDown" ? d(r + 1) : e.key === "ArrowUp" ? d(r - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !o || o.disabled || o.readonly || o.expanded || o.isLeaf && !o.lazy ? d(r + 1) : g(!0) : i && e.key === "ArrowLeft" || n && e.key === "ArrowRight" ? !o || o.disabled || o.readonly || o.isLeaf || !o.expanded ? d(r - 1) : g(!1) : e.key === "Home" ? d(0) : e.key === "End" ? d(t.length - 1) : (e.key === "Enter" || e.key === " ") && !o.disabled && !o.readonly && this.selectItem(o);
+      e.key === "ArrowDown" ? d(r + 1) : e.key === "ArrowUp" ? d(r - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !o || o.disabled || o.readonly || o.expanded || o.isLeaf && !o.lazy ? d(r + 1) : m(!0) : i && e.key === "ArrowLeft" || n && e.key === "ArrowRight" ? !o || o.disabled || o.readonly || o.isLeaf || !o.expanded ? d(r - 1) : m(!1) : e.key === "Home" ? d(0) : e.key === "End" ? d(t.length - 1) : (e.key === "Enter" || e.key === " ") && !o.disabled && !o.readonly && this.selectItem(o);
     }
   }
   handleClick(e) {
     const t = e.composedPath(), i = e.target, n = i.closest("cx-tree-item"), r = e.composedPath().some(
-      (u) => u?.classList?.contains("tree-item__expand-button")
+      (m) => m?.classList?.contains("tree-item__expand-button")
     ), o = e.composedPath().some(
-      (u) => u?.classList?.contains("tree-item__actions")
-    ), d = t.find(
-      (u) => u.classList?.contains("checkbox__control")
+      (m) => m?.classList?.contains("tree-item__actions")
     );
-    if (!n || n.disabled || n.readonly || i !== this.clickTarget || d)
+    if (!n || n.disabled || n.readonly || i !== this.clickTarget)
       return;
-    const g = !t.find(
-      (u) => u.tagName?.toLowerCase() === "cx-checkbox"
+    const d = !t.find(
+      (m) => m.tagName?.toLowerCase() === "cx-checkbox"
     );
     r && n.showExpandButton ? n.expanded = !n.expanded : o || this.selectItem(
       n,
-      g && this.labelSelectSingle && this.selection === "multiple"
+      d && this.labelSelectSingle && this.selection === "multiple"
     );
   }
   handleMouseDown(e) {
@@ -1129,7 +1126,7 @@ let c = class extends N {
     });
   }
   render() {
-    return x`
+    return g`
       <div
         part="base"
         class="tree"

package/library/components/asset-link-format.js

@@ -3,7 +3,7 @@ import { C as q } from "../chunks/button.DrU92LJQ.js";
 import H from "./space.js";
 import { C as W } from "../chunks/typography.trna8y2b.js";
 import { i as F, n as l, C as E, x as b, c as N } from "../chunks/custom-element.fmLrnDZr.js";
-import { b as ht, c as lt } from "../chunks/asset.CdfbYhcC.js";
+import { b as ht, c as lt } from "../chunks/asset.Ba-CxnNM.js";
 import { c as O } from "../chunks/component.styles.DtouHn2g.js";
 import { T as c, U as o } from "../chunks/asset-link-format.BSRDqHg7.js";
 import { L as D } from "../chunks/i18n.D33BKrRs.js";

package/library/components/atoms.js

@@ -71,7 +71,7 @@ import { default as No } from "./tag.js";
 import { default as Eo } from "./textarea.js";
 import { C as Vo } from "../chunks/timecode.BOz71Ho5.js";
 import { default as Qo } from "./tooltip.js";
-import { a as Jo, C as Ko } from "../chunks/tree.BcFl8OPo.js";
+import { a as Jo, C as Ko } from "../chunks/tree.DynOxJWg.js";
 import { C as Wo } from "../chunks/typography.trna8y2b.js";
 import { default as Yo } from "./video.js";
 import { default as _o } from "./visually-hidden.js";