@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.
- package/library/chunks/{asset.B3vySOI-.js → asset.CKtT9q4k.js} +1 -1
- package/library/chunks/{button.CAa1kvwe.js → button.DfRnA70F.js} +1 -1
- package/library/chunks/{color-swatch-group.ChcPlkPU.js → color-swatch-group.Cfn8EGfK.js} +3 -3
- package/library/chunks/{color-swatch.DJ1kUnBQ.js → color-swatch.BUwHT5Cx.js} +1 -1
- package/library/chunks/{confirm-popover.D4x0nO5g.js → confirm-popover.BMGnWZnC.js} +3 -3
- package/library/chunks/{dialog.BLaxLMSc.js → dialog._xvAZqaE.js} +2 -2
- package/library/chunks/{dot-pagination.-nDdQxJN.js → dot-pagination.BzsMmgef.js} +1 -1
- package/library/chunks/{file-on-demand.AzwoUvwB.js → file-on-demand.CIjtKP0H.js} +213 -198
- package/library/chunks/{folder-select.XpkOFzAW.js → folder-select.D4Ft0qRc.js} +3 -3
- package/library/chunks/{header.BZxyeLPK.js → header.B5C9hZiO.js} +1 -1
- package/library/chunks/{i18n.BABe9hN4.js → i18n.DK1uYlJT.js} +1 -0
- package/library/chunks/{icon-button.C2s3pHG4.js → icon-button.CN0NGNQx.js} +1 -1
- package/library/chunks/{iframe.DPccxsnE.js → iframe.BsLEwsvI.js} +1 -1
- package/library/chunks/{image.Cc4V85ID.js → image.BnB-fJ8g.js} +1 -1
- package/library/chunks/{list-editor.pVYc_70c.js → list-editor.B_mnvgtZ.js} +8 -8
- package/library/chunks/{option.DGXQzdtb.js → option.B7SoEb_q.js} +1 -1
- package/library/chunks/{pagination.DZqKSA86.js → pagination.Bi-8gmcy.js} +4 -4
- package/library/chunks/{tab-group.BhCf9Smq.js → tab-group.DpyBG0JQ.js} +3 -3
- package/library/chunks/{table.V5PGGTfO.js → table.D4HIzy47.js} +4 -4
- package/library/chunks/{tree.DZa7k-4E.js → tree.Hh8WCK7l.js} +1 -1
- package/library/components/alert.js +2 -2
- package/library/components/asset-link-format.js +5 -5
- package/library/components/atoms.js +12 -12
- package/library/components/border-input-group.js +1 -1
- package/library/components/breadcrumb.js +1 -1
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +2 -2
- package/library/components/color-swatch-group.js +4 -4
- package/library/components/color-swatch.js +2 -2
- package/library/components/confirm-popover.js +4 -4
- package/library/components/copy-button.js +1 -1
- package/library/components/corner-position-input-group.js +2 -2
- package/library/components/details.js +23 -19
- package/library/components/dialog.js +3 -3
- package/library/components/dot-pagination.js +2 -2
- package/library/components/drawer.js +2 -2
- package/library/components/dropdown.js +1 -1
- package/library/components/dynamic-select.js +4 -4
- package/library/components/e-chart.js +1 -1
- package/library/components/element-clamp.js +2 -2
- package/library/components/file-on-demand.js +9 -9
- package/library/components/folder-select.js +3 -3
- package/library/components/format-bytes.js +1 -1
- package/library/components/format-date.js +1 -1
- package/library/components/format-number.js +1 -1
- package/library/components/format-time.js +1 -1
- package/library/components/header.js +2 -2
- package/library/components/icon-button.js +2 -2
- package/library/components/iframe.js +2 -2
- package/library/components/image-comparer.js +1 -1
- package/library/components/image.js +2 -2
- package/library/components/input.js +1 -1
- package/library/components/line-clamp.js +1 -1
- package/library/components/list-editor.js +6 -6
- package/library/components/masonry.js +2 -2
- package/library/components/menu-item.js +1 -1
- package/library/components/menu.js +1 -1
- package/library/components/molecules.js +4 -4
- package/library/components/option.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +5 -5
- package/library/components/popup.js +1 -1
- package/library/components/position-picker.js +1 -1
- package/library/components/progress-bar.js +1 -1
- package/library/components/progress-ring.js +1 -1
- package/library/components/range.js +1 -1
- package/library/components/rating.js +1 -1
- package/library/components/relative-time.js +1 -1
- package/library/components/select.js +2 -2
- package/library/components/share-option-list.js +1 -1
- package/library/components/sidebar.js +1 -1
- package/library/components/size-input-group.js +2 -2
- package/library/components/spinner.js +1 -1
- package/library/components/split-panel.js +1 -1
- package/library/components/tab-group.js +4 -4
- package/library/components/tab.js +2 -2
- package/library/components/table.js +5 -5
- package/library/components/tag.js +2 -2
- package/library/components/tooltip.js +1 -1
- package/library/components/tree-item.js +2 -2
- package/library/components/tree.js +2 -2
- package/library/components/typeface.js +2 -2
- package/library/components/types.js +12854 -12853
- package/library/components/video.js +2 -2
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/details/details.d.ts +3 -1
- package/library/packages/molecules/src/download-format-picker/download-format-picker.d.ts +3 -2
- package/library/packages/organisms/src/content-builder/styleController.d.ts +1 -1
- package/library/packages/organisms/src/file-on-demand/file-on-demand.constants.d.ts +1 -0
- package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts +1 -0
- package/library/packages/types/src/content-builder.d.ts +2 -1
- package/library/packages/types/src/download-format-picker.d.ts +7 -0
- package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
- package/library/react-web-component.d.ts +5 -1
- package/library/utils.js +1 -1
- 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
|
|
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.
|
|
8
|
-
import { k as
|
|
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
|
|
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
|
|
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
|
|
17
|
-
import
|
|
18
|
-
import { C as
|
|
19
|
-
import { C as
|
|
20
|
-
import
|
|
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
|
|
23
|
-
import
|
|
24
|
-
import { C as
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import { C as
|
|
30
|
-
import
|
|
31
|
-
import
|
|
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
|
|
34
|
-
import { d as
|
|
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
|
|
38
|
-
import { S as ut, i as
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import { o as
|
|
42
|
-
import { r as
|
|
43
|
-
function
|
|
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
|
|
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
|
|
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 (!
|
|
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
|
|
76
|
-
function
|
|
77
|
-
return
|
|
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
|
|
81
|
+
function me(t, e) {
|
|
82
82
|
return function(i, a) {
|
|
83
|
-
var s = wt(i) ?
|
|
84
|
-
return s(i, t,
|
|
83
|
+
var s = wt(i) ? le : xe, o = e ? e() : {};
|
|
84
|
+
return s(i, t, Mt(a), o);
|
|
85
85
|
};
|
|
86
86
|
}
|
|
87
|
-
var
|
|
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
|
|
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,
|
|
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,
|
|
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
|
|
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
|
-
},
|
|
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
|
-
},
|
|
135
|
+
}, $e = 10, zt = async ({
|
|
136
136
|
excludes: t = [],
|
|
137
137
|
folderId: e,
|
|
138
138
|
folderPath: i = [],
|
|
139
139
|
folderPathsSet: a,
|
|
140
|
-
limit: s =
|
|
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 $ =
|
|
151
|
+
const $ = ve.GET_CONTENT, f = [
|
|
152
152
|
["Token", m],
|
|
153
153
|
[
|
|
154
154
|
"extraFilters",
|
|
155
|
-
|
|
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(([
|
|
173
|
-
F.searchParams.append(
|
|
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
|
|
183
|
-
throw
|
|
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 =
|
|
188
|
-
const ct = G.contentItems?.map((
|
|
187
|
+
a && (Y = Ce(a));
|
|
188
|
+
const ct = G.contentItems?.map((C) => {
|
|
189
189
|
let E = M(
|
|
190
|
-
|
|
190
|
+
C.fields,
|
|
191
191
|
A.TITLE_WITH_FALLBACK
|
|
192
|
-
) ?? "", B =
|
|
192
|
+
) ?? "", B = Ie(
|
|
193
193
|
(M(
|
|
194
|
-
|
|
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("/"),
|
|
201
|
-
B = `${lt.join("/")}/${
|
|
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
|
-
|
|
208
|
+
C.fields,
|
|
209
209
|
A.CHILD_COUNT
|
|
210
210
|
) ?? 0
|
|
211
211
|
),
|
|
212
212
|
children: [],
|
|
213
213
|
docType: M(
|
|
214
|
-
|
|
214
|
+
C.fields,
|
|
215
215
|
A.DOC_TYPE
|
|
216
216
|
) ?? "",
|
|
217
217
|
fullPath: B,
|
|
218
218
|
hasChildren: M(
|
|
219
|
-
|
|
219
|
+
C.fields,
|
|
220
220
|
A.HAS_BROWSER_CHILDREN
|
|
221
221
|
) === "1",
|
|
222
|
-
id:
|
|
222
|
+
id: C.recordID,
|
|
223
223
|
parentFolderIdentifier: M(
|
|
224
|
-
|
|
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),
|
|
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
|
-
},
|
|
246
|
+
}, mt = (t) => {
|
|
247
247
|
const e = t.match(/(?:V\.?)?(\d+(?:\.\d+)*)/);
|
|
248
248
|
return e ? e[1] : "";
|
|
249
|
-
},
|
|
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
|
-
},
|
|
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
|
|
264
|
+
function ft(t) {
|
|
265
265
|
return t.toSorted((e, i) => i.uploadTimestamp - e.uploadTimestamp);
|
|
266
266
|
}
|
|
267
|
-
var
|
|
268
|
-
for (var s = a > 1 ? void 0 : a ?
|
|
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 &&
|
|
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
|
|
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 ? (
|
|
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 =
|
|
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 =
|
|
383
|
-
return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${
|
|
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":
|
|
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
|
|
457
|
-
var
|
|
458
|
-
for (var s = a > 1 ? void 0 : a ?
|
|
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 &&
|
|
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=${
|
|
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,
|
|
528
|
+
b.styles = [tt, Te];
|
|
529
529
|
b.dependencies = {
|
|
530
530
|
"cx-folder-item": y,
|
|
531
|
-
"cx-tree":
|
|
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
|
|
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
|
|
592
|
-
function
|
|
593
|
-
return e =
|
|
594
|
-
for (var a = arguments, s = -1, 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),
|
|
599
|
+
return h[e] = i(c), Ee(t, this, h);
|
|
600
600
|
};
|
|
601
601
|
}
|
|
602
|
-
function
|
|
602
|
+
function Fe(t) {
|
|
603
603
|
return function() {
|
|
604
604
|
return t;
|
|
605
605
|
};
|
|
606
606
|
}
|
|
607
|
-
var
|
|
607
|
+
var yt = function() {
|
|
608
608
|
try {
|
|
609
|
-
var t =
|
|
609
|
+
var t = Ft(Object, "defineProperty");
|
|
610
610
|
return t({}, "", {}), t;
|
|
611
611
|
} catch {
|
|
612
612
|
}
|
|
613
|
-
}(),
|
|
614
|
-
return
|
|
613
|
+
}(), Ue = yt ? function(t, e) {
|
|
614
|
+
return yt(t, "toString", {
|
|
615
615
|
configurable: !0,
|
|
616
616
|
enumerable: !1,
|
|
617
|
-
value:
|
|
617
|
+
value: Fe(e),
|
|
618
618
|
writable: !0
|
|
619
619
|
});
|
|
620
|
-
} :
|
|
621
|
-
function
|
|
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 =
|
|
624
|
+
var a = Oe(), s = ke - (a - i);
|
|
625
625
|
if (i = a, s > 0) {
|
|
626
|
-
if (++e >=
|
|
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
|
|
634
|
-
function
|
|
635
|
-
return
|
|
633
|
+
var je = Ne(Ue);
|
|
634
|
+
function Be(t, e) {
|
|
635
|
+
return je(Le(t, e, At), t + "");
|
|
636
636
|
}
|
|
637
|
-
var
|
|
638
|
-
function
|
|
639
|
-
var s = -1, o =
|
|
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 =
|
|
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
|
|
656
|
-
function
|
|
657
|
-
return wt(t) ||
|
|
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
|
|
659
|
+
function We(t, e, i, a, s) {
|
|
660
660
|
var o = -1, c = t.length;
|
|
661
|
-
for (i || (i =
|
|
661
|
+
for (i || (i = He), s || (s = []); ++o < c; ) {
|
|
662
662
|
var h = t[o];
|
|
663
|
-
i(h) ?
|
|
663
|
+
i(h) ? Nt(s, h) : a || (s[s.length] = h);
|
|
664
664
|
}
|
|
665
665
|
return s;
|
|
666
666
|
}
|
|
667
|
-
function
|
|
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] =
|
|
674
|
-
return ht(
|
|
673
|
+
h != s && (o[s] = Ve(o[s] || c, t[h], e, i));
|
|
674
|
+
return ht(We(o), e, i);
|
|
675
675
|
}
|
|
676
|
-
function
|
|
677
|
-
return
|
|
676
|
+
function Ge(t) {
|
|
677
|
+
return ae(t) && Ct(t);
|
|
678
678
|
}
|
|
679
|
-
var it =
|
|
680
|
-
return
|
|
681
|
-
}), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}),
|
|
682
|
-
for (var s = a > 1 ? void 0 : a ?
|
|
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 &&
|
|
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">${
|
|
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
|
|
771
|
-
var
|
|
772
|
-
for (var s = a > 1 ? void 0 : a ?
|
|
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 &&
|
|
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
|
|
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=${
|
|
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=${
|
|
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">${
|
|
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=${
|
|
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,
|
|
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":
|
|
1019
|
+
"cx-icon-button": Dt,
|
|
1020
1020
|
"cx-line-clamp": Q,
|
|
1021
|
-
"cx-progress-bar":
|
|
1022
|
-
"cx-relative-time":
|
|
1023
|
-
"cx-spinner":
|
|
1024
|
-
"cx-tooltip":
|
|
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
|
|
1063
|
-
var
|
|
1064
|
-
for (var s = a > 1 ? void 0 : a ?
|
|
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 &&
|
|
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
|
|
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 ?? "") &&
|
|
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] =
|
|
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=${
|
|
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=${
|
|
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 =
|
|
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] =
|
|
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=${
|
|
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
|
|
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=${
|
|
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
|
|
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 =
|
|
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
|
|
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=${
|
|
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
|
-
${
|
|
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
|
-
|
|
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 (
|
|
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=${
|
|
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=${
|
|
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">${
|
|
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=${
|
|
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=${
|
|
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=${
|
|
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 =
|
|
1673
|
+
r.styles = Qe;
|
|
1659
1674
|
r.dependencies = {
|
|
1660
|
-
"cx-avatar":
|
|
1661
|
-
"cx-button":
|
|
1662
|
-
"cx-confirm-popover":
|
|
1663
|
-
"cx-dialog":
|
|
1664
|
-
"cx-divider":
|
|
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":
|
|
1670
|
-
"cx-input":
|
|
1684
|
+
"cx-icon-button": Dt,
|
|
1685
|
+
"cx-input": Yt,
|
|
1671
1686
|
"cx-line-clamp": Q,
|
|
1672
|
-
"cx-option":
|
|
1673
|
-
"cx-relative-time":
|
|
1674
|
-
"cx-select":
|
|
1675
|
-
"cx-space":
|
|
1676
|
-
"cx-tab":
|
|
1677
|
-
"cx-tab-group":
|
|
1678
|
-
"cx-tab-panel":
|
|
1679
|
-
"cx-tooltip":
|
|
1680
|
-
"cx-tree":
|
|
1681
|
-
"cx-tree-item":
|
|
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
|
-
|
|
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
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
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
|
};
|