@templatical/editor 0.6.7 → 0.7.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/README.md +26 -1
- package/dist/{AccessibilityPanel-B2MT0M58.js → AccessibilityPanel-D-PqmHdH.js} +2 -2
- package/dist/{AiChatSidebar-w5ek3Z76.js → AiChatSidebar-BwLECwsO.js} +1 -1
- package/dist/{AiFeatureMenu-ChlAWywJ.js → AiFeatureMenu-CVHKharv.js} +3 -3
- package/dist/{BlockA11yBadge-C0S6kPC4.js → BlockA11yBadge-BFIw0h1m.js} +2 -2
- package/dist/{CloudEditor-DYYaScFe.js → CloudEditor-DdZatjUe.js} +30 -21
- package/dist/{CollaboratorBar-Bo8vtPId.js → CollaboratorBar-VZKOv_Zn.js} +2 -2
- package/dist/{CommentsSidebar-BQROg36f.js → CommentsSidebar-BiRtaXYD.js} +3 -3
- package/dist/{CountdownBlock-Bxqe7zwL.js → CountdownBlock-Cq8A8WrM.js} +1 -1
- package/dist/{CountdownToolbar-CpFAnjSo.js → CountdownToolbar-CojjlZet.js} +2 -2
- package/dist/{DesignReferenceSidebar-CfqpcWX6.js → DesignReferenceSidebar-Ci9HIGbf.js} +2 -2
- package/dist/ModuleBrowserModal-D7IYx1Nh.js +206 -0
- package/dist/{ModulePreviewCanvas-Cw9GeGus.js → ModulePreviewCanvas-I-uMcK5G.js} +2 -2
- package/dist/{NumberWithSuffix-Dw8dN1Pt.js → NumberWithSuffix-CLTBb2Rj.js} +1 -1
- package/dist/{ParagraphEditor-DjDiUzmv.js → ParagraphEditor-BRQTNDFO.js} +156 -151
- package/dist/{RichTextEditorContent-CK3Om7ES.js → RichTextEditorContent-C3QSg7gd.js} +32 -28
- package/dist/{SaveModuleDialog-CSUPmfRP.js → SaveModuleDialog-DGGGNZfm.js} +6 -6
- package/dist/{SnapshotHistory-DwX2fj6N.js → SnapshotHistory-C97Iw6xw.js} +3 -3
- package/dist/{TemplateScoringPanel-BIAeCAEP.js → TemplateScoringPanel-V79yrEPC.js} +3 -3
- package/dist/{TestEmailModal-CIlBvWWn.js → TestEmailModal-B7S8H-VG.js} +3 -3
- package/dist/{TitleEditor-BCV5k6wj.js → TitleEditor-DhFTYzrw.js} +65 -60
- package/dist/{TplModal-C3Hq9b58.js → TplModal-BgABm6ju.js} +21 -17
- package/dist/{blockTypeIcons-iUurP50H.js → blockTypeIcons-BSf-3RJ-.js} +1 -1
- package/dist/bundle-stats.json +7 -7
- package/dist/cdn/chunks/{AccessibilityPanel-DnNB30b0.js → AccessibilityPanel-kgNBRaZV.js} +28 -28
- package/dist/cdn/chunks/{AccessibilityPanel-DnNB30b0.js.map → AccessibilityPanel-kgNBRaZV.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-BKBh_ueF.js → AiFeatureMenu-CRkzwdMg.js} +15 -15
- package/dist/cdn/chunks/{AiFeatureMenu-BKBh_ueF.js.map → AiFeatureMenu-CRkzwdMg.js.map} +1 -1
- package/dist/cdn/chunks/{BlockA11yBadge-CnBu14Fj.js → BlockA11yBadge-BfuH2Hrg.js} +9 -9
- package/dist/cdn/chunks/{BlockA11yBadge-CnBu14Fj.js.map → BlockA11yBadge-BfuH2Hrg.js.map} +1 -1
- package/dist/cdn/chunks/{CloudEditor-CmR17piA.js → CloudEditor-h5JXI8WQ.js} +252 -243
- package/dist/cdn/chunks/CloudEditor-h5JXI8WQ.js.map +1 -0
- package/dist/cdn/chunks/{CollaboratorBar-BejZaFtY.js → CollaboratorBar-CMl3lAZU.js} +15 -15
- package/dist/cdn/chunks/{CollaboratorBar-BejZaFtY.js.map → CollaboratorBar-CMl3lAZU.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownBlock-CjvUEHhE.js → CountdownBlock-D1RoaOgF.js} +18 -18
- package/dist/cdn/chunks/{CountdownBlock-CjvUEHhE.js.map → CountdownBlock-D1RoaOgF.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-Caokkqsg.js → CountdownToolbar-DltwuOer.js} +42 -42
- package/dist/cdn/chunks/{CountdownToolbar-Caokkqsg.js.map → CountdownToolbar-DltwuOer.js.map} +1 -1
- package/dist/cdn/chunks/{ModuleBrowserModal-Tb9a7L-K.js → ModuleBrowserModal-3uu2mXR9.js} +36 -36
- package/dist/cdn/chunks/{ModuleBrowserModal-Tb9a7L-K.js.map → ModuleBrowserModal-3uu2mXR9.js.map} +1 -1
- package/dist/cdn/chunks/{ModulePreviewCanvas-JWIEv5oS.js → ModulePreviewCanvas-K9CQFr7p.js} +37 -37
- package/dist/cdn/chunks/{ModulePreviewCanvas-JWIEv5oS.js.map → ModulePreviewCanvas-K9CQFr7p.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-DrV8eumz.js → NumberWithSuffix-BIFgtqGs.js} +74 -74
- package/dist/cdn/chunks/{NumberWithSuffix-DrV8eumz.js.map → NumberWithSuffix-BIFgtqGs.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-CSfShBAO.js → ParagraphEditor-DlpZX_x4.js} +180 -176
- package/dist/cdn/chunks/ParagraphEditor-DlpZX_x4.js.map +1 -0
- package/dist/cdn/chunks/{RichTextEditorContent-DgqZzl8n.js → RichTextEditorContent-CPGT8h-O.js} +40 -37
- package/dist/cdn/chunks/RichTextEditorContent-CPGT8h-O.js.map +1 -0
- package/dist/cdn/chunks/{SaveModuleDialog-CxTwrIgx.js → SaveModuleDialog-_uaJscj1.js} +24 -24
- package/dist/cdn/chunks/{SaveModuleDialog-CxTwrIgx.js.map → SaveModuleDialog-_uaJscj1.js.map} +1 -1
- package/dist/cdn/chunks/TitleEditor-Kerz6US8.js +175 -0
- package/dist/cdn/chunks/TitleEditor-Kerz6US8.js.map +1 -0
- package/dist/cdn/chunks/{blockTypeIcons-DMt-2qR6.js → blockTypeIcons-BeOhGtoo.js} +7 -7
- package/dist/cdn/chunks/{blockTypeIcons-DMt-2qR6.js.map → blockTypeIcons-BeOhGtoo.js.map} +1 -1
- package/dist/cdn/chunks/{draggable-CNhyCGIO.js → draggable-P6QWzy4g.js} +1182 -1171
- package/dist/cdn/chunks/{draggable-CNhyCGIO.js.map → draggable-P6QWzy4g.js.map} +1 -1
- package/dist/cdn/chunks/{extensions-CUvwrffu.js → extensions-BZYkPlKr.js} +107 -108
- package/dist/cdn/chunks/extensions-BZYkPlKr.js.map +1 -0
- package/dist/cdn/chunks/{features-U3nzKc-R.js → features-DzIN-Nua.js} +925 -896
- package/dist/cdn/chunks/features-DzIN-Nua.js.map +1 -0
- package/dist/cdn/chunks/{icons-QcjADKIW.js → icons-Nvr6w13E.js} +2 -2
- package/dist/cdn/chunks/{icons-QcjADKIW.js.map → icons-Nvr6w13E.js.map} +1 -1
- package/dist/cdn/chunks/{media-library-Zcd_GInj.js → media-library-BzT7BoGU.js} +1189 -1183
- package/dist/cdn/chunks/media-library-BzT7BoGU.js.map +1 -0
- package/dist/cdn/chunks/{quality-8eo6DM3p.js → quality-C328caFm.js} +45 -45
- package/dist/cdn/chunks/{quality-8eo6DM3p.js.map → quality-C328caFm.js.map} +1 -1
- package/dist/cdn/chunks/{renderer-eHJyPiJH.js → renderer-DYpHh_uV.js} +20 -20
- package/dist/cdn/chunks/{renderer-eHJyPiJH.js.map → renderer-DYpHh_uV.js.map} +1 -1
- package/dist/cdn/chunks/{src-CthVYW_o.js → src-DKNTQJVO.js} +144 -144
- package/dist/cdn/chunks/{src-CthVYW_o.js.map → src-DKNTQJVO.js.map} +1 -1
- package/dist/cdn/chunks/{styles-CV5w3kjq.js → styles-DaTht5d7.js} +924 -899
- package/dist/cdn/chunks/styles-DaTht5d7.js.map +1 -0
- package/dist/cdn/chunks/{tiptap-IyIsncxY.js → tiptap-BwTCLVWl.js} +7 -7
- package/dist/cdn/chunks/{tiptap-IyIsncxY.js.map → tiptap-BwTCLVWl.js.map} +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +197 -146
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{extensions-BF39Siqk.js → extensions-D-J02CiP.js} +50 -51
- package/dist/index.d.ts +56 -11
- package/dist/{keys-Bqs_0du9.js → keys-B5SJtPWf.js} +3 -3
- package/dist/style.css +1 -1
- package/dist/{styles-BgmKdc2x.js → styles-D_fEz49o.js} +497 -472
- package/dist/templatical-editor.js +182 -131
- package/dist/{useCloudI18n-CL_AwWwi.js → useCloudI18n-ByEMykjO.js} +1 -1
- package/dist/{useEditorCore-CnXrv71D.js → useEditorCore-uCU9Ny0M.js} +637 -619
- package/dist/{useI18n-CgmQftNf.js → useI18n-PEB8ioi_.js} +1 -1
- package/dist/{useMergeTag-vpwrZ9eQ.js → useMergeTag-C47xwU7X.js} +2 -2
- package/dist/usePopoverRoot-BxJrqnMD.js +8 -0
- package/package.json +7 -7
- package/dist/ModuleBrowserModal-CKhsaPnA.js +0 -206
- package/dist/cdn/chunks/CloudEditor-CmR17piA.js.map +0 -1
- package/dist/cdn/chunks/ParagraphEditor-CSfShBAO.js.map +0 -1
- package/dist/cdn/chunks/RichTextEditorContent-DgqZzl8n.js.map +0 -1
- package/dist/cdn/chunks/TitleEditor-DlqV7ODD.js +0 -171
- package/dist/cdn/chunks/TitleEditor-DlqV7ODD.js.map +0 -1
- package/dist/cdn/chunks/extensions-CUvwrffu.js.map +0 -1
- package/dist/cdn/chunks/features-U3nzKc-R.js.map +0 -1
- package/dist/cdn/chunks/media-library-Zcd_GInj.js.map +0 -1
- package/dist/cdn/chunks/styles-CV5w3kjq.js.map +0 -1
- /package/dist/{de-DcVOh9Fp.js → de-BhIWu_bO.js} +0 -0
- /package/dist/{de-DCaaCE5s.js → de-Di4MEjjx.js} +0 -0
- /package/dist/{emojiData-PQyVa4bU.js → emojiData-DX3E0XT-.js} +0 -0
- /package/dist/{en-DXCyK4-X.js → en-BSuzi-Pd.js} +0 -0
- /package/dist/{en-TZVJ_f6v.js → en-D7HRbYah.js} +0 -0
- /package/dist/{pt-BR-Vq7D7c11.js → pt-BR-CCVBRais.js} +0 -0
- /package/dist/{pt-BR-BMGasLBa.js → pt-BR-K32lt6YP.js} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o,
|
|
2
|
-
import {
|
|
3
|
-
import { A as
|
|
4
|
-
import { a as
|
|
1
|
+
import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o, ct as s, f as c, g as l, h as u, it as d, l as ee, m as f, n as p, ot as te, p as m, r as h, st as g, u as _, v, x as y, y as b } from "./draggable-P6QWzy4g.js";
|
|
2
|
+
import { Ct as x, T as S, k as C, kt as ne } from "./features-DzIN-Nua.js";
|
|
3
|
+
import { A as re, B as ie, R as ae, W as oe, b as se } from "./icons-Nvr6w13E.js";
|
|
4
|
+
import { a as ce, c as le, d as ue, f as de, h as fe, i as w, l as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./media-library-BzT7BoGU.js";
|
|
5
5
|
//#region ../media-library/src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
|
|
6
6
|
var N = {
|
|
7
7
|
class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
|
|
@@ -66,7 +66,7 @@ var N = {
|
|
|
66
66
|
}, We = {
|
|
67
67
|
key: 1,
|
|
68
68
|
class: "tpl:relative"
|
|
69
|
-
}, Ge = { class: "tpl:flex tpl:items-center tpl:gap-2" }, H = ["disabled"], U = /* @__PURE__ */
|
|
69
|
+
}, Ge = { class: "tpl:flex tpl:items-center tpl:gap-2" }, H = ["disabled"], U = /* @__PURE__ */ y({
|
|
70
70
|
__name: "MediaLibrary",
|
|
71
71
|
props: {
|
|
72
72
|
authManager: {},
|
|
@@ -78,27 +78,27 @@ var N = {
|
|
|
78
78
|
},
|
|
79
79
|
emits: ["ready"],
|
|
80
80
|
setup(t, { emit: h }) {
|
|
81
|
-
let
|
|
82
|
-
r("translations",
|
|
83
|
-
config: o(
|
|
81
|
+
let y = t, S = h, C = c(() => y.translations);
|
|
82
|
+
r("translations", y.translations), r("authManager", y.authManager), r("projectId", c(() => y.projectId)), r("planConfig", {
|
|
83
|
+
config: o(y.planConfig),
|
|
84
84
|
isLoading: o(!1),
|
|
85
|
-
hasFeature: (e) =>
|
|
86
|
-
features: c(() =>
|
|
85
|
+
hasFeature: (e) => y.planConfig.features[e] ?? !1,
|
|
86
|
+
features: c(() => y.planConfig.features),
|
|
87
87
|
fetchConfig: async () => {}
|
|
88
88
|
});
|
|
89
|
-
let j = c(() =>
|
|
90
|
-
projectId:
|
|
91
|
-
authManager:
|
|
92
|
-
onError:
|
|
89
|
+
let j = c(() => y.planConfig.features.media_folders ?? !1), U = c(() => y.planConfig.features.import_from_url ?? !1), W = c(() => y.planConfig.storage.used_bytes ?? 0), G = c(() => y.planConfig.storage.limit_bytes ?? 0), { availableCategories: K } = de(), q = fe({
|
|
90
|
+
projectId: y.projectId,
|
|
91
|
+
authManager: y.authManager,
|
|
92
|
+
onError: y.onError
|
|
93
93
|
}), J = E({
|
|
94
94
|
library: q,
|
|
95
95
|
canUseMediaFolders: j,
|
|
96
|
-
translations:
|
|
96
|
+
translations: C
|
|
97
97
|
});
|
|
98
98
|
function Y() {
|
|
99
99
|
if (!q.previewItem.value) return;
|
|
100
100
|
let e = q.previewItem.value;
|
|
101
|
-
|
|
101
|
+
y.onSelect?.({
|
|
102
102
|
...e,
|
|
103
103
|
url: J.selectedUrl.value || e.url
|
|
104
104
|
});
|
|
@@ -106,12 +106,12 @@ var N = {
|
|
|
106
106
|
return e(() => {
|
|
107
107
|
q.loadItems(), q.loadFrequentlyUsed(), S("ready");
|
|
108
108
|
}), (e, r) => (n(), l("div", N, [
|
|
109
|
-
m("div", P, [m("h2", F,
|
|
109
|
+
m("div", P, [m("h2", F, s(C.value.mediaLibrary.title), 1), m("div", I, [b(k, {
|
|
110
110
|
"used-bytes": W.value,
|
|
111
111
|
"limit-bytes": G.value,
|
|
112
112
|
size: 22
|
|
113
113
|
}, null, 8, ["used-bytes", "limit-bytes"]), m("div", L, [m("input", {
|
|
114
|
-
value:
|
|
114
|
+
value: d(J).searchInput.value,
|
|
115
115
|
type: "text",
|
|
116
116
|
class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
|
|
117
117
|
style: {
|
|
@@ -119,15 +119,15 @@ var N = {
|
|
|
119
119
|
"background-color": "var(--tpl-bg)",
|
|
120
120
|
color: "var(--tpl-text)"
|
|
121
121
|
},
|
|
122
|
-
placeholder:
|
|
123
|
-
onInput: r[0] ||= (e) =>
|
|
124
|
-
}, null, 40, R),
|
|
122
|
+
placeholder: C.value.mediaLibrary.searchPlaceholder,
|
|
123
|
+
onInput: r[0] ||= (e) => d(J).handleSearchInput(e.target.value)
|
|
124
|
+
}, null, 40, R), b(d(se), {
|
|
125
125
|
class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
|
|
126
126
|
size: 13,
|
|
127
127
|
"stroke-width": 2,
|
|
128
128
|
style: { color: "var(--tpl-text-dim)" }
|
|
129
129
|
})])])]),
|
|
130
|
-
m("div", z, [
|
|
130
|
+
m("div", z, [b(p, {
|
|
131
131
|
"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
|
|
132
132
|
"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
|
|
133
133
|
"enter-to-class": "tpl:ml-0 tpl:opacity-100",
|
|
@@ -135,16 +135,16 @@ var N = {
|
|
|
135
135
|
"leave-from-class": "tpl:ml-0 tpl:opacity-100",
|
|
136
136
|
"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
|
|
137
137
|
}, {
|
|
138
|
-
default: a(() => [j.value &&
|
|
139
|
-
folders:
|
|
140
|
-
"current-folder-id":
|
|
141
|
-
"view-mode":
|
|
142
|
-
"has-frequently-used":
|
|
143
|
-
onNavigate:
|
|
144
|
-
onCreateFolder:
|
|
145
|
-
onRenameFolder:
|
|
146
|
-
onDeleteFolder:
|
|
147
|
-
onShowFrequentlyUsed:
|
|
138
|
+
default: a(() => [j.value && d(J).showSidebar.value ? (n(), l("div", B, [b(M, {
|
|
139
|
+
folders: d(q).folders.value,
|
|
140
|
+
"current-folder-id": d(q).currentFolderId.value,
|
|
141
|
+
"view-mode": d(q).viewMode.value,
|
|
142
|
+
"has-frequently-used": d(J).hasFrequentlyUsed.value,
|
|
143
|
+
onNavigate: d(q).navigateToFolder,
|
|
144
|
+
onCreateFolder: d(J).handleCreateFolder,
|
|
145
|
+
onRenameFolder: d(J).handleRenameFolder,
|
|
146
|
+
onDeleteFolder: d(J).handleDeleteFolder,
|
|
147
|
+
onShowFrequentlyUsed: d(q).showFrequentlyUsed
|
|
148
148
|
}, null, 8, [
|
|
149
149
|
"folders",
|
|
150
150
|
"current-folder-id",
|
|
@@ -161,22 +161,22 @@ var N = {
|
|
|
161
161
|
j.value ? (n(), l("button", {
|
|
162
162
|
key: 0,
|
|
163
163
|
class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
|
|
164
|
-
style:
|
|
165
|
-
color:
|
|
166
|
-
backgroundColor:
|
|
167
|
-
border:
|
|
164
|
+
style: g({
|
|
165
|
+
color: d(J).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
|
|
166
|
+
backgroundColor: d(J).showSidebar.value ? "var(--tpl-bg)" : "transparent",
|
|
167
|
+
border: d(J).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
|
|
168
168
|
}),
|
|
169
|
-
title:
|
|
170
|
-
onClick: r[1] ||= (e) =>
|
|
171
|
-
}, [
|
|
169
|
+
title: d(J).showSidebar.value ? C.value.mediaLibrary.hideFolders : C.value.mediaLibrary.showFolders,
|
|
170
|
+
onClick: r[1] ||= (e) => d(J).showSidebar.value = !d(J).showSidebar.value
|
|
171
|
+
}, [b(d(re), {
|
|
172
172
|
size: 16,
|
|
173
173
|
"stroke-width": 2
|
|
174
174
|
})], 12, he)) : u("", !0),
|
|
175
|
-
|
|
175
|
+
d(q).viewMode.value === "frequently-used" ? (n(), l("span", ge, s(C.value.mediaLibrary.frequentlyUsed), 1)) : (n(), f(O, {
|
|
176
176
|
key: 2,
|
|
177
|
-
folders:
|
|
178
|
-
"current-folder-id":
|
|
179
|
-
onNavigate:
|
|
177
|
+
folders: d(q).folders.value,
|
|
178
|
+
"current-folder-id": d(q).currentFolderId.value,
|
|
179
|
+
onNavigate: d(q).navigateToFolder
|
|
180
180
|
}, null, 8, [
|
|
181
181
|
"folders",
|
|
182
182
|
"current-folder-id",
|
|
@@ -184,28 +184,28 @@ var N = {
|
|
|
184
184
|
])),
|
|
185
185
|
m("div", _e, [m("button", {
|
|
186
186
|
class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
|
|
187
|
-
style:
|
|
188
|
-
color:
|
|
189
|
-
backgroundColor:
|
|
187
|
+
style: g({
|
|
188
|
+
color: d(J).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
|
|
189
|
+
backgroundColor: d(J).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
|
|
190
190
|
}),
|
|
191
|
-
title:
|
|
192
|
-
onClick: r[2] ||= (e) =>
|
|
193
|
-
}, [
|
|
191
|
+
title: C.value.mediaLibrary.viewGrid,
|
|
192
|
+
onClick: r[2] ||= (e) => d(J).layoutMode.value = "grid"
|
|
193
|
+
}, [b(d(oe), {
|
|
194
194
|
size: 14,
|
|
195
195
|
"stroke-width": 2
|
|
196
196
|
})], 12, ve), m("button", {
|
|
197
197
|
class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
|
|
198
|
-
style:
|
|
199
|
-
color:
|
|
200
|
-
backgroundColor:
|
|
198
|
+
style: g({
|
|
199
|
+
color: d(J).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
|
|
200
|
+
backgroundColor: d(J).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
|
|
201
201
|
}),
|
|
202
|
-
title:
|
|
203
|
-
onClick: r[3] ||= (e) =>
|
|
204
|
-
}, [
|
|
202
|
+
title: C.value.mediaLibrary.viewList,
|
|
203
|
+
onClick: r[3] ||= (e) => d(J).layoutMode.value = "list"
|
|
204
|
+
}, [b(d(ae), {
|
|
205
205
|
size: 14,
|
|
206
206
|
"stroke-width": 2
|
|
207
207
|
})], 12, ye)])
|
|
208
|
-
]), m("div", be, [
|
|
208
|
+
]), m("div", be, [d(K).length > 1 ? (n(), l("select", {
|
|
209
209
|
key: 0,
|
|
210
210
|
class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
|
|
211
211
|
style: {
|
|
@@ -213,31 +213,31 @@ var N = {
|
|
|
213
213
|
"background-color": "var(--tpl-bg)",
|
|
214
214
|
color: "var(--tpl-text)"
|
|
215
215
|
},
|
|
216
|
-
value:
|
|
217
|
-
onChange: r[4] ||= (e) =>
|
|
218
|
-
}, [m("option", Se,
|
|
216
|
+
value: d(q).categoryFilter.value ?? "",
|
|
217
|
+
onChange: r[4] ||= (e) => d(q).filterByCategory(e.target.value || null)
|
|
218
|
+
}, [m("option", Se, s(C.value.mediaLibrary.filterAll), 1), (n(!0), l(_, null, i(d(K), (e) => (n(), l("option", {
|
|
219
219
|
key: e,
|
|
220
220
|
value: e
|
|
221
|
-
},
|
|
221
|
+
}, s(d(J).getCategoryLabel(e)), 9, Ce))), 128))], 40, xe)) : u("", !0), m("select", {
|
|
222
222
|
class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
|
|
223
223
|
style: {
|
|
224
224
|
"border-color": "var(--tpl-border)",
|
|
225
225
|
"background-color": "var(--tpl-bg)",
|
|
226
226
|
color: "var(--tpl-text)"
|
|
227
227
|
},
|
|
228
|
-
value:
|
|
229
|
-
onChange: r[5] ||= (e) =>
|
|
228
|
+
value: d(q).sortOption.value,
|
|
229
|
+
onChange: r[5] ||= (e) => d(q).sortBy(e.target.value)
|
|
230
230
|
}, [
|
|
231
|
-
m("option", Te,
|
|
232
|
-
m("option", Ee,
|
|
233
|
-
m("option", De,
|
|
234
|
-
m("option", Oe,
|
|
235
|
-
m("option", ke,
|
|
236
|
-
m("option", Ae,
|
|
237
|
-
], 40, we)])]), m("div", je, [
|
|
238
|
-
"is-uploading":
|
|
239
|
-
"upload-progress":
|
|
240
|
-
onUpload:
|
|
231
|
+
m("option", Te, s(C.value.mediaLibrary.sortNewest), 1),
|
|
232
|
+
m("option", Ee, s(C.value.mediaLibrary.sortOldest), 1),
|
|
233
|
+
m("option", De, s(C.value.mediaLibrary.sortNameAsc), 1),
|
|
234
|
+
m("option", Oe, s(C.value.mediaLibrary.sortNameDesc), 1),
|
|
235
|
+
m("option", ke, s(C.value.mediaLibrary.sortSizeAsc), 1),
|
|
236
|
+
m("option", Ae, s(C.value.mediaLibrary.sortSizeDesc), 1)
|
|
237
|
+
], 40, we)])]), m("div", je, [d(q).viewMode.value === "files" ? (n(), l("div", Me, [b(w, {
|
|
238
|
+
"is-uploading": d(q).isUploading.value,
|
|
239
|
+
"upload-progress": d(q).uploadProgress.value,
|
|
240
|
+
onUpload: d(J).handleUpload
|
|
241
241
|
}, null, 8, [
|
|
242
242
|
"is-uploading",
|
|
243
243
|
"upload-progress",
|
|
@@ -250,21 +250,21 @@ var N = {
|
|
|
250
250
|
color: "var(--tpl-text-muted)",
|
|
251
251
|
"background-color": "var(--tpl-bg)"
|
|
252
252
|
},
|
|
253
|
-
onClick: r[6] ||= (e) =>
|
|
254
|
-
}, [
|
|
253
|
+
onClick: r[6] ||= (e) => d(J).showImportUrlModal.value = !0
|
|
254
|
+
}, [b(d(ie), {
|
|
255
255
|
size: 14,
|
|
256
256
|
"stroke-width": 2
|
|
257
|
-
}),
|
|
258
|
-
items:
|
|
259
|
-
"selected-ids":
|
|
260
|
-
"is-loading":
|
|
261
|
-
"has-more":
|
|
262
|
-
layout:
|
|
263
|
-
onSelect:
|
|
264
|
-
onToggle:
|
|
265
|
-
onLoadMore:
|
|
266
|
-
onEdit:
|
|
267
|
-
onReplace:
|
|
257
|
+
}), v(" " + s(C.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), b(T, {
|
|
258
|
+
items: d(J).displayItems.value,
|
|
259
|
+
"selected-ids": d(q).selectedItems.value,
|
|
260
|
+
"is-loading": d(q).isLoading.value,
|
|
261
|
+
"has-more": d(q).viewMode.value === "files" && d(q).hasMore.value,
|
|
262
|
+
layout: d(J).layoutMode.value,
|
|
263
|
+
onSelect: d(J).handleSelect,
|
|
264
|
+
onToggle: d(q).toggleSelection,
|
|
265
|
+
onLoadMore: d(q).loadMore,
|
|
266
|
+
onEdit: d(J).handleEditItem,
|
|
267
|
+
onReplace: d(J).handleReplaceItem
|
|
268
268
|
}, null, 8, [
|
|
269
269
|
"items",
|
|
270
270
|
"selected-ids",
|
|
@@ -277,36 +277,36 @@ var N = {
|
|
|
277
277
|
"onEdit",
|
|
278
278
|
"onReplace"
|
|
279
279
|
])])])]),
|
|
280
|
-
|
|
281
|
-
visible:
|
|
282
|
-
"is-importing":
|
|
283
|
-
error:
|
|
284
|
-
onImport:
|
|
285
|
-
onClose: r[7] ||= (e) =>
|
|
280
|
+
b(le, {
|
|
281
|
+
visible: d(J).showImportUrlModal.value,
|
|
282
|
+
"is-importing": d(q).isImportingFromUrl.value,
|
|
283
|
+
error: d(q).importFromUrlError.value,
|
|
284
|
+
onImport: d(J).handleImportFromUrl,
|
|
285
|
+
onClose: r[7] ||= (e) => d(J).showImportUrlModal.value = !1
|
|
286
286
|
}, null, 8, [
|
|
287
287
|
"visible",
|
|
288
288
|
"is-importing",
|
|
289
289
|
"error",
|
|
290
290
|
"onImport"
|
|
291
291
|
]),
|
|
292
|
-
|
|
293
|
-
visible: !!
|
|
294
|
-
item:
|
|
295
|
-
onSave:
|
|
296
|
-
onClose: r[8] ||= (e) =>
|
|
292
|
+
b(ue, {
|
|
293
|
+
visible: !!d(J).editingItem.value,
|
|
294
|
+
item: d(J).editingItem.value,
|
|
295
|
+
onSave: d(J).handleEditSave,
|
|
296
|
+
onClose: r[8] ||= (e) => d(J).editingItem.value = null
|
|
297
297
|
}, null, 8, [
|
|
298
298
|
"visible",
|
|
299
299
|
"item",
|
|
300
300
|
"onSave"
|
|
301
301
|
]),
|
|
302
|
-
|
|
303
|
-
visible:
|
|
304
|
-
item:
|
|
305
|
-
"usage-info":
|
|
306
|
-
"is-replacing":
|
|
307
|
-
error:
|
|
308
|
-
onReplace:
|
|
309
|
-
onClose:
|
|
302
|
+
b(ce, {
|
|
303
|
+
visible: d(q).showReplaceWarning.value,
|
|
304
|
+
item: d(q).pendingReplaceItem.value,
|
|
305
|
+
"usage-info": d(q).replaceUsageInfo.value,
|
|
306
|
+
"is-replacing": d(q).isReplacing.value,
|
|
307
|
+
error: d(q).replaceError.value,
|
|
308
|
+
onReplace: d(J).handleReplaceFile,
|
|
309
|
+
onClose: d(q).cancelReplace
|
|
310
310
|
}, null, 8, [
|
|
311
311
|
"visible",
|
|
312
312
|
"item",
|
|
@@ -316,7 +316,7 @@ var N = {
|
|
|
316
316
|
"onReplace",
|
|
317
317
|
"onClose"
|
|
318
318
|
]),
|
|
319
|
-
|
|
319
|
+
b(p, {
|
|
320
320
|
"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
|
|
321
321
|
"enter-from-class": "tpl:opacity-0",
|
|
322
322
|
"enter-to-class": "tpl:opacity-100",
|
|
@@ -324,7 +324,7 @@ var N = {
|
|
|
324
324
|
"leave-from-class": "tpl:opacity-100",
|
|
325
325
|
"leave-to-class": "tpl:opacity-0"
|
|
326
326
|
}, {
|
|
327
|
-
default: a(() => [
|
|
327
|
+
default: a(() => [d(q).showDeleteWarning.value ? (n(), l("div", {
|
|
328
328
|
key: 0,
|
|
329
329
|
class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
|
|
330
330
|
style: {
|
|
@@ -332,19 +332,19 @@ var N = {
|
|
|
332
332
|
"backdrop-filter": "blur(8px)",
|
|
333
333
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
334
334
|
},
|
|
335
|
-
onClick: r[11] ||= ee((...e) =>
|
|
335
|
+
onClick: r[11] ||= ee((...e) => d(q).cancelDelete && d(q).cancelDelete(...e), ["self"])
|
|
336
336
|
}, [m("div", Ne, [
|
|
337
|
-
m("h3", Pe,
|
|
337
|
+
m("h3", Pe, s(C.value.mediaLibrary.deleteWarningTitle), 1),
|
|
338
338
|
m("p", {
|
|
339
|
-
class:
|
|
339
|
+
class: te(["tpl:text-xs", d(J).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
|
|
340
340
|
style: { color: "var(--tpl-text-muted)" }
|
|
341
|
-
},
|
|
342
|
-
|
|
343
|
-
|
|
341
|
+
}, s(C.value.mediaLibrary.deleteWarningMessage), 3),
|
|
342
|
+
d(J).hasUsedFiles.value ? (n(), l("p", Fe, s(C.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
|
|
343
|
+
d(J).hasUsedFiles.value ? (n(), l("div", Ie, [(n(!0), l(_, null, i(d(q).deleteUsageInfo.value, (e, t) => (n(), l("div", {
|
|
344
344
|
key: t,
|
|
345
345
|
class: "tpl:text-xs",
|
|
346
346
|
style: { color: "var(--tpl-text)" }
|
|
347
|
-
}, [e.template_count > 0 ? (n(), l(
|
|
347
|
+
}, [e.template_count > 0 ? (n(), l(_, { key: 0 }, [m("span", Le, s(d(J).displayItems.value.find((e) => e.id === t)?.filename || t), 1), m("span", Re, " - " + s(C.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
|
|
348
348
|
m("div", ze, [m("button", {
|
|
349
349
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
|
|
350
350
|
style: {
|
|
@@ -352,65 +352,65 @@ var N = {
|
|
|
352
352
|
color: "var(--tpl-text)",
|
|
353
353
|
"background-color": "var(--tpl-bg)"
|
|
354
354
|
},
|
|
355
|
-
onClick: r[9] ||= (...e) =>
|
|
356
|
-
},
|
|
355
|
+
onClick: r[9] ||= (...e) => d(q).cancelDelete && d(q).cancelDelete(...e)
|
|
356
|
+
}, s(C.value.mediaLibrary.cancel), 1), m("button", {
|
|
357
357
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
|
|
358
358
|
style: {
|
|
359
359
|
"border-color": "var(--tpl-danger)",
|
|
360
360
|
color: "var(--tpl-danger)",
|
|
361
361
|
"background-color": "var(--tpl-danger-light)"
|
|
362
362
|
},
|
|
363
|
-
onClick: r[10] ||= (...e) =>
|
|
364
|
-
},
|
|
363
|
+
onClick: r[10] ||= (...e) => d(q).confirmDelete && d(q).confirmDelete(...e)
|
|
364
|
+
}, s(d(J).hasUsedFiles.value ? C.value.mediaLibrary.deleteAnyway : C.value.mediaLibrary.confirmDelete), 1)])
|
|
365
365
|
])])) : u("", !0)]),
|
|
366
366
|
_: 1
|
|
367
367
|
}),
|
|
368
|
-
m("div", Be, [m("div", Ve, [
|
|
368
|
+
m("div", Be, [m("div", Ve, [d(q).previewItem.value ? (n(), f(D, {
|
|
369
369
|
key: 0,
|
|
370
|
-
"selected-conversion":
|
|
371
|
-
"onUpdate:selectedConversion": r[12] ||= (e) =>
|
|
372
|
-
item:
|
|
373
|
-
folders:
|
|
370
|
+
"selected-conversion": d(J).selectedConversion.value,
|
|
371
|
+
"onUpdate:selectedConversion": r[12] ||= (e) => d(J).selectedConversion.value = e,
|
|
372
|
+
item: d(q).previewItem.value,
|
|
373
|
+
folders: d(q).folders.value
|
|
374
374
|
}, null, 8, [
|
|
375
375
|
"selected-conversion",
|
|
376
376
|
"item",
|
|
377
377
|
"folders"
|
|
378
|
-
])) : u("", !0)]), m("div", He, [
|
|
378
|
+
])) : u("", !0)]), m("div", He, [d(q).selectedItems.value.size > 0 ? (n(), l("div", Ue, [d(q).previewItem.value ? (n(), l("button", {
|
|
379
379
|
key: 0,
|
|
380
380
|
class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
|
|
381
|
-
style:
|
|
382
|
-
borderColor:
|
|
383
|
-
color:
|
|
381
|
+
style: g({
|
|
382
|
+
borderColor: d(J).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
|
|
383
|
+
color: d(J).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
|
|
384
384
|
backgroundColor: "var(--tpl-bg)"
|
|
385
385
|
}),
|
|
386
|
-
onClick: r[13] ||= (e) =>
|
|
387
|
-
}, [
|
|
386
|
+
onClick: r[13] ||= (e) => d(J).copy(d(J).selectedUrl.value)
|
|
387
|
+
}, [d(J).copied.value ? (n(), f(d(ne), {
|
|
388
388
|
key: 1,
|
|
389
389
|
size: 12,
|
|
390
390
|
"stroke-width": 2
|
|
391
|
-
})) : (n(), d(
|
|
391
|
+
})) : (n(), f(d(x), {
|
|
392
392
|
key: 0,
|
|
393
393
|
size: 12,
|
|
394
394
|
"stroke-width": 2
|
|
395
|
-
})),
|
|
395
|
+
})), v(" " + s(d(J).copied.value ? C.value.mediaLibrary.copied : C.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), j.value ? (n(), l("div", We, [m("button", {
|
|
396
396
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
|
|
397
397
|
style: {
|
|
398
398
|
"border-color": "var(--tpl-border)",
|
|
399
399
|
color: "var(--tpl-text)",
|
|
400
400
|
"background-color": "var(--tpl-bg)"
|
|
401
401
|
},
|
|
402
|
-
onClick: r[14] ||= (e) =>
|
|
403
|
-
},
|
|
402
|
+
onClick: r[14] ||= (e) => d(J).showMovePicker.value = !d(J).showMovePicker.value
|
|
403
|
+
}, s(C.value.mediaLibrary.moveSelected), 1), d(J).showMovePicker.value ? (n(), f(A, {
|
|
404
404
|
key: 0,
|
|
405
|
-
folders:
|
|
406
|
-
"current-folder-id":
|
|
407
|
-
onSelect:
|
|
408
|
-
onClose: r[15] ||= (e) =>
|
|
405
|
+
folders: d(q).folders.value,
|
|
406
|
+
"current-folder-id": d(q).currentFolderId.value,
|
|
407
|
+
onSelect: d(J).handleMoveToFolder,
|
|
408
|
+
onClose: r[15] ||= (e) => d(J).showMovePicker.value = !1
|
|
409
409
|
}, null, 8, [
|
|
410
410
|
"folders",
|
|
411
411
|
"current-folder-id",
|
|
412
412
|
"onSelect"
|
|
413
|
-
])) : u("", !0)])) : u("", !0)])) : u("", !0), m("div", Ge, [
|
|
413
|
+
])) : u("", !0)])) : u("", !0)])) : u("", !0), m("div", Ge, [d(q).selectedItems.value.size > 0 ? (n(), l("button", {
|
|
414
414
|
key: 0,
|
|
415
415
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
|
|
416
416
|
style: {
|
|
@@ -418,17 +418,17 @@ var N = {
|
|
|
418
418
|
color: "var(--tpl-danger)",
|
|
419
419
|
"background-color": "var(--tpl-danger-light)"
|
|
420
420
|
},
|
|
421
|
-
onClick: r[16] ||= (...e) =>
|
|
422
|
-
},
|
|
421
|
+
onClick: r[16] ||= (...e) => d(J).handleDeleteClick && d(J).handleDeleteClick(...e)
|
|
422
|
+
}, s(C.value.mediaLibrary.deleteSelected), 1)) : u("", !0), t.onSelect ? (n(), l("button", {
|
|
423
423
|
key: 1,
|
|
424
424
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
|
|
425
425
|
style: {
|
|
426
426
|
"background-color": "var(--tpl-primary)",
|
|
427
427
|
color: "var(--tpl-bg)"
|
|
428
428
|
},
|
|
429
|
-
disabled: !
|
|
429
|
+
disabled: !d(q).previewItem.value,
|
|
430
430
|
onClick: Y
|
|
431
|
-
},
|
|
431
|
+
}, s(C.value.mediaLibrary.selectFile), 9, H)) : u("", !0)])])])
|
|
432
432
|
]));
|
|
433
433
|
}
|
|
434
434
|
}), W = (e, t, n) => {
|
|
@@ -468,9 +468,9 @@ var X = null, Z = o(null);
|
|
|
468
468
|
async function qe(e) {
|
|
469
469
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
470
470
|
if (!n) throw Error(`Container element not found: ${e.container}`);
|
|
471
|
-
let r =
|
|
471
|
+
let r = C(e.auth, e.onError);
|
|
472
472
|
await r.initialize();
|
|
473
|
-
let i = await new
|
|
473
|
+
let i = await new S(r).fetchConfig(), a = await Ke(e.locale ?? "en");
|
|
474
474
|
return $(n, e.theme), X && Q(), new Promise((o, s) => {
|
|
475
475
|
try {
|
|
476
476
|
X = h({ setup() {
|
|
@@ -509,4 +509,4 @@ typeof window < "u" && (window.TemplaticalMedia = {
|
|
|
509
509
|
//#endregion
|
|
510
510
|
export { j as MediaLibraryModal };
|
|
511
511
|
|
|
512
|
-
//# sourceMappingURL=src-
|
|
512
|
+
//# sourceMappingURL=src-DKNTQJVO.js.map
|