@orangelogic/design-system 2.98.0 → 2.100.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/library/chunks/{asset.B3vySOI-.js → asset.CKtT9q4k.js} +1 -1
  2. package/library/chunks/{button.CAa1kvwe.js → button.DfRnA70F.js} +1 -1
  3. package/library/chunks/{color-swatch-group.ChcPlkPU.js → color-swatch-group.Cfn8EGfK.js} +3 -3
  4. package/library/chunks/{color-swatch.DJ1kUnBQ.js → color-swatch.BUwHT5Cx.js} +1 -1
  5. package/library/chunks/{confirm-popover.D4x0nO5g.js → confirm-popover.BMGnWZnC.js} +3 -3
  6. package/library/chunks/{dialog.BLaxLMSc.js → dialog._xvAZqaE.js} +2 -2
  7. package/library/chunks/{dot-pagination.-nDdQxJN.js → dot-pagination.BzsMmgef.js} +1 -1
  8. package/library/chunks/{file-on-demand.AzwoUvwB.js → file-on-demand.CIjtKP0H.js} +213 -198
  9. package/library/chunks/{folder-select.XpkOFzAW.js → folder-select.D4Ft0qRc.js} +3 -3
  10. package/library/chunks/{header.BZxyeLPK.js → header.B5C9hZiO.js} +1 -1
  11. package/library/chunks/{i18n.BABe9hN4.js → i18n.DK1uYlJT.js} +1 -0
  12. package/library/chunks/{icon-button.C2s3pHG4.js → icon-button.CN0NGNQx.js} +1 -1
  13. package/library/chunks/{iframe.DPccxsnE.js → iframe.BsLEwsvI.js} +1 -1
  14. package/library/chunks/{image.Cc4V85ID.js → image.BnB-fJ8g.js} +1 -1
  15. package/library/chunks/{list-editor.pVYc_70c.js → list-editor.B_mnvgtZ.js} +8 -8
  16. package/library/chunks/{option.DGXQzdtb.js → option.B7SoEb_q.js} +1 -1
  17. package/library/chunks/{pagination.DZqKSA86.js → pagination.Bi-8gmcy.js} +4 -4
  18. package/library/chunks/{tab-group.BhCf9Smq.js → tab-group.DpyBG0JQ.js} +3 -3
  19. package/library/chunks/{table.V5PGGTfO.js → table.D4HIzy47.js} +4 -4
  20. package/library/chunks/{tree.DZa7k-4E.js → tree.Hh8WCK7l.js} +1 -1
  21. package/library/components/alert.js +2 -2
  22. package/library/components/asset-link-format.js +5 -5
  23. package/library/components/atoms.js +12 -12
  24. package/library/components/border-input-group.js +1 -1
  25. package/library/components/breadcrumb.js +1 -1
  26. package/library/components/button.js +2 -2
  27. package/library/components/color-picker.js +2 -2
  28. package/library/components/color-swatch-group.js +4 -4
  29. package/library/components/color-swatch.js +2 -2
  30. package/library/components/confirm-popover.js +4 -4
  31. package/library/components/copy-button.js +1 -1
  32. package/library/components/corner-position-input-group.js +2 -2
  33. package/library/components/details.js +23 -19
  34. package/library/components/dialog.js +3 -3
  35. package/library/components/dot-pagination.js +2 -2
  36. package/library/components/drawer.js +2 -2
  37. package/library/components/dropdown.js +1 -1
  38. package/library/components/dynamic-select.js +4 -4
  39. package/library/components/e-chart.js +1 -1
  40. package/library/components/element-clamp.js +2 -2
  41. package/library/components/file-on-demand.js +9 -9
  42. package/library/components/folder-select.js +3 -3
  43. package/library/components/format-bytes.js +1 -1
  44. package/library/components/format-date.js +1 -1
  45. package/library/components/format-number.js +1 -1
  46. package/library/components/format-time.js +1 -1
  47. package/library/components/header.js +2 -2
  48. package/library/components/icon-button.js +2 -2
  49. package/library/components/iframe.js +2 -2
  50. package/library/components/image-comparer.js +1 -1
  51. package/library/components/image.js +2 -2
  52. package/library/components/input.js +1 -1
  53. package/library/components/line-clamp.js +1 -1
  54. package/library/components/list-editor.js +6 -6
  55. package/library/components/masonry.js +2 -2
  56. package/library/components/menu-item.js +1 -1
  57. package/library/components/menu.js +1 -1
  58. package/library/components/molecules.js +4 -4
  59. package/library/components/option.js +2 -2
  60. package/library/components/organisms.js +2 -2
  61. package/library/components/pagination.js +5 -5
  62. package/library/components/popup.js +1 -1
  63. package/library/components/position-picker.js +1 -1
  64. package/library/components/progress-bar.js +1 -1
  65. package/library/components/progress-ring.js +1 -1
  66. package/library/components/range.js +1 -1
  67. package/library/components/rating.js +1 -1
  68. package/library/components/relative-time.js +1 -1
  69. package/library/components/select.js +2 -2
  70. package/library/components/share-option-list.js +1 -1
  71. package/library/components/sidebar.js +1 -1
  72. package/library/components/size-input-group.js +2 -2
  73. package/library/components/spinner.js +1 -1
  74. package/library/components/split-panel.js +1 -1
  75. package/library/components/tab-group.js +4 -4
  76. package/library/components/tab.js +2 -2
  77. package/library/components/table.js +5 -5
  78. package/library/components/tag.js +2 -2
  79. package/library/components/tooltip.js +1 -1
  80. package/library/components/tree-item.js +2 -2
  81. package/library/components/tree.js +2 -2
  82. package/library/components/typeface.js +2 -2
  83. package/library/components/types.js +12854 -12853
  84. package/library/components/video.js +2 -2
  85. package/library/package.json +1 -1
  86. package/library/packages/atoms/src/components/details/details.d.ts +3 -1
  87. package/library/packages/molecules/src/download-format-picker/download-format-picker.d.ts +3 -2
  88. package/library/packages/organisms/src/content-builder/styleController.d.ts +1 -1
  89. package/library/packages/organisms/src/file-on-demand/file-on-demand.constants.d.ts +1 -0
  90. package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts +1 -0
  91. package/library/packages/types/src/content-builder.d.ts +2 -1
  92. package/library/packages/types/src/download-format-picker.d.ts +7 -0
  93. package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
  94. package/library/react-web-component.d.ts +5 -1
  95. package/library/utils.js +1 -1
  96. package/package.json +1 -1
@@ -1,53 +1,53 @@
1
1
  import J from "../components/icon.js";
2
2
  import Q from "../components/line-clamp.js";
3
- import { C as bt, s as $t, a as St, b as dt } from "./tree.DZa7k-4E.js";
3
+ import { C as $t, s as St, a as It, b as dt } from "./tree.Hh8WCK7l.js";
4
4
  import { n as d, C as H } from "./lib-cortex-element.CVMmyPMC.js";
5
5
  import { c as tt } from "./component.styles.CRO4Odto.js";
6
6
  import { c as W } from "./custom-element.L4WJXn1j.js";
7
- import { L as q } from "./i18n.BABe9hN4.js";
8
- import { k as Et, h as It, i as wt, w as P, j as Lt, l as Ft, f as Ut, g as Rt, d as kt, m as Ot, n as Nt } from "./watch.BCJD77bD.js";
7
+ import { L as q } from "./i18n.DK1uYlJT.js";
8
+ import { k as Lt, h as Ct, i as wt, w as P, j as Ft, l as Ut, f as Rt, g as kt, d as Ot, m as Nt, n as jt } from "./watch.BCJD77bD.js";
9
9
  import { p as R } from "./string.DUgD4c9f.js";
10
- import { x as n, i as ot, E as jt } from "./lit-element.jLBm65_O.js";
10
+ import { x as n, i as ot, E as Bt } from "./lit-element.jLBm65_O.js";
11
11
  import { r as u } from "./state.CSDxrqLd.js";
12
12
  import { e as z } from "./query.BBf1UFkC.js";
13
- import { e as C } from "./class-map.BiVq-cVR.js";
13
+ import { e as w } from "./class-map.BiVq-cVR.js";
14
14
  import { c as U } from "./repeat.DbF2p5ae.js";
15
15
  import { n as p } from "./when.Dr1es41R.js";
16
- import { a as Bt, i as Ct, c as Mt, b as ht } from "./_baseUniq.BUihBa8c.js";
17
- import Vt from "../components/avatar.js";
18
- import { C as Ht } from "./button.CAa1kvwe.js";
19
- import { C as Wt } from "./dialog.BLaxLMSc.js";
20
- import qt from "../components/divider.js";
16
+ import { a as Mt, i as At, c as Vt, b as ht } from "./_baseUniq.BUihBa8c.js";
17
+ import Ht from "../components/avatar.js";
18
+ import { C as Wt } from "./button.DfRnA70F.js";
19
+ import { C as qt } from "./dialog._xvAZqaE.js";
20
+ import Gt from "../components/divider.js";
21
21
  import nt from "../components/format-bytes.js";
22
- import { C as At } from "./icon-button.C2s3pHG4.js";
23
- import Gt from "../components/input.js";
24
- import { C as Yt } from "./option.DGXQzdtb.js";
25
- import Dt from "../components/relative-time.js";
26
- import Kt from "../components/select.js";
27
- import Xt from "../components/space.js";
28
- import Zt from "../components/tab.js";
29
- import { C as Jt } from "./tab-group.BhCf9Smq.js";
30
- import Qt from "../components/tab-panel.js";
31
- import Tt from "../components/tooltip.js";
22
+ import { C as Dt } from "./icon-button.CN0NGNQx.js";
23
+ import Yt from "../components/input.js";
24
+ import { C as Kt } from "./option.B7SoEb_q.js";
25
+ import Tt from "../components/relative-time.js";
26
+ import Xt from "../components/select.js";
27
+ import Zt from "../components/space.js";
28
+ import Jt from "../components/tab.js";
29
+ import { C as Qt } from "./tab-group.DpyBG0JQ.js";
30
+ import te from "../components/tab-panel.js";
31
+ import Pt from "../components/tooltip.js";
32
32
  import { C as rt } from "./typography.DJC_UXgs.js";
33
- import { C as te } from "./confirm-popover.D4x0nO5g.js";
34
- import { d as ee } from "./debounce.DaHuiSGU.js";
33
+ import { C as ee } from "./confirm-popover.BMGnWZnC.js";
34
+ import { d as se } from "./debounce.DaHuiSGU.js";
35
35
  import { a as et } from "./number.B4PQLJIg.js";
36
36
  import { i as K, a as pt } from "./url.Cj9cIQXJ.js";
37
- import { a as se } from "./toString.CL_lYXbK.js";
38
- import { S as ut, i as ie } from "./isObjectLike.z36Fu426.js";
39
- import ae from "../components/progress-bar.js";
40
- import oe from "../components/spinner.js";
41
- import { o as ne } from "./style-map.llVFPd__.js";
42
- import { r as re } from "./choose.BTbF6BAn.js";
43
- function ce(t, e, i, a) {
37
+ import { a as ie } from "./toString.CL_lYXbK.js";
38
+ import { S as ut, i as ae } from "./isObjectLike.z36Fu426.js";
39
+ import oe from "../components/progress-bar.js";
40
+ import ne from "../components/spinner.js";
41
+ import { o as re } from "./style-map.llVFPd__.js";
42
+ import { r as ce } from "./choose.BTbF6BAn.js";
43
+ function le(t, e, i, a) {
44
44
  for (var s = -1, o = t == null ? 0 : t.length; ++s < o; ) {
45
45
  var c = t[s];
46
46
  e(a, c, i(c), t);
47
47
  }
48
48
  return a;
49
49
  }
50
- function le(t) {
50
+ function de(t) {
51
51
  return function(e, i, a) {
52
52
  for (var s = -1, o = Object(e), c = a(e), h = c.length; h--; ) {
53
53
  var _ = c[++s];
@@ -57,39 +57,39 @@ function le(t) {
57
57
  return e;
58
58
  };
59
59
  }
60
- var de = le();
61
- function he(t, e) {
62
- return t && de(t, e, Et);
63
- }
60
+ var he = de();
64
61
  function pe(t, e) {
62
+ return t && he(t, e, Lt);
63
+ }
64
+ function ue(t, e) {
65
65
  return function(i, a) {
66
66
  if (i == null)
67
67
  return i;
68
- if (!It(i))
68
+ if (!Ct(i))
69
69
  return t(i, a);
70
70
  for (var s = i.length, o = -1, c = Object(i); ++o < s && a(c[o], o, c) !== !1; )
71
71
  ;
72
72
  return i;
73
73
  };
74
74
  }
75
- var ue = pe(he);
76
- function ge(t, e, i, a) {
77
- return ue(t, function(s, o, c) {
75
+ var ge = ue(pe);
76
+ function xe(t, e, i, a) {
77
+ return ge(t, function(s, o, c) {
78
78
  e(a, s, i(s), c);
79
79
  }), a;
80
80
  }
81
- function xe(t, e) {
81
+ function me(t, e) {
82
82
  return function(i, a) {
83
- var s = wt(i) ? ce : ge, o = e ? e() : {};
84
- return s(i, t, Bt(a), o);
83
+ var s = wt(i) ? le : xe, o = e ? e() : {};
84
+ return s(i, t, Mt(a), o);
85
85
  };
86
86
  }
87
- var me = xe(function(t, e, i) {
87
+ var _e = me(function(t, e, i) {
88
88
  t[i ? 0 : 1].push(e);
89
89
  }, function() {
90
90
  return [[], []];
91
91
  });
92
- const _e = {
92
+ const fe = {
93
93
  error: "Upload error",
94
94
  loaded: "Up-to-date",
95
95
  loading: "Syncing"
@@ -98,7 +98,7 @@ const _e = {
98
98
  PINNED: "pinned",
99
99
  RECENT: "recent",
100
100
  UPLOADS: "uploads"
101
- }, X = 20, fe = {
101
+ }, X = 20, ve = {
102
102
  GET_CONTENT: "/webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1"
103
103
  }, A = {
104
104
  ASSET_PATH: "Document.AssetPath",
@@ -108,7 +108,7 @@ const _e = {
108
108
  HAS_BROWSER_CHILDREN: "Document.HasBrowserChildren",
109
109
  PARENT_FOLDER_IDENTIFIER: "Document.ParentRecordID",
110
110
  TITLE_WITH_FALLBACK: "CoreField.TitleWithFallback"
111
- }, Z = "GB", st = 1e3, O = 6e4, ve = ["album", "story", "project", "merchandise"], gt = (t) => {
111
+ }, Z = "GB", gt = 9e6, st = 1e3, O = 6e4, ye = ["album", "story", "project", "merchandise"], xt = (t) => {
112
112
  const e = /* @__PURE__ */ new Date(), i = new Date(
113
113
  e.getFullYear(),
114
114
  e.getMonth(),
@@ -118,11 +118,11 @@ const _e = {
118
118
  e.getMonth(),
119
119
  e.getDate() + 1
120
120
  ).getTime();
121
- return me(
121
+ return _e(
122
122
  t.toSorted((s, o) => o.uploadTimestamp - s.uploadTimestamp),
123
123
  (s) => s.uploadTimestamp >= i && s.uploadTimestamp < a
124
124
  );
125
- }, ye = ({
125
+ }, be = ({
126
126
  excludesRecordIDs: t,
127
127
  searchText: e
128
128
  }) => {
@@ -132,12 +132,12 @@ const _e = {
132
132
  t?.length && (a = t.map((o) => `RecordID:NOT ${o}`).join(" AND "));
133
133
  let s = i ? ` AND (${[i].filter(Boolean).join(" OR ")})` : "";
134
134
  return a && (s = `${s} AND (${a})`), `(MediaType:Story OR MediaType:Album)${s}`;
135
- }, be = 10, Pt = async ({
135
+ }, $e = 10, zt = async ({
136
136
  excludes: t = [],
137
137
  folderId: e,
138
138
  folderPath: i = [],
139
139
  folderPathsSet: a,
140
- limit: s = be,
140
+ limit: s = $e,
141
141
  searchText: o,
142
142
  seeThru: c,
143
143
  siteUrl: h,
@@ -148,11 +148,11 @@ const _e = {
148
148
  return { data: [], totalCount: 0 };
149
149
  let g = h;
150
150
  g.endsWith("/") && (g = g.slice(0, -1));
151
- const $ = fe.GET_CONTENT, f = [
151
+ const $ = ve.GET_CONTENT, f = [
152
152
  ["Token", m],
153
153
  [
154
154
  "extraFilters",
155
- ye({
155
+ be({
156
156
  excludesRecordIDs: t,
157
157
  searchText: o
158
158
  })
@@ -169,8 +169,8 @@ const _e = {
169
169
  ["limit", s.toString()],
170
170
  ["start", _.toString()]
171
171
  ], F = new URL(`${g}${$}`);
172
- f.forEach(([w, E]) => {
173
- F.searchParams.append(w, E);
172
+ f.forEach(([C, E]) => {
173
+ F.searchParams.append(C, E);
174
174
  });
175
175
  const k = await fetch(F.toString(), {
176
176
  headers: {
@@ -179,49 +179,49 @@ const _e = {
179
179
  method: "GET"
180
180
  });
181
181
  if (!k.ok) {
182
- const w = new Error();
183
- throw w.message = "Failed to fetch", w;
182
+ const C = new Error();
183
+ throw C.message = "Failed to fetch", C;
184
184
  }
185
185
  const G = await k.json();
186
186
  let Y = /* @__PURE__ */ new Set();
187
- a && (Y = Ie(a));
188
- const ct = G.contentItems?.map((w) => {
187
+ a && (Y = Ce(a));
188
+ const ct = G.contentItems?.map((C) => {
189
189
  let E = M(
190
- w.fields,
190
+ C.fields,
191
191
  A.TITLE_WITH_FALLBACK
192
- ) ?? "", B = Se(
192
+ ) ?? "", B = Ie(
193
193
  (M(
194
- w.fields,
194
+ C.fields,
195
195
  A.ASSET_PATH
196
196
  ) ?? "").replace(/^Root\//i, "")
197
197
  ) || E;
198
198
  if (a) {
199
199
  if (a.has(B)) {
200
- const lt = B.split("/"), zt = lt.pop();
201
- B = `${lt.join("/")}/${w.recordID}-${zt}`, E = `${w.recordID}-${E}`;
200
+ const lt = B.split("/"), Et = lt.pop();
201
+ B = `${lt.join("/")}/${C.recordID}-${Et}`, E = `${C.recordID}-${E}`;
202
202
  }
203
203
  o?.trim() && Y.has(E) && (E = B), a.add(B), Y.add(E);
204
204
  }
205
205
  return {
206
206
  childCount: Number(
207
207
  M(
208
- w.fields,
208
+ C.fields,
209
209
  A.CHILD_COUNT
210
210
  ) ?? 0
211
211
  ),
212
212
  children: [],
213
213
  docType: M(
214
- w.fields,
214
+ C.fields,
215
215
  A.DOC_TYPE
216
216
  ) ?? "",
217
217
  fullPath: B,
218
218
  hasChildren: M(
219
- w.fields,
219
+ C.fields,
220
220
  A.HAS_BROWSER_CHILDREN
221
221
  ) === "1",
222
- id: w.recordID,
222
+ id: C.recordID,
223
223
  parentFolderIdentifier: M(
224
- w.fields,
224
+ C.fields,
225
225
  A.PARENT_FOLDER_IDENTIFIER
226
226
  ) ?? "",
227
227
  parents: [],
@@ -240,17 +240,17 @@ function M(t, e) {
240
240
  const at = "-", S = (t) => {
241
241
  const e = t.split(at), i = e.pop() ?? "", a = e.join(at);
242
242
  return { id: i, path: a };
243
- }, N = ({ id: t, path: e }) => [e, t].join(at), $e = (t) => {
243
+ }, N = ({ id: t, path: e }) => [e, t].join(at), Se = (t) => {
244
244
  const e = t.split(".");
245
245
  return e.length > 1 ? e.pop() ?? "" : "";
246
- }, xt = (t) => {
246
+ }, mt = (t) => {
247
247
  const e = t.match(/(?:V\.?)?(\d+(?:\.\d+)*)/);
248
248
  return e ? e[1] : "";
249
- }, mt = (t, e) => {
249
+ }, _t = (t, e) => {
250
250
  let i = e?.trim();
251
251
  const a = e ? e.split("/").length : 0;
252
252
  return (t ? t.length : 0) >= a && (i = t.join("/") ?? ""), i;
253
- }, Se = (t) => t.split("/").map((e) => e.trim()).join("/"), Ie = (t) => {
253
+ }, Ie = (t) => t.split("/").map((e) => e.trim()).join("/"), Ce = (t) => {
254
254
  const e = /* @__PURE__ */ new Set();
255
255
  for (const i of t) {
256
256
  const a = i.split("/"), s = a[a.length - 1];
@@ -261,20 +261,20 @@ const at = "-", S = (t) => {
261
261
  const i = t.split("/"), a = e.split("/");
262
262
  return i.slice(0, a.length + 1).join("/");
263
263
  };
264
- function _t(t) {
264
+ function ft(t) {
265
265
  return t.toSorted((e, i) => i.uploadTimestamp - e.uploadTimestamp);
266
266
  }
267
- var Ce = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
268
- for (var s = a > 1 ? void 0 : a ? Ae(e, i) : e, o = t.length - 1, c; o >= 0; o--)
267
+ var Ae = Object.defineProperty, De = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
268
+ for (var s = a > 1 ? void 0 : a ? De(e, i) : e, o = t.length - 1, c; o >= 0; o--)
269
269
  (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
270
- return a && s && Ce(e, i, s), s;
270
+ return a && s && Ae(e, i, s), s;
271
271
  };
272
272
  let y = class extends H {
273
273
  constructor() {
274
274
  super(...arguments), this.localize = new q(this), this.role = "treeitem", this.siteUrl = "", this.token = "", this.searchText = "", this.folder = null, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.data = null, this.totalCount = 0, this.isLoading = !1, this.fetchFolders = async ({
275
275
  folderId: t,
276
276
  start: e = 0
277
- }) => await Pt({
277
+ }) => await zt({
278
278
  folderId: t,
279
279
  folderPath: this.folder?.path ?? [],
280
280
  folderPathsSet: this.folderPathsSet,
@@ -301,7 +301,7 @@ let y = class extends H {
301
301
  if (this.data = e, this.totalCount = i, await this.updateComplete, this.closest("cx-tree")?.initTreeItems(), !this.treeItem.selected && !this.treeItem.indeterminate) {
302
302
  let a = !0, s = !0;
303
303
  for (const o of this.treeItem.getChildrenItems())
304
- o.selected ? ($t(o, !0, "multiple"), s = !1) : a = !1;
304
+ o.selected ? (St(o, !0, "multiple"), s = !1) : a = !1;
305
305
  this.treeItem.indeterminate = !a && !s;
306
306
  }
307
307
  };
@@ -335,7 +335,7 @@ let y = class extends H {
335
335
  if (await this.updateComplete, !this.treeItem)
336
336
  return;
337
337
  let t = !1;
338
- const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = mt(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], o = (m, g) => {
338
+ const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = _t(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], o = (m, g) => {
339
339
  m.forEach(($) => {
340
340
  const f = S($);
341
341
  if (!f.path.trim() || !f.id.trim())
@@ -379,8 +379,8 @@ let y = class extends H {
379
379
  c ? (t = i.size > 0, this.treeItem.selected = !0) : (t = e.size > 0, this.treeItem.selected = !1, await this.treeItem.updateComplete), t ? (this.treeItem.selected = !1, await this.treeItem.updateComplete, this.treeItem.indeterminate = !0) : this.treeItem.indeterminate = !1;
380
380
  }
381
381
  render() {
382
- const t = mt(this.folder?.path ?? [], this.folder?.fullPath ?? "");
383
- return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${C({
382
+ const t = _t(this.folder?.path ?? [], this.folder?.fullPath ?? "");
383
+ return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${w({
384
384
  "folder-tree__item": !0,
385
385
  selectable: !0
386
386
  })} 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(
@@ -398,7 +398,7 @@ y.styles = [tt];
398
398
  y.dependencies = {
399
399
  "cx-icon": J,
400
400
  "cx-line-clamp": Q,
401
- "cx-tree-item": bt
401
+ "cx-tree-item": $t
402
402
  };
403
403
  D([
404
404
  z("cx-tree-item")
@@ -453,11 +453,11 @@ D([
453
453
  y = D([
454
454
  W("cx-folder-item")
455
455
  ], y);
456
- const De = ot`.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{--tooltip-max-width:min(80vw, 640px);flex-grow:1;flex-shrink:1;overflow:hidden}.load-more-button{margin-left:calc(1em + var(--cx-spacing-x-small) + 1rem + var(--cx-spacing-x-small) * 2)}.load-more-button cx-button{line-height:var(--cx-line-height-small)}`;
457
- var Te = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
458
- for (var s = a > 1 ? void 0 : a ? Pe(e, i) : e, o = t.length - 1, c; o >= 0; o--)
456
+ const Te = ot`.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{--tooltip-max-width:min(80vw, 640px);flex-grow:1;flex-shrink:1;overflow:hidden}.load-more-button{margin-left:calc(1em + var(--cx-spacing-x-small) + 1rem + var(--cx-spacing-x-small) * 2)}.load-more-button cx-button{line-height:var(--cx-line-height-small)}`;
457
+ var Pe = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
458
+ for (var s = a > 1 ? void 0 : a ? ze(e, i) : e, o = t.length - 1, c; o >= 0; o--)
459
459
  (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
460
- return a && s && Te(e, i, s), s;
460
+ return a && s && Pe(e, i, s), s;
461
461
  };
462
462
  let b = class extends H {
463
463
  constructor() {
@@ -512,7 +512,7 @@ let b = class extends H {
512
512
  }
513
513
  }
514
514
  render() {
515
- return n`<div class="folder-tree selectable"><cx-tree class=${C({
515
+ return n`<div class="folder-tree selectable"><cx-tree class=${w({
516
516
  selectable: !0
517
517
  })} @cx-selected-change=${this.handleSelectedChange} selection="multiple" disabled-auto-expand disabled-sync-checkboxes>${U(
518
518
  this.folders,
@@ -525,10 +525,10 @@ let b = class extends H {
525
525
  )}</cx-tree></div>`;
526
526
  }
527
527
  };
528
- b.styles = [tt, De];
528
+ b.styles = [tt, Te];
529
529
  b.dependencies = {
530
530
  "cx-folder-item": y,
531
- "cx-tree": St
531
+ "cx-tree": It
532
532
  };
533
533
  I([
534
534
  z("cx-tree")
@@ -575,7 +575,7 @@ I([
575
575
  b = I([
576
576
  W("cx-folder-tree")
577
577
  ], b);
578
- function ze(t, e, i) {
578
+ function Ee(t, e, i) {
579
579
  switch (i.length) {
580
580
  case 0:
581
581
  return t.call(e);
@@ -588,58 +588,58 @@ function ze(t, e, i) {
588
588
  }
589
589
  return t.apply(e, i);
590
590
  }
591
- var ft = Math.max;
592
- function Ee(t, e, i) {
593
- return e = ft(e === void 0 ? t.length - 1 : e, 0), function() {
594
- for (var a = arguments, s = -1, o = ft(a.length - e, 0), c = Array(o); ++s < o; )
591
+ var vt = Math.max;
592
+ function Le(t, e, i) {
593
+ return e = vt(e === void 0 ? t.length - 1 : e, 0), function() {
594
+ for (var a = arguments, s = -1, o = vt(a.length - e, 0), c = Array(o); ++s < o; )
595
595
  c[s] = a[e + s];
596
596
  s = -1;
597
597
  for (var h = Array(e + 1); ++s < e; )
598
598
  h[s] = a[s];
599
- return h[e] = i(c), ze(t, this, h);
599
+ return h[e] = i(c), Ee(t, this, h);
600
600
  };
601
601
  }
602
- function Le(t) {
602
+ function Fe(t) {
603
603
  return function() {
604
604
  return t;
605
605
  };
606
606
  }
607
- var vt = function() {
607
+ var yt = function() {
608
608
  try {
609
- var t = Lt(Object, "defineProperty");
609
+ var t = Ft(Object, "defineProperty");
610
610
  return t({}, "", {}), t;
611
611
  } catch {
612
612
  }
613
- }(), Fe = vt ? function(t, e) {
614
- return vt(t, "toString", {
613
+ }(), Ue = yt ? function(t, e) {
614
+ return yt(t, "toString", {
615
615
  configurable: !0,
616
616
  enumerable: !1,
617
- value: Le(e),
617
+ value: Fe(e),
618
618
  writable: !0
619
619
  });
620
- } : Ct, Ue = 800, Re = 16, ke = Date.now;
621
- function Oe(t) {
620
+ } : At, Re = 800, ke = 16, Oe = Date.now;
621
+ function Ne(t) {
622
622
  var e = 0, i = 0;
623
623
  return function() {
624
- var a = ke(), s = Re - (a - i);
624
+ var a = Oe(), s = ke - (a - i);
625
625
  if (i = a, s > 0) {
626
- if (++e >= Ue)
626
+ if (++e >= Re)
627
627
  return arguments[0];
628
628
  } else
629
629
  e = 0;
630
630
  return t.apply(void 0, arguments);
631
631
  };
632
632
  }
633
- var Ne = Oe(Fe);
634
- function je(t, e) {
635
- return Ne(Ee(t, e, Ct), t + "");
633
+ var je = Ne(Ue);
634
+ function Be(t, e) {
635
+ return je(Le(t, e, At), t + "");
636
636
  }
637
- var Be = 200;
638
- function Me(t, e, i, a) {
639
- var s = -1, o = Mt, c = !0, h = t.length, _ = [], m = e.length;
637
+ var Me = 200;
638
+ function Ve(t, e, i, a) {
639
+ var s = -1, o = Vt, c = !0, h = t.length, _ = [], m = e.length;
640
640
  if (!h)
641
641
  return _;
642
- i && (e = se(e, Ft(i))), e.length >= Be && (o = Rt, c = !1, e = new Ut(e));
642
+ i && (e = ie(e, Ut(i))), e.length >= Me && (o = kt, c = !1, e = new Rt(e));
643
643
  t:
644
644
  for (; ++s < h; ) {
645
645
  var g = t[s], $ = i == null ? g : i(g);
@@ -652,36 +652,36 @@ function Me(t, e, i, a) {
652
652
  }
653
653
  return _;
654
654
  }
655
- var yt = ut ? ut.isConcatSpreadable : void 0;
656
- function Ve(t) {
657
- return wt(t) || kt(t) || !!(yt && t && t[yt]);
655
+ var bt = ut ? ut.isConcatSpreadable : void 0;
656
+ function He(t) {
657
+ return wt(t) || Ot(t) || !!(bt && t && t[bt]);
658
658
  }
659
- function He(t, e, i, a, s) {
659
+ function We(t, e, i, a, s) {
660
660
  var o = -1, c = t.length;
661
- for (i || (i = Ve), s || (s = []); ++o < c; ) {
661
+ for (i || (i = He), s || (s = []); ++o < c; ) {
662
662
  var h = t[o];
663
- i(h) ? Ot(s, h) : a || (s[s.length] = h);
663
+ i(h) ? Nt(s, h) : a || (s[s.length] = h);
664
664
  }
665
665
  return s;
666
666
  }
667
- function We(t, e, i) {
667
+ function qe(t, e, i) {
668
668
  var a = t.length;
669
669
  if (a < 2)
670
670
  return a ? ht(t[0]) : [];
671
671
  for (var s = -1, o = Array(a); ++s < a; )
672
672
  for (var c = t[s], h = -1; ++h < a; )
673
- h != s && (o[s] = Me(o[s] || c, t[h], e, i));
674
- return ht(He(o), e, i);
673
+ h != s && (o[s] = Ve(o[s] || c, t[h], e, i));
674
+ return ht(We(o), e, i);
675
675
  }
676
- function qe(t) {
677
- return ie(t) && It(t);
676
+ function Ge(t) {
677
+ return ae(t) && Ct(t);
678
678
  }
679
- var it = je(function(t) {
680
- return We(Nt(t, qe));
681
- }), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}), Ge = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
682
- for (var s = a > 1 ? void 0 : a ? Ye(e, i) : e, o = t.length - 1, c; o >= 0; o--)
679
+ var it = Be(function(t) {
680
+ return qe(jt(t, Ge));
681
+ }), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}), Ye = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
682
+ for (var s = a > 1 ? void 0 : a ? Ke(e, i) : e, o = t.length - 1, c; o >= 0; o--)
683
683
  (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
684
- return a && s && Ge(e, i, s), s;
684
+ return a && s && Ye(e, i, s), s;
685
685
  };
686
686
  let T = class extends H {
687
687
  constructor() {
@@ -715,7 +715,7 @@ let T = class extends H {
715
715
  </cx-line-clamp></cx-typography></div>`;
716
716
  }
717
717
  render() {
718
- return n`<div class="file-on-demand-pinned-status">${re(this.uploadStatus, [
718
+ return n`<div class="file-on-demand-pinned-status">${ce(this.uploadStatus, [
719
719
  [v.Success, this.renderSuccess.bind(this)],
720
720
  [v.Failed, this.renderFailed.bind(this)],
721
721
  [v.InProgress, this.renderInProgress.bind(this)],
@@ -767,11 +767,11 @@ j([
767
767
  T = j([
768
768
  W("cx-file-on-demand-pinned-status")
769
769
  ], T);
770
- const Ke = ot`:host{padding:var(--cx-spacing-2x-small) var(--cx-spacing-small);display:block}.asset{max-height:var(--asset-height);gap:var(--cx-spacing-small);display:flex}:host(:hover){background-color:var(--cx-input-filled-background-color-hover)}.asset__description{flex-direction:column;flex:1;justify-content:center;width:0;display:flex}.asset__description__label{display:flex}.asset__description__label__text{flex-grow:1;flex-shrink:1;overflow:hidden}.asset__description__status{color:var(--cx-color-neutral-500);line-height:var(--cx-line-height-medium)}.asset__actions{justify-content:flex-end;align-items:center;min-width:64px;display:flex}.asset:hover .asset__actions{visibility:visible;opacity:1}.asset__actions{visibility:hidden;opacity:0}.asset__actions__spinner{min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium);justify-content:center;align-items:center;display:flex}.asset__actions__spinner::part(base){flex-grow:0}.asset__thumbnail{width:56px;height:var(--asset-height);border-radius:var(--cx-border-radius-medium);justify-content:center;align-items:center;display:flex;position:relative}.asset__thumbnail--placeholder{background-color:var(--cx-color-primary-50)}.asset__thumbnail--folder{background-color:var(--cx-color-neutral-100)}.asset__thumbnail__image{object-fit:cover;border-radius:var(--cx-border-radius-medium);flex-shrink:0;width:100%;height:100%}.asset__thumbnail__icon{--font-size:38px;color:var(--cx-color-primary-400);display:none}.asset__folder__icon{--font-size:var(--cx-font-size-x-large);color:var(--cx-color-neutral-600)}.asset__thumbnail__extension{bottom:var(--cx-spacing-3x-small);width:26px;color:var(--cx-color-primary-50);display:none;position:absolute;left:50%;transform:translate(-50%)}.asset__thumbnail__extension__line-clamp{text-align:center;width:100%}.asset__thumbnail__extension__text{text-transform:uppercase;flex-grow:1;flex-shrink:1;display:contents;overflow:hidden}.asset__thumbnail--placeholder .asset__thumbnail__image{display:none}.asset__thumbnail--placeholder .asset__thumbnail__icon,.asset__thumbnail--placeholder .asset__thumbnail__extension{display:flex}cx-progress-bar{--height:4px;--indicator-color:var(--color);--track-color:var(--cx-color-neutral-300);z-index:0}.progress{align-items:center;gap:var(--cx-spacing-2x-small);width:100%;margin-top:var(--cx-spacing-3x-small);display:flex}.syncing-progress,.completed-progress,.failed-progress,.canceled-progress{margin-top:var(--cx-spacing-2x-small)}.progress *{white-space:nowrap}.progress cx-icon{--font-size:var(--cx-font-size-medium)}.progress cx-typography::part(base){line-height:var(--cx-font-size-medium)}.uploading-progress.in-progress cx-icon{color:var(--cx-color-primary-500)}.uploading-progress.paused cx-icon{color:var(--cx-color-warning-500)}.syncing-progress cx-icon{color:var(--cx-color-warning)}.completed-progress cx-icon{color:var(--cx-color-success)}.failed-progress cx-icon,.failed-progress__text{color:var(--cx-color-danger);cursor:help}.canceled-progress cx-icon{color:var(--cx-color-neutral-600)}.file-on-demand-pinned-status__success cx-icon,.file-on-demand-pinned-status__in-progress cx-icon{color:var(--cx-color-success-500)}.file-on-demand-pinned-status__failed cx-icon{color:var(--cx-color-danger-500)}.file-on-demand-pinned-status__canceled cx-icon{color:var(--cx-color-neutral-500)}`;
771
- var Xe = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, V = (t, e, i, a) => {
772
- for (var s = a > 1 ? void 0 : a ? Ze(e, i) : e, o = t.length - 1, c; o >= 0; o--)
770
+ const Xe = ot`:host{padding:var(--cx-spacing-2x-small) var(--cx-spacing-small);display:block}.asset{max-height:var(--asset-height);gap:var(--cx-spacing-small);display:flex}:host(:hover){background-color:var(--cx-input-filled-background-color-hover)}.asset__description{flex-direction:column;flex:1;justify-content:center;width:0;display:flex}.asset__description__label{display:flex}.asset__description__label__text{flex-grow:1;flex-shrink:1;overflow:hidden}.asset__description__status{color:var(--cx-color-neutral-500);line-height:var(--cx-line-height-medium)}.asset__actions{justify-content:flex-end;align-items:center;min-width:64px;display:flex}.asset:hover .asset__actions{visibility:visible;opacity:1}.asset__actions{visibility:hidden;opacity:0}.asset__actions__spinner{min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium);justify-content:center;align-items:center;display:flex}.asset__actions__spinner::part(base){flex-grow:0}.asset__thumbnail{width:56px;height:var(--asset-height);border-radius:var(--cx-border-radius-medium);justify-content:center;align-items:center;display:flex;position:relative}.asset__thumbnail--placeholder{background-color:var(--cx-color-primary-50)}.asset__thumbnail--folder{background-color:var(--cx-color-neutral-100)}.asset__thumbnail__image{object-fit:cover;border-radius:var(--cx-border-radius-medium);flex-shrink:0;width:100%;height:100%}.asset__thumbnail__icon{--font-size:38px;color:var(--cx-color-primary-400);display:none}.asset__folder__icon{--font-size:var(--cx-font-size-x-large);color:var(--cx-color-neutral-600)}.asset__thumbnail__extension{bottom:var(--cx-spacing-3x-small);width:26px;color:var(--cx-color-primary-50);display:none;position:absolute;left:50%;transform:translate(-50%)}.asset__thumbnail__extension__line-clamp{text-align:center;width:100%}.asset__thumbnail__extension__text{text-transform:uppercase;flex-grow:1;flex-shrink:1;display:contents;overflow:hidden}.asset__thumbnail--placeholder .asset__thumbnail__image{display:none}.asset__thumbnail--placeholder .asset__thumbnail__icon,.asset__thumbnail--placeholder .asset__thumbnail__extension{display:flex}cx-progress-bar{--height:4px;--indicator-color:var(--color);--track-color:var(--cx-color-neutral-300);z-index:0}.progress{align-items:center;gap:var(--cx-spacing-2x-small);width:100%;margin-top:var(--cx-spacing-3x-small);display:flex}.syncing-progress,.completed-progress,.failed-progress,.canceled-progress{margin-top:var(--cx-spacing-2x-small)}.progress *{white-space:nowrap}.progress cx-icon{--font-size:var(--cx-font-size-medium)}.progress cx-typography::part(base){line-height:var(--cx-font-size-medium)}.uploading-progress.in-progress cx-icon{color:var(--cx-color-primary-500)}.uploading-progress.paused cx-icon{color:var(--cx-color-warning-500)}.syncing-progress cx-icon{color:var(--cx-color-warning)}.completed-progress cx-icon{color:var(--cx-color-success)}.failed-progress cx-icon,.failed-progress__text{color:var(--cx-color-danger);cursor:help}.canceled-progress cx-icon{color:var(--cx-color-neutral-600)}.file-on-demand-pinned-status__success cx-icon,.file-on-demand-pinned-status__in-progress cx-icon{color:var(--cx-color-success-500)}.file-on-demand-pinned-status__failed cx-icon{color:var(--cx-color-danger-500)}.file-on-demand-pinned-status__canceled cx-icon{color:var(--cx-color-neutral-500)}`;
771
+ var Ze = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, V = (t, e, i, a) => {
772
+ for (var s = a > 1 ? void 0 : a ? Je(e, i) : e, o = t.length - 1, c; o >= 0; o--)
773
773
  (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
774
- return a && s && Xe(e, i, s), s;
774
+ return a && s && Ze(e, i, s), s;
775
775
  };
776
776
  let L = class extends H {
777
777
  constructor() {
@@ -793,7 +793,7 @@ let L = class extends H {
793
793
  return this.listType === x.PINNED;
794
794
  }
795
795
  get isFolder() {
796
- return ve.includes((this.asset.docType ?? "").toLowerCase());
796
+ return ye.includes((this.asset.docType ?? "").toLowerCase());
797
797
  }
798
798
  get thumbnailUrl() {
799
799
  return this.asset.thumbnail?.trim() ?? "";
@@ -902,7 +902,7 @@ let L = class extends H {
902
902
  uploadErrorMessage: o,
903
903
  uploadStatus: c = v.InProgress
904
904
  }) {
905
- const h = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? h : 100, m = n`<div class=${C({
905
+ const h = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? h : 100, m = n`<div class=${w({
906
906
  "in-progress": c === v.InProgress,
907
907
  paused: t,
908
908
  progress: !0,
@@ -921,7 +921,7 @@ let L = class extends H {
921
921
  return n`
922
922
  ${p(
923
923
  c === v.InProgress,
924
- () => n`<cx-progress-bar style=${ne({
924
+ () => n`<cx-progress-bar style=${re({
925
925
  "--color": t ? "var(--cx-color-warning-500)" : "var(--cx-color-primary-500)"
926
926
  })} .value=${_.toFixed(0)} class="progress-bar"></cx-progress-bar>${m}`
927
927
  )}
@@ -954,10 +954,10 @@ let L = class extends H {
954
954
  return this.isFolder ? this.listType === x.FAVORITES ? n`<cx-icon class="asset__folder__icon" name="folder_special"></cx-icon>` : n`<cx-icon class="asset__folder__icon" name="topic"></cx-icon>` : n`${p(
955
955
  !!this.thumbnailUrl,
956
956
  () => n`<img alt=${this.asset.fileName} class="asset__thumbnail__image" src=${this.thumbnailUrl} @error=${this.handleImgError} @load=${this.handleImgLoad}>`
957
- )}<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>`;
957
+ )}<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">${Se(this.asset.fileName)}</cx-typography></cx-line-clamp></div>`;
958
958
  }
959
959
  renderThumbnail() {
960
- return n`<div class=${C({
960
+ return n`<div class=${w({
961
961
  asset__thumbnail: !0,
962
962
  "asset__thumbnail--folder": this.isFolder,
963
963
  "asset__thumbnail--placeholder": this.showThumbnailPlaceholder
@@ -1011,17 +1011,17 @@ let L = class extends H {
1011
1011
  ${p(this.showPinnedActions, () => this.renderPinnedActions())}</div></div>`;
1012
1012
  }
1013
1013
  };
1014
- L.styles = [tt, Ke];
1014
+ L.styles = [tt, Xe];
1015
1015
  L.dependencies = {
1016
1016
  "cx-file-on-demand-pinned-status": T,
1017
1017
  "cx-format-bytes": nt,
1018
1018
  "cx-icon": J,
1019
- "cx-icon-button": At,
1019
+ "cx-icon-button": Dt,
1020
1020
  "cx-line-clamp": Q,
1021
- "cx-progress-bar": ae,
1022
- "cx-relative-time": Dt,
1023
- "cx-spinner": oe,
1024
- "cx-tooltip": Tt,
1021
+ "cx-progress-bar": oe,
1022
+ "cx-relative-time": Tt,
1023
+ "cx-spinner": ne,
1024
+ "cx-tooltip": Pt,
1025
1025
  "cx-typography": rt
1026
1026
  };
1027
1027
  V([
@@ -1059,11 +1059,11 @@ V([
1059
1059
  L = V([
1060
1060
  W("cx-file-on-demand-asset")
1061
1061
  ], L);
1062
- const Je = ot`:host{--asset-height:40px;color:var(--cx-color-neutral-900);--cx-button-text-transform:none;--tooltip-max-width:min(80vw, 640px);height:100%;display:block}.container{height:100%;display:block}.container--user-interaction-blocked{pointer-events:none;user-select:none}.loading-overlay{background-color:var(--cx-color-neutral-50);opacity:.8;width:100%;height:100%;z-index:var(--cx-z-index-tooltip);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.assets,.welcome{flex-direction:column;height:100%;display:flex}.assets-list__tab-group .empty-icon{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-3x-large)}cx-tab{line-height:var(--cx-line-height-large)}.assets-list__tab-group cx-tab{width:25%}.settings__tab-group cx-tab{width:50%}cx-tab::part(base){justify-content:center;display:flex}cx-tab::part(label){text-align:center}cx-tab-panel{--padding:0 0 var(--cx-spacing-x-small) 0}cx-icon[slot=prefix]{font-size:var(--cx-font-size-large)}.error-message{color:var(--cx-color-danger);min-height:1ch}.welcome{padding:var(--cx-spacing-x-large) var(--cx-spacing-medium) var(--cx-spacing-medium) var(--cx-spacing-medium);justify-content:center;align-items:center;gap:var(--cx-spacing-x-large)}.welcome__message{justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.welcome__actions{justify-content:center;gap:var(--cx-spacing-x-small);flex-direction:column;width:100%;display:flex}.welcome__connect-button,.welcome__cancel-connection-button,.welcome__input{width:100%}.welcome__connect-button--disabled::part(base){cursor:help}.welcome .error-message{text-align:center}.header{background-color:var(--cx-color-neutral-50);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:space-between;line-height:1;display:flex}.header__user{align-items:center;gap:var(--cx-spacing-x-small);display:flex;overflow:hidden}.header__username{display:flex;overflow:hidden}.header__username__text{flex-grow:1;flex-shrink:1;overflow:hidden}.header__avatar{--size:24px}.header__actions{min-width:fit-content}.settings__version__badge::part(base){width:var(--cx-spacing-x-small);padding:0}.assets-list{flex:1;height:0}.assets-list__tab-group,.assets-list__tab-group::part(base),.assets-list__tab-group::part(body),.assets-list__tab-group cx-tab-panel,.assets-list__tab-group cx-tab-panel::part(base){height:100%;overflow:hidden}.assets-list__tab-group .assets-list__tab-group__empty-message{justify-content:center;align-items:center;gap:var(--cx-spacing-medium);font-size:var(--cx-font-size-x-large);padding:var(--cx-spacing-large) 0;text-align:center;flex-direction:column;display:flex}.assets-list__tab-group .assets-list__tab-group__empty-message:not(.favorites-empty){margin-top:40px}.assets-list__tab-group .recent__list,.assets-list__tab-group .favorites__list,.assets-list__tab-group .uploads__list,.assets-list__tab-group .pinned__list{height:100%;padding:0 0 var(--cx-spacing-x-small) 0;flex-direction:column;display:flex;overflow:hidden auto}.favorites-tab-panel__content,.pinned-tab-panel__content{flex-direction:column;height:100%;display:flex}.favorites__sync-time{justify-content:center;align-items:center;display:flex}.assets-list__tab-group .favorites__list,.assets-list__tab-group .pinned__list{flex:1;height:0}.recent__other.empty,.uploads__other.empty,.recent__today.empty,.uploads__today.empty{display:none}.status-footer{padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);gap:var(--cx-spacing-2x-small);flex-direction:column;display:flex}.status-footer cx-typography,.status-footer cx-line-clamp{line-height:1}.status-footer .cache-usage,.status-footer .connected-url,.status-footer .connection-status,.status-footer .asset-index-sync-status{justify-content:space-between;align-items:center;display:flex}.status-footer .label{color:var(--cx-color-neutral-600)}.status-footer__divider{--spacing:0;margin-bottom:var(--cx-spacing-small)}.connected-url .label{white-space:nowrap}.connected-url .value-line-clamp{padding:0 var(--cx-spacing-2x-small)}.connected-url .value::part(base){font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.cache-usage__warning-icon{color:var(--cx-color-warning-500)}.status-footer .cache-usage .label{color:var(--cx-color-primary-600)}.connection-status__value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);cursor:help;display:flex}.connection-status__value cx-typography{display:inline-flex}.connection-status__value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.connection-status--excellent .connection-status__value{color:var(--cx-color-success)}.connection-status--good .connection-status__value{color:var(--cx-color-warning)}.connection-status--bad .connection-status__value{color:var(--cx-color-danger)}.connection-status cx-icon{font-size:var(--cx-font-size-medium)}.asset-index-sync-status .value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.asset-index-sync-status .value cx-typography{display:inline-flex}.asset-index-sync-status .value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.asset-index-sync-status--loaded .value{color:var(--cx-color-success)}.asset-index-sync-status--loading .value{color:var(--cx-color-warning)}.asset-index-sync-status--error .value{color:var(--cx-color-danger)}.asset-index-sync-status cx-icon{font-size:var(--cx-font-size-medium)}.uploads__list .asset-group__label{justify-content:space-between;align-items:center;display:flex}.asset-group__clear-button::part(base){color:var(--cx-color-primary-500);font-size:var(--cx-font-size-x-small)}.asset-group__label{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);color:var(--cx-color-neutral-400);line-height:var(--cx-line-height-large)}.settings{height:100%}.settings .error-message{text-align:center}.settings__form{flex-direction:column;height:100%;display:flex}.settings__tab-group{flex:1;height:0}.settings__tab-group::part(base),.settings__tab-group::part(body){height:100%;overflow:hidden}.settings__tab-group cx-tab-panel{padding:var(--cx-spacing-medium) var(--cx-spacing-large) var(--cx-spacing-large) var(--cx-spacing-large);height:100%;overflow-y:auto}.settings-group{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.settings__general,.settings__advanced{gap:calc(var(--cx-spacing-small) * 2);flex-direction:column;display:flex}.settings__footer{border-top:1px solid var(--cx-color-neutral-200);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:flex-end;display:flex}.settings__footer__actions{gap:var(--cx-spacing-x-small);display:flex}.settings__connection-url{justify-content:space-between;display:flex}.settings__connection-url__value{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__software__version__value{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.settings__software__version__value__text{flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version__install-button{flex-shrink:0}.settings__about{text-align:center;color:var(--cx-color-neutral-500)}.settings__disconnect-button{width:100%}.settings__disconnect-button::part(base),.settings__disconnect-button cx-icon{color:var(--cx-color-danger)}.settings__cache__size{gap:var(--cx-spacing-x-small);flex-direction:column;justify-content:center;display:flex}.settings__cache__size cx-input{width:150px}.settings__cache__location{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__cache__location__label,.settings__cache__size__label{--color:var(--cx-color-neutral-600)}.settings__cache__location__value{justify-content:space-between;align-items:center;display:flex}.settings__cache__location__value__text{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__cache__location__actions{flex-wrap:nowrap}.settings__cache__location__change-button{flex-shrink:0}cx-tree-item:not(.selectable){--selected-color:var(--cx-color-neutral-700)}cx-tree-item:not(:hover):not(.selectable)::part(item){background-color:unset;color:var(--cx-color-neutral-700)}.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{flex-grow:1;flex-shrink:1;overflow:hidden}.select-folders-popup::part(body){gap:var(--cx-spacing-medium);flex-direction:column;display:flex;overflow:hidden}.select-folders-popup .selectable-folder-tree{flex:1;overflow:auto}.select-folders-popup__actions{justify-content:flex-end;display:flex}`;
1063
- var Qe = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, l = (t, e, i, a) => {
1064
- for (var s = a > 1 ? void 0 : a ? ts(e, i) : e, o = t.length - 1, c; o >= 0; o--)
1062
+ const Qe = ot`:host{--asset-height:40px;color:var(--cx-color-neutral-900);--cx-button-text-transform:none;--tooltip-max-width:min(80vw, 640px);height:100%;display:block}.container{height:100%;display:block}.container--user-interaction-blocked{pointer-events:none;user-select:none}.loading-overlay{background-color:var(--cx-color-neutral-50);opacity:.8;width:100%;height:100%;z-index:var(--cx-z-index-tooltip);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.assets,.welcome{flex-direction:column;height:100%;display:flex}.assets-list__tab-group .empty-icon{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-3x-large)}cx-tab{line-height:var(--cx-line-height-large)}.assets-list__tab-group cx-tab{width:25%}.settings__tab-group cx-tab{width:50%}cx-tab::part(base){justify-content:center;display:flex}cx-tab::part(label){text-align:center}cx-tab-panel{--padding:0 0 var(--cx-spacing-x-small) 0}cx-icon[slot=prefix]{font-size:var(--cx-font-size-large)}.error-message{color:var(--cx-color-danger);min-height:1ch}.welcome{padding:var(--cx-spacing-x-large) var(--cx-spacing-medium) var(--cx-spacing-medium) var(--cx-spacing-medium);justify-content:center;align-items:center;gap:var(--cx-spacing-x-large)}.welcome__message{justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.welcome__actions{justify-content:center;gap:var(--cx-spacing-x-small);flex-direction:column;width:100%;display:flex}.welcome__connect-button,.welcome__cancel-connection-button,.welcome__input{width:100%}.welcome__connect-button--disabled::part(base){cursor:help}.welcome .error-message{text-align:center}.header{background-color:var(--cx-color-neutral-50);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:space-between;line-height:1;display:flex}.header__user{align-items:center;gap:var(--cx-spacing-x-small);display:flex;overflow:hidden}.header__username{display:flex;overflow:hidden}.header__username__text{flex-grow:1;flex-shrink:1;overflow:hidden}.header__avatar{--size:24px}.header__actions{min-width:fit-content}.settings__version__badge::part(base){width:var(--cx-spacing-x-small);padding:0}.assets-list{flex:1;height:0}.assets-list__tab-group,.assets-list__tab-group::part(base),.assets-list__tab-group::part(body),.assets-list__tab-group cx-tab-panel,.assets-list__tab-group cx-tab-panel::part(base){height:100%;overflow:hidden}.assets-list__tab-group .assets-list__tab-group__empty-message{justify-content:center;align-items:center;gap:var(--cx-spacing-medium);font-size:var(--cx-font-size-x-large);padding:var(--cx-spacing-large) 0;text-align:center;flex-direction:column;display:flex}.assets-list__tab-group .assets-list__tab-group__empty-message:not(.favorites-empty){margin-top:40px}.assets-list__tab-group .recent__list,.assets-list__tab-group .favorites__list,.assets-list__tab-group .uploads__list,.assets-list__tab-group .pinned__list{height:100%;padding:0 0 var(--cx-spacing-x-small) 0;flex-direction:column;display:flex;overflow:hidden auto}.favorites-tab-panel__content,.pinned-tab-panel__content{flex-direction:column;height:100%;display:flex}.favorites__sync-time{justify-content:center;align-items:center;display:flex}.assets-list__tab-group .favorites__list,.assets-list__tab-group .pinned__list{flex:1;height:0}.recent__other.empty,.uploads__other.empty,.recent__today.empty,.uploads__today.empty{display:none}.status-footer{padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);gap:var(--cx-spacing-2x-small);flex-direction:column;display:flex}.status-footer cx-typography,.status-footer cx-line-clamp{line-height:1}.status-footer .cache-usage,.status-footer .connected-url,.status-footer .connection-status,.status-footer .asset-index-sync-status{justify-content:space-between;align-items:center;display:flex}.status-footer .label{color:var(--cx-color-neutral-600)}.status-footer__divider{--spacing:0;margin-bottom:var(--cx-spacing-small)}.connected-url .label{white-space:nowrap}.connected-url .value-line-clamp{padding:0 var(--cx-spacing-2x-small)}.connected-url .value::part(base){font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.cache-usage__warning-icon{color:var(--cx-color-warning-500)}.status-footer .cache-usage .label{color:var(--cx-color-primary-600)}.connection-status__value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);cursor:help;display:flex}.connection-status__value cx-typography{display:inline-flex}.connection-status__value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.connection-status--excellent .connection-status__value{color:var(--cx-color-success)}.connection-status--good .connection-status__value{color:var(--cx-color-warning)}.connection-status--bad .connection-status__value{color:var(--cx-color-danger)}.connection-status cx-icon{font-size:var(--cx-font-size-medium)}.asset-index-sync-status .value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.asset-index-sync-status .value cx-typography{display:inline-flex}.asset-index-sync-status .value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.asset-index-sync-status--loaded .value{color:var(--cx-color-success)}.asset-index-sync-status--loading .value{color:var(--cx-color-warning)}.asset-index-sync-status--error .value{color:var(--cx-color-danger)}.asset-index-sync-status cx-icon{font-size:var(--cx-font-size-medium)}.uploads__list .asset-group__label{justify-content:space-between;align-items:center;display:flex}.asset-group__clear-button::part(base){color:var(--cx-color-primary-500);font-size:var(--cx-font-size-x-small)}.asset-group__label{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);color:var(--cx-color-neutral-400);line-height:var(--cx-line-height-large)}.settings{height:100%}.settings .error-message{text-align:center}.settings__form{flex-direction:column;height:100%;display:flex}.settings__tab-group{flex:1;height:0}.settings__tab-group::part(base),.settings__tab-group::part(body){height:100%;overflow:hidden}.settings__tab-group cx-tab-panel{padding:var(--cx-spacing-medium) var(--cx-spacing-large) var(--cx-spacing-large) var(--cx-spacing-large);height:100%;overflow-y:auto}.settings-group{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.settings__general,.settings__advanced{gap:calc(var(--cx-spacing-small) * 2);flex-direction:column;display:flex}.settings__footer{border-top:1px solid var(--cx-color-neutral-200);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:flex-end;display:flex}.settings__footer__actions{gap:var(--cx-spacing-x-small);display:flex}.settings__connection-url{justify-content:space-between;display:flex}.settings__connection-url__value{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__software__version__value{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.settings__software__version__value__text{flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version__install-button{flex-shrink:0}.settings__about{text-align:center;color:var(--cx-color-neutral-500)}.settings__disconnect-button{width:100%}.settings__disconnect-button::part(base),.settings__disconnect-button cx-icon{color:var(--cx-color-danger)}.settings__cache__size{gap:var(--cx-spacing-x-small);flex-direction:column;justify-content:center;display:flex}.settings__cache__size cx-input{width:150px}.settings__cache__location{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__cache__location__label,.settings__cache__size__label{--color:var(--cx-color-neutral-600)}.settings__cache__location__value{justify-content:space-between;align-items:center;display:flex}.settings__cache__location__value__text{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__cache__location__actions{flex-wrap:nowrap}.settings__cache__location__change-button{flex-shrink:0}cx-tree-item:not(.selectable){--selected-color:var(--cx-color-neutral-700)}cx-tree-item:not(:hover):not(.selectable)::part(item){background-color:unset;color:var(--cx-color-neutral-700)}.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{flex-grow:1;flex-shrink:1;overflow:hidden}.select-folders-popup::part(body){gap:var(--cx-spacing-medium);flex-direction:column;display:flex;overflow:hidden}.select-folders-popup .selectable-folder-tree{flex:1;overflow:auto}.select-folders-popup__actions{justify-content:flex-end;display:flex}`;
1063
+ var ts = Object.defineProperty, es = Object.getOwnPropertyDescriptor, l = (t, e, i, a) => {
1064
+ for (var s = a > 1 ? void 0 : a ? es(e, i) : e, o = t.length - 1, c; o >= 0; o--)
1065
1065
  (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
1066
- return a && s && Qe(e, i, s), s;
1066
+ return a && s && ts(e, i, s), s;
1067
1067
  };
1068
1068
  let r = class extends H {
1069
1069
  constructor() {
@@ -1099,7 +1099,7 @@ let r = class extends H {
1099
1099
  start: s = 0
1100
1100
  }) => {
1101
1101
  try {
1102
- return await Pt({
1102
+ return await zt({
1103
1103
  excludes: t,
1104
1104
  folderId: e,
1105
1105
  folderPathsSet: i,
@@ -1325,7 +1325,7 @@ let r = class extends H {
1325
1325
  this.rootIDs = t, await this.updateComplete;
1326
1326
  const i = this.container.querySelectorAll("cx-tree-item"), a = it(this.rootIDs, e);
1327
1327
  i.forEach((s) => {
1328
- a.includes(s.dataset.id ?? "") && $t(s);
1328
+ a.includes(s.dataset.id ?? "") && St(s);
1329
1329
  });
1330
1330
  }
1331
1331
  // #region Render
@@ -1343,16 +1343,16 @@ let r = class extends H {
1343
1343
  return n`<cx-file-on-demand-asset .asset=${t} .listType=${e} .favoriteInProgressAssets=${this.favoriteInProgressAssets} .pinInProgressAssets=${this.pinInProgressAssets}></cx-file-on-demand-asset>`;
1344
1344
  }
1345
1345
  renderRecentAssets() {
1346
- 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(
1346
+ 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] = xt(
1347
1347
  this.recentAssets.assets
1348
- ), a = n`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${C({
1348
+ ), a = n`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${w({
1349
1349
  empty: e.length === 0,
1350
1350
  recent__today: !0
1351
1351
  })} data-testid="recent__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography></div>${U(
1352
1352
  e,
1353
1353
  (s) => s.recordId,
1354
1354
  (s) => this.renderAsset(s, x.RECENT)
1355
- )}</div><div class=${C({
1355
+ )}</div><div class=${w({
1356
1356
  empty: i.length === 0,
1357
1357
  recent__other: !0
1358
1358
  })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${U(
@@ -1367,7 +1367,7 @@ let r = class extends H {
1367
1367
  )}</cx-tab-panel>`;
1368
1368
  }
1369
1369
  renderFavoriteAssets() {
1370
- const t = n`<div class="favorites-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="star"></cx-icon><cx-typography variant="body2">${this.localize.term("allFavoriteAssetsWillBeVisibleHere")}</cx-typography></div>`, e = _t(this.favoriteAssets.assets), i = n`<div class="favorites__list" @scroll=${this.requestMoreFavoriteAssets}>${U(
1370
+ const t = n`<div class="favorites-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="star"></cx-icon><cx-typography variant="body2">${this.localize.term("allFavoriteAssetsWillBeVisibleHere")}</cx-typography></div>`, e = ft(this.favoriteAssets.assets), i = n`<div class="favorites__list" @scroll=${this.requestMoreFavoriteAssets}>${U(
1371
1371
  e,
1372
1372
  (a) => a.recordId,
1373
1373
  (a) => this.renderAsset(a, x.FAVORITES)
@@ -1379,20 +1379,26 @@ let r = class extends H {
1379
1379
  () => t
1380
1380
  )}</div></cx-tab-panel>`;
1381
1381
  }
1382
+ renderClearUploadButton() {
1383
+ return n`<cx-button class="asset-group__clear-button" variant="text" size="small" @click=${this.clearUpload}>${this.localize.term("clearAll")}</cx-button>`;
1384
+ }
1382
1385
  renderUploadingAssets() {
1383
- 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(
1386
+ 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] = xt(
1384
1387
  this.uploadingAssets.assets
1385
- ), a = n`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${C({
1388
+ ), a = n`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${w({
1386
1389
  empty: e.length === 0,
1387
1390
  recent__today: !0
1388
- })} data-testid="uploads__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography><cx-button class="asset-group__clear-button" variant="text" size="small" @click=${this.clearUpload}>${this.localize.term("clearAll")}</cx-button></div>${U(
1391
+ })} data-testid="uploads__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography>${p(e.length > 0, () => this.renderClearUploadButton())}</div>${U(
1389
1392
  e,
1390
1393
  (s) => s.recordId,
1391
1394
  (s) => this.renderAsset(s, x.UPLOADS)
1392
- )}</div><div class=${C({
1395
+ )}</div><div class=${w({
1393
1396
  empty: i.length === 0,
1394
1397
  uploads__other: !0
1395
- })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${U(
1398
+ })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography>${p(
1399
+ e.length === 0 && i.length > 0,
1400
+ () => this.renderClearUploadButton()
1401
+ )}</div>${U(
1396
1402
  i,
1397
1403
  (s) => s.recordId,
1398
1404
  (s) => this.renderAsset(s, x.UPLOADS)
@@ -1404,7 +1410,7 @@ let r = class extends H {
1404
1410
  )}</cx-tab-panel>`;
1405
1411
  }
1406
1412
  renderPinnedAssets() {
1407
- const t = n`<div class="pinned-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="keep"></cx-icon><cx-typography variant="body2">${this.localize.term("allPinnedAssetsWillBeVisibleHere")}</cx-typography></div>`, e = _t(this.pinnedAssets.assets), i = n`<div class="pinned__list" @scroll=${this.requestMorePinnedAssets}>${U(
1413
+ const t = n`<div class="pinned-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="keep"></cx-icon><cx-typography variant="body2">${this.localize.term("allPinnedAssetsWillBeVisibleHere")}</cx-typography></div>`, e = ft(this.pinnedAssets.assets), i = n`<div class="pinned__list" @scroll=${this.requestMorePinnedAssets}>${U(
1408
1414
  e,
1409
1415
  (a) => a.recordId,
1410
1416
  (a) => this.renderAsset(a, x.PINNED)
@@ -1502,7 +1508,7 @@ let r = class extends H {
1502
1508
  }
1503
1509
  renderRootFolderTree() {
1504
1510
  if (!this.rootIDs.length)
1505
- return jt;
1511
+ return Bt;
1506
1512
  const t = this.rootIDs.filter(
1507
1513
  (a) => !this.removedIds.includes(a)
1508
1514
  ), e = (a) => {
@@ -1515,7 +1521,7 @@ let r = class extends H {
1515
1521
  const { id: s, path: o } = S(a), c = () => {
1516
1522
  e(s);
1517
1523
  };
1518
- return n`<cx-tree-item data-id=${s} class=${C({
1524
+ return n`<cx-tree-item data-id=${s} class=${w({
1519
1525
  "folder-tree__item": !0
1520
1526
  })}><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>`;
1521
1527
  };
@@ -1537,11 +1543,11 @@ let r = class extends H {
1537
1543
  `
1538
1544
  )}</div>`;
1539
1545
  return n`<div class="settings__general">${t}<div class="settings-group settings__software"><cx-typography variant="h5">${this.localize.term("software")}</cx-typography><div class="settings__software__version"><div class="settings__software__version__value"><cx-line-clamp lines="1" class="settings__software__version__value__text"><cx-typography variant="body3">${this.localize.term("currentVersion")}
1540
- ${xt(this.settings.config.version ?? "")}</cx-typography></cx-line-clamp></div>${p(
1546
+ ${mt(this.settings.config.version ?? "")}</cx-typography></cx-line-clamp></div>${p(
1541
1547
  this.hasNewVersion,
1542
1548
  () => n`<div class="settings__software__version__value"><cx-badge class="settings__version__badge" slot="badge" variant="danger" pill size="x-small"></cx-badge><cx-line-clamp lines="1" class="settings__software__version__value__text"><cx-typography variant="body3">${this.localize.term(
1543
1549
  "newVersionAvailable",
1544
- xt(
1550
+ mt(
1545
1551
  this.settings.config.latestVersion ?? ""
1546
1552
  )
1547
1553
  )}</cx-typography></cx-line-clamp><cx-button size="small" ?loading=${this.isUpgrading} class="settings__software__version__install-button" outline @click=${this.upgrade}><cx-icon name="install_desktop" slot="prefix"></cx-icon>${this.localize.term("download")}</cx-button></div>`
@@ -1559,11 +1565,20 @@ let r = class extends H {
1559
1565
  t.key.length === 1 && !e.test(t.key)) && t.preventDefault();
1560
1566
  }
1561
1567
  handleCacheSizeChange(t) {
1562
- const e = t.target;
1563
- if (Number(e.value) < 0) {
1568
+ const e = t.target, i = Number(e.value);
1569
+ if (i < 0) {
1564
1570
  e.setCustomValidity(this.localize.term("cacheSizeCannotBeNegative"));
1565
1571
  return;
1566
1572
  }
1573
+ if (i > gt) {
1574
+ e.setCustomValidity(
1575
+ this.localize.term(
1576
+ "cacheSizeTooLarge",
1577
+ gt.toLocaleString()
1578
+ )
1579
+ );
1580
+ return;
1581
+ }
1567
1582
  this.cacheSize = Number(e.value);
1568
1583
  }
1569
1584
  async handleCacheLocationClick() {
@@ -1607,18 +1622,18 @@ let r = class extends H {
1607
1622
  case "error":
1608
1623
  return n`<cx-icon variant="filled" name="error"></cx-icon>`;
1609
1624
  }
1610
- }, a = n`<div class=${C({
1625
+ }, a = n`<div class=${w({
1611
1626
  "connection-status": !0,
1612
1627
  "connection-status--bad": this.connectionStatus === "bad",
1613
1628
  "connection-status--excellent": this.connectionStatus === "excellent",
1614
1629
  "connection-status--good": this.connectionStatus === "good"
1615
1630
  })}><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;
1616
- 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({
1631
+ 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({
1617
1632
  "asset-index-sync-status": !0,
1618
1633
  "asset-index-sync-status--error": this.assetIndexSyncStatus === "error",
1619
1634
  "asset-index-sync-status--loaded": this.assetIndexSyncStatus === "loaded",
1620
1635
  "asset-index-sync-status--loading": this.assetIndexSyncStatus === "loading"
1621
- })}><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>
1636
+ })}><cx-typography class="label" variant="small">${this.localize.term("assetIndexSync")}</cx-typography><div class="value"><cx-typography variant="small">${fe[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>
1622
1637
  /
1623
1638
  <cx-format-bytes .value=${this.settings.cacheSize}></cx-format-bytes></cx-typography></cx-line-clamp>${p(s, () => n`<cx-icon class="cache-usage__warning-icon" name="warning" variant="filled"></cx-icon>`)}</cx-space></cx-tooltip></div>${p(this.assetIndexSyncStatus === "error", () => t)}</div>`;
1624
1639
  }
@@ -1628,10 +1643,10 @@ let r = class extends H {
1628
1643
  K(e) || (this.validConnectionUrl = !1);
1629
1644
  }
1630
1645
  renderWelcomeView() {
1631
- 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({
1646
+ 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({
1632
1647
  "welcome__connect-button": !0,
1633
1648
  "welcome__connect-button--disabled": !this.siteUrl.trim() || !this.validConnectionUrl
1634
- })} ?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({
1649
+ })} ?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({
1635
1650
  "welcome__cancel-connection-button": !0
1636
1651
  })} ?disabled=${!this.isConnecting} @click=${this.cancelConnection}>${this.localize.term("cancel")}</cx-button><cx-typography class="error-message" variant="body3">${p(
1637
1652
  this.connectError,
@@ -1646,7 +1661,7 @@ let r = class extends H {
1646
1661
  return n`<div class="loading-overlay"><cx-spinner></cx-spinner></div>`;
1647
1662
  }
1648
1663
  render() {
1649
- return n`<div class=${C({
1664
+ return n`<div class=${w({
1650
1665
  container: !0,
1651
1666
  "container--connected": this.connectionEstablished,
1652
1667
  "container--user-interaction-blocked": this.userInteractionBlocked
@@ -1655,30 +1670,30 @@ let r = class extends H {
1655
1670
  }
1656
1671
  // #endregion
1657
1672
  };
1658
- r.styles = Je;
1673
+ r.styles = Qe;
1659
1674
  r.dependencies = {
1660
- "cx-avatar": Vt,
1661
- "cx-button": Ht,
1662
- "cx-confirm-popover": te,
1663
- "cx-dialog": Wt,
1664
- "cx-divider": qt,
1675
+ "cx-avatar": Ht,
1676
+ "cx-button": Wt,
1677
+ "cx-confirm-popover": ee,
1678
+ "cx-dialog": qt,
1679
+ "cx-divider": Gt,
1665
1680
  "cx-file-on-demand-asset": L,
1666
1681
  "cx-folder-tree": b,
1667
1682
  "cx-format-bytes": nt,
1668
1683
  "cx-icon": J,
1669
- "cx-icon-button": At,
1670
- "cx-input": Gt,
1684
+ "cx-icon-button": Dt,
1685
+ "cx-input": Yt,
1671
1686
  "cx-line-clamp": Q,
1672
- "cx-option": Yt,
1673
- "cx-relative-time": Dt,
1674
- "cx-select": Kt,
1675
- "cx-space": Xt,
1676
- "cx-tab": Zt,
1677
- "cx-tab-group": Jt,
1678
- "cx-tab-panel": Qt,
1679
- "cx-tooltip": Tt,
1680
- "cx-tree": St,
1681
- "cx-tree-item": bt,
1687
+ "cx-option": Kt,
1688
+ "cx-relative-time": Tt,
1689
+ "cx-select": Xt,
1690
+ "cx-space": Zt,
1691
+ "cx-tab": Jt,
1692
+ "cx-tab-group": Qt,
1693
+ "cx-tab-panel": te,
1694
+ "cx-tooltip": Pt,
1695
+ "cx-tree": It,
1696
+ "cx-tree-item": $t,
1682
1697
  "cx-typography": rt
1683
1698
  };
1684
1699
  l([
@@ -1938,7 +1953,7 @@ l([
1938
1953
  ], r.prototype, "searchText", 2);
1939
1954
  l([
1940
1955
  P(["searchText"]),
1941
- ee(200)
1956
+ se(200)
1942
1957
  ], r.prototype, "onSearch", 1);
1943
1958
  l([
1944
1959
  P("cacheLocation")
@@ -1948,12 +1963,12 @@ r = l([
1948
1963
  ], r);
1949
1964
  export {
1950
1965
  r as C,
1951
- He as a,
1952
- je as b,
1953
- Me as c,
1954
- vt as d,
1955
- We as e,
1956
- qe as i,
1957
- Ee as o,
1958
- Ne as s
1966
+ We as a,
1967
+ Be as b,
1968
+ Ve as c,
1969
+ yt as d,
1970
+ qe as e,
1971
+ Ge as i,
1972
+ Le as o,
1973
+ je as s
1959
1974
  };