@orangelogic/design-system 2.141.0 → 2.142.0

package/library/chunks/{file-on-demand.Bxq3-Dk1.js → file-on-demand.Bve3SdQJ.js}

@@ -5,15 +5,15 @@ import { n as d, C as W } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as st } from "./component.styles.CRO4Odto.js";
 import { c as q } from "./custom-element.L4WJXn1j.js";
 import { L as G } from "./i18n.DeUAP8n2.js";
-import { k as Et, h as It, i as Ct, w as P, j as Lt, l as Ft, a as Ut, c as Rt, g as kt, m as Ot, n as Nt } from "./watch.CThbualB.js";
+import { k as Et, h as It, i as wt, w as P, j as Lt, l as Ft, a as Ut, c as Rt, g as kt, m as Ot, n as Nt } from "./watch.CThbualB.js";
 import { p as R } from "./string.BmBJ_BLT.js";
 import { x as n, i as ot, E as jt } from "./lit-element.jLBm65_O.js";
 import { r as u } from "./state.CSDxrqLd.js";
 import { e as z } from "./query.BBf1UFkC.js";
-import { e as w } from "./class-map.BiVq-cVR.js";
+import { e as C } from "./class-map.BiVq-cVR.js";
 import { c as U } from "./repeat.CFjcER6_.js";
 import { n as h } from "./when.Dr1es41R.js";
-import { b as Bt, i as wt } from "./_baseIteratee.DpzDid58.js";
+import { b as Bt, i as Ct } from "./_baseIteratee.DpzDid58.js";
 import Mt from "../components/avatar.js";
 import { C as Vt } from "./button.C6-GrLyD.js";
 import { C as Ht } from "./dialog.C79Kd2S4.js";
@@ -81,7 +81,7 @@ function ge(t, e, i, a) {
 }
 function xe(t, e) {
   return function(i, a) {
-    var s = Ct(i) ? ce : ge, o = e ? e() : {};
+    var s = wt(i) ? ce : ge, o = e ? e() : {};
     return s(i, t, Bt(a), o);
   };
 }
@@ -170,8 +170,8 @@ const _e = {
     ["limit", s.toString()],
     ["start", _.toString()]
   ], F = new URL(`${g}${$}`);
-  f.forEach(([C, E]) => {
-    F.searchParams.append(C, E);
+  f.forEach(([w, E]) => {
+    F.searchParams.append(w, E);
   });
   const O = await fetch(F.toString(), {
     headers: {
@@ -180,49 +180,49 @@ const _e = {
     method: "GET"
   });
   if (!O.ok) {
-    const C = new Error();
-    throw C.message = "Failed to fetch", C;
+    const w = new Error();
+    throw w.message = "Failed to fetch", w;
   }
   const Y = await O.json();
   let K = /* @__PURE__ */ new Set();
   a && (K = Ie(a));
-  const ct = Y.contentItems?.map((C) => {
+  const ct = Y.contentItems?.map((w) => {
     let E = V(
-      C.fields,
+      w.fields,
       A.TITLE_WITH_FALLBACK
     ) ?? "", B = Se(
       (V(
-        C.fields,
+        w.fields,
         A.ASSET_PATH
       ) ?? "").replace(/^Root\//i, "")
     ) || E;
     if (a) {
       if (a.has(B)) {
         const lt = B.split("/"), zt = lt.pop();
-        B = `${lt.join("/")}/${C.recordID}-${zt}`, E = `${C.recordID}-${E}`;
+        B = `${lt.join("/")}/${w.recordID}-${zt}`, E = `${w.recordID}-${E}`;
       }
       o?.trim() && K.has(E) && (E = B), a.add(B), K.add(E);
     }
     return {
       childCount: Number(
         V(
-          C.fields,
+          w.fields,
           A.CHILD_COUNT
         ) ?? 0
       ),
       children: [],
       docType: V(
-        C.fields,
+        w.fields,
         A.DOC_TYPE
       ) ?? "",
       fullPath: B,
       hasChildren: V(
-        C.fields,
+        w.fields,
         A.HAS_BROWSER_CHILDREN
       ) === "1",
-      id: C.recordID,
+      id: w.recordID,
       parentFolderIdentifier: V(
-        C.fields,
+        w.fields,
         A.PARENT_FOLDER_IDENTIFIER
       ) ?? "",
       parents: [],
@@ -258,17 +258,17 @@ const at = "-", S = (t) => {
     s && e.add(s);
   }
   return e;
-}, Ce = (t, e) => {
+}, we = (t, e) => {
   const i = t.split("/"), a = e.split("/");
   return i.slice(0, a.length + 1).join("/");
 };
 function _t(t) {
   return t.toSorted((e, i) => i.uploadTimestamp - e.uploadTimestamp);
 }
-var we = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
+var Ce = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ae(e, i) : e, o = t.length - 1, c; o >= 0; o--)
     (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
-  return a && s && we(e, i, s), s;
+  return a && s && Ce(e, i, s), s;
 };
 let y = class extends W {
   constructor() {
@@ -342,7 +342,7 @@ let y = class extends W {
         if (!f.path.trim() || !f.id.trim())
           return !1;
         const F = R(f.path), O = R(a);
-        a && F.startsWith(O) && F !== O && g.add(Ce(f.path, a));
+        a && F.startsWith(O) && F !== O && g.add(we(f.path, a));
       });
     };
     o(this.removedIDs, i), o(s, e);
@@ -381,7 +381,7 @@ let y = class extends W {
   }
   render() {
     const t = mt(this.folder?.path ?? [], this.folder?.fullPath ?? "");
-    return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${w({
+    return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${C({
       "folder-tree__item": !0,
       selectable: !0
     })} data-id=${this.folder?.id} data-path=${t} ?lazy=${this.folder?.hasChildren && this.data === null} @cx-lazy-load=${this.onLazyLoad}><div class="folder-tree__label"><cx-icon class="folder-tree__icon" name="folder"></cx-icon><cx-line-clamp lines="1" class="folder-tree__label__value">${this.folder?.title}</cx-line-clamp></div>${U(
@@ -513,7 +513,7 @@ let b = class extends W {
     }
   }
   render() {
-    return n`<div class="folder-tree selectable"><cx-tree class=${w({
+    return n`<div class="folder-tree selectable"><cx-tree class=${C({
       selectable: !0
     })} @cx-selected-change=${this.handleSelectedChange} selection="multiple" disabled-auto-expand disabled-sync-checkboxes>${U(
       this.folders,
@@ -618,7 +618,7 @@ var vt = function() {
     value: Le(e),
     writable: !0
   });
-} : wt, Ue = 800, Re = 16, ke = Date.now;
+} : Ct, Ue = 800, Re = 16, ke = Date.now;
 function Oe(t) {
   var e = 0, i = 0;
   return function() {
@@ -633,7 +633,7 @@ function Oe(t) {
 }
 var Ne = Oe(Fe);
 function je(t, e) {
-  return Ne(Ee(t, e, wt), t + "");
+  return Ne(Ee(t, e, Ct), t + "");
 }
 var Be = 200;
 function Me(t, e, i, a) {
@@ -655,7 +655,7 @@ function Me(t, e, i, a) {
 }
 var yt = ut ? ut.isConcatSpreadable : void 0;
 function Ve(t) {
-  return Ct(t) || kt(t) || !!(yt && t && t[yt]);
+  return wt(t) || kt(t) || !!(yt && t && t[yt]);
 }
 function He(t, e, i, a, s) {
   var o = -1, c = t.length;
@@ -913,7 +913,7 @@ let L = class extends W {
     uploadErrorMessage: o,
     uploadStatus: c = v.InProgress
   }) {
-    const p = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? p : 100, m = n`<div class=${w({
+    const p = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? p : 100, m = n`<div class=${C({
       "in-progress": c === v.InProgress,
       paused: t,
       progress: !0,
@@ -968,7 +968,7 @@ let L = class extends W {
     )}<cx-icon class="asset__thumbnail__icon" name="insert_drive_file" variant="filled"></cx-icon><div class="asset__thumbnail__extension"><cx-line-clamp class="asset__thumbnail__extension__line-clamp" lines="1"><cx-typography class="asset__thumbnail__extension__text" variant="small">${$e(this.asset.fileName)}</cx-typography></cx-line-clamp></div>`;
   }
   renderThumbnail() {
-    return n`<div class=${w({
+    return n`<div class=${C({
       asset__thumbnail: !0,
       "asset__thumbnail--folder": this.isFolder,
       "asset__thumbnail--placeholder": this.showThumbnailPlaceholder
@@ -1356,14 +1356,14 @@ let r = class extends W {
   renderRecentAssets() {
     const t = n`<div class="recent-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="explore"></cx-icon><cx-typography variant="body2">${this.localize.term("allViewedAssetsWillBeVisibleHere")}</cx-typography></div>`, [e, i] = gt(
       this.recentAssets.assets
-    ), a = n`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${w({
+    ), a = n`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${C({
       empty: e.length === 0,
       recent__today: !0
     })} data-testid="recent__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography></div>${U(
       e,
       (s) => s.recordId,
       (s) => this.renderAsset(s, x.RECENT)
-    )}</div><div class=${w({
+    )}</div><div class=${C({
       empty: i.length === 0,
       recent__other: !0
     })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${U(
@@ -1396,14 +1396,14 @@ let r = class extends W {
   renderUploadingAssets() {
     const t = n`<div class="uploads-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="arrow_upward"></cx-icon><cx-typography variant="body2">${this.localize.term("allAssetUploadsWillBeVisibleHere")}</cx-typography></div>`, [e, i] = gt(
       this.uploadingAssets.assets
-    ), a = n`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${w({
+    ), a = n`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${C({
       empty: e.length === 0,
       recent__today: !0
     })} data-testid="uploads__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography>${h(e.length > 0, () => this.renderClearUploadButton())}</div>${U(
       e,
       (s) => s.recordId,
       (s) => this.renderAsset(s, x.UPLOADS)
-    )}</div><div class=${w({
+    )}</div><div class=${C({
       empty: i.length === 0,
       uploads__other: !0
     })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography>${h(
@@ -1532,7 +1532,7 @@ let r = class extends W {
       const { id: s, path: o } = S(a), c = () => {
         e(s);
       };
-      return n`<cx-tree-item data-id=${s} class=${w({
+      return n`<cx-tree-item data-id=${s} class=${C({
         "folder-tree__item": !0
       })}><div class="folder-tree__label"><cx-icon class="folder-tree__icon" name="folder"></cx-icon><cx-line-clamp lines="1" class="folder-tree__label__value">${o}</cx-line-clamp></div><cx-tooltip slot="actions" content=${this.localize.term("removeFolder", 1)} hoist><cx-icon-button @click=${c} name="close"></cx-icon-button></cx-tooltip></cx-tree-item>`;
     };
@@ -1633,20 +1633,20 @@ let r = class extends W {
         case "error":
           return n`<cx-icon variant="filled" name="error"></cx-icon>`;
       }
-    }, a = n`<div class=${w({
+    }, a = n`<div class=${C({
       "connection-status": !0,
       "connection-status--bad": this.connectionStatus === "bad",
       "connection-status--excellent": this.connectionStatus === "excellent",
       "connection-status--good": this.connectionStatus === "good"
     })}><cx-typography class="label" variant="small">${this.localize.term("connection")}</cx-typography><cx-tooltip class="connection-status__tooltip" content=${this.connectionStatusTooltip} hoist ?disabled=${!this.connectionStatusTooltip.trim()}><div class="connection-status__value"><cx-typography variant="small">${this.connectionStatus}</cx-typography>${e()}</div></cx-tooltip></div>`, s = this.settings.cacheUsage >= this.settings.cacheSize;
-    return n`<cx-divider class="status-footer__divider"></cx-divider><div class="status-footer"><div class="connected-url"><cx-typography class="label" variant="small">${this.localize.term("connectedTo")}</cx-typography><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small">${this.settings.config.siteUrl}</cx-typography></cx-line-clamp></div>${a}<div class=${w({
+    return n`<cx-divider class="status-footer__divider"></cx-divider><div class="status-footer"><div class="connected-url"><cx-typography class="label" variant="small">${this.localize.term("connectedTo")}</cx-typography><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small">${this.settings.config.siteUrl}</cx-typography></cx-line-clamp></div>${a}<div class=${C({
       "asset-index-sync-status": !0,
       "asset-index-sync-status--error": this.assetIndexSyncStatus === "error",
       "asset-index-sync-status--loaded": this.assetIndexSyncStatus === "loaded",
       "asset-index-sync-status--loading": this.assetIndexSyncStatus === "loading"
     })}><cx-typography class="label" variant="small">${this.localize.term("assetIndexSync")}</cx-typography><div class="value"><cx-typography variant="small">${_e[this.assetIndexSyncStatus]}</cx-typography>${i()}</div></div><div class="cache-usage"><cx-typography class="label" variant="small">${this.localize.term("cache")}</cx-typography><cx-tooltip ?disabled=${!s} content=${this.localize.term("cacheUsageWarning")}><cx-space spacing="3x-small"><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small"><cx-format-bytes value=${this.settings.cacheUsage}></cx-format-bytes>
                   /
-                  <cx-format-bytes value=${this.settings.cacheSize}></cx-format-bytes></cx-typography></cx-line-clamp></cx-space></cx-tooltip></div>${h(this.assetIndexSyncStatus === "error", () => t)}</div>`;
+                  <cx-format-bytes value=${this.settings.cacheSize}></cx-format-bytes></cx-typography></cx-line-clamp>${h(s, () => n`<cx-icon class="cache-usage__warning-icon" name="warning" variant="filled"></cx-icon>`)}</cx-space></cx-tooltip></div>${h(this.assetIndexSyncStatus === "error", () => t)}</div>`;
   }
   handleConnectionURLInput(t) {
     this.validConnectionUrl = !0, this.siteUrl = t.target.value.trim();
@@ -1654,10 +1654,10 @@ let r = class extends W {
     X(e) || (this.validConnectionUrl = !1);
   }
   renderWelcomeView() {
-    return n`<div class="welcome"><div class="welcome__message"><cx-typography variant="h5">${this.localize.term("welcomeToFileOnDemand")}</cx-typography><cx-typography variant="body3">${this.localize.term("enterYourSiteUrlToConnect")}</cx-typography></div><form class="welcome__actions" @submit=${this.connect}><cx-input aria-label=${this.localize.term("connectionURLInput")} class="welcome__input" placeholder="Ex: https://cortex.orangelogic.com/" value=${this.settings.config.siteUrl} @cx-input=${this.handleConnectionURLInput}></cx-input><cx-tooltip class="welcome__connect-button__tooltip" ?disabled=${this.siteUrl.trim() && this.validConnectionUrl} content=${this.siteUrl.trim() ? this.localize.term("pleaseEnterAValidUrl") : this.localize.term("connectionCannotBeEmpty")}><cx-button type="submit" ?loading=${this.isConnecting} variant="primary" class=${w({
+    return n`<div class="welcome"><div class="welcome__message"><cx-typography variant="h5">${this.localize.term("welcomeToFileOnDemand")}</cx-typography><cx-typography variant="body3">${this.localize.term("enterYourSiteUrlToConnect")}</cx-typography></div><form class="welcome__actions" @submit=${this.connect}><cx-input aria-label=${this.localize.term("connectionURLInput")} class="welcome__input" placeholder="Ex: https://cortex.orangelogic.com/" value=${this.settings.config.siteUrl} @cx-input=${this.handleConnectionURLInput}></cx-input><cx-tooltip class="welcome__connect-button__tooltip" ?disabled=${this.siteUrl.trim() && this.validConnectionUrl} content=${this.siteUrl.trim() ? this.localize.term("pleaseEnterAValidUrl") : this.localize.term("connectionCannotBeEmpty")}><cx-button type="submit" ?loading=${this.isConnecting} variant="primary" class=${C({
       "welcome__connect-button": !0,
       "welcome__connect-button--disabled": !this.siteUrl.trim() || !this.validConnectionUrl
-    })} ?disabled=${!this.siteUrl.trim() || !this.validConnectionUrl}>${this.localize.term("connect")}</cx-button></cx-tooltip><cx-button type="button" ?loading=${this.isCancellingConnection} variant="text" class=${w({
+    })} ?disabled=${!this.siteUrl.trim() || !this.validConnectionUrl}>${this.localize.term("connect")}</cx-button></cx-tooltip><cx-button type="button" ?loading=${this.isCancellingConnection} variant="text" class=${C({
       "welcome__cancel-connection-button": !0
     })} ?disabled=${!this.isConnecting} @click=${this.cancelConnection}>${this.localize.term("cancel")}</cx-button><cx-typography class="error-message" variant="body3">${h(
       this.connectError,
@@ -1672,7 +1672,7 @@ let r = class extends W {
     return n`<div class="loading-overlay"><cx-spinner></cx-spinner></div>`;
   }
   render() {
-    return n`<div class=${w({
+    return n`<div class=${C({
       container: !0,
       "container--connected": this.connectionEstablished,
       "container--user-interaction-blocked": this.userInteractionBlocked

package/library/chunks/{folder-select.CpK1RX9O.js → folder-select.BudMvcEM.js}

@@ -5,7 +5,7 @@ import me from "../components/select.js";
 import ye from "../components/tag.js";
 import { C as v, a as xe } from "./tree.DeIv5gWv.js";
 import { n as s, C as B } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as L, F as ge, A as be } from "./endpoints.BlywT4Gl.js";
+import { h as L, F as ge, A as be } from "./endpoints.ASL1clzd.js";
 import { M as P } from "./asset-link-format.QzzboHHE.js";
 import { c as re } from "./component.styles.CRO4Odto.js";
 import { c as N } from "./custom-element.L4WJXn1j.js";

package/library/chunks/{image.u2nQNoZ8.js → image.B3vsXGrN.js}

@@ -811,7 +811,7 @@ h([
   y({ attribute: "click-handler-type", reflect: !0, type: String })
 ], l.prototype, "clickHandlerType", 2);
 h([
-  y({ attribute: "retry-on-error", type: Boolean })
+  y({ attribute: "retry-on-error", reflect: !0, type: Boolean })
 ], l.prototype, "retryOnError", 2);
 h([
   y({ attribute: "max-retries", type: Number })

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

@@ -3,7 +3,7 @@ import "../chunks/button.C6-GrLyD.js";
 import "./space.js";
 import "../chunks/typography.DJC_UXgs.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as g } from "../chunks/asset-link-format.BDuHqEN5.js";
+import { C as g } from "../chunks/asset-link-format.Du63EIst.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/asset-link-format.QzzboHHE.js";
 import "../chunks/custom-element.L4WJXn1j.js";

package/library/components/atoms.js

@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
 import { C as _ } from "../chunks/dialog.C79Kd2S4.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.BqZzhJyR.js";
+import { C as ae } from "../chunks/document-viewer.DQXvmHvo.js";
 import { C as xe } from "../chunks/dot-pagination.CoG0XmAq.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";
@@ -39,7 +39,7 @@ import { f } from "../chunks/icon.DnBh6-56.js";
 import { C as Fe } from "../chunks/icon.DnBh6-56.js";
 import { C as Oe } from "../chunks/icon-button.LhIEmHNF.js";
 import { C as Ee } from "../chunks/iframe.c0IPEUiJ.js";
-import { C as Le } from "../chunks/image.u2nQNoZ8.js";
+import { C as Le } from "../chunks/image.B3vsXGrN.js";
 import { default as je } from "./image-comparer.js";
 import { default as Qe } from "./include.js";
 import { C as qe } from "../chunks/input.ClJ4MEsk.js";