@orangelogic/design-system 3.14.0 → 3.15.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-link-format.DGRqjqpk.js → asset-link-format.GZb85GYh.js} +123 -125
- package/library/chunks/{index.xaWqfbHO.js → index.D8AuAxXl.js} +595 -584
- package/library/chunks/{types.GT2-CFeS.js → types.Bc8Tgozj.js} +5 -8
- package/library/components/asset-link-format.js +1 -1
- package/library/components/organisms.js +1 -1
- package/library/components/types.js +2 -2
- package/library/package.json +1 -1
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +0 -2
- package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts +7 -0
- package/package.json +1 -1
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
import { C as
|
|
1
|
+
import { C as Q } from "./typography.T72DuoCa.js";
|
|
2
2
|
import { n as y, C as ee } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import { c as ae } from "./component.styles.CAS3c9pM.js";
|
|
4
|
-
import { C as Ee, s as ve, F as
|
|
5
|
-
import { e as U,
|
|
4
|
+
import { C as Ee, s as ve, F as Z, a as Ce } from "./folder-select.CHY44KlA.js";
|
|
5
|
+
import { e as U, r as n1, S as m1, E as le } from "./transformation.OaRYixzE.js";
|
|
6
6
|
import { c as ie } from "./custom-element.L4WJXn1j.js";
|
|
7
7
|
import { L as W } from "./i18n.CNnI4-0K.js";
|
|
8
8
|
import { w as O } from "./watch.DJF5K-8U.js";
|
|
9
|
-
import { B as
|
|
9
|
+
import { B as c1, E as ue, i as te, x as g } from "./lit-element.jLBm65_O.js";
|
|
10
10
|
import { r as u } from "./state.CSDxrqLd.js";
|
|
11
11
|
import { e as M } from "./query.BBf1UFkC.js";
|
|
12
12
|
import { b as Ke } from "./_baseIteratee.sC2wLi2m.js";
|
|
13
|
-
import { a as
|
|
14
|
-
import { b as
|
|
15
|
-
import { c as
|
|
16
|
-
import { I as je, C as Ve, a as
|
|
13
|
+
import { a as d1 } from "./toString.B1zKIiZc.js";
|
|
14
|
+
import { b as s1 } from "./cloneDeep.tKGbEwzn.js";
|
|
15
|
+
import { c as o1 } from "./_baseClone.ipmFlCAx.js";
|
|
16
|
+
import { I as je, C as Ve, a as h1, b as He, S as z, D as g1, c as l1, A as Ie, g as C1, i as y1, F as x1, d as b1, t as k1, e as p1, f as u1, h as f1, j as A1, k as B1, l as D1, m as F1, n as E1, o as v1, p as $1, q as w1, r as S1, O as _1 } from "./types.Bc8Tgozj.js";
|
|
17
17
|
import { C as ce } from "./button.BQoebhw_.js";
|
|
18
|
-
import
|
|
19
|
-
import
|
|
18
|
+
import I1 from "../components/button-group.js";
|
|
19
|
+
import P1 from "../components/card.js";
|
|
20
20
|
import Ue from "../components/checkbox.js";
|
|
21
|
-
import { C as se, D as fe, O as We, a as
|
|
21
|
+
import { C as se, D as fe, O as We, a as T1, H as R1, z as z1, o as L1 } from "./dialog.Dl9aHLD4.js";
|
|
22
22
|
import Je from "../components/divider.js";
|
|
23
|
-
import
|
|
23
|
+
import q1 from "../components/dropdown.js";
|
|
24
24
|
import $e from "../components/grid.js";
|
|
25
25
|
import we from "../components/grid-item.js";
|
|
26
|
-
import { C as
|
|
26
|
+
import { C as O1 } from "./icon.BLXWp6CU.js";
|
|
27
27
|
import { C as oe } from "./input.BRZzv6Zk.js";
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
import { C as
|
|
31
|
-
import { C as Ye, a as
|
|
28
|
+
import M1 from "../components/line-clamp.js";
|
|
29
|
+
import N1 from "../components/menu.js";
|
|
30
|
+
import { C as G1 } from "./menu-item.HtTWOcq4.js";
|
|
31
|
+
import { C as Ye, a as K1 } from "./option.DgxoCq1j.js";
|
|
32
32
|
import Xe from "../components/radio.js";
|
|
33
|
-
import
|
|
34
|
-
import
|
|
33
|
+
import j1 from "../components/radio-card.js";
|
|
34
|
+
import Ze from "../components/radio-group.js";
|
|
35
35
|
import Se from "../components/select.js";
|
|
36
36
|
import de from "../components/space.js";
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import { C as
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
37
|
+
import V1 from "../components/switch.js";
|
|
38
|
+
import H1 from "../components/tab.js";
|
|
39
|
+
import { C as U1 } from "./tab-group.BQh_hMDd.js";
|
|
40
|
+
import W1 from "../components/tab-panel.js";
|
|
41
|
+
import J1 from "../components/textarea.js";
|
|
42
|
+
import Y1 from "../components/tooltip.js";
|
|
43
|
+
import X1 from "../components/visually-hidden.js";
|
|
44
|
+
import Z1 from "../components/bicolor-picker.js";
|
|
45
45
|
import Q1 from "../components/border-input-group.js";
|
|
46
|
-
import { C as
|
|
47
|
-
import
|
|
48
|
-
import
|
|
49
|
-
import
|
|
50
|
-
import
|
|
51
|
-
import
|
|
52
|
-
import
|
|
53
|
-
import { isFormInteracted as
|
|
54
|
-
import { e as
|
|
55
|
-
import { e as Pe, p as Te, m as Re, s as ze, h as
|
|
56
|
-
import { i as
|
|
46
|
+
import { C as e0, a as a0 } from "./confirm-popover.C35rVtVI.js";
|
|
47
|
+
import i0 from "../components/corner-position-input-group.js";
|
|
48
|
+
import Qe from "../components/dynamic-select.js";
|
|
49
|
+
import t0 from "../components/padding-input-group.js";
|
|
50
|
+
import r0 from "../components/position-picker.js";
|
|
51
|
+
import n0 from "../components/shadow-input-group.js";
|
|
52
|
+
import m0 from "../components/size-input-group.js";
|
|
53
|
+
import { isFormInteracted as c0 } from "../utils.js";
|
|
54
|
+
import { e as d0, i as s0 } from "./directive.oAbCiebi.js";
|
|
55
|
+
import { e as Pe, p as Te, m as Re, s as ze, h as o0, l as h0 } from "./directive-helpers.DEDMV45_.js";
|
|
56
|
+
import { i as g0 } from "./keyed.DdOUTIg-.js";
|
|
57
57
|
import { c as N } from "./repeat.CFjcER6_.js";
|
|
58
58
|
import { n as v } from "./when.Dr1es41R.js";
|
|
59
|
-
import { a as
|
|
60
|
-
import { a as
|
|
61
|
-
import { i as
|
|
62
|
-
import { a as Ae, F as
|
|
63
|
-
import
|
|
59
|
+
import { a as l0 } from "./_baseXor.DixEm6JQ.js";
|
|
60
|
+
import { a as C0, i as Le, b as y0 } from "./isArrayLikeObject.D7afXo-f.js";
|
|
61
|
+
import { i as x0 } from "./isEmpty.DtTJTUcf.js";
|
|
62
|
+
import { a as Ae, F as b0, b as k0, c as qe, d as Oe, e as p0, i as u0, f as Me, u as Be } from "./asset-link-format.GZb85GYh.js";
|
|
63
|
+
import f0 from "../components/color-picker.js";
|
|
64
64
|
import { C as _e } from "./icon-button.5-oAlIkv.js";
|
|
65
|
-
import
|
|
66
|
-
import { a as
|
|
67
|
-
import { c as ne, C as me, p as
|
|
65
|
+
import A0 from "../components/spinner.js";
|
|
66
|
+
import { a as B0, d as D0 } from "./color-swatch-group.D25fjSK-.js";
|
|
67
|
+
import { c as ne, C as me, p as F0, a as E0, b as v0, g as ye } from "./color.LzSGBy7o.js";
|
|
68
68
|
import { o as e1 } from "./map.D8heArFD.js";
|
|
69
69
|
import { v as a1 } from "./v4.CKZ6klMF.js";
|
|
70
70
|
import { M as i1 } from "./asset-link-format.ClaYu_v8.js";
|
|
71
|
-
import
|
|
71
|
+
import $0 from "../components/masonry.js";
|
|
72
72
|
import { a as ge } from "./index.Cpamj0jB.js";
|
|
73
73
|
import { G as L } from "./string.Demn8Xmk.js";
|
|
74
|
-
import { d as
|
|
75
|
-
import { F as
|
|
74
|
+
import { d as w0 } from "./default-value.COZopaet.js";
|
|
75
|
+
import { F as S0 } from "./form.C8LMdQB4.js";
|
|
76
76
|
import { o as De } from "./style-map.llVFPd__.js";
|
|
77
77
|
import { r as Fe } from "./choose.BTbF6BAn.js";
|
|
78
78
|
import { o as P } from "./if-defined.BRoBj_Rp.js";
|
|
79
|
-
import { t as
|
|
80
|
-
import { e as
|
|
81
|
-
import { e as
|
|
79
|
+
import { t as _0 } from "./url.CGdWC06g.js";
|
|
80
|
+
import { e as I0 } from "./number.Cx2ncfJJ.js";
|
|
81
|
+
import { e as P0 } from "./class-map.BiVq-cVR.js";
|
|
82
82
|
import { n as xe, e as be } from "./ref.DktKp7fP.js";
|
|
83
|
-
var
|
|
84
|
-
function
|
|
83
|
+
var T0 = "Expected a function";
|
|
84
|
+
function R0(e) {
|
|
85
85
|
if (typeof e != "function")
|
|
86
|
-
throw new TypeError(
|
|
86
|
+
throw new TypeError(T0);
|
|
87
87
|
return function() {
|
|
88
88
|
var a = arguments;
|
|
89
89
|
switch (a.length) {
|
|
@@ -99,25 +99,25 @@ function P0(e) {
|
|
|
99
99
|
return !e.apply(this, a);
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
|
-
function
|
|
102
|
+
function z0(e, a) {
|
|
103
103
|
if (e == null)
|
|
104
104
|
return {};
|
|
105
|
-
var n =
|
|
105
|
+
var n = d1(o1(e), function(t) {
|
|
106
106
|
return [t];
|
|
107
107
|
});
|
|
108
|
-
return a = Ke(a),
|
|
108
|
+
return a = Ke(a), s1(e, n, function(t, r) {
|
|
109
109
|
return a(t, r[0]);
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
|
-
function
|
|
113
|
-
return
|
|
112
|
+
function L0(e, a) {
|
|
113
|
+
return z0(e, R0(Ke(a)));
|
|
114
114
|
}
|
|
115
115
|
/**
|
|
116
116
|
* @license
|
|
117
117
|
* Copyright 2017 Google LLC
|
|
118
118
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
119
119
|
*/
|
|
120
|
-
const Ne = (e) =>
|
|
120
|
+
const Ne = (e) => h0(e) ? e._$litType$.h : e.strings, q0 = d0(class extends s0 {
|
|
121
121
|
constructor(e) {
|
|
122
122
|
super(e), this.et = /* @__PURE__ */ new WeakMap();
|
|
123
123
|
}
|
|
@@ -130,8 +130,8 @@ const Ne = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
|
|
|
130
130
|
const r = Te(e).pop();
|
|
131
131
|
let i = this.et.get(n);
|
|
132
132
|
if (i === void 0) {
|
|
133
|
-
const
|
|
134
|
-
i =
|
|
133
|
+
const m = document.createDocumentFragment();
|
|
134
|
+
i = c1(ue, m), i.setConnected(!1), this.et.set(n, i);
|
|
135
135
|
}
|
|
136
136
|
Re(i, [r]), ze(i, void 0, r);
|
|
137
137
|
}
|
|
@@ -140,7 +140,7 @@ const Ne = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
|
|
|
140
140
|
const r = this.et.get(t);
|
|
141
141
|
if (r !== void 0) {
|
|
142
142
|
const i = Te(r).pop();
|
|
143
|
-
|
|
143
|
+
o0(e), ze(e, void 0, i), Re(e, [i]);
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
this.it = a;
|
|
@@ -148,12 +148,12 @@ const Ne = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
|
|
|
148
148
|
return this.render(a);
|
|
149
149
|
}
|
|
150
150
|
});
|
|
151
|
-
var
|
|
152
|
-
return Le(e) ?
|
|
151
|
+
var O0 = C0(function(e, a) {
|
|
152
|
+
return Le(e) ? l0(e, y0(a, 1, Le, !0)) : [];
|
|
153
153
|
});
|
|
154
|
-
const
|
|
154
|
+
const M0 = {
|
|
155
155
|
resizable: !1
|
|
156
|
-
},
|
|
156
|
+
}, N0 = (e) => [
|
|
157
157
|
{
|
|
158
158
|
field: "hex",
|
|
159
159
|
formatter: (a) => {
|
|
@@ -216,7 +216,7 @@ const q0 = {
|
|
|
216
216
|
title: "PMS",
|
|
217
217
|
width: 75
|
|
218
218
|
}
|
|
219
|
-
],
|
|
219
|
+
], G0 = (e) => ({
|
|
220
220
|
data: [
|
|
221
221
|
{
|
|
222
222
|
icon: "create",
|
|
@@ -16833,15 +16833,15 @@ const q0 = {
|
|
|
16833
16833
|
name: "Mocha Mousse 17-1230 TCX",
|
|
16834
16834
|
rgb: [164, 120, 100]
|
|
16835
16835
|
}
|
|
16836
|
-
},
|
|
16837
|
-
var
|
|
16838
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
16839
|
-
(
|
|
16840
|
-
return t && r &&
|
|
16836
|
+
}, K0 = te`.color-swatch-picker__space{width:100%}.color-swatch-picker__dialog{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:640px}.color-swatch-picker__table{--group-row-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-height:48px;--cell-line-height:35px;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--cell-hover-background-color:transparent;--row-header-border-color:transparent;--cell-horizontal-padding:var(--cx-spacing-2x-small);--header-horizontal-padding:var(--cx-spacing-2x-small);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color)}.color-swatch-picker__table::part(table){background-color:#0000}.color-swatch-group__table__copy-button::part(button){background:0 0;border-width:0;height:fit-content;min-height:fit-content;padding:0}.color-swatch-picker__loading-spinner{--track-width:4px;font-size:var(--cx-font-size-3x-large)}.color-swatch-picker__add-color-button{width:100px}`;
|
|
16837
|
+
var j0 = Object.defineProperty, V0 = Object.getOwnPropertyDescriptor, R = (e, a, n, t) => {
|
|
16838
|
+
for (var r = t > 1 ? void 0 : t ? V0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
16839
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
16840
|
+
return t && r && j0(a, n, r), r;
|
|
16841
16841
|
};
|
|
16842
16842
|
let I = class extends ee {
|
|
16843
16843
|
constructor() {
|
|
16844
|
-
super(...arguments), this.localize = new W(this), this.translatedColumns =
|
|
16844
|
+
super(...arguments), this.localize = new W(this), this.translatedColumns = N0(this.localize), this.translatedHoverMenu = G0(this.localize), this.boundary = document.body, this.data = [], this.disableTableLoad = !1, this.supportedLanguages = ["en"], this.defaultLanguage = "en", this.dialogType = "add", this.dialogId = "", this.dialogName = "", this.dialogNameTranslations = {}, this.dialogPalette = "", this.dialogHex = "", this.dialogRgb = "", this.dialogCmyk = "", this.dialogPmsId = "", this.dialogColor = "", this.palettes = [];
|
|
16845
16845
|
}
|
|
16846
16846
|
get tabs() {
|
|
16847
16847
|
return this.supportedLanguages.length > 1 ? [
|
|
@@ -16973,26 +16973,26 @@ let I = class extends ee {
|
|
|
16973
16973
|
}
|
|
16974
16974
|
renderControls(e) {
|
|
16975
16975
|
if (e === "translation") {
|
|
16976
|
-
const a =
|
|
16976
|
+
const a = g`
|
|
16977
16977
|
${N(
|
|
16978
16978
|
["name"],
|
|
16979
16979
|
(n) => n,
|
|
16980
|
-
(n) =>
|
|
16980
|
+
(n) => g`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${this.localize.term(n)}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${e1(this.supportedLanguages, (t) => {
|
|
16981
16981
|
const r = this.localize.languageName(t) || je.getName(t) || t;
|
|
16982
|
-
return
|
|
16982
|
+
return g`<cx-input ?disabled=${t.toLowerCase() === this.defaultLanguage?.toLowerCase()} data-testid="name-input" data-language=${t} label=${r} value=${t.toLowerCase() === this.defaultLanguage?.toLowerCase() ? this.dialogName : this.dialogNameTranslations[t] ?? this.dialogName} placeholder=${this.localize.term("colorNameWillAppearInSwatch")} @cx-change=${this.handleChangeNameTranslation}></cx-input>`;
|
|
16983
16983
|
})}</cx-space></cx-grid-item></cx-grid>`
|
|
16984
16984
|
)}
|
|
16985
16985
|
`;
|
|
16986
|
-
return
|
|
16986
|
+
return g`<cx-space direction="vertical" wrap="nowrap">${a}</cx-space>`;
|
|
16987
16987
|
}
|
|
16988
|
-
return
|
|
16988
|
+
return g`<cx-space direction="vertical" spacing="medium" wrap="nowrap"><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">${this.localize.term("name")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-input data-testid="name-input" value=${this.dialogName} placeholder=${this.localize.term(
|
|
16989
16989
|
"colorNameWillAppearInSwatch"
|
|
16990
16990
|
)} @cx-change=${this.handleChangeName}></cx-input></cx-space></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">${this.localize.term("palette")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-select data-testid="palette-select" value=${this.dialogPalette} placeholder=${this.localize.term(
|
|
16991
16991
|
"chooseExistingPaletteOrCreateNew"
|
|
16992
16992
|
)} no-option-text=${this.localize.term("createANewPalette")} @cx-change=${this.handleChangePalette} @cx-enter=${this.handleCreatePalette} @cx-blur=${this.handleCreatePalette}>${N(
|
|
16993
16993
|
this.palettes,
|
|
16994
16994
|
(a) => a,
|
|
16995
|
-
(a) =>
|
|
16995
|
+
(a) => g`<cx-option value=${a.replaceAll(" ", "_")}>${a}</cx-option>`
|
|
16996
16996
|
)}</cx-select></cx-space></cx-grid-item></cx-grid><cx-typography variant="h5">${this.localize.term("definition")}</cx-typography><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">${this.localize.term("color")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-color-picker variant="button" value=${this.dialogHex || ""} hoist format="hex" emit-format="hex" @cx-change=${this.handleColorPickerChange}></cx-color-picker></cx-space></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">
|
|
16997
16997
|
HEX
|
|
16998
16998
|
</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-input data-testid="hex-input" value=${this.dialogHex} placeholder=${this.localize.term("example", "#90DAD2")} @cx-change=${this.handleChangeHex}></cx-input></cx-space></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">
|
|
@@ -17004,29 +17004,29 @@ let I = class extends ee {
|
|
|
17004
17004
|
</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-select data-testid="pms-select" value=${this.dialogPmsId} placeholder=${this.localize.term("pantoneMatchingSystemName")} @cx-change=${this.handleChangePms}>${N(
|
|
17005
17005
|
Object.values(ke),
|
|
17006
17006
|
(a) => a.id,
|
|
17007
|
-
(a) =>
|
|
17007
|
+
(a) => g`<cx-option value=${a.id}>${a.name}</cx-option>`
|
|
17008
17008
|
)}</cx-select></cx-space></cx-grid-item></cx-grid></cx-space>`;
|
|
17009
17009
|
}
|
|
17010
17010
|
render() {
|
|
17011
|
-
return
|
|
17011
|
+
return g`<cx-space part="base" spacing="medium" direction="vertical" class="color-swatch-picker">${v(
|
|
17012
17012
|
!this.disableTableLoad,
|
|
17013
|
-
() =>
|
|
17014
|
-
() =>
|
|
17013
|
+
() => g`<cx-table part="table" movable-rows class="color-swatch-picker__table" layout="fitColumns" .columns=${this.translatedColumns} .columnDefaults=${M0} .hoverMenu=${this.translatedHoverMenu} .rowHeight=${40} .data=${this.data ?? []} no-selectable @cx-table.rowMoved=${this.handleTableRowMoved} @cx-table.rowDeleted=${this.handleTableRowDeleted} @cx-table.rowSelected=${this.handleOpenEditColorDialog} @cx-table-row-action-click=${this.handleTableActions}></cx-table>`,
|
|
17014
|
+
() => g`<cx-spinner part="loading-spinner" class="color-swatch-picker__loading-spinner"></cx-spinner>`
|
|
17015
17015
|
)}<cx-button @click=${this.handleOpenAddColorDialog} class="color-swatch-picker__add-color-button">${this.localize.term("addColor")}</cx-button></cx-space><cx-dialog part="dialog" class="color-swatch-picker__dialog" divider-position=${fe.Footer} use-overlay-scrollbar strategy="overlay" .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.localize.term(`${this.dialogType}Color`)}</cx-typography></cx-space>${v(
|
|
17016
17016
|
this.tabs.length >= 1,
|
|
17017
|
-
() =>
|
|
17017
|
+
() => g`<cx-tab-group class="list-editor__tab-group" placement="top">${N(
|
|
17018
17018
|
this.tabs,
|
|
17019
17019
|
(e) => e,
|
|
17020
|
-
(e) =>
|
|
17020
|
+
(e) => g`<cx-tab slot="nav" panel=${e}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(e)}</cx-space></cx-tab-panel>`
|
|
17021
17021
|
)}</cx-tab-group>`,
|
|
17022
|
-
() =>
|
|
17022
|
+
() => g`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(this.tabs[0])}</cx-space>`
|
|
17023
17023
|
)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleRequestClose}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleFinishDialog}>${this.localize.term(this.dialogType === "add" ? "add" : "save")}</cx-button></cx-space></cx-dialog>`;
|
|
17024
17024
|
}
|
|
17025
17025
|
};
|
|
17026
|
-
I.styles = [ae,
|
|
17026
|
+
I.styles = [ae, K0];
|
|
17027
17027
|
I.dependencies = {
|
|
17028
17028
|
"cx-button": ce,
|
|
17029
|
-
"cx-color-picker":
|
|
17029
|
+
"cx-color-picker": f0,
|
|
17030
17030
|
"cx-dialog": se,
|
|
17031
17031
|
"cx-grid": $e,
|
|
17032
17032
|
"cx-grid-item": we,
|
|
@@ -17035,9 +17035,9 @@ I.dependencies = {
|
|
|
17035
17035
|
"cx-option": Ye,
|
|
17036
17036
|
"cx-select": Se,
|
|
17037
17037
|
"cx-space": de,
|
|
17038
|
-
"cx-spinner":
|
|
17039
|
-
"cx-table":
|
|
17040
|
-
"cx-typography":
|
|
17038
|
+
"cx-spinner": A0,
|
|
17039
|
+
"cx-table": B0,
|
|
17040
|
+
"cx-typography": Q
|
|
17041
17041
|
};
|
|
17042
17042
|
R([
|
|
17043
17043
|
M("cx-dialog")
|
|
@@ -17117,15 +17117,15 @@ R([
|
|
|
17117
17117
|
I = R([
|
|
17118
17118
|
ie("cx-color-swatch-picker")
|
|
17119
17119
|
], I);
|
|
17120
|
-
const
|
|
17121
|
-
var
|
|
17122
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
17123
|
-
(
|
|
17124
|
-
return t && r &&
|
|
17120
|
+
const H0 = te`.folder-picker__name{--color:var(--cx-color-primary-500)}.folder-picker__request-folder-button:not(:first-child){margin-left:var(--cx-spacing-small)}`;
|
|
17121
|
+
var U0 = Object.defineProperty, W0 = Object.getOwnPropertyDescriptor, G = (e, a, n, t) => {
|
|
17122
|
+
for (var r = t > 1 ? void 0 : t ? W0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
17123
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
17124
|
+
return t && r && U0(a, n, r), r;
|
|
17125
17125
|
};
|
|
17126
17126
|
let T = class extends ee {
|
|
17127
17127
|
constructor() {
|
|
17128
|
-
super(...arguments), this.localize = new W(this), this.boundary = document.body, this.name = "", this.value = "", this.variant =
|
|
17128
|
+
super(...arguments), this.localize = new W(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = Z.Input, this.useFullPath = !1, this.multiple = !1, this.allowedFolders = [], this.required = !1, this.selectedLabel = "", this.open = !1, this._selectedFolder = void 0, this._apiGetFolders = Ce;
|
|
17129
17129
|
}
|
|
17130
17130
|
get selectedFolder() {
|
|
17131
17131
|
return this._selectedFolder;
|
|
@@ -17141,9 +17141,9 @@ let T = class extends ee {
|
|
|
17141
17141
|
}
|
|
17142
17142
|
handleSelectionChange(e) {
|
|
17143
17143
|
const a = e.detail.selection ?? [];
|
|
17144
|
-
if (this.variant ===
|
|
17145
|
-
const r = a.map((
|
|
17146
|
-
(
|
|
17144
|
+
if (this.variant === Z.Select && this.multiple) {
|
|
17145
|
+
const r = a.map((m) => m.dataset.id).filter((m) => !!m), i = a.find(
|
|
17146
|
+
(m) => m.dataset.id
|
|
17147
17147
|
)?.dataset.representativeAssetId;
|
|
17148
17148
|
this.emit("cx-content-builder-folder-change", {
|
|
17149
17149
|
detail: { id: r.join(" "), representativeAssetId: i }
|
|
@@ -17153,7 +17153,7 @@ let T = class extends ee {
|
|
|
17153
17153
|
if (!a.length || !a[0].dataset.id)
|
|
17154
17154
|
return;
|
|
17155
17155
|
const { id: n, representativeAssetId: t } = a[0].dataset;
|
|
17156
|
-
this.variant ===
|
|
17156
|
+
this.variant === Z.Select ? this.emit("cx-content-builder-folder-change", {
|
|
17157
17157
|
detail: { id: n, representativeAssetId: t }
|
|
17158
17158
|
}) : this._selectedFolder = { id: n, representativeAssetId: t };
|
|
17159
17159
|
}
|
|
@@ -17180,28 +17180,28 @@ let T = class extends ee {
|
|
|
17180
17180
|
e ? this.useFullPath ? (this.selectedLabel = `/${(e.fullPath ?? "").replace(/^\/+/, "")}`, e.docType === i1.Album && (this.selectedLabel += `/${e.title}`)) : this.selectedLabel = e.title : this.selectedLabel = "";
|
|
17181
17181
|
}
|
|
17182
17182
|
render() {
|
|
17183
|
-
return
|
|
17184
|
-
this.variant ===
|
|
17185
|
-
() =>
|
|
17186
|
-
() =>
|
|
17183
|
+
return g`<cx-space part="base" class="folder-picker" spacing="2x-small" direction="horizontal" align-items="center">${v(
|
|
17184
|
+
this.variant === Z.Select,
|
|
17185
|
+
() => g`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} selection=${this.multiple ? "multiple" : "single"} value=${this._selectedFolder || this.value} variant="select" .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-clear=${this.handleClear} @cx-selection-change=${this.handleSelectionChange} .allowedFolders=${this.allowedFolders} .api=${Ce}></cx-folder-select>`,
|
|
17186
|
+
() => g`
|
|
17187
17187
|
${v(
|
|
17188
17188
|
this.selectedLabel,
|
|
17189
|
-
() =>
|
|
17189
|
+
() => g`<cx-typography data-testid="folder-name" variant="body3" class="folder-picker__name">${this.selectedLabel}</cx-typography>`
|
|
17190
17190
|
)}<cx-button data-testid="request-folder-button" class="folder-picker__request-folder-button" @click=${this.handleRequestFolderClick}>${this.localize.term("choose")}</cx-button>${v(
|
|
17191
17191
|
this.value,
|
|
17192
|
-
() =>
|
|
17192
|
+
() => g`<cx-icon-button data-testid="delete-folder-button" label=${this.localize.term("delete")} name="delete" @click=${this.handleClear}></cx-icon-button>`
|
|
17193
17193
|
)}<cx-dialog part="dialog" class="folder-picker__dialog" use-overlay-scrollbar strategy="overlay" ?open=${this.open} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-typography slot="label" variant="h4">${this.localize.term("selectFolder")}</cx-typography><cx-folder-select name=${this.name} value=${this._selectedFolder || this.value} selected-label=${this.selectedLabel} variant=${this.variant} .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-selection-change=${this.handleSelectionChange} .allowedFolders=${this.allowedFolders} .api=${Ce}></cx-folder-select><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleRequestClose}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`
|
|
17194
17194
|
)}</cx-space>`;
|
|
17195
17195
|
}
|
|
17196
17196
|
};
|
|
17197
|
-
T.styles = [ae,
|
|
17197
|
+
T.styles = [ae, H0];
|
|
17198
17198
|
T.dependencies = {
|
|
17199
17199
|
"cx-button": ce,
|
|
17200
17200
|
"cx-dialog": se,
|
|
17201
17201
|
"cx-folder-select": Ee,
|
|
17202
17202
|
"cx-icon-button": _e,
|
|
17203
17203
|
"cx-space": de,
|
|
17204
|
-
"cx-typography":
|
|
17204
|
+
"cx-typography": Q
|
|
17205
17205
|
};
|
|
17206
17206
|
G([
|
|
17207
17207
|
M(".folder-picker__dialog")
|
|
@@ -17252,16 +17252,16 @@ G([
|
|
|
17252
17252
|
T = G([
|
|
17253
17253
|
ie("cx-folder-picker")
|
|
17254
17254
|
], T);
|
|
17255
|
-
const
|
|
17256
|
-
var
|
|
17257
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
17258
|
-
(
|
|
17259
|
-
return t && r &&
|
|
17255
|
+
const J0 = te`:host{width:100%;display:block}.gallery-config-dialog{--width:600px}.gallery-config-dialog::part(body){padding-bottom:0}.gallery-config-dialog::part(footer){padding-top:0}`;
|
|
17256
|
+
var Y0 = Object.defineProperty, X0 = Object.getOwnPropertyDescriptor, j = (e, a, n, t) => {
|
|
17257
|
+
for (var r = t > 1 ? void 0 : t ? X0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
17258
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
17259
|
+
return t && r && Y0(a, n, r), r;
|
|
17260
17260
|
};
|
|
17261
17261
|
const pe = "path_TR1";
|
|
17262
17262
|
let q = class extends ee {
|
|
17263
17263
|
constructor() {
|
|
17264
|
-
super(), this.localize = new W(this), this.variant = L.Asset, this.dialogVariant = U.Gallery, this.boundary = document.body, this.onRequestAsset = void 0, this.image = null, this.selectedPosition = -1, this.disabledAssetPicker = !1, this.editedImage = { id: "" }, this.assetRequestingStatus = !1, this.selectedPageLabel = "", this.isThumbnailManuallySet = !1, this.apiGetTeamSpaceSpaceList =
|
|
17264
|
+
super(), this.localize = new W(this), this.variant = L.Asset, this.dialogVariant = U.Gallery, this.boundary = document.body, this.onRequestAsset = void 0, this.image = null, this.selectedPosition = -1, this.disabledAssetPicker = !1, this.editedImage = { id: "" }, this.assetRequestingStatus = !1, this.selectedPageLabel = "", this.isThumbnailManuallySet = !1, this.apiGetTeamSpaceSpaceList = h1, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
|
|
17265
17265
|
}
|
|
17266
17266
|
get showOpenInNewTab() {
|
|
17267
17267
|
return this.variant === L.Link || this.variant === L.Page || this.variant === L.Space;
|
|
@@ -17294,7 +17294,7 @@ let q = class extends ee {
|
|
|
17294
17294
|
});
|
|
17295
17295
|
if (!this.selectedPageLabel && t.length) {
|
|
17296
17296
|
const i = t.find(
|
|
17297
|
-
(
|
|
17297
|
+
(m) => m.id === this.editedImage?.pageId
|
|
17298
17298
|
)?.title;
|
|
17299
17299
|
i && (this.selectedPageLabel = i);
|
|
17300
17300
|
}
|
|
@@ -17455,31 +17455,31 @@ let q = class extends ee {
|
|
|
17455
17455
|
};
|
|
17456
17456
|
}
|
|
17457
17457
|
render() {
|
|
17458
|
-
return
|
|
17458
|
+
return g`<cx-dialog class="gallery-config-dialog" use-overlay-scrollbar variant=${this.variant} .boundary=${this.boundary} @cx-request-close=${this.handleClose} @cx-after-hide=${this.handleAfterHide}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.galleryPickerDialogTitle}</cx-typography></cx-space><form id="gallery-config-form" @submit=${this.handleFormSubmit}>${Fe(
|
|
17459
17459
|
this.variant,
|
|
17460
17460
|
[
|
|
17461
17461
|
[
|
|
17462
17462
|
L.Folder,
|
|
17463
|
-
() =>
|
|
17463
|
+
() => g`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("folder")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-folder-picker name="url" value=${P(this.editedImage.url)} variant="select" required .boundary=${this.boundary} @cx-content-builder-folder-change=${this.handleFolderChange} @cx-content-builder-folder-delete=${this.handleFolderDelete}></cx-folder-picker></cx-grid-item></cx-grid>`
|
|
17464
17464
|
],
|
|
17465
17465
|
[
|
|
17466
17466
|
L.Link,
|
|
17467
|
-
() =>
|
|
17467
|
+
() => g`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">Link</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="link-input" name="url" placeholder="Enter link" required type="text" value=${P(this.editedImage.url)} @cx-change=${this.handleInputChange}></cx-input></cx-grid-item></cx-grid>`
|
|
17468
17468
|
],
|
|
17469
17469
|
[
|
|
17470
17470
|
L.Page,
|
|
17471
|
-
() =>
|
|
17471
|
+
() => g`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("page")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-folder-select .api=${this.apiGetPagesAndLinks} custom-change-event="cx-gallery-config-select-change" required name="url" variant="select" value=${P(this.editedImage.pageId)} selected-label=${this.selectedPageLabel} @cx-selection-change=${this.handleSelectionChange}></cx-folder-select></cx-grid-item></cx-grid>`
|
|
17472
17472
|
],
|
|
17473
17473
|
[
|
|
17474
17474
|
L.Space,
|
|
17475
|
-
() =>
|
|
17475
|
+
() => g`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("space")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select .api=${this.apiGetTeamSpaceSpaceList} required name="url" use-search-term value=${P(this.editedImage.url)} @cx-change=${this.handleInputChange}></cx-dynamic-select></cx-grid-item></cx-grid>`
|
|
17476
17476
|
]
|
|
17477
17477
|
],
|
|
17478
17478
|
() => null
|
|
17479
17479
|
)}
|
|
17480
17480
|
${v(
|
|
17481
17481
|
this.showOpenInNewTab,
|
|
17482
|
-
() =>
|
|
17482
|
+
() => g`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-checkbox .defaultChecked=${this.editedImage.openInNewTab ?? !0} ?checked=${this.editedImage.openInNewTab ?? !0} @cx-change=${this.handleOpenInNewTabChange}><cx-typography variant="body2">${this.localize.term("openInNewTab")}</cx-typography></cx-checkbox></cx-grid-item></cx-grid>`
|
|
17483
17483
|
)}<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("thumbnail")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-asset-picker id=${this.editedImage.id} name="src" required is-site-builder type="all" value=${P(this.editedImage.src)} record-id=${this.editedImage.id || ""} ?disabled=${this.disabledAssetPicker} .onRequestAsset=${this.onRequestAsset} @cx-asset-request-status=${this.handleAssetRequestStatus} @cx-content-builder-asset-select=${this.handleAssetSelect} @cx-content-builder-asset-delete=${this.handleAssetDelete}></cx-asset-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("crop")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="object-fit-control" horizontal value=${P(this.editedImage.objectFit)} size="medium" @cx-change=${this.handleObjectFitChange}>${N(
|
|
17484
17484
|
[
|
|
17485
17485
|
{
|
|
@@ -17492,27 +17492,27 @@ let q = class extends ee {
|
|
|
17492
17492
|
}
|
|
17493
17493
|
],
|
|
17494
17494
|
(e) => e.value,
|
|
17495
|
-
(e) =>
|
|
17495
|
+
(e) => g`<cx-radio value=${e.value}>${e.name}</cx-radio>`
|
|
17496
17496
|
)}</cx-radio-group></cx-grid-item></cx-grid></form><cx-divider></cx-divider><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.hide}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" type="submit" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`;
|
|
17497
17497
|
}
|
|
17498
17498
|
};
|
|
17499
|
-
q.styles = [ae,
|
|
17499
|
+
q.styles = [ae, J0];
|
|
17500
17500
|
q.dependencies = {
|
|
17501
17501
|
"cx-asset-picker": Ve,
|
|
17502
17502
|
"cx-button": ce,
|
|
17503
17503
|
"cx-checkbox": Ue,
|
|
17504
17504
|
"cx-dialog": se,
|
|
17505
17505
|
"cx-divider": Je,
|
|
17506
|
-
"cx-dynamic-select":
|
|
17506
|
+
"cx-dynamic-select": Qe,
|
|
17507
17507
|
"cx-folder-picker": T,
|
|
17508
17508
|
"cx-folder-select": Ee,
|
|
17509
17509
|
"cx-grid": $e,
|
|
17510
17510
|
"cx-grid-item": we,
|
|
17511
17511
|
"cx-input": oe,
|
|
17512
17512
|
"cx-radio": Xe,
|
|
17513
|
-
"cx-radio-group":
|
|
17513
|
+
"cx-radio-group": Ze,
|
|
17514
17514
|
"cx-space": de,
|
|
17515
|
-
"cx-typography":
|
|
17515
|
+
"cx-typography": Q
|
|
17516
17516
|
};
|
|
17517
17517
|
j([
|
|
17518
17518
|
M("cx-dialog")
|
|
@@ -17560,22 +17560,22 @@ j([
|
|
|
17560
17560
|
q = j([
|
|
17561
17561
|
ie("cx-gallery-config")
|
|
17562
17562
|
], q);
|
|
17563
|
-
const
|
|
17564
|
-
var
|
|
17565
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
17566
|
-
(
|
|
17567
|
-
return t && r &&
|
|
17563
|
+
const Z0 = te`:host{width:100%;display:block;position:relative}.gallery-picker-dialog{--width:600px}.gallery-picker-dialog::part(body){padding-bottom:0}.gallery-picker-dialog::part(footer){padding-top:0}.gallery-picker__no-slides-added{margin-bottom:var(--cx-spacing-medium);display:block}.gallery-picker__overlay{margin-bottom:var(--cx-spacing-small)}.gallery-picker__masonry-wrapper{padding-right:var(--cx-spacing-medium)}.gallery-picker__input{opacity:0;pointer-events:none;z-index:-1;width:33.3333%;position:absolute;top:0;left:0;transform:translateY(-90%)}`;
|
|
17564
|
+
var Q0 = Object.defineProperty, e2 = Object.getOwnPropertyDescriptor, w = (e, a, n, t) => {
|
|
17565
|
+
for (var r = t > 1 ? void 0 : t ? e2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
17566
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
17567
|
+
return t && r && Q0(a, n, r), r;
|
|
17568
17568
|
};
|
|
17569
17569
|
We.plugin({
|
|
17570
|
-
ClickScroll:
|
|
17571
|
-
ScrollbarsHiding:
|
|
17572
|
-
SizeObserver:
|
|
17570
|
+
ClickScroll: z1,
|
|
17571
|
+
ScrollbarsHiding: R1,
|
|
17572
|
+
SizeObserver: T1
|
|
17573
17573
|
});
|
|
17574
17574
|
let D = class extends ee {
|
|
17575
17575
|
constructor() {
|
|
17576
|
-
super(...arguments), this.formControlController = new
|
|
17576
|
+
super(...arguments), this.formControlController = new S0(this, {
|
|
17577
17577
|
assumeInteractionOn: ["cx-gallery-picker-action"]
|
|
17578
|
-
}), this.localize = new W(this), this.variant = L.Asset, this.sourceVariant = z.Manual, this.dialogVariant = U.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format =
|
|
17578
|
+
}), this.localize = new W(this), this.variant = L.Asset, this.sourceVariant = z.Manual, this.dialogVariant = U.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = g1, this.manualFormat = !1, this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new b0(this, {
|
|
17579
17579
|
isSiteBuilder: !0,
|
|
17580
17580
|
maxEnd: 100
|
|
17581
17581
|
});
|
|
@@ -17670,10 +17670,10 @@ let D = class extends ee {
|
|
|
17670
17670
|
return;
|
|
17671
17671
|
}
|
|
17672
17672
|
const n = this.value.map((t) => t.id).filter((t) => t !== "");
|
|
17673
|
-
if (Array.isArray(e) && Array.isArray(a) && e.length === a.length &&
|
|
17673
|
+
if (Array.isArray(e) && Array.isArray(a) && e.length === a.length && D0(e, a, "id").length === 0) {
|
|
17674
17674
|
this.masonryData.sort((t, r) => {
|
|
17675
|
-
const i = n.indexOf(t.id),
|
|
17676
|
-
return i -
|
|
17675
|
+
const i = n.indexOf(t.id), m = n.indexOf(r.id);
|
|
17676
|
+
return i - m;
|
|
17677
17677
|
}), this.requestUpdate();
|
|
17678
17678
|
return;
|
|
17679
17679
|
}
|
|
@@ -17761,12 +17761,12 @@ let D = class extends ee {
|
|
|
17761
17761
|
this.emit("cx-content-builder-gallery-change", {
|
|
17762
17762
|
detail: {
|
|
17763
17763
|
data: a.map(
|
|
17764
|
-
({ id: n, objectFit: t, openInNewTab: r, pageId: i, rawId:
|
|
17764
|
+
({ id: n, objectFit: t, openInNewTab: r, pageId: i, rawId: m, url: A }) => ({
|
|
17765
17765
|
id: n,
|
|
17766
17766
|
objectFit: t,
|
|
17767
17767
|
openInNewTab: r,
|
|
17768
17768
|
pageId: i ?? "",
|
|
17769
|
-
rawId:
|
|
17769
|
+
rawId: m ?? "",
|
|
17770
17770
|
url: A ?? ""
|
|
17771
17771
|
})
|
|
17772
17772
|
)
|
|
@@ -17783,8 +17783,8 @@ let D = class extends ee {
|
|
|
17783
17783
|
t = [...this.value ?? [], a];
|
|
17784
17784
|
else {
|
|
17785
17785
|
t = [...this.value ?? []];
|
|
17786
|
-
const i = this.sourceVariant === z.Manual && !!a.rawId,
|
|
17787
|
-
t.some(
|
|
17786
|
+
const i = this.sourceVariant === z.Manual && !!a.rawId, m = (d) => i ? d.rawId === a.rawId : d.id === a.id;
|
|
17787
|
+
t.some(m) ? t = t.map((d) => m(d) ? a : d) : t.push(a);
|
|
17788
17788
|
}
|
|
17789
17789
|
const r = t.map((i) => ({
|
|
17790
17790
|
...i,
|
|
@@ -17833,8 +17833,8 @@ let D = class extends ee {
|
|
|
17833
17833
|
const a = e.elements().viewport, n = a.scrollTop, t = a.clientHeight, r = a.scrollHeight, i = n + t >= r - 5;
|
|
17834
17834
|
if (this.sourceVariant !== z.Api || this.loading || this.currentPage === 1 / 0 || !this.src)
|
|
17835
17835
|
return;
|
|
17836
|
-
const
|
|
17837
|
-
i && this.dataCount >
|
|
17836
|
+
const m = (this.currentPage + 1) * this.itemsPerPage;
|
|
17837
|
+
i && this.dataCount > m && this.currentPage++;
|
|
17838
17838
|
});
|
|
17839
17839
|
}
|
|
17840
17840
|
destroyOverlayScrollbar() {
|
|
@@ -17864,35 +17864,35 @@ let D = class extends ee {
|
|
|
17864
17864
|
hasError: this.errorDataMap.has(n.id),
|
|
17865
17865
|
loading: !n.src
|
|
17866
17866
|
}));
|
|
17867
|
-
return
|
|
17867
|
+
return g`<cx-input class="gallery-picker__input" label=${this.localize.term("choose")} name=${this.name} value=${JSON.stringify(this.value ?? [])}></cx-input><div part="overlay" class="gallery-picker__overlay" tabindex="-1"><div part="masonry-wrapper" style=${De({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === z.Manual ? "rawId" : "id"} row-height=${this.rowHeight} format=${this.format} ?manual-format=${this.manualFormat} spacing="medium" no-crossorigin ?sortable=${this.sourceVariant === z.Manual} .data=${a} .actions=${e} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${v(
|
|
17868
17868
|
this.src ? this.hasFinishedFetchingData && this.masonryData.length === 0 : this.masonryData.length === 0,
|
|
17869
17869
|
() => v(
|
|
17870
17870
|
this.sourceVariant === z.Api,
|
|
17871
|
-
() =>
|
|
17871
|
+
() => g`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${v(
|
|
17872
17872
|
this.dialogVariant === U.Gallery,
|
|
17873
17873
|
() => this.localize.term("cardsWillBeAddedAutomaticallyFromTheSelectedFolder"),
|
|
17874
17874
|
() => this.localize.term("slidesWillBeAddedAutomaticallyFromTheSelectedFolder")
|
|
17875
17875
|
)}</cx-typography>`,
|
|
17876
|
-
() =>
|
|
17876
|
+
() => g`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${this.localize.term(`no${this.dialogVariant === U.Gallery ? "Cards" : "Slides"}AddedYet`)}</cx-typography>`
|
|
17877
17877
|
)
|
|
17878
17878
|
)}</div>${v(
|
|
17879
17879
|
this.sourceVariant === z.Manual,
|
|
17880
|
-
() =>
|
|
17880
|
+
() => g`<cx-button class="gallery-picker-trigger" variant="default" @click=${this.handleAddItem}>${this.localize.term(`add${this.dialogVariant === U.Gallery ? "Card" : "Slide"}`)}</cx-button>`
|
|
17881
17881
|
)}<cx-gallery-config variant=${this.variant} dialog-variant=${this.dialogVariant} ?disabled-asset-picker=${this.sourceVariant === z.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
|
|
17882
17882
|
}
|
|
17883
17883
|
};
|
|
17884
17884
|
D.styles = [
|
|
17885
17885
|
ae,
|
|
17886
|
-
|
|
17887
|
-
|
|
17886
|
+
L1,
|
|
17887
|
+
Z0
|
|
17888
17888
|
];
|
|
17889
17889
|
D.dependencies = {
|
|
17890
17890
|
"cx-button": ce,
|
|
17891
17891
|
"cx-gallery-config": q,
|
|
17892
17892
|
"cx-input": oe,
|
|
17893
|
-
"cx-masonry":
|
|
17893
|
+
"cx-masonry": $0,
|
|
17894
17894
|
"cx-space": de,
|
|
17895
|
-
"cx-typography":
|
|
17895
|
+
"cx-typography": Q
|
|
17896
17896
|
};
|
|
17897
17897
|
D.THUMBNAIL_FORMAT = "TR4";
|
|
17898
17898
|
w([
|
|
@@ -17937,7 +17937,7 @@ w([
|
|
|
17937
17937
|
})
|
|
17938
17938
|
], D.prototype, "value", 2);
|
|
17939
17939
|
w([
|
|
17940
|
-
|
|
17940
|
+
w0()
|
|
17941
17941
|
], D.prototype, "defaultValue", 2);
|
|
17942
17942
|
w([
|
|
17943
17943
|
y({ reflect: !0, type: String })
|
|
@@ -18004,17 +18004,17 @@ w([
|
|
|
18004
18004
|
D = w([
|
|
18005
18005
|
ie("cx-gallery-picker")
|
|
18006
18006
|
], D);
|
|
18007
|
-
const
|
|
18008
|
-
var
|
|
18007
|
+
const a2 = te`.page-picker__name{--color:var(--cx-color-primary-500)}.page-picker__request-page-button:not(:first-child){margin-left:var(--cx-spacing-small)}`;
|
|
18008
|
+
var i2 = Object.defineProperty, t2 = Object.getOwnPropertyDescriptor, t1 = (e) => {
|
|
18009
18009
|
throw TypeError(e);
|
|
18010
18010
|
}, V = (e, a, n, t) => {
|
|
18011
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
18012
|
-
(
|
|
18013
|
-
return t && r &&
|
|
18014
|
-
}, r1 = (e, a, n) => a.has(e) || t1("Cannot " + n), he = (e, a, n) => (r1(e, a, "read from private field"), n ? n.call(e) : a.get(e)),
|
|
18011
|
+
for (var r = t > 1 ? void 0 : t ? t2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
18012
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
18013
|
+
return t && r && i2(a, n, r), r;
|
|
18014
|
+
}, r1 = (e, a, n) => a.has(e) || t1("Cannot " + n), he = (e, a, n) => (r1(e, a, "read from private field"), n ? n.call(e) : a.get(e)), r2 = (e, a, n) => a.has(e) ? t1("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, n), Ge = (e, a, n, t) => (r1(e, a, "write to private field"), a.set(e, n), n), H;
|
|
18015
18015
|
let K = class extends ee {
|
|
18016
18016
|
constructor() {
|
|
18017
|
-
super(), this.localize = new W(this), this.boundary = document.body, this.name = "", this.value = "", this.variant =
|
|
18017
|
+
super(), this.localize = new W(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = Z.Select, this.required = !1, this.selectedLabel = "", this.open = !1, r2(this, H), this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
|
|
18018
18018
|
}
|
|
18019
18019
|
async fetchSelectedPage() {
|
|
18020
18020
|
if (!(!this.value || this.selectedLabel))
|
|
@@ -18048,17 +18048,17 @@ let K = class extends ee {
|
|
|
18048
18048
|
start: n
|
|
18049
18049
|
});
|
|
18050
18050
|
if (!this.selectedLabel && this.value && t.length) {
|
|
18051
|
-
const
|
|
18052
|
-
|
|
18051
|
+
const m = t.find((A) => A.id === this.value)?.title;
|
|
18052
|
+
m && (this.selectedLabel = m);
|
|
18053
18053
|
}
|
|
18054
18054
|
return {
|
|
18055
|
-
data: t.map((
|
|
18056
|
-
docType:
|
|
18057
|
-
fullPath:
|
|
18058
|
-
hasChildren:
|
|
18059
|
-
id:
|
|
18060
|
-
title:
|
|
18061
|
-
url:
|
|
18055
|
+
data: t.map((m) => ({
|
|
18056
|
+
docType: m.type === "Page" ? "Page" : "Link",
|
|
18057
|
+
fullPath: m.url || "",
|
|
18058
|
+
hasChildren: m.hasChildren,
|
|
18059
|
+
id: m.id,
|
|
18060
|
+
title: m.title,
|
|
18061
|
+
url: _0(m.url)
|
|
18062
18062
|
})),
|
|
18063
18063
|
hasMore: r
|
|
18064
18064
|
};
|
|
@@ -18081,7 +18081,7 @@ let K = class extends ee {
|
|
|
18081
18081
|
const a = e.detail.selection[0];
|
|
18082
18082
|
this.selectedLabel = a.dataset.name ?? "";
|
|
18083
18083
|
const { id: n, url: t } = a.dataset;
|
|
18084
|
-
this.variant ===
|
|
18084
|
+
this.variant === Z.Select ? this.emit("cx-content-builder-page-change", {
|
|
18085
18085
|
detail: { id: n, url: t }
|
|
18086
18086
|
}) : Ge(this, H, { id: n, url: t });
|
|
18087
18087
|
}
|
|
@@ -18100,29 +18100,29 @@ let K = class extends ee {
|
|
|
18100
18100
|
}), this.dialog.hide(), this.open = !1;
|
|
18101
18101
|
}
|
|
18102
18102
|
render() {
|
|
18103
|
-
return
|
|
18104
|
-
this.variant ===
|
|
18105
|
-
() =>
|
|
18106
|
-
() =>
|
|
18103
|
+
return g`<cx-space part="base" class="page-picker" spacing="2x-small" direction="horizontal" align-items="center">${v(
|
|
18104
|
+
this.variant === Z.Select,
|
|
18105
|
+
() => g`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} value=${he(this, H)?.id || this.value} variant="select" .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-clear=${this.handleClear} @cx-selection-change=${this.handleSelectionChange} .api=${this.apiGetPagesAndLinks}></cx-folder-select>`,
|
|
18106
|
+
() => g`
|
|
18107
18107
|
${v(
|
|
18108
18108
|
this.selectedLabel,
|
|
18109
|
-
() =>
|
|
18109
|
+
() => g`<cx-typography data-testid="page-name" variant="body3" class="page-picker__name">${this.selectedLabel}</cx-typography>`
|
|
18110
18110
|
)}<cx-button data-testid="request-page-button" class="page-picker__request-page-button" @click=${this.handleRequestPageClick}>${this.localize.term("choose")}</cx-button>${v(
|
|
18111
18111
|
this.value,
|
|
18112
|
-
() =>
|
|
18112
|
+
() => g`<cx-icon-button data-testid="delete-page-button" label=${this.localize.term("delete")} name="delete" @click=${this.handleClear}></cx-icon-button>`
|
|
18113
18113
|
)}<cx-dialog part="dialog" class="page-picker__dialog" use-overlay-scrollbar strategy="overlay" ?open=${this.open} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-typography slot="label" variant="h4">${this.localize.term("selectFolder")}</cx-typography><cx-folder-select name=${this.name} value=${he(this, H)?.id || this.value} selected-label=${this.selectedLabel} variant=${this.variant} .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-selection-change=${this.handleSelectionChange} .api=${this.apiGetPagesAndLinks}></cx-folder-select><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleRequestClose}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`
|
|
18114
18114
|
)}</cx-space>`;
|
|
18115
18115
|
}
|
|
18116
18116
|
};
|
|
18117
18117
|
H = /* @__PURE__ */ new WeakMap();
|
|
18118
|
-
K.styles = [ae,
|
|
18118
|
+
K.styles = [ae, a2];
|
|
18119
18119
|
K.dependencies = {
|
|
18120
18120
|
"cx-button": ce,
|
|
18121
18121
|
"cx-dialog": se,
|
|
18122
18122
|
"cx-folder-select": Ee,
|
|
18123
18123
|
"cx-icon-button": _e,
|
|
18124
18124
|
"cx-space": de,
|
|
18125
|
-
"cx-typography":
|
|
18125
|
+
"cx-typography": Q
|
|
18126
18126
|
};
|
|
18127
18127
|
V([
|
|
18128
18128
|
M(".page-picker__dialog")
|
|
@@ -18154,39 +18154,50 @@ V([
|
|
|
18154
18154
|
K = V([
|
|
18155
18155
|
ie("cx-page-picker")
|
|
18156
18156
|
], K);
|
|
18157
|
-
const
|
|
18158
|
-
class
|
|
18157
|
+
const n2 = te`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;color:var(--cx-color-neutral)}.config-form__button-group{width:100%;& cx-button{flex:1}}.config-form__dropdown{text-align:left}.config-form__button-group--active::part(base){background-color:var(--cx-color-neutral-200)}.config-form__help-text{display:block}.config-form__radio-card-image *{max-width:100%}.config-form__checkbox-group{--children-gap:var(--cx-spacing-x-small)}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__label{--color:var(--cx-color-neutral-800)}.config-form__help-text{--color:var(--cx-color-neutral-600)}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__select{--option-color:var(--cx-color-neutral-900);--option-font-weight:var(--cx-font-weight-medium);--option-selected-font-weight:var(--cx-font-weight-medium);--option-help-text-color:var(--cx-color-neutral-600);--option-selected-help-text-color:var(--cx-color-neutral-600)}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__input__select-suffix{--cx-input-border-width:0;margin-inline-end:0}.config-form__input__select-suffix::part(combobox){width:10ch}.config-form__input__select-suffix::part(expand-icon){margin-inline-start:0}.config-form__input__divider-suffix{--spacing:0;margin-inline-end:0}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}cx-radio-group cx-radio{line-height:var(--cx-line-height-x-large)}`;
|
|
18158
|
+
class m2 {
|
|
18159
18159
|
constructor(a) {
|
|
18160
|
-
this.apiSearchAssets =
|
|
18160
|
+
this.apiSearchAssets = k0, this.apiGetTeamSpaceFontFamily = l1, this.pendingGalleryPickerSaves = /* @__PURE__ */ new Set(), this.fontFamiliesCache = /* @__PURE__ */ new Map(), this.pendingFontFamilyFetches = /* @__PURE__ */ new Set(), this.typeSubtypeOptionsCache = /* @__PURE__ */ new Map(), this.pendingTypeSubtypeOptionsFetches = /* @__PURE__ */ new Set(), this.host = a, this.localize = new W(this.host);
|
|
18161
18161
|
}
|
|
18162
18162
|
hostConnected() {
|
|
18163
18163
|
this.host.addController(this);
|
|
18164
18164
|
}
|
|
18165
18165
|
/**
|
|
18166
|
+
* Resolves the delivery URL to persist for an asset under a given format.
|
|
18167
|
+
*
|
|
18168
|
+
* A blank `format` means `Auto`, which is what a reset leaves behind: the proxy is then
|
|
18169
|
+
* derived from the asset's own extension and size (`resolveAutoFormat`), matching what
|
|
18170
|
+
* the block computes at runtime. Without this the reset would keep whichever URL the
|
|
18171
|
+
* previous hand-picked format wrote.
|
|
18172
|
+
*
|
|
18166
18173
|
* `TRX` proxies preserve the asset's original extension. When that extension is not a
|
|
18167
18174
|
* browser-displayable image format, fall back to the `TR1` transformation proxy, which is
|
|
18168
18175
|
* always transcoded to a raster format. Mirrors the same fallback in `FetchImageController`
|
|
18169
18176
|
* (used by the gallery/timeline blocks) and `cx-asset-transformation-dialog`.
|
|
18170
18177
|
*/
|
|
18171
18178
|
async resolveAssetFormatSrc(a, n) {
|
|
18172
|
-
const t =
|
|
18173
|
-
fields:
|
|
18179
|
+
const t = "path_TR1", r = !n, i = await this.apiSearchAssets({
|
|
18180
|
+
fields: [
|
|
18181
|
+
...n ? [`path_${n}`] : ["path_TRX"],
|
|
18182
|
+
t,
|
|
18183
|
+
qe,
|
|
18184
|
+
Oe,
|
|
18185
|
+
p0
|
|
18186
|
+
],
|
|
18174
18187
|
getPermanentAssetsPaths: !0,
|
|
18175
18188
|
isSiteBuilder: !0,
|
|
18176
18189
|
query: { recordId: [a] }
|
|
18177
18190
|
});
|
|
18178
|
-
for (const
|
|
18179
|
-
const d = r ? A[
|
|
18180
|
-
if (!
|
|
18181
|
-
const
|
|
18182
|
-
if (Me(
|
|
18183
|
-
return
|
|
18184
|
-
}
|
|
18185
|
-
if (r) {
|
|
18186
|
-
const m = A[i];
|
|
18187
|
-
if (Me(m))
|
|
18188
|
-
return m.URI;
|
|
18191
|
+
for (const m of i.items) {
|
|
18192
|
+
const A = String(m[qe] ?? ""), d = r ? n1(A, String(m[Oe] ?? "")) : n, l = `path_${d}`;
|
|
18193
|
+
if (!(d === "TRX") || !A || u0(A)) {
|
|
18194
|
+
const h = m[l];
|
|
18195
|
+
if (Me(h))
|
|
18196
|
+
return h.URI;
|
|
18189
18197
|
}
|
|
18198
|
+
const o = m[t];
|
|
18199
|
+
if (Me(o))
|
|
18200
|
+
return o.URI;
|
|
18190
18201
|
}
|
|
18191
18202
|
return "";
|
|
18192
18203
|
}
|
|
@@ -18245,13 +18256,13 @@ class r2 {
|
|
|
18245
18256
|
let n = "";
|
|
18246
18257
|
typeof a.helpText == "function" ? n = a.helpText(this.host.blockAttributes) : a.helpText && (n = a.helpText);
|
|
18247
18258
|
const t = a.infoTextConfigs?.color, r = De(t ? { "--color": t } : {});
|
|
18248
|
-
return
|
|
18259
|
+
return g`<cx-space class="config-form__info-text" direction="vertical" spacing="x-small" wrap="nowrap">${v(
|
|
18249
18260
|
a.label,
|
|
18250
|
-
() =>
|
|
18261
|
+
() => g`<cx-typography variant="body3" style=${r}>${a.label}</cx-typography>`
|
|
18251
18262
|
)}
|
|
18252
18263
|
${v(
|
|
18253
18264
|
n,
|
|
18254
|
-
() =>
|
|
18265
|
+
() => g`<cx-typography variant="body3" class="config-form__help-text" style=${r}>${n}</cx-typography>`
|
|
18255
18266
|
)}</cx-space>`;
|
|
18256
18267
|
}
|
|
18257
18268
|
renderControl({
|
|
@@ -18260,11 +18271,11 @@ class r2 {
|
|
|
18260
18271
|
currentValue: t,
|
|
18261
18272
|
disabled: r,
|
|
18262
18273
|
handleChange: i,
|
|
18263
|
-
key:
|
|
18274
|
+
key: m,
|
|
18264
18275
|
label: A,
|
|
18265
18276
|
trait: d
|
|
18266
18277
|
}) {
|
|
18267
|
-
return
|
|
18278
|
+
return g`
|
|
18268
18279
|
${Fe(
|
|
18269
18280
|
d.controlType,
|
|
18270
18281
|
[
|
|
@@ -18277,7 +18288,7 @@ class r2 {
|
|
|
18277
18288
|
manualFormat: k.detail.manualFormat,
|
|
18278
18289
|
transformations: k.detail.transformations
|
|
18279
18290
|
});
|
|
18280
|
-
},
|
|
18291
|
+
}, c = async () => {
|
|
18281
18292
|
await i({
|
|
18282
18293
|
format: d.assetTransformationConfigs?.defaultFormat ?? "",
|
|
18283
18294
|
manualFormat: !1,
|
|
@@ -18290,48 +18301,48 @@ class r2 {
|
|
|
18290
18301
|
} catch {
|
|
18291
18302
|
s = [];
|
|
18292
18303
|
}
|
|
18293
|
-
const o = a[d.assetTransformationConfigs?.formatKey ?? ""]?.toString() ?? "",
|
|
18294
|
-
return
|
|
18304
|
+
const o = a[d.assetTransformationConfigs?.formatKey ?? ""]?.toString() ?? "", h = d.assetTransformationConfigs?.manualFormatKey ?? "", C = a[h], x = C === !0 || C === "true", b = a[d.assetTransformationConfigs?.assetIdKey ?? ""]?.toString() ?? "";
|
|
18305
|
+
return g`<cx-asset-transformation-dialog asset-id=${b} base-url=${this.host.baseUrl} can-reset default-format=${d.assetTransformationConfigs?.defaultFormat ?? ""} dialog-label=${d.assetTransformationConfigs?.dialogLabel ?? ""} is-site-builder token=${this.host.token} ?manual-format=${x} ?multiple=${d.assetTransformationConfigs?.multiple ?? !1} ?no-crop=${d.assetTransformationConfigs?.noCrop ?? !1} ?no-resize=${d.assetTransformationConfigs?.noResize ?? !1} ?no-rotate=${d.assetTransformationConfigs?.noRotate ?? !1} .boundary=${this.host.boundary} .format=${o} .transformations=${s} @cx-asset-transformation-dialog-confirm=${l} @cx-asset-transformation-dialog-delete=${c}><cx-button slot="trigger">${this.localize.term("configure")}</cx-button></cx-asset-transformation-dialog>`;
|
|
18295
18306
|
}
|
|
18296
18307
|
],
|
|
18297
18308
|
[
|
|
18298
18309
|
"bicolor-picker",
|
|
18299
18310
|
() => {
|
|
18300
|
-
const l =
|
|
18301
|
-
return
|
|
18302
|
-
const o = s.detail.value,
|
|
18311
|
+
const l = F0(String(t));
|
|
18312
|
+
return g`<cx-bicolor-picker value=${l} @cx-bicolor-picker-change=${async (s) => {
|
|
18313
|
+
const o = s.detail.value, h = ye(
|
|
18303
18314
|
o[0],
|
|
18304
18315
|
o[1]
|
|
18305
18316
|
);
|
|
18306
|
-
await i(
|
|
18317
|
+
await i(h);
|
|
18307
18318
|
}}></cx-bicolor-picker>`;
|
|
18308
18319
|
}
|
|
18309
18320
|
],
|
|
18310
18321
|
[
|
|
18311
18322
|
"border-input-group",
|
|
18312
18323
|
() => {
|
|
18313
|
-
const l = async (
|
|
18314
|
-
const [s, o,
|
|
18324
|
+
const l = async (c) => {
|
|
18325
|
+
const [s, o, h] = c.detail.value, C = `${ye(s, o)} ${h}`;
|
|
18315
18326
|
await i(C);
|
|
18316
18327
|
};
|
|
18317
|
-
return
|
|
18328
|
+
return g`<cx-border-input-group value=${typeof t == "string" ? E0(t) : t} @cx-border-input-group-change=${l}></cx-border-input-group>`;
|
|
18318
18329
|
}
|
|
18319
18330
|
],
|
|
18320
18331
|
[
|
|
18321
18332
|
"button-group",
|
|
18322
|
-
() =>
|
|
18333
|
+
() => g`<cx-button-group class="config-form__button-group" value=${t ?? ""}>${N(
|
|
18323
18334
|
d.options ?? [],
|
|
18324
18335
|
(l) => l.value,
|
|
18325
18336
|
(l) => {
|
|
18326
|
-
const
|
|
18337
|
+
const c = async () => {
|
|
18327
18338
|
await i(String(l.value));
|
|
18328
18339
|
};
|
|
18329
|
-
return
|
|
18340
|
+
return g`<cx-button class=${P0({
|
|
18330
18341
|
"config-form__button-group--active": t === l.value
|
|
18331
|
-
})} variant="default" outline value=${l.value} @click=${
|
|
18342
|
+
})} variant="default" outline value=${l.value} @click=${c}>${l.name}
|
|
18332
18343
|
${v(
|
|
18333
18344
|
l.icon,
|
|
18334
|
-
() =>
|
|
18345
|
+
() => g`<cx-icon name=${l.icon} size="small" variant="outlined"></cx-icon>`
|
|
18335
18346
|
)}</cx-button>`;
|
|
18336
18347
|
}
|
|
18337
18348
|
)}</cx-button-group>`
|
|
@@ -18342,42 +18353,42 @@ class r2 {
|
|
|
18342
18353
|
const l = async (s) => {
|
|
18343
18354
|
let o = s.target.checked;
|
|
18344
18355
|
s.target.checked && d.checkedValue !== void 0 ? o = d.checkedValue : d.uncheckedValue !== void 0 && !s.target.checked && (o = d.uncheckedValue), await i(o);
|
|
18345
|
-
},
|
|
18346
|
-
return
|
|
18356
|
+
}, c = d.checkedValue === void 0 ? t : t === d.checkedValue;
|
|
18357
|
+
return g`<cx-checkbox ?checked=${c} ?disabled=${r ?? !1} @cx-change=${l}><cx-typography variant="body2" class="config-form__label">${d.label ?? ""}</cx-typography></cx-checkbox>`;
|
|
18347
18358
|
}
|
|
18348
18359
|
],
|
|
18349
18360
|
[
|
|
18350
18361
|
"checkbox-group",
|
|
18351
18362
|
() => {
|
|
18352
|
-
const l = async (
|
|
18353
|
-
const s =
|
|
18363
|
+
const l = async (c) => {
|
|
18364
|
+
const s = c.target, o = s.value, h = s.checked, C = t.split(" ").filter(Boolean);
|
|
18354
18365
|
let x;
|
|
18355
|
-
|
|
18366
|
+
h ? x = Be([...C, o]) : x = C.filter((b) => b !== o), await i(x.join(" "));
|
|
18356
18367
|
};
|
|
18357
|
-
return
|
|
18368
|
+
return g`<cx-space class="config-form__checkbox-group" direction="vertical">${N(
|
|
18358
18369
|
d.options ?? [],
|
|
18359
|
-
(
|
|
18360
|
-
(
|
|
18361
|
-
|
|
18362
|
-
)} ?disabled=${r ?? !1} @cx-change=${l}>${
|
|
18370
|
+
(c) => c.value,
|
|
18371
|
+
(c) => g`<cx-checkbox value=${c.value} ?checked=${t.includes(
|
|
18372
|
+
c.value
|
|
18373
|
+
)} ?disabled=${r ?? !1} @cx-change=${l}>${c.name}</cx-checkbox>`
|
|
18363
18374
|
)}</cx-space>`;
|
|
18364
18375
|
}
|
|
18365
18376
|
],
|
|
18366
18377
|
[
|
|
18367
18378
|
"corner-position-input-group",
|
|
18368
18379
|
() => {
|
|
18369
|
-
const { offsetX: l, offsetY:
|
|
18380
|
+
const { offsetX: l, offsetY: c } = d.cornerStyleKey || {
|
|
18370
18381
|
offsetX: "--offset-x",
|
|
18371
18382
|
offsetY: "--offset-y"
|
|
18372
18383
|
}, s = async (o) => {
|
|
18373
|
-
const { offsetX:
|
|
18384
|
+
const { offsetX: h, offsetY: C, position: x } = o.detail;
|
|
18374
18385
|
await i({
|
|
18375
|
-
offsetX:
|
|
18386
|
+
offsetX: h,
|
|
18376
18387
|
offsetY: C,
|
|
18377
18388
|
position: x
|
|
18378
18389
|
});
|
|
18379
18390
|
};
|
|
18380
|
-
return
|
|
18391
|
+
return g`<cx-corner-position-input-group position=${t ?? ""} offset-x=${this.host.blockStyles[l] ?? "0px"} offset-y=${this.host.blockStyles[c] ?? "0px"} @cx-corner-position-input-group-change=${s}></cx-corner-position-input-group>`;
|
|
18381
18392
|
}
|
|
18382
18393
|
],
|
|
18383
18394
|
[
|
|
@@ -18385,7 +18396,7 @@ class r2 {
|
|
|
18385
18396
|
() => {
|
|
18386
18397
|
const l = async (C) => {
|
|
18387
18398
|
await i(JSON.stringify(C.detail));
|
|
18388
|
-
},
|
|
18399
|
+
}, c = async () => {
|
|
18389
18400
|
await i(JSON.stringify({}));
|
|
18390
18401
|
};
|
|
18391
18402
|
let s = {};
|
|
@@ -18410,8 +18421,8 @@ class r2 {
|
|
|
18410
18421
|
}
|
|
18411
18422
|
else
|
|
18412
18423
|
o = a[d.downloadFormatPickerConfigs?.assetIdsKey ?? ""]?.toString().split(" ") ?? [];
|
|
18413
|
-
const
|
|
18414
|
-
return
|
|
18424
|
+
const h = d.pickerConfigs?.nameKey ?? "name";
|
|
18425
|
+
return g`<cx-download-format-picker name=${a[h] ?? ""} .value=${s} .assetIds=${o} .prescribedDocTypes=${d.downloadFormatPickerConfigs?.prescribedDocTypes ?? []} ?required=${d.required ?? !1} ?disabled=${o.length === 0} @cx-download-format-select=${l} @cx-download-format-delete=${c} .onRequestDownloadFormat=${this.host.onRequestDownloadFormat}>${A}</cx-download-format-picker>`;
|
|
18415
18426
|
}
|
|
18416
18427
|
],
|
|
18417
18428
|
[
|
|
@@ -18419,18 +18430,18 @@ class r2 {
|
|
|
18419
18430
|
() => {
|
|
18420
18431
|
const l = async (b) => {
|
|
18421
18432
|
await i(b.detail.format, b.detail.assetVersion, b.detail.assetSrc, b.detail.versionLabel);
|
|
18422
|
-
},
|
|
18423
|
-
return
|
|
18433
|
+
}, c = t, s = a[d.assetFormatPickerConfigs?.assetVersionKey ?? ""] ?? Ie.Latest, o = a[d.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, h = c ? { assetVersion: s, format: c, versionLabel: o } : void 0, C = a[d.assetFormatPickerConfigs?.assetIdKey ?? ""]?.toString() ?? "", x = d.pickerConfigs?.nameKey ?? "name";
|
|
18434
|
+
return g`<cx-asset-format-picker name=${a[x] ?? ""} .value=${h} asset-id=${C} default-format=${d.assetFormatPickerConfigs?.defaultFormat ?? ""} ?required=${d.required ?? !1} @cx-asset-format-select=${l} .onRequestAssetFormat=${this.host.onRequestAssetFormat}>${A}</cx-asset-format-picker>`;
|
|
18424
18435
|
}
|
|
18425
18436
|
],
|
|
18426
18437
|
[
|
|
18427
18438
|
"file",
|
|
18428
18439
|
() => {
|
|
18429
|
-
const l = d.accept,
|
|
18440
|
+
const l = d.accept, c = async (s) => {
|
|
18430
18441
|
const o = s.target.value;
|
|
18431
18442
|
await i(o);
|
|
18432
18443
|
};
|
|
18433
|
-
return
|
|
18444
|
+
return g`<cx-input type="file" accept=${l} button-only file-button-label=${this.localize.term("choose")} @cx-change=${c}></cx-input>`;
|
|
18434
18445
|
}
|
|
18435
18446
|
],
|
|
18436
18447
|
[
|
|
@@ -18438,10 +18449,10 @@ class r2 {
|
|
|
18438
18449
|
() => {
|
|
18439
18450
|
const l = async (C) => {
|
|
18440
18451
|
C.detail && await i(C.detail.id);
|
|
18441
|
-
},
|
|
18452
|
+
}, c = async () => {
|
|
18442
18453
|
await i("");
|
|
18443
|
-
}, { useAllowedFolders: s, useFullPath: o, variant:
|
|
18444
|
-
return
|
|
18454
|
+
}, { useAllowedFolders: s, useFullPath: o, variant: h } = d.folderPickerConfigs ?? {};
|
|
18455
|
+
return g`<cx-folder-picker value=${t} variant=${P(h)} .boundary=${this.host.boundary} .allowedFolders=${s ? this.host.allowedFolders : []} ?use-fullpath=${o} ?multiple=${d.multiple} @cx-content-builder-folder-change=${l} @cx-content-builder-folder-delete=${c}></cx-folder-picker>`;
|
|
18445
18456
|
}
|
|
18446
18457
|
],
|
|
18447
18458
|
[
|
|
@@ -18449,17 +18460,17 @@ class r2 {
|
|
|
18449
18460
|
() => {
|
|
18450
18461
|
const l = async (o) => {
|
|
18451
18462
|
await i(o.detail.data);
|
|
18452
|
-
},
|
|
18463
|
+
}, c = async (o) => {
|
|
18453
18464
|
await i(o.detail.data, !0);
|
|
18454
18465
|
}, s = a[d.galleryPickerConfigs?.manualFormatKey ?? ""] === !0 || a[d.galleryPickerConfigs?.manualFormatKey ?? ""] === "true";
|
|
18455
|
-
return
|
|
18466
|
+
return g`<cx-gallery-picker src=${a.src ?? ""} format=${a[d.galleryPickerConfigs?.formatKey ?? ""] ?? ""} ?manual-format=${s} source-variant=${a["source-variant"] ?? ""} dialog-variant=${d.galleryPickerConfigs?.dialog ?? U.Gallery} name=${m} value=${t ?? "[]"} variant=${a["card-type"] ?? "asset"} .boundary=${this.host.boundary} .onRequestAsset=${this.host.onRequestAsset} @cx-content-builder-gallery-change=${l} @cx-content-builder-gallery-fetched=${c}></cx-gallery-picker>`;
|
|
18456
18467
|
}
|
|
18457
18468
|
],
|
|
18458
18469
|
[
|
|
18459
18470
|
"group",
|
|
18460
18471
|
() => {
|
|
18461
18472
|
const l = d.groupConfigs?.direction === "horizontal";
|
|
18462
|
-
return
|
|
18473
|
+
return g`<cx-space direction="vertical" spacing="small" wrap=${P(l ? "nowrap" : void 0)}>${this.renderBasicControls(d.children ?? [], d)}</cx-space>`;
|
|
18463
18474
|
}
|
|
18464
18475
|
],
|
|
18465
18476
|
[
|
|
@@ -18468,18 +18479,18 @@ class r2 {
|
|
|
18468
18479
|
const l = async (o) => {
|
|
18469
18480
|
if (Array.isArray(o.detail))
|
|
18470
18481
|
return;
|
|
18471
|
-
const { id:
|
|
18482
|
+
const { id: h, src: C } = o.detail;
|
|
18472
18483
|
await i({
|
|
18473
|
-
id:
|
|
18484
|
+
id: h,
|
|
18474
18485
|
src: C
|
|
18475
18486
|
});
|
|
18476
|
-
},
|
|
18487
|
+
}, c = async () => {
|
|
18477
18488
|
await i({
|
|
18478
18489
|
id: "",
|
|
18479
18490
|
src: ""
|
|
18480
18491
|
});
|
|
18481
18492
|
}, s = d.pickerConfigs?.recordIdKey ?? "record-id";
|
|
18482
|
-
return
|
|
18493
|
+
return g`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="image" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${c} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
|
|
18483
18494
|
}
|
|
18484
18495
|
],
|
|
18485
18496
|
[
|
|
@@ -18488,15 +18499,15 @@ class r2 {
|
|
|
18488
18499
|
const l = async (k) => {
|
|
18489
18500
|
await i(k.detail.data);
|
|
18490
18501
|
}, {
|
|
18491
|
-
addDialogLabel:
|
|
18502
|
+
addDialogLabel: c,
|
|
18492
18503
|
addItemText: s,
|
|
18493
18504
|
columns: o,
|
|
18494
|
-
displayField:
|
|
18505
|
+
displayField: h,
|
|
18495
18506
|
editDialogLabel: C,
|
|
18496
18507
|
noHeader: x,
|
|
18497
18508
|
sampleItem: b
|
|
18498
18509
|
} = d.listEditorConfigs ?? {};
|
|
18499
|
-
return
|
|
18510
|
+
return g`<cx-list-editor data=${t} default-language=${this.host.defaultLanguage} add-dialog-label=${c} add-item-text=${s} edit-dialog-label=${C} display-field=${h} can-add sortable ?no-header=${x} .boundary=${this.host.boundary} .columns=${o} .sampleItem=${b} .supportedLanguages=${this.host.sortedLanguages} .onRequestAsset=${this.host.onRequestAsset} @cx-list-editor-change=${l}></cx-list-editor>`;
|
|
18500
18511
|
}
|
|
18501
18512
|
],
|
|
18502
18513
|
[
|
|
@@ -18504,21 +18515,21 @@ class r2 {
|
|
|
18504
18515
|
() => {
|
|
18505
18516
|
const l = async (s) => {
|
|
18506
18517
|
await i(s.detail.data);
|
|
18507
|
-
}, { columns:
|
|
18508
|
-
return
|
|
18518
|
+
}, { columns: c } = d.listEditorConfigs ?? {};
|
|
18519
|
+
return g`<cx-dam-custom-toolbar-buttons-editor data=${t} .columns=${c ?? []} .boundary=${this.host.boundary} .onConfigureWorkflow=${this.host.onConfigureWorkflow} @cx-list-editor-change=${l}></cx-dam-custom-toolbar-buttons-editor>`;
|
|
18509
18520
|
}
|
|
18510
18521
|
],
|
|
18511
18522
|
[
|
|
18512
18523
|
"type-subtype-select",
|
|
18513
18524
|
() => {
|
|
18514
|
-
const { api: l, multiple:
|
|
18515
|
-
return !s && !this.pendingTypeSubtypeOptionsFetches.has(d.id) && (this.pendingTypeSubtypeOptionsFetches.add(d.id), l().then((
|
|
18516
|
-
this.typeSubtypeOptionsCache.set(d.id,
|
|
18525
|
+
const { api: l, multiple: c } = d.typeSubtypeSelectConfigs, s = this.typeSubtypeOptionsCache.get(d.id);
|
|
18526
|
+
return !s && !this.pendingTypeSubtypeOptionsFetches.has(d.id) && (this.pendingTypeSubtypeOptionsFetches.add(d.id), l().then((h) => {
|
|
18527
|
+
this.typeSubtypeOptionsCache.set(d.id, h), this.host.requestUpdate();
|
|
18517
18528
|
}).catch(() => {
|
|
18518
18529
|
}).finally(() => {
|
|
18519
18530
|
this.pendingTypeSubtypeOptionsFetches.delete(d.id);
|
|
18520
|
-
})),
|
|
18521
|
-
await i(
|
|
18531
|
+
})), g`<cx-type-subtype-select value=${t ?? ""} .options=${s ?? []} ?multiple=${c ?? !1} @cx-change=${async (h) => {
|
|
18532
|
+
await i(h.target.value);
|
|
18522
18533
|
}}></cx-type-subtype-select>`;
|
|
18523
18534
|
}
|
|
18524
18535
|
],
|
|
@@ -18526,7 +18537,7 @@ class r2 {
|
|
|
18526
18537
|
"other-picker",
|
|
18527
18538
|
() => {
|
|
18528
18539
|
const l = async (o) => {
|
|
18529
|
-
const
|
|
18540
|
+
const h = Array.isArray(o.detail) ? o.detail : [o.detail], C = h.map((_) => _.id).join(" "), x = h.map((_) => _.src).join(" "), b = h.map((_) => _.representative ?? "").join(" "), k = h.map((_) => _.name).join(", "), E = h.map((_) => _.type).join(" "), S = h.map((_) => _.extension ?? "").join(" "), p = h.map((_) => _.identifier ?? "").join(" ");
|
|
18530
18541
|
await i({
|
|
18531
18542
|
extension: S,
|
|
18532
18543
|
id: C,
|
|
@@ -18536,7 +18547,7 @@ class r2 {
|
|
|
18536
18547
|
src: x,
|
|
18537
18548
|
type: E
|
|
18538
18549
|
});
|
|
18539
|
-
},
|
|
18550
|
+
}, c = async () => {
|
|
18540
18551
|
await i({
|
|
18541
18552
|
extension: "",
|
|
18542
18553
|
id: "",
|
|
@@ -18547,14 +18558,14 @@ class r2 {
|
|
|
18547
18558
|
type: ""
|
|
18548
18559
|
});
|
|
18549
18560
|
}, s = d.pickerConfigs?.recordIdKey ?? "record-id";
|
|
18550
|
-
return
|
|
18561
|
+
return g`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="other" name=${a[d.pickerConfigs?.nameKey ?? "name"] ?? ""} ?multiple=${d.pickerConfigs?.multiple ?? !1} ?required=${d.required ?? !1} .accepts=${d.pickerConfigs?.accepts ?? []} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${c} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
|
|
18551
18562
|
}
|
|
18552
18563
|
],
|
|
18553
18564
|
[
|
|
18554
18565
|
"all-picker",
|
|
18555
18566
|
() => {
|
|
18556
18567
|
const l = async (o) => {
|
|
18557
|
-
const
|
|
18568
|
+
const h = Array.isArray(o.detail) ? o.detail : [o.detail], C = h.map((p) => p.id).join(" "), x = h.map((p) => p.src).join(" "), b = h.map((p) => p.representative ?? "").join(" "), k = h.map((p) => p.name).join(", "), E = h.map((p) => p.type).join(" "), S = h.map((p) => p.extension ?? "").join(" ");
|
|
18558
18569
|
await i({
|
|
18559
18570
|
extension: S,
|
|
18560
18571
|
id: C,
|
|
@@ -18563,7 +18574,7 @@ class r2 {
|
|
|
18563
18574
|
src: x,
|
|
18564
18575
|
type: E
|
|
18565
18576
|
});
|
|
18566
|
-
},
|
|
18577
|
+
}, c = async () => {
|
|
18567
18578
|
await i({
|
|
18568
18579
|
extension: "",
|
|
18569
18580
|
id: "",
|
|
@@ -18573,13 +18584,13 @@ class r2 {
|
|
|
18573
18584
|
type: ""
|
|
18574
18585
|
});
|
|
18575
18586
|
}, s = d.pickerConfigs?.recordIdKey ?? "record-id";
|
|
18576
|
-
return
|
|
18587
|
+
return g`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="all" name=${a[d.pickerConfigs?.nameKey ?? "name"] ?? ""} ?multiple=${d.pickerConfigs?.multiple ?? !1} ?required=${d.required ?? !1} .accepts=${d.pickerConfigs?.accepts ?? []} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${c} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
|
|
18577
18588
|
}
|
|
18578
18589
|
],
|
|
18579
18590
|
[
|
|
18580
18591
|
"padding-input-group",
|
|
18581
|
-
() =>
|
|
18582
|
-
const s =
|
|
18592
|
+
() => g`<cx-padding-input-group value=${t} @cx-padding-input-group-change=${async (c) => {
|
|
18593
|
+
const s = c.detail.value.join(" ");
|
|
18583
18594
|
await i(s);
|
|
18584
18595
|
}}></cx-padding-input-group>`
|
|
18585
18596
|
],
|
|
@@ -18591,37 +18602,37 @@ class r2 {
|
|
|
18591
18602
|
id: s.detail.id,
|
|
18592
18603
|
url: s.detail.url
|
|
18593
18604
|
});
|
|
18594
|
-
},
|
|
18605
|
+
}, c = async () => {
|
|
18595
18606
|
await i({
|
|
18596
18607
|
id: "",
|
|
18597
18608
|
url: ""
|
|
18598
18609
|
});
|
|
18599
18610
|
};
|
|
18600
|
-
return
|
|
18611
|
+
return g`<cx-page-picker value=${t} .boundary=${this.host.boundary} ?required=${d.required ?? !1} @cx-content-builder-page-change=${l} @cx-content-builder-page-delete=${c}></cx-page-picker>`;
|
|
18601
18612
|
}
|
|
18602
18613
|
],
|
|
18603
18614
|
[
|
|
18604
18615
|
"position-picker",
|
|
18605
|
-
() =>
|
|
18606
|
-
const s =
|
|
18616
|
+
() => g`<cx-position-picker value=${t} @cx-change=${async (c) => {
|
|
18617
|
+
const s = c.target;
|
|
18607
18618
|
await i(s.value);
|
|
18608
18619
|
}}></cx-position-picker>`
|
|
18609
18620
|
],
|
|
18610
18621
|
[
|
|
18611
18622
|
"radio-card-group",
|
|
18612
|
-
() =>
|
|
18613
|
-
await i(
|
|
18623
|
+
() => g`<cx-radio-group name=${m} value=${t ?? ""} size="medium" items-per-row="3" horizontal @cx-change=${async (c) => {
|
|
18624
|
+
await i(c.target.value);
|
|
18614
18625
|
}}>${N(
|
|
18615
18626
|
d.options ?? [],
|
|
18616
|
-
(
|
|
18617
|
-
(
|
|
18627
|
+
(c) => c.value,
|
|
18628
|
+
(c) => g`<cx-radio-card value=${c.value} ?disabled=${c.disabled}>${c.name}
|
|
18618
18629
|
${v(
|
|
18619
|
-
|
|
18620
|
-
() =>
|
|
18630
|
+
c.children,
|
|
18631
|
+
() => g`<div slot="image" class="config-form__radio-card-image">${c.children}</div>`
|
|
18621
18632
|
)}
|
|
18622
18633
|
${v(
|
|
18623
|
-
|
|
18624
|
-
() =>
|
|
18634
|
+
c.helpText,
|
|
18635
|
+
() => g`<cx-typography variant="small" class="config-form__help-text">${c.helpText}</cx-typography>`
|
|
18625
18636
|
)}</cx-radio-card>`
|
|
18626
18637
|
)}</cx-radio-group>`
|
|
18627
18638
|
],
|
|
@@ -18631,13 +18642,13 @@ class r2 {
|
|
|
18631
18642
|
const l = async (s) => {
|
|
18632
18643
|
await i(s.target.value);
|
|
18633
18644
|
};
|
|
18634
|
-
let
|
|
18635
|
-
return
|
|
18636
|
-
"--radio-group-gap":
|
|
18645
|
+
let c = d.radioGroupConfigs?.gap;
|
|
18646
|
+
return c || (c = d.radioGroupConfigs?.horizontal ? "var(--cx-spacing-medium)" : "var(--cx-spacing-x-small)"), g`<cx-radio-group name=${m} value=${t ?? ""} size="medium" ?horizontal=${d.radioGroupConfigs?.horizontal ?? !1} style=${De({
|
|
18647
|
+
"--radio-group-gap": c
|
|
18637
18648
|
})} @cx-change=${l}>${N(
|
|
18638
18649
|
d.options ?? [],
|
|
18639
18650
|
(s) => s.value,
|
|
18640
|
-
(s) =>
|
|
18651
|
+
(s) => g`<cx-radio value=${s.value} ?disabled=${s.disabled}><cx-typography variant="body2" class="config-form__label">${s.name}</cx-typography>${v(s.helpText, () => g`<cx-typography variant="small" class="config-form__help-text">${s.helpText}</cx-typography>`)}</cx-radio>`
|
|
18641
18652
|
)}</cx-radio-group>`;
|
|
18642
18653
|
}
|
|
18643
18654
|
],
|
|
@@ -18645,16 +18656,16 @@ class r2 {
|
|
|
18645
18656
|
"select",
|
|
18646
18657
|
() => {
|
|
18647
18658
|
const l = async (o) => {
|
|
18648
|
-
let
|
|
18649
|
-
Array.isArray(
|
|
18650
|
-
},
|
|
18651
|
-
return d.api ?
|
|
18659
|
+
let h = o.target.value;
|
|
18660
|
+
Array.isArray(h) ? h = h.join(" ") : h = String(h), await i(h);
|
|
18661
|
+
}, c = d.selectConfigs?.fullWidthPopup ? n?.value : void 0, s = d.tableSelectConfigs?.columns ?? [];
|
|
18662
|
+
return d.api ? g`<cx-dynamic-select auto-size-padding=${s.length > 0 ? 100 : 10} class="config-form__select" data-label=${d.label ?? ""} hoist label=${d.inputConfigs?.label ?? ""} max-options-visible="0" placement=${P(d.selectConfigs?.placement)} value=${t ?? ""} .api=${d.api} .columns=${s} .syncElement=${P(c)} ?auto-fallback-first-option=${d.selectConfigs?.autoFallbackFirstOption ?? !1} ?clearable=${d.clearable ?? !0} ?disabled=${r} ?free-width=${s.length > 0} ?multiple=${d.multiple ?? !1} ?required=${d.required ?? !1} ?use-search-term=${d.useSearchTerm ?? !1} @cx-change=${l}></cx-dynamic-select>` : g`<cx-select class="config-form__select" value=${t ?? ""} hoist label=${d.inputConfigs?.label ?? ""} ?clearable=${d.clearable ?? !0} ?disabled=${r} placement=${P(d.selectConfigs?.placement)} .syncElement=${P(c)} @cx-change=${l}>${N(
|
|
18652
18663
|
d.options ?? [],
|
|
18653
18664
|
(o) => o.value,
|
|
18654
|
-
(o) =>
|
|
18665
|
+
(o) => g`<cx-option value=${o.value} show-check check-placement=${K1.Right}>${o.name}
|
|
18655
18666
|
${v(
|
|
18656
18667
|
o.helpText,
|
|
18657
|
-
() =>
|
|
18668
|
+
() => g`<cx-typography slot="help-text" variant="small">${o.helpText}</cx-typography>`
|
|
18658
18669
|
)}</cx-option>`
|
|
18659
18670
|
)}</cx-select>`;
|
|
18660
18671
|
}
|
|
@@ -18662,25 +18673,25 @@ class r2 {
|
|
|
18662
18673
|
[
|
|
18663
18674
|
"shadow-input-group",
|
|
18664
18675
|
() => {
|
|
18665
|
-
const l = async (
|
|
18666
|
-
const [s, o,
|
|
18676
|
+
const l = async (c) => {
|
|
18677
|
+
const [s, o, h, C, x, b] = c.detail.value, k = x || b, E = b || x, S = `${[s, o, h, C].join(" ")} ${ye(k, E)}`;
|
|
18667
18678
|
await i(S);
|
|
18668
18679
|
};
|
|
18669
|
-
return
|
|
18680
|
+
return g`<cx-shadow-input-group value=${typeof t == "string" ? v0(t) : t} @cx-shadow-input-group-change=${l}></cx-shadow-input-group>`;
|
|
18670
18681
|
}
|
|
18671
18682
|
],
|
|
18672
18683
|
[
|
|
18673
18684
|
"size-input-group",
|
|
18674
18685
|
() => {
|
|
18675
|
-
const l = async (
|
|
18676
|
-
const { keepRatio: s, value: o } =
|
|
18686
|
+
const l = async (c) => {
|
|
18687
|
+
const { keepRatio: s, value: o } = c.target;
|
|
18677
18688
|
await i({
|
|
18678
18689
|
height: o[1],
|
|
18679
18690
|
keepRatio: s,
|
|
18680
18691
|
width: o[0]
|
|
18681
18692
|
});
|
|
18682
18693
|
};
|
|
18683
|
-
return
|
|
18694
|
+
return g`<cx-size-input-group value=${t} ?use-mask=${d.sizeInputGroupConfigs?.useMask ?? !1} ?keep-ratio=${a["keep-ratio"] ?? !1} @cx-change=${l}></cx-size-input-group>`;
|
|
18684
18695
|
}
|
|
18685
18696
|
],
|
|
18686
18697
|
[
|
|
@@ -18691,20 +18702,20 @@ class r2 {
|
|
|
18691
18702
|
checked: o.target.checked,
|
|
18692
18703
|
value: o.target.value
|
|
18693
18704
|
});
|
|
18694
|
-
},
|
|
18705
|
+
}, c = d.checkedValue === void 0 ? t : t === d.checkedValue, s = g`<cx-switch ?checked=${c} ?disabled=${r} value=${t ?? ""} @cx-change=${l}>${v(
|
|
18695
18706
|
d.inputConfigs?.label,
|
|
18696
18707
|
() => d.inputConfigs?.label
|
|
18697
18708
|
)}</cx-switch>`;
|
|
18698
|
-
return r && d.disabledTooltip ?
|
|
18709
|
+
return r && d.disabledTooltip ? g`<cx-space direction="vertical" spacing="x-small" align-items="flex-start"><cx-tooltip content=${d.disabledTooltip} placement="top">${s}</cx-tooltip></cx-space>` : g`<cx-space direction="vertical" spacing="x-small" align-items="flex-start">${s}</cx-space>`;
|
|
18699
18710
|
}
|
|
18700
18711
|
],
|
|
18701
18712
|
[
|
|
18702
18713
|
"audio-picker",
|
|
18703
18714
|
() => {
|
|
18704
|
-
const l = async (
|
|
18705
|
-
if (Array.isArray(
|
|
18715
|
+
const l = async (h) => {
|
|
18716
|
+
if (Array.isArray(h.detail))
|
|
18706
18717
|
return;
|
|
18707
|
-
const { id: C, name: x, parentAssetID: b, representative: k, src: E } =
|
|
18718
|
+
const { id: C, name: x, parentAssetID: b, representative: k, src: E } = h.detail;
|
|
18708
18719
|
await i({
|
|
18709
18720
|
id: C,
|
|
18710
18721
|
name: x,
|
|
@@ -18712,7 +18723,7 @@ class r2 {
|
|
|
18712
18723
|
representative: k,
|
|
18713
18724
|
src: E
|
|
18714
18725
|
});
|
|
18715
|
-
},
|
|
18726
|
+
}, c = async () => {
|
|
18716
18727
|
await i({
|
|
18717
18728
|
id: "",
|
|
18718
18729
|
name: "",
|
|
@@ -18721,35 +18732,35 @@ class r2 {
|
|
|
18721
18732
|
src: ""
|
|
18722
18733
|
});
|
|
18723
18734
|
}, s = d.pickerConfigs?.recordIdKey ?? "record-id", o = d.pickerConfigs?.nameKey ?? "name";
|
|
18724
|
-
return
|
|
18735
|
+
return g`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} name=${a[o] ?? ""} value=${t} type="audio" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${c} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
|
|
18725
18736
|
}
|
|
18726
18737
|
],
|
|
18727
18738
|
[
|
|
18728
18739
|
"video-picker",
|
|
18729
18740
|
() => {
|
|
18730
|
-
const l = async (
|
|
18731
|
-
if (Array.isArray(
|
|
18741
|
+
const l = async (h) => {
|
|
18742
|
+
if (Array.isArray(h.detail))
|
|
18732
18743
|
return;
|
|
18733
|
-
const { id: C, name: x, src: b } =
|
|
18744
|
+
const { id: C, name: x, src: b } = h.detail;
|
|
18734
18745
|
await i({
|
|
18735
18746
|
id: C,
|
|
18736
18747
|
name: x,
|
|
18737
18748
|
src: b
|
|
18738
18749
|
});
|
|
18739
|
-
},
|
|
18750
|
+
}, c = async () => {
|
|
18740
18751
|
await i({
|
|
18741
18752
|
name: "",
|
|
18742
18753
|
src: ""
|
|
18743
18754
|
});
|
|
18744
18755
|
}, s = d.pickerConfigs?.recordIdKey ?? "record-id", o = d.pickerConfigs?.nameKey ?? "name";
|
|
18745
|
-
return
|
|
18756
|
+
return g`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} name=${a[o] ?? ""} value=${t} type="video" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${c} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
|
|
18746
18757
|
}
|
|
18747
18758
|
],
|
|
18748
18759
|
[
|
|
18749
18760
|
"color-swatch-picker",
|
|
18750
18761
|
() => {
|
|
18751
|
-
const l = async (
|
|
18752
|
-
const { args: C } =
|
|
18762
|
+
const l = async (h) => {
|
|
18763
|
+
const { args: C } = h.detail, x = C[0], b = x.getData(), k = x.getPosition();
|
|
18753
18764
|
let E = [];
|
|
18754
18765
|
try {
|
|
18755
18766
|
E = JSON.parse(t) || [];
|
|
@@ -18760,8 +18771,8 @@ class r2 {
|
|
|
18760
18771
|
(p) => p.id !== b.id
|
|
18761
18772
|
);
|
|
18762
18773
|
k && (S.splice(k - 1, 0, b), await i(JSON.stringify(S)));
|
|
18763
|
-
},
|
|
18764
|
-
const { args: C } =
|
|
18774
|
+
}, c = async (h) => {
|
|
18775
|
+
const { args: C } = h.detail, b = C[0].getData();
|
|
18765
18776
|
let k = [];
|
|
18766
18777
|
try {
|
|
18767
18778
|
k = JSON.parse(t) || [];
|
|
@@ -18772,8 +18783,8 @@ class r2 {
|
|
|
18772
18783
|
(S) => S.id !== b.id
|
|
18773
18784
|
);
|
|
18774
18785
|
await i(JSON.stringify(E));
|
|
18775
|
-
}, s = async (
|
|
18776
|
-
const { detail: C } =
|
|
18786
|
+
}, s = async (h) => {
|
|
18787
|
+
const { detail: C } = h;
|
|
18777
18788
|
if (!C)
|
|
18778
18789
|
return;
|
|
18779
18790
|
let x = [];
|
|
@@ -18784,8 +18795,8 @@ class r2 {
|
|
|
18784
18795
|
}
|
|
18785
18796
|
const b = [...x, C];
|
|
18786
18797
|
await i(JSON.stringify(b));
|
|
18787
|
-
}, o = async (
|
|
18788
|
-
const { detail: C } =
|
|
18798
|
+
}, o = async (h) => {
|
|
18799
|
+
const { detail: C } = h;
|
|
18789
18800
|
if (!C)
|
|
18790
18801
|
return;
|
|
18791
18802
|
let x = [];
|
|
@@ -18799,17 +18810,17 @@ class r2 {
|
|
|
18799
18810
|
);
|
|
18800
18811
|
await i(JSON.stringify(b));
|
|
18801
18812
|
};
|
|
18802
|
-
return
|
|
18813
|
+
return g`<cx-color-swatch-picker data=${t} default-language=${this.host.defaultLanguage} .boundary=${this.host.boundary} .supportedLanguages=${this.host.sortedLanguages} ?disable-table-load=${!this.host.isAfterShow} @cx-color-swatch-picker-add=${s} @cx-color-swatch-picker-edit=${o} @cx-table.rowMoved=${l} @cx-table.rowDeleted=${c}></cx-color-swatch-picker>`;
|
|
18803
18814
|
}
|
|
18804
18815
|
],
|
|
18805
18816
|
[
|
|
18806
18817
|
"icon-picker",
|
|
18807
18818
|
() => {
|
|
18808
|
-
const l = async (
|
|
18809
|
-
const o =
|
|
18819
|
+
const l = async (c) => {
|
|
18820
|
+
const o = c.target.value;
|
|
18810
18821
|
await i(o);
|
|
18811
18822
|
};
|
|
18812
|
-
return
|
|
18823
|
+
return g`<cx-icon-picker value=${t} ?clearable=${d.clearable ?? !0} @cx-change=${l} .onRequestAsset=${this.host.onRequestAsset}></cx-icon-picker>`;
|
|
18813
18824
|
}
|
|
18814
18825
|
],
|
|
18815
18826
|
[
|
|
@@ -18817,27 +18828,27 @@ class r2 {
|
|
|
18817
18828
|
() => {
|
|
18818
18829
|
const {
|
|
18819
18830
|
api: l,
|
|
18820
|
-
familyKey:
|
|
18831
|
+
familyKey: c,
|
|
18821
18832
|
styleKey: s,
|
|
18822
18833
|
weightKey: o
|
|
18823
|
-
} = d.fontPickerConfigs,
|
|
18834
|
+
} = d.fontPickerConfigs, h = this.fontFamiliesCache.get(d.id), { familyValue: C, styleValue: x } = h ? C1({
|
|
18824
18835
|
blockAttributes: this.host.blockStyles,
|
|
18825
18836
|
keys: {
|
|
18826
|
-
familyKey:
|
|
18837
|
+
familyKey: c,
|
|
18827
18838
|
styleKey: s,
|
|
18828
18839
|
weightKey: o
|
|
18829
18840
|
},
|
|
18830
|
-
typefaces:
|
|
18841
|
+
typefaces: h
|
|
18831
18842
|
}) : {
|
|
18832
18843
|
familyValue: String(
|
|
18833
|
-
this.host.blockStyles[
|
|
18844
|
+
this.host.blockStyles[c] ?? m1
|
|
18834
18845
|
),
|
|
18835
18846
|
styleValue: ""
|
|
18836
18847
|
};
|
|
18837
|
-
!
|
|
18848
|
+
!h && !this.pendingFontFamilyFetches.has(d.id) && (this.pendingFontFamilyFetches.add(d.id), Promise.all([l(), this.apiGetTeamSpaceFontFamily()]).then(([k, E]) => {
|
|
18838
18849
|
this.fontFamiliesCache.set(
|
|
18839
18850
|
d.id,
|
|
18840
|
-
|
|
18851
|
+
y1(
|
|
18841
18852
|
k,
|
|
18842
18853
|
E?.fontFamily ?? ""
|
|
18843
18854
|
)
|
|
@@ -18847,7 +18858,7 @@ class r2 {
|
|
|
18847
18858
|
this.pendingFontFamilyFetches.delete(d.id);
|
|
18848
18859
|
}));
|
|
18849
18860
|
const b = async (k) => {
|
|
18850
|
-
const E = k.target, S = this.fontFamiliesCache.get(d.id) ?? [], p =
|
|
18861
|
+
const E = k.target, S = this.fontFamiliesCache.get(d.id) ?? [], p = b1({
|
|
18851
18862
|
clearDefaultFamily: !0,
|
|
18852
18863
|
familyValue: E.familyValue,
|
|
18853
18864
|
styleValue: E.styleValue,
|
|
@@ -18859,12 +18870,12 @@ class r2 {
|
|
|
18859
18870
|
weight: p.weight
|
|
18860
18871
|
});
|
|
18861
18872
|
};
|
|
18862
|
-
return
|
|
18873
|
+
return g`<cx-font-picker family-value=${C} style-value=${x} layout=${x1.Labeled} ?required=${d.required ?? !1} .fontTypefaces=${h ?? []} @cx-font-picker-change=${b}></cx-font-picker>`;
|
|
18863
18874
|
}
|
|
18864
18875
|
]
|
|
18865
18876
|
],
|
|
18866
18877
|
() => {
|
|
18867
|
-
const l = be(),
|
|
18878
|
+
const l = be(), c = be(), s = { unit: "%", value: "100" }, { unit: o, value: h } = typeof t == "string" ? I0(t) ?? s : s;
|
|
18868
18879
|
let C = t, x, b = d.maskBlocks, k = o;
|
|
18869
18880
|
const E = () => {
|
|
18870
18881
|
if (d.inputConfigs?.validation) {
|
|
@@ -18876,7 +18887,7 @@ class r2 {
|
|
|
18876
18887
|
}, S = async (p) => {
|
|
18877
18888
|
let _ = t;
|
|
18878
18889
|
if (p.target instanceof oe)
|
|
18879
|
-
|
|
18890
|
+
c.value ? _ = `${p.target.value}${k}` : _ = p.target.value;
|
|
18880
18891
|
else if (p.target instanceof Se) {
|
|
18881
18892
|
let Y = p.currentTarget.value ?? "", X = p.target.value;
|
|
18882
18893
|
k = X;
|
|
@@ -18899,19 +18910,19 @@ class r2 {
|
|
|
18899
18910
|
E();
|
|
18900
18911
|
};
|
|
18901
18912
|
if (d.inputConfigs?.suffix?.type === "unit" && typeof t == "string") {
|
|
18902
|
-
C =
|
|
18913
|
+
C = h ?? "";
|
|
18903
18914
|
for (const p of d.inputConfigs?.suffix?.options ?? [])
|
|
18904
18915
|
if (p.value === k && p.maskBlocks) {
|
|
18905
18916
|
b = p.maskBlocks;
|
|
18906
18917
|
break;
|
|
18907
18918
|
}
|
|
18908
|
-
x =
|
|
18919
|
+
x = g`<cx-divider slot="suffix" class="config-form__input__divider-suffix" vertical></cx-divider><cx-select ${xe(c)} value=${k || d.inputConfigs?.suffix?.options[0].value} class="config-form__input__select-suffix" slot="suffix" placement="bottom-start" input-behavior="none" hoist>${N(
|
|
18909
18920
|
d.inputConfigs?.suffix?.options ?? [],
|
|
18910
18921
|
(p) => p.value,
|
|
18911
|
-
(p) =>
|
|
18922
|
+
(p) => g`<cx-option value=${p.value}>${p.name}</cx-option>`
|
|
18912
18923
|
)}</cx-select>`;
|
|
18913
18924
|
}
|
|
18914
|
-
return this.host.updateComplete.then(() => E()),
|
|
18925
|
+
return this.host.updateComplete.then(() => E()), g`<cx-input ${xe(l)} ?disabled=${r} ?required=${d.required ?? !1} label=${d.inputConfigs?.label ?? ""} value=${C} placeholder=${d.placeholder ?? ""} mask=${d.mask} .maskBlocks=${b} @cx-change=${S} type=${d.controlType}>${x}</cx-input>`;
|
|
18915
18926
|
}
|
|
18916
18927
|
)}
|
|
18917
18928
|
`;
|
|
@@ -18922,7 +18933,7 @@ class r2 {
|
|
|
18922
18933
|
disabled: t,
|
|
18923
18934
|
key: r,
|
|
18924
18935
|
trait: i,
|
|
18925
|
-
type:
|
|
18936
|
+
type: m
|
|
18926
18937
|
}) {
|
|
18927
18938
|
const A = i.label;
|
|
18928
18939
|
let d = "";
|
|
@@ -18930,10 +18941,10 @@ class r2 {
|
|
|
18930
18941
|
let l;
|
|
18931
18942
|
switch (i.controlType) {
|
|
18932
18943
|
case "asset-transformation": {
|
|
18933
|
-
l = async (
|
|
18934
|
-
if (typeof
|
|
18935
|
-
const { format: s, manualFormat: o, transformations:
|
|
18936
|
-
await this.handleConfigChange(r, JSON.stringify(
|
|
18944
|
+
l = async (c) => {
|
|
18945
|
+
if (typeof c == "object" && c !== null) {
|
|
18946
|
+
const { format: s, manualFormat: o, transformations: h } = c;
|
|
18947
|
+
await this.handleConfigChange(r, JSON.stringify(h), m, i.callback);
|
|
18937
18948
|
const C = i.assetTransformationConfigs?.formatKey;
|
|
18938
18949
|
C && await this.handleConfigChange(C, s, "attribute");
|
|
18939
18950
|
const x = i.assetTransformationConfigs?.manualFormatKey;
|
|
@@ -18943,7 +18954,7 @@ class r2 {
|
|
|
18943
18954
|
"attribute"
|
|
18944
18955
|
);
|
|
18945
18956
|
const b = i.assetTransformationConfigs?.srcKey, k = i.assetTransformationConfigs?.assetIdKey ?? "", E = String(this.host.blockAttributes[k] ?? "");
|
|
18946
|
-
if (b && E
|
|
18957
|
+
if (b && E) {
|
|
18947
18958
|
const p = await this.resolveAssetFormatSrc(E, s);
|
|
18948
18959
|
p && await this.handleConfigChange(b, p, "attribute");
|
|
18949
18960
|
}
|
|
@@ -18966,23 +18977,23 @@ class r2 {
|
|
|
18966
18977
|
break;
|
|
18967
18978
|
}
|
|
18968
18979
|
case "corner-position-input-group": {
|
|
18969
|
-
const { offsetX:
|
|
18980
|
+
const { offsetX: c, offsetY: s } = i.cornerStyleKey || {
|
|
18970
18981
|
offsetX: "--offset-x",
|
|
18971
18982
|
offsetY: "--offset-y"
|
|
18972
18983
|
};
|
|
18973
18984
|
l = async (o) => {
|
|
18974
18985
|
if (typeof o == "object" && o !== null) {
|
|
18975
|
-
const { offsetX:
|
|
18986
|
+
const { offsetX: h, offsetY: C, position: x } = o;
|
|
18976
18987
|
await Promise.all([
|
|
18977
18988
|
this.handleConfigChange(
|
|
18978
18989
|
r,
|
|
18979
18990
|
x,
|
|
18980
|
-
|
|
18991
|
+
m,
|
|
18981
18992
|
i.callback
|
|
18982
18993
|
),
|
|
18983
18994
|
this.handleConfigChange(
|
|
18984
|
-
|
|
18985
|
-
|
|
18995
|
+
c,
|
|
18996
|
+
h,
|
|
18986
18997
|
"style",
|
|
18987
18998
|
i.callback
|
|
18988
18999
|
),
|
|
@@ -18998,43 +19009,43 @@ class r2 {
|
|
|
18998
19009
|
break;
|
|
18999
19010
|
}
|
|
19000
19011
|
case "gallery-picker": {
|
|
19001
|
-
l = async (
|
|
19002
|
-
if (!Array.isArray(
|
|
19012
|
+
l = async (c, ...s) => {
|
|
19013
|
+
if (!Array.isArray(c))
|
|
19003
19014
|
return;
|
|
19004
19015
|
const o = typeof s[0] == "boolean" ? s[0] : !1;
|
|
19005
19016
|
if (o)
|
|
19006
19017
|
this.pendingGalleryPickerSaves.has(r) && (this.pendingGalleryPickerSaves.delete(r), await this.handleConfigChange(
|
|
19007
19018
|
r,
|
|
19008
|
-
|
|
19009
|
-
|
|
19019
|
+
c.map((h) => ({ ...h, src: void 0 })),
|
|
19020
|
+
m,
|
|
19010
19021
|
i.callback
|
|
19011
19022
|
));
|
|
19012
|
-
else if (
|
|
19013
|
-
await this.handleConfigChange(r,
|
|
19023
|
+
else if (c.length === 0)
|
|
19024
|
+
await this.handleConfigChange(r, c, m, i.callback);
|
|
19014
19025
|
else {
|
|
19015
|
-
let
|
|
19026
|
+
let h = [];
|
|
19016
19027
|
try {
|
|
19017
|
-
|
|
19028
|
+
h = JSON.parse(String(this.host.blockAttributes[r] ?? "[]"));
|
|
19018
19029
|
} catch {
|
|
19019
|
-
|
|
19030
|
+
h = [];
|
|
19020
19031
|
}
|
|
19021
|
-
const C = new Set(
|
|
19022
|
-
|
|
19032
|
+
const C = new Set(h.map((k) => k.id));
|
|
19033
|
+
c.map((k) => k.id).some((k) => !C.has(k)) ? this.pendingGalleryPickerSaves.add(r) : await this.handleConfigChange(r, c, m, i.callback);
|
|
19023
19034
|
}
|
|
19024
|
-
if (i.galleryPickerConfigs?.transformationRecordIdKey && (!o ||
|
|
19025
|
-
const C =
|
|
19035
|
+
if (i.galleryPickerConfigs?.transformationRecordIdKey && (!o || c.length > 0)) {
|
|
19036
|
+
const C = c.find(
|
|
19026
19037
|
(x) => x.docType === i1.Image
|
|
19027
19038
|
);
|
|
19028
19039
|
await this.handleConfigChange(
|
|
19029
19040
|
i.galleryPickerConfigs.transformationRecordIdKey,
|
|
19030
19041
|
C?.id ?? "",
|
|
19031
|
-
|
|
19042
|
+
m
|
|
19032
19043
|
);
|
|
19033
19044
|
}
|
|
19034
|
-
!o &&
|
|
19045
|
+
!o && c.length === 0 && i.galleryPickerConfigs?.transformationsKey && await this.handleConfigChange(
|
|
19035
19046
|
i.galleryPickerConfigs.transformationsKey,
|
|
19036
19047
|
"[]",
|
|
19037
|
-
|
|
19048
|
+
m
|
|
19038
19049
|
);
|
|
19039
19050
|
};
|
|
19040
19051
|
break;
|
|
@@ -19045,84 +19056,84 @@ class r2 {
|
|
|
19045
19056
|
break;
|
|
19046
19057
|
}
|
|
19047
19058
|
case "image-picker": {
|
|
19048
|
-
l = async (
|
|
19049
|
-
if (typeof
|
|
19050
|
-
const { id: s, src: o } =
|
|
19059
|
+
l = async (c) => {
|
|
19060
|
+
if (typeof c == "object" && c !== null) {
|
|
19061
|
+
const { id: s, src: o } = c, h = i.pickerConfigs?.recordIdKey ?? "record-id";
|
|
19051
19062
|
let C = i.callback;
|
|
19052
19063
|
C && (C = (b) => i.callback({
|
|
19053
19064
|
...b,
|
|
19054
19065
|
extraValue: {
|
|
19055
|
-
[
|
|
19066
|
+
[h]: s
|
|
19056
19067
|
}
|
|
19057
19068
|
}));
|
|
19058
|
-
const x = (b) =>
|
|
19069
|
+
const x = (b) => m === "style" && b ? `url("${b}")` : b;
|
|
19059
19070
|
if (s) {
|
|
19060
|
-
const b = i.pickerConfigs?.defaultFormat ?? "
|
|
19061
|
-
k ? await this.handleConfigChange(r, x(k),
|
|
19071
|
+
const b = i.pickerConfigs?.defaultFormat ?? "", k = await this.resolveAssetFormatSrc(s, b);
|
|
19072
|
+
k ? await this.handleConfigChange(r, x(k), m, C) : await this.handleConfigChange(r, x(o), m, C);
|
|
19062
19073
|
} else
|
|
19063
|
-
await this.handleConfigChange(r, x(o),
|
|
19074
|
+
await this.handleConfigChange(r, x(o), m, C);
|
|
19064
19075
|
}
|
|
19065
19076
|
};
|
|
19066
19077
|
break;
|
|
19067
19078
|
}
|
|
19068
19079
|
case "list-editor":
|
|
19069
19080
|
case "dam-custom-toolbar-buttons": {
|
|
19070
|
-
l = async (
|
|
19071
|
-
Array.isArray(
|
|
19081
|
+
l = async (c) => {
|
|
19082
|
+
Array.isArray(c) && await this.handleConfigChange(
|
|
19072
19083
|
r,
|
|
19073
|
-
m,
|
|
19074
19084
|
c,
|
|
19085
|
+
m,
|
|
19075
19086
|
i.callback
|
|
19076
19087
|
);
|
|
19077
19088
|
};
|
|
19078
19089
|
break;
|
|
19079
19090
|
}
|
|
19080
19091
|
case "other-picker": {
|
|
19081
|
-
l = async (
|
|
19082
|
-
if (typeof
|
|
19083
|
-
const { extension: s, id: o, identifier:
|
|
19092
|
+
l = async (c) => {
|
|
19093
|
+
if (typeof c == "object" && c !== null) {
|
|
19094
|
+
const { extension: s, id: o, identifier: h, name: C, representative: x, src: b, type: k } = c;
|
|
19084
19095
|
if (o === "" && C === "" && b === "") {
|
|
19085
19096
|
const S = i.callback ? (p) => i.callback({
|
|
19086
19097
|
...p,
|
|
19087
19098
|
extraValue: { extension: s, id: o, identifier: "", name: C, representative: "", type: "" }
|
|
19088
19099
|
}) : void 0;
|
|
19089
|
-
await this.handleConfigChange(r, "",
|
|
19100
|
+
await this.handleConfigChange(r, "", m, S);
|
|
19090
19101
|
return;
|
|
19091
19102
|
}
|
|
19092
19103
|
const E = i.callback ? (S) => i.callback({
|
|
19093
19104
|
...S,
|
|
19094
|
-
extraValue: { extension: s, id: o, identifier:
|
|
19105
|
+
extraValue: { extension: s, id: o, identifier: h, name: C, representative: x, type: k }
|
|
19095
19106
|
}) : void 0;
|
|
19096
|
-
await this.handleConfigChange(r, b,
|
|
19107
|
+
await this.handleConfigChange(r, b, m, E);
|
|
19097
19108
|
}
|
|
19098
19109
|
};
|
|
19099
19110
|
break;
|
|
19100
19111
|
}
|
|
19101
19112
|
case "all-picker": {
|
|
19102
|
-
l = async (
|
|
19103
|
-
if (typeof
|
|
19104
|
-
const { extension: s, id: o, name:
|
|
19105
|
-
if (o === "" &&
|
|
19113
|
+
l = async (c) => {
|
|
19114
|
+
if (typeof c == "object" && c !== null) {
|
|
19115
|
+
const { extension: s, id: o, name: h, representative: C, src: x, type: b } = c;
|
|
19116
|
+
if (o === "" && h === "" && x === "" && b === "") {
|
|
19106
19117
|
const E = i.callback ? (S) => i.callback({
|
|
19107
19118
|
...S,
|
|
19108
|
-
extraValue: { extension: s, id: o, name:
|
|
19119
|
+
extraValue: { extension: s, id: o, name: h, representative: "", type: "" }
|
|
19109
19120
|
}) : void 0;
|
|
19110
|
-
await this.handleConfigChange(r, "",
|
|
19121
|
+
await this.handleConfigChange(r, "", m, E);
|
|
19111
19122
|
return;
|
|
19112
19123
|
}
|
|
19113
19124
|
const k = i.callback ? (E) => i.callback({
|
|
19114
19125
|
...E,
|
|
19115
|
-
extraValue: { extension: s, id: o, name:
|
|
19126
|
+
extraValue: { extension: s, id: o, name: h, representative: C, type: b }
|
|
19116
19127
|
}) : void 0;
|
|
19117
|
-
await this.handleConfigChange(r, x,
|
|
19128
|
+
await this.handleConfigChange(r, x, m, k);
|
|
19118
19129
|
}
|
|
19119
19130
|
};
|
|
19120
19131
|
break;
|
|
19121
19132
|
}
|
|
19122
19133
|
case "page-picker": {
|
|
19123
|
-
l = async (
|
|
19124
|
-
if (typeof
|
|
19125
|
-
const { id: s, url: o } =
|
|
19134
|
+
l = async (c) => {
|
|
19135
|
+
if (typeof c == "object" && c !== null) {
|
|
19136
|
+
const { id: s, url: o } = c, h = i.callback ? (C) => i.callback({
|
|
19126
19137
|
...C,
|
|
19127
19138
|
extraValue: {
|
|
19128
19139
|
"page-url": o
|
|
@@ -19131,31 +19142,31 @@ class r2 {
|
|
|
19131
19142
|
await this.handleConfigChange(
|
|
19132
19143
|
r,
|
|
19133
19144
|
s,
|
|
19134
|
-
|
|
19135
|
-
|
|
19145
|
+
m,
|
|
19146
|
+
h
|
|
19136
19147
|
);
|
|
19137
19148
|
}
|
|
19138
19149
|
};
|
|
19139
19150
|
break;
|
|
19140
19151
|
}
|
|
19141
19152
|
case "size-input-group": {
|
|
19142
|
-
l = async (
|
|
19143
|
-
if (typeof
|
|
19144
|
-
const { height: s, keepRatio: o, width:
|
|
19153
|
+
l = async (c) => {
|
|
19154
|
+
if (typeof c == "object" && c !== null) {
|
|
19155
|
+
const { height: s, keepRatio: o, width: h } = c;
|
|
19145
19156
|
await this.handleConfigChange(
|
|
19146
19157
|
"width",
|
|
19147
|
-
|
|
19148
|
-
|
|
19158
|
+
h,
|
|
19159
|
+
m,
|
|
19149
19160
|
i.callback
|
|
19150
19161
|
), await this.handleConfigChange(
|
|
19151
19162
|
"height",
|
|
19152
19163
|
s,
|
|
19153
|
-
|
|
19164
|
+
m,
|
|
19154
19165
|
i.callback
|
|
19155
19166
|
), o !== void 0 && await this.handleConfigChange(
|
|
19156
19167
|
"keep-ratio",
|
|
19157
19168
|
o,
|
|
19158
|
-
|
|
19169
|
+
m,
|
|
19159
19170
|
i.callback
|
|
19160
19171
|
);
|
|
19161
19172
|
}
|
|
@@ -19164,9 +19175,9 @@ class r2 {
|
|
|
19164
19175
|
}
|
|
19165
19176
|
case "audio-picker":
|
|
19166
19177
|
case "video-picker": {
|
|
19167
|
-
l = async (
|
|
19168
|
-
if (typeof
|
|
19169
|
-
const { id: s, name: o, parentAssetID:
|
|
19178
|
+
l = async (c) => {
|
|
19179
|
+
if (typeof c == "object" && c !== null) {
|
|
19180
|
+
const { id: s, name: o, parentAssetID: h, representative: C, src: x } = c, b = i.pickerConfigs?.recordIdKey ?? "record-id", k = i.pickerConfigs?.nameKey ?? "name", E = i.pickerConfigs?.representativeKey, S = i.pickerConfigs?.parentAssetIdKey;
|
|
19170
19181
|
let p = i.callback;
|
|
19171
19182
|
if (p && (p = (_) => i.callback({
|
|
19172
19183
|
..._,
|
|
@@ -19177,14 +19188,14 @@ class r2 {
|
|
|
19177
19188
|
[E]: C ?? ""
|
|
19178
19189
|
} : {},
|
|
19179
19190
|
...S ? {
|
|
19180
|
-
[S]:
|
|
19191
|
+
[S]: h ?? ""
|
|
19181
19192
|
} : {}
|
|
19182
19193
|
}
|
|
19183
|
-
})), await this.handleConfigChange(r, x,
|
|
19194
|
+
})), await this.handleConfigChange(r, x, m, p), s) {
|
|
19184
19195
|
const _ = this.host.traits.find((X) => X.controlType === "asset-format-picker"), J = _?.assetFormatPickerConfigs?.formatSrcKey;
|
|
19185
19196
|
let Y = "";
|
|
19186
19197
|
if (i.controlType === "audio-picker" ? Y = "Web" : i.controlType === "video-picker" && (Y = "WebHigh"), _ && J) {
|
|
19187
|
-
const X = String(this.host.blockAttributes[_.id] ?? Y), re = await this.resolveAssetFormatSrc(
|
|
19198
|
+
const X = String(this.host.blockAttributes[_.id] ?? Y), re = await this.resolveAssetFormatSrc(h || s, X);
|
|
19188
19199
|
re && await this.handleConfigChange(J, re, "attribute");
|
|
19189
19200
|
}
|
|
19190
19201
|
}
|
|
@@ -19193,13 +19204,13 @@ class r2 {
|
|
|
19193
19204
|
break;
|
|
19194
19205
|
}
|
|
19195
19206
|
case "icon-picker": {
|
|
19196
|
-
l = async (
|
|
19197
|
-
if (typeof
|
|
19198
|
-
const { name: s, src: o } =
|
|
19207
|
+
l = async (c) => {
|
|
19208
|
+
if (typeof c == "object" && c !== null) {
|
|
19209
|
+
const { name: s, src: o } = c;
|
|
19199
19210
|
await this.handleConfigChange(
|
|
19200
19211
|
r,
|
|
19201
19212
|
{ name: s, src: o },
|
|
19202
|
-
|
|
19213
|
+
m,
|
|
19203
19214
|
i.callback
|
|
19204
19215
|
);
|
|
19205
19216
|
}
|
|
@@ -19207,43 +19218,43 @@ class r2 {
|
|
|
19207
19218
|
break;
|
|
19208
19219
|
}
|
|
19209
19220
|
case "font-picker": {
|
|
19210
|
-
l = async (
|
|
19211
|
-
if (typeof
|
|
19212
|
-
const { family: s, style: o, weight:
|
|
19221
|
+
l = async (c) => {
|
|
19222
|
+
if (typeof c == "object" && c !== null) {
|
|
19223
|
+
const { family: s, style: o, weight: h } = c, C = i.fontPickerConfigs?.styleKey ?? "font-style", x = i.fontPickerConfigs?.weightKey;
|
|
19213
19224
|
let b = i.callback;
|
|
19214
19225
|
b && (b = (k) => i.callback({
|
|
19215
19226
|
...k,
|
|
19216
19227
|
extraValue: {
|
|
19217
19228
|
[C]: o,
|
|
19218
19229
|
...x ? {
|
|
19219
|
-
[x]:
|
|
19230
|
+
[x]: h ?? ""
|
|
19220
19231
|
} : {}
|
|
19221
19232
|
}
|
|
19222
|
-
})), await this.handleConfigChange(r, s,
|
|
19233
|
+
})), await this.handleConfigChange(r, s, m, b);
|
|
19223
19234
|
}
|
|
19224
19235
|
};
|
|
19225
19236
|
break;
|
|
19226
19237
|
}
|
|
19227
19238
|
case "asset-format-picker": {
|
|
19228
|
-
l = async (
|
|
19229
|
-
if (typeof
|
|
19230
|
-
const o = typeof s[0] == "string" ? s[0] : Ie.Latest,
|
|
19231
|
-
await this.handleConfigChange(r,
|
|
19239
|
+
l = async (c, ...s) => {
|
|
19240
|
+
if (typeof c == "string") {
|
|
19241
|
+
const o = typeof s[0] == "string" ? s[0] : Ie.Latest, h = typeof s[1] == "string" ? s[1] : "", C = typeof s[2] == "string" ? s[2] : "";
|
|
19242
|
+
await this.handleConfigChange(r, c, m, i.callback);
|
|
19232
19243
|
const x = i.assetFormatPickerConfigs?.assetVersionKey, b = i.assetFormatPickerConfigs?.formatSrcKey, k = i.assetFormatPickerConfigs?.versionLabelKey;
|
|
19233
|
-
x && await this.handleConfigChange(x, o, "attribute"), b && await this.handleConfigChange(b,
|
|
19244
|
+
x && await this.handleConfigChange(x, o, "attribute"), b && await this.handleConfigChange(b, h, "attribute"), k && await this.handleConfigChange(k, C, "attribute");
|
|
19234
19245
|
}
|
|
19235
19246
|
};
|
|
19236
19247
|
break;
|
|
19237
19248
|
}
|
|
19238
19249
|
case "switch": {
|
|
19239
|
-
l = async (
|
|
19240
|
-
if (typeof
|
|
19241
|
-
const { checked: s, value: o } =
|
|
19242
|
-
let
|
|
19243
|
-
|
|
19250
|
+
l = async (c) => {
|
|
19251
|
+
if (typeof c == "object" && c !== null) {
|
|
19252
|
+
const { checked: s, value: o } = c;
|
|
19253
|
+
let h;
|
|
19254
|
+
m === "attribute" ? h = !!s : h = o, h && i.checkedValue !== void 0 ? h = i.checkedValue : !h && i.uncheckedValue !== void 0 && (h = i.uncheckedValue), m === "attribute" ? this.handleAttributeChange(r, h, i.callback) : await this.handleConfigChange(
|
|
19244
19255
|
r,
|
|
19245
|
-
|
|
19246
|
-
|
|
19256
|
+
h,
|
|
19257
|
+
m,
|
|
19247
19258
|
i.callback
|
|
19248
19259
|
);
|
|
19249
19260
|
}
|
|
@@ -19251,20 +19262,20 @@ class r2 {
|
|
|
19251
19262
|
break;
|
|
19252
19263
|
}
|
|
19253
19264
|
case "input": {
|
|
19254
|
-
l = async (
|
|
19255
|
-
if (typeof
|
|
19265
|
+
l = async (c) => {
|
|
19266
|
+
if (typeof c == "string")
|
|
19256
19267
|
await this.handleConfigChange(
|
|
19257
19268
|
r,
|
|
19258
|
-
m,
|
|
19259
19269
|
c,
|
|
19270
|
+
m,
|
|
19260
19271
|
i.callback
|
|
19261
19272
|
);
|
|
19262
|
-
else if (typeof
|
|
19263
|
-
const { dataId: s, value: o } =
|
|
19273
|
+
else if (typeof c == "object" && c !== null) {
|
|
19274
|
+
const { dataId: s, value: o } = c;
|
|
19264
19275
|
await this.handleConfigChange(
|
|
19265
19276
|
s,
|
|
19266
19277
|
o,
|
|
19267
|
-
|
|
19278
|
+
m,
|
|
19268
19279
|
i.callback
|
|
19269
19280
|
);
|
|
19270
19281
|
}
|
|
@@ -19272,16 +19283,16 @@ class r2 {
|
|
|
19272
19283
|
break;
|
|
19273
19284
|
}
|
|
19274
19285
|
default:
|
|
19275
|
-
l = async (
|
|
19276
|
-
(typeof
|
|
19286
|
+
l = async (c) => {
|
|
19287
|
+
(typeof c == "string" || typeof c == "boolean") && await this.handleConfigChange(
|
|
19277
19288
|
r,
|
|
19278
|
-
m,
|
|
19279
19289
|
c,
|
|
19290
|
+
m,
|
|
19280
19291
|
i.callback
|
|
19281
19292
|
);
|
|
19282
19293
|
};
|
|
19283
19294
|
}
|
|
19284
|
-
return
|
|
19295
|
+
return g`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControl({
|
|
19285
19296
|
blockAttributes: this.host.blockAttributes,
|
|
19286
19297
|
container: a,
|
|
19287
19298
|
currentValue: n,
|
|
@@ -19294,23 +19305,23 @@ class r2 {
|
|
|
19294
19305
|
controlType: i.controlType ? i.controlType : "input"
|
|
19295
19306
|
}
|
|
19296
19307
|
})}
|
|
19297
|
-
${v(d, () =>
|
|
19308
|
+
${v(d, () => g`<cx-typography variant="body3" class="config-form__help-text">${d}</cx-typography>`)}</cx-space>`;
|
|
19298
19309
|
}
|
|
19299
19310
|
renderBasicControls(a, n, t) {
|
|
19300
|
-
const r = be(), i =
|
|
19311
|
+
const r = be(), i = g`
|
|
19301
19312
|
${N(
|
|
19302
|
-
a.filter((
|
|
19303
|
-
const A = !t ||
|
|
19313
|
+
a.filter((m) => {
|
|
19314
|
+
const A = !t || m.name && this.host.tabMap[m.name] === t || n?.name && this.host.tabMap[n.name] === t;
|
|
19304
19315
|
let d = !1;
|
|
19305
|
-
return
|
|
19316
|
+
return m.controlType === "placeholder" ? d = !0 : (!this.host.skipShowCheck || !m.skipShowCheck) && (typeof m.show == "boolean" ? d = !m.show : typeof m.show == "function" ? d = !m.show(this.host.blockAttributes) : n && typeof n.show == "boolean" ? d = !n.show : n && typeof n.show == "function" && (d = !n.show(this.host.blockAttributes))), m.id && A && m.show !== !1 && !d;
|
|
19306
19317
|
}),
|
|
19307
|
-
(
|
|
19308
|
-
(
|
|
19309
|
-
const A =
|
|
19310
|
-
let d =
|
|
19311
|
-
const l =
|
|
19312
|
-
let
|
|
19313
|
-
typeof
|
|
19318
|
+
(m) => m.id,
|
|
19319
|
+
(m) => {
|
|
19320
|
+
const A = m.id;
|
|
19321
|
+
let d = m.label;
|
|
19322
|
+
const l = m.type ?? "attribute";
|
|
19323
|
+
let c = !1;
|
|
19324
|
+
typeof m.disabled == "boolean" ? c = m.disabled : typeof m.disabled == "function" && (c = m.disabled(this.host.blockAttributes)), m.controlType === "checkbox" && (d = "");
|
|
19314
19325
|
let s = "";
|
|
19315
19326
|
switch (l) {
|
|
19316
19327
|
case "style":
|
|
@@ -19320,7 +19331,7 @@ class r2 {
|
|
|
19320
19331
|
) : this.host.blockStyles[A] === "none" ? s = "" : s = this.host.blockStyles[A]);
|
|
19321
19332
|
break;
|
|
19322
19333
|
case "attribute":
|
|
19323
|
-
this.host.blockAttributes[A] !== void 0 ? s = this.host.blockAttributes[A] :
|
|
19334
|
+
this.host.blockAttributes[A] !== void 0 ? s = this.host.blockAttributes[A] : m.controlType === "size-input-group" && (s = `${this.host.blockAttributes.width} ${this.host.blockAttributes.height}`);
|
|
19324
19335
|
break;
|
|
19325
19336
|
case "property":
|
|
19326
19337
|
this.host.blockProperties[A] !== void 0 && (s = this.host.blockProperties[A]);
|
|
@@ -19328,88 +19339,88 @@ class r2 {
|
|
|
19328
19339
|
}
|
|
19329
19340
|
if (l === "decorative")
|
|
19330
19341
|
return Fe(
|
|
19331
|
-
|
|
19342
|
+
m.controlType,
|
|
19332
19343
|
[
|
|
19333
19344
|
[
|
|
19334
19345
|
"group-heading",
|
|
19335
|
-
() =>
|
|
19346
|
+
() => g`<cx-typography variant="h5">${d}</cx-typography>`
|
|
19336
19347
|
],
|
|
19337
19348
|
[
|
|
19338
19349
|
"info-text",
|
|
19339
|
-
() => this.renderInfoText(
|
|
19350
|
+
() => this.renderInfoText(m)
|
|
19340
19351
|
]
|
|
19341
19352
|
],
|
|
19342
|
-
() =>
|
|
19353
|
+
() => g`<cx-typography variant="h5">${d}</cx-typography>`
|
|
19343
19354
|
);
|
|
19344
19355
|
if (n) {
|
|
19345
|
-
const
|
|
19356
|
+
const h = this.renderBasicControl({
|
|
19346
19357
|
container: r,
|
|
19347
19358
|
currentValue: s,
|
|
19348
|
-
disabled:
|
|
19359
|
+
disabled: c,
|
|
19349
19360
|
key: A,
|
|
19350
|
-
trait:
|
|
19361
|
+
trait: m,
|
|
19351
19362
|
type: l
|
|
19352
19363
|
});
|
|
19353
19364
|
if (n.controlType === "group" && n.groupConfigs?.direction === "horizontal") {
|
|
19354
|
-
let C =
|
|
19355
|
-
if (typeof
|
|
19356
|
-
return
|
|
19365
|
+
let C = m.width;
|
|
19366
|
+
if (typeof m.width == "function" && (C = m.width(this.host.blockAttributes)), typeof C == "string" && (C = Number.parseInt(C)), C)
|
|
19367
|
+
return g`<cx-grid-item xs=${C}>${h}</cx-grid-item>`;
|
|
19357
19368
|
}
|
|
19358
|
-
return
|
|
19369
|
+
return h;
|
|
19359
19370
|
}
|
|
19360
|
-
const o =
|
|
19361
|
-
return
|
|
19362
|
-
|
|
19363
|
-
() =>
|
|
19371
|
+
const o = m.direction === "vertical" || m.groupConfigs?.direction === "horizontal" && d === void 0;
|
|
19372
|
+
return g`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing=${m.direction === "vertical" ? "var(--cx-spacing-small)" : "0"} wrap="wrap">${v(
|
|
19373
|
+
m.direction === "horizontal" || d !== void 0,
|
|
19374
|
+
() => g`<cx-grid-item xs="4" sm=${m.direction === "vertical" ? "4" : "1"}><cx-typography variant="body2">${d}</cx-typography></cx-grid-item>`
|
|
19364
19375
|
)}<cx-grid-item xs="4" sm=${o ? "4" : "3"}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderBasicControl({
|
|
19365
19376
|
currentValue: s,
|
|
19366
|
-
disabled:
|
|
19377
|
+
disabled: c,
|
|
19367
19378
|
key: A,
|
|
19368
|
-
trait:
|
|
19379
|
+
trait: m,
|
|
19369
19380
|
type: l
|
|
19370
19381
|
})}</cx-space></cx-grid-item></cx-grid>`;
|
|
19371
19382
|
}
|
|
19372
19383
|
)}
|
|
19373
19384
|
`;
|
|
19374
19385
|
if (n) {
|
|
19375
|
-
const { controlType:
|
|
19376
|
-
if (
|
|
19377
|
-
const { columnGap: d, gap: l, rowGap:
|
|
19378
|
-
return
|
|
19386
|
+
const { controlType: m, groupConfigs: A } = n;
|
|
19387
|
+
if (m === "group" && A?.direction === "horizontal") {
|
|
19388
|
+
const { columnGap: d, gap: l, rowGap: c, wrap: s } = A;
|
|
19389
|
+
return g`<cx-grid columns="100" use-flex-gap spacing=${P(l)} column-spacing=${P(d)} row-spacing=${P(c)} wrap=${P(s)} ${xe(r)}>${i}</cx-grid>`;
|
|
19379
19390
|
}
|
|
19380
19391
|
}
|
|
19381
|
-
return
|
|
19392
|
+
return g`<cx-space direction="vertical" wrap="nowrap">${i}</cx-space>`;
|
|
19382
19393
|
}
|
|
19383
19394
|
renderTranslationControls() {
|
|
19384
19395
|
const a = Be(
|
|
19385
19396
|
this.host.translatableControls.map((t) => t.translateGroup)
|
|
19386
|
-
), n =
|
|
19397
|
+
), n = g`${N(a, (t) => {
|
|
19387
19398
|
const r = this.host.translatableControls.filter((i) => {
|
|
19388
|
-
let
|
|
19389
|
-
return (!this.host.skipShowCheck || !i.skipShowCheck) && (typeof i.show == "boolean" ?
|
|
19399
|
+
let m = !1;
|
|
19400
|
+
return (!this.host.skipShowCheck || !i.skipShowCheck) && (typeof i.show == "boolean" ? m = !i.show : typeof i.show == "function" && (m = !i.show(this.host.blockAttributes))), i.translateGroup === t && !m;
|
|
19390
19401
|
});
|
|
19391
|
-
return r.length === 0 ? ue :
|
|
19402
|
+
return r.length === 0 ? ue : g`<cx-typography variant="h5">${t}</cx-typography>${N(
|
|
19392
19403
|
r,
|
|
19393
19404
|
(i) => i.id,
|
|
19394
|
-
(i) => i.controlType === "info-text" ? this.renderInfoText(i) :
|
|
19395
|
-
const A = this.localize.languageName(
|
|
19405
|
+
(i) => i.controlType === "info-text" ? this.renderInfoText(i) : g`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${i.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${e1(this.host.sortedLanguages, (m) => {
|
|
19406
|
+
const A = this.localize.languageName(m) || je.getName(m) || m;
|
|
19396
19407
|
let d = "";
|
|
19397
|
-
i.id && (
|
|
19408
|
+
i.id && (m === this.host.defaultLanguage ? d = this.host.blockAttributes[i.id] ?? "" : d = this.host.translatableControlValues[m]?.[i.id] ?? this.host.translatableControlValues[this.host.defaultLanguage]?.[i.id] ?? this.host.blockAttributes[i.id]);
|
|
19398
19409
|
let l;
|
|
19399
19410
|
switch (i.controlType) {
|
|
19400
19411
|
case "image-picker": {
|
|
19401
|
-
l = async (
|
|
19402
|
-
if (typeof
|
|
19403
|
-
const { id: s, src: o } =
|
|
19412
|
+
l = async (c) => {
|
|
19413
|
+
if (typeof c == "object" && c !== null) {
|
|
19414
|
+
const { id: s, src: o } = c, h = i.pickerConfigs?.recordIdKey ?? "record-id";
|
|
19404
19415
|
this.host.emit("cx-content-builder-translatable-value-change", {
|
|
19405
19416
|
detail: {
|
|
19406
|
-
language:
|
|
19417
|
+
language: m,
|
|
19407
19418
|
values: [{
|
|
19408
19419
|
attribute: i.id,
|
|
19409
19420
|
type: "attribute",
|
|
19410
19421
|
value: o
|
|
19411
19422
|
}, {
|
|
19412
|
-
attribute:
|
|
19423
|
+
attribute: h,
|
|
19413
19424
|
type: "attribute",
|
|
19414
19425
|
value: s
|
|
19415
19426
|
}]
|
|
@@ -19421,16 +19432,16 @@ class r2 {
|
|
|
19421
19432
|
}
|
|
19422
19433
|
case "audio-picker":
|
|
19423
19434
|
case "video-picker": {
|
|
19424
|
-
l = async (
|
|
19425
|
-
if (typeof
|
|
19426
|
-
const { id: s, name: o, src:
|
|
19435
|
+
l = async (c) => {
|
|
19436
|
+
if (typeof c == "object" && c !== null) {
|
|
19437
|
+
const { id: s, name: o, src: h } = c, C = i.pickerConfigs?.recordIdKey ?? "record-id", x = i.pickerConfigs?.nameKey ?? "name";
|
|
19427
19438
|
this.host.emit("cx-content-builder-translatable-value-change", {
|
|
19428
19439
|
detail: {
|
|
19429
|
-
language:
|
|
19440
|
+
language: m,
|
|
19430
19441
|
values: [{
|
|
19431
19442
|
attribute: i.id,
|
|
19432
19443
|
type: "attribute",
|
|
19433
|
-
value:
|
|
19444
|
+
value: h
|
|
19434
19445
|
}, {
|
|
19435
19446
|
attribute: C,
|
|
19436
19447
|
type: "attribute",
|
|
@@ -19447,33 +19458,33 @@ class r2 {
|
|
|
19447
19458
|
break;
|
|
19448
19459
|
}
|
|
19449
19460
|
default:
|
|
19450
|
-
l = async (
|
|
19451
|
-
typeof
|
|
19461
|
+
l = async (c) => {
|
|
19462
|
+
typeof c == "string" && this.host.emit("cx-content-builder-translatable-value-change", {
|
|
19452
19463
|
detail: {
|
|
19453
|
-
language:
|
|
19464
|
+
language: m,
|
|
19454
19465
|
values: [{
|
|
19455
19466
|
attribute: i.id,
|
|
19456
19467
|
type: "attribute",
|
|
19457
|
-
value:
|
|
19468
|
+
value: c
|
|
19458
19469
|
}]
|
|
19459
19470
|
}
|
|
19460
19471
|
});
|
|
19461
19472
|
};
|
|
19462
19473
|
}
|
|
19463
|
-
return
|
|
19474
|
+
return g`
|
|
19464
19475
|
${v(
|
|
19465
19476
|
i.controlType && i.controlType !== "input",
|
|
19466
|
-
() =>
|
|
19477
|
+
() => g`<cx-typography variant="body3">${A}</cx-typography>`,
|
|
19467
19478
|
() => ue
|
|
19468
19479
|
)}
|
|
19469
19480
|
${this.renderControl({
|
|
19470
19481
|
blockAttributes: {
|
|
19471
19482
|
...this.host.blockAttributes,
|
|
19472
|
-
...this.host.translatableControlValues[
|
|
19483
|
+
...this.host.translatableControlValues[m]
|
|
19473
19484
|
},
|
|
19474
19485
|
container: void 0,
|
|
19475
19486
|
currentValue: d,
|
|
19476
|
-
disabled:
|
|
19487
|
+
disabled: m.toLowerCase() === this.host.defaultLanguage.toLowerCase(),
|
|
19477
19488
|
handleChange: l,
|
|
19478
19489
|
key: i.id,
|
|
19479
19490
|
label: A,
|
|
@@ -19489,17 +19500,17 @@ class r2 {
|
|
|
19489
19500
|
})}</cx-space></cx-grid-item></cx-grid>`
|
|
19490
19501
|
)}`;
|
|
19491
19502
|
})}`;
|
|
19492
|
-
return
|
|
19503
|
+
return g`<cx-space direction="vertical" wrap="nowrap">${n}</cx-space>`;
|
|
19493
19504
|
}
|
|
19494
19505
|
}
|
|
19495
|
-
var
|
|
19496
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
19497
|
-
(
|
|
19498
|
-
return t && r &&
|
|
19506
|
+
var c2 = Object.defineProperty, d2 = Object.getOwnPropertyDescriptor, B = (e, a, n, t) => {
|
|
19507
|
+
for (var r = t > 1 ? void 0 : t ? d2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
19508
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
19509
|
+
return t && r && c2(a, n, r), r;
|
|
19499
19510
|
};
|
|
19500
19511
|
let f = class extends ee {
|
|
19501
19512
|
constructor() {
|
|
19502
|
-
super(...arguments), this.localize = new W(this), this.configFormController = new
|
|
19513
|
+
super(...arguments), this.localize = new W(this), this.configFormController = new m2(this), this.loading = !1, this.mode = le.Template, this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en"], this.translatableControlValues = {}, this.defaultLanguage = "en", this.boundary = document.body, this.baseUrl = "", this.token = "", this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.translatableControls = [], this.blockName = "", this.name = "", this.description = "", this.showTemplateTab = !1, this.dialogTitle = "", this.skipShowCheck = !1, this.enableAssetFormatControls = !1, this.allowedFolders = [], this.isEditingTemplateSettings = !1, this.disableCloseConfigDialog = !1, this.isAfterShow = !1, this.sortedLanguages = [], this.formKey = 0;
|
|
19503
19514
|
}
|
|
19504
19515
|
/**
|
|
19505
19516
|
* Whether the template is editable.
|
|
@@ -19540,26 +19551,26 @@ let f = class extends ee {
|
|
|
19540
19551
|
* @return {Record<string, string>} A record mapping trait IDs to tab names.
|
|
19541
19552
|
*/
|
|
19542
19553
|
get tabMap() {
|
|
19543
|
-
const e = this.traits.map((
|
|
19544
|
-
(
|
|
19554
|
+
const e = this.traits.map((m) => m.name).filter(Boolean), a = O0(e, this.adhocProperties), n = this.traits.filter(
|
|
19555
|
+
(m) => m.tab === "sidePanels"
|
|
19545
19556
|
/* SidePanels */
|
|
19546
|
-
).map((
|
|
19547
|
-
(
|
|
19557
|
+
).map((m) => m.name).filter(Boolean), t = this.traits.filter(
|
|
19558
|
+
(m) => m.tab === "appearance"
|
|
19548
19559
|
/* Appearance */
|
|
19549
|
-
).map((
|
|
19550
|
-
(
|
|
19560
|
+
).map((m) => m.name).filter(Boolean), r = this.traits.filter(
|
|
19561
|
+
(m) => m.tab === "effects"
|
|
19551
19562
|
/* Effects */
|
|
19552
|
-
).map((
|
|
19553
|
-
for (const
|
|
19554
|
-
i[
|
|
19555
|
-
for (const
|
|
19556
|
-
i[
|
|
19557
|
-
for (const
|
|
19558
|
-
i[
|
|
19559
|
-
for (const
|
|
19560
|
-
i[
|
|
19561
|
-
for (const
|
|
19562
|
-
i[
|
|
19563
|
+
).map((m) => m.name).filter(Boolean), i = {};
|
|
19564
|
+
for (const m of e)
|
|
19565
|
+
i[m] = "content";
|
|
19566
|
+
for (const m of a)
|
|
19567
|
+
i[m] = "styling";
|
|
19568
|
+
for (const m of n)
|
|
19569
|
+
i[m] = "sidePanels";
|
|
19570
|
+
for (const m of t)
|
|
19571
|
+
i[m] = "appearance";
|
|
19572
|
+
for (const m of r)
|
|
19573
|
+
i[m] = "effects";
|
|
19563
19574
|
return i;
|
|
19564
19575
|
}
|
|
19565
19576
|
async handleSupportedLanguagesChange() {
|
|
@@ -19575,7 +19586,7 @@ let f = class extends ee {
|
|
|
19575
19586
|
e?.target !== this.dialog || e.detail.source === "overlay" || (this.handleClose(), this.isAfterShow = !1, this.disableCloseConfigDialog = !1);
|
|
19576
19587
|
}
|
|
19577
19588
|
handleRequestClose(e) {
|
|
19578
|
-
e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() :
|
|
19589
|
+
e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : c0(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
|
|
19579
19590
|
}
|
|
19580
19591
|
handleNameInputChange(e) {
|
|
19581
19592
|
this.emit("cx-content-builder-form-field-change", {
|
|
@@ -19630,32 +19641,32 @@ let f = class extends ee {
|
|
|
19630
19641
|
this.dialog.hide(), this.confirmPopover.hide(), this.handleClose(), await this.updateComplete, this.tabGroup?.show(this.tabs[0] || "");
|
|
19631
19642
|
}
|
|
19632
19643
|
renderTemplateForm() {
|
|
19633
|
-
return
|
|
19644
|
+
return g`<cx-space direction="vertical" spacing="medium" wrap="nowrap"><cx-typography variant="body2">${this.localize.term("contentBuilderBlockSettingsHelpText")}</cx-typography><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("templateName")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input name="name" value=${this.name ?? ""} can-show-length maxlength="200" required @cx-change=${this.handleNameInputChange} type="text"></cx-input></cx-grid-item></cx-grid><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("description")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-textarea name="description" value=${this.description ?? ""} can-show-length maxlength="200" resize="none" @cx-change=${this.handleDescriptionInputChange} type="text"></cx-textarea></cx-grid-item></cx-grid></cx-space>`;
|
|
19634
19645
|
}
|
|
19635
19646
|
render() {
|
|
19636
|
-
return
|
|
19647
|
+
return g`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${fe.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(
|
|
19637
19648
|
this.dialogTitle,
|
|
19638
|
-
() =>
|
|
19639
|
-
() =>
|
|
19649
|
+
() => g`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`,
|
|
19650
|
+
() => g`${this.localize.term(
|
|
19640
19651
|
"settingsTitle",
|
|
19641
19652
|
this.blockName
|
|
19642
19653
|
)}`
|
|
19643
19654
|
)}</cx-typography>${v(
|
|
19644
19655
|
this.templateName,
|
|
19645
|
-
() =>
|
|
19646
|
-
)}</cx-space>${
|
|
19656
|
+
() => g`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`
|
|
19657
|
+
)}</cx-space>${g0(
|
|
19647
19658
|
this.formKey,
|
|
19648
|
-
|
|
19659
|
+
g`<form id="config-form" @submit=${this.handleFormSubmit}>${q0(v(
|
|
19649
19660
|
this.isEditingTemplateSettings,
|
|
19650
19661
|
() => v(
|
|
19651
19662
|
this.isTemplateEditable,
|
|
19652
|
-
() =>
|
|
19663
|
+
() => g`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`
|
|
19653
19664
|
),
|
|
19654
19665
|
() => v(
|
|
19655
|
-
!
|
|
19656
|
-
() =>
|
|
19666
|
+
!x0(this.traits) && this.tabs.length >= 1,
|
|
19667
|
+
() => g`<cx-tab-group class="config-form__tab-group" placement="top">${v(
|
|
19657
19668
|
this.showTemplateTab,
|
|
19658
|
-
() =>
|
|
19669
|
+
() => g`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`
|
|
19659
19670
|
)}
|
|
19660
19671
|
${N(
|
|
19661
19672
|
this.tabs.filter(
|
|
@@ -19663,78 +19674,78 @@ let f = class extends ee {
|
|
|
19663
19674
|
/* Styling */
|
|
19664
19675
|
),
|
|
19665
19676
|
(e) => e,
|
|
19666
|
-
(e, a) =>
|
|
19677
|
+
(e, a) => g`<cx-tab slot="nav" panel=${e} ?active=${!this.showTemplateTab && a === 0}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e} ?active=${!this.showTemplateTab && a === 0}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, e)}</cx-space></cx-tab-panel>`
|
|
19667
19678
|
)}
|
|
19668
19679
|
${v(
|
|
19669
19680
|
this.translatableControls.length > 0,
|
|
19670
|
-
() =>
|
|
19681
|
+
() => g`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`
|
|
19671
19682
|
)}</cx-tab-group>`,
|
|
19672
|
-
() =>
|
|
19683
|
+
() => g`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`
|
|
19673
19684
|
)
|
|
19674
19685
|
))}</form>`
|
|
19675
19686
|
)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(
|
|
19676
19687
|
this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab,
|
|
19677
|
-
() =>
|
|
19688
|
+
() => g`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(
|
|
19678
19689
|
this.templateId,
|
|
19679
|
-
() =>
|
|
19690
|
+
() => g`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`
|
|
19680
19691
|
)}</cx-menu></cx-dropdown>`
|
|
19681
|
-
)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${fe.Both} buttons-direction=${
|
|
19692
|
+
)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${fe.Both} buttons-direction=${a0.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term(
|
|
19682
19693
|
"doYouWantToCloseThisDialogChangesWillBeDismissed"
|
|
19683
19694
|
)}</cx-typography></cx-confirm-popover>`;
|
|
19684
19695
|
}
|
|
19685
19696
|
};
|
|
19686
|
-
f.styles = [ae,
|
|
19697
|
+
f.styles = [ae, n2, k1];
|
|
19687
19698
|
f.dependencies = {
|
|
19688
|
-
"cx-asset-format-picker":
|
|
19699
|
+
"cx-asset-format-picker": E1,
|
|
19689
19700
|
"cx-asset-picker": Ve,
|
|
19690
|
-
"cx-asset-transformation-dialog":
|
|
19691
|
-
"cx-bicolor-picker":
|
|
19701
|
+
"cx-asset-transformation-dialog": F1,
|
|
19702
|
+
"cx-bicolor-picker": Z1,
|
|
19692
19703
|
"cx-border-input-group": Q1,
|
|
19693
19704
|
"cx-button": ce,
|
|
19694
|
-
"cx-button-group":
|
|
19695
|
-
"cx-card":
|
|
19705
|
+
"cx-button-group": I1,
|
|
19706
|
+
"cx-card": P1,
|
|
19696
19707
|
"cx-checkbox": Ue,
|
|
19697
19708
|
"cx-color-swatch-picker": I,
|
|
19698
|
-
"cx-confirm-popover":
|
|
19699
|
-
"cx-corner-position-input-group":
|
|
19700
|
-
"cx-dam-custom-toolbar-buttons-editor":
|
|
19709
|
+
"cx-confirm-popover": e0,
|
|
19710
|
+
"cx-corner-position-input-group": i0,
|
|
19711
|
+
"cx-dam-custom-toolbar-buttons-editor": D1,
|
|
19701
19712
|
"cx-dialog": se,
|
|
19702
19713
|
"cx-divider": Je,
|
|
19703
|
-
"cx-download-format-picker":
|
|
19704
|
-
"cx-dropdown":
|
|
19705
|
-
"cx-dynamic-select":
|
|
19714
|
+
"cx-download-format-picker": B1,
|
|
19715
|
+
"cx-dropdown": q1,
|
|
19716
|
+
"cx-dynamic-select": Qe,
|
|
19706
19717
|
"cx-folder-picker": T,
|
|
19707
|
-
"cx-font-picker":
|
|
19718
|
+
"cx-font-picker": A1,
|
|
19708
19719
|
"cx-gallery-picker": D,
|
|
19709
19720
|
"cx-grid": $e,
|
|
19710
19721
|
"cx-grid-item": we,
|
|
19711
|
-
"cx-icon":
|
|
19712
|
-
"cx-icon-picker":
|
|
19722
|
+
"cx-icon": O1,
|
|
19723
|
+
"cx-icon-picker": f1,
|
|
19713
19724
|
"cx-input": oe,
|
|
19714
|
-
"cx-line-clamp":
|
|
19715
|
-
"cx-list-editor":
|
|
19716
|
-
"cx-menu":
|
|
19717
|
-
"cx-menu-item":
|
|
19725
|
+
"cx-line-clamp": M1,
|
|
19726
|
+
"cx-list-editor": u1,
|
|
19727
|
+
"cx-menu": N1,
|
|
19728
|
+
"cx-menu-item": G1,
|
|
19718
19729
|
"cx-option": Ye,
|
|
19719
|
-
"cx-padding-input-group":
|
|
19730
|
+
"cx-padding-input-group": t0,
|
|
19720
19731
|
"cx-page-picker": K,
|
|
19721
|
-
"cx-position-picker":
|
|
19732
|
+
"cx-position-picker": r0,
|
|
19722
19733
|
"cx-radio": Xe,
|
|
19723
|
-
"cx-radio-card":
|
|
19724
|
-
"cx-radio-group":
|
|
19734
|
+
"cx-radio-card": j1,
|
|
19735
|
+
"cx-radio-group": Ze,
|
|
19725
19736
|
"cx-select": Se,
|
|
19726
|
-
"cx-shadow-input-group":
|
|
19727
|
-
"cx-size-input-group":
|
|
19737
|
+
"cx-shadow-input-group": n0,
|
|
19738
|
+
"cx-size-input-group": m0,
|
|
19728
19739
|
"cx-space": de,
|
|
19729
|
-
"cx-switch":
|
|
19730
|
-
"cx-tab":
|
|
19731
|
-
"cx-tab-group":
|
|
19732
|
-
"cx-tab-panel":
|
|
19733
|
-
"cx-textarea":
|
|
19734
|
-
"cx-tooltip":
|
|
19735
|
-
"cx-type-subtype-select":
|
|
19736
|
-
"cx-typography":
|
|
19737
|
-
"cx-visually-hidden":
|
|
19740
|
+
"cx-switch": V1,
|
|
19741
|
+
"cx-tab": H1,
|
|
19742
|
+
"cx-tab-group": U1,
|
|
19743
|
+
"cx-tab-panel": W1,
|
|
19744
|
+
"cx-textarea": J1,
|
|
19745
|
+
"cx-tooltip": Y1,
|
|
19746
|
+
"cx-type-subtype-select": p1,
|
|
19747
|
+
"cx-typography": Q,
|
|
19748
|
+
"cx-visually-hidden": X1
|
|
19738
19749
|
};
|
|
19739
19750
|
B([
|
|
19740
19751
|
M(".config-form")
|
|
@@ -19865,15 +19876,15 @@ B([
|
|
|
19865
19876
|
f = B([
|
|
19866
19877
|
ie("cx-config-form")
|
|
19867
19878
|
], f);
|
|
19868
|
-
const
|
|
19869
|
-
var
|
|
19870
|
-
for (var r = t > 1 ? void 0 : t ?
|
|
19871
|
-
(
|
|
19872
|
-
return t && r &&
|
|
19879
|
+
const s2 = te`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`;
|
|
19880
|
+
var o2 = Object.defineProperty, h2 = Object.getOwnPropertyDescriptor, $ = (e, a, n, t) => {
|
|
19881
|
+
for (var r = t > 1 ? void 0 : t ? h2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
|
|
19882
|
+
(m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
|
|
19883
|
+
return t && r && o2(a, n, r), r;
|
|
19873
19884
|
};
|
|
19874
19885
|
let F = class extends ee {
|
|
19875
19886
|
constructor() {
|
|
19876
|
-
super(), this.localize = new W(this), this.configsController = new
|
|
19887
|
+
super(), this.localize = new W(this), this.configsController = new v1(this.localize), this.component = null, this.loading = !1, this.mode = le.Template, this.enableAssetFormatControls = !1, this.enableFontFamilyControls = !1, this.allowedFolders = [], this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en-us"], this.defaultLanguage = "en-us", this.translatableControlValues = [], this.boundary = document.body, this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.blockType = "", this.blockName = "", this.name = "", this.description = "", this.tab = "", this.isEditingTemplateSettings = !1, this.translatableControlValuesMap = {}, this.translatableControls = [], this.handleSave = this.handleSave.bind(this);
|
|
19877
19888
|
}
|
|
19878
19889
|
/**
|
|
19879
19890
|
* Whether the template is editable.
|
|
@@ -19921,18 +19932,18 @@ let F = class extends ee {
|
|
|
19921
19932
|
enableFontFamilyControls: this.enableFontFamilyControls
|
|
19922
19933
|
});
|
|
19923
19934
|
this.blockType = e, this.blockName = this.component.getName(), this.blockAttributes = {
|
|
19924
|
-
|
|
19925
|
-
...
|
|
19926
|
-
}, this.blockProperties =
|
|
19935
|
+
...$1(this.component),
|
|
19936
|
+
...L0(this.translatableControlValuesMap[this.defaultLanguage], (n) => n === void 0)
|
|
19937
|
+
}, this.blockProperties = w1(this.component), this.blockStyles = S1(this.component), this.traits = Array.isArray(a) ? a : [];
|
|
19927
19938
|
}
|
|
19928
19939
|
handleSave(e) {
|
|
19929
19940
|
const n = this.getFlattenTraits(this.traits).reduce(
|
|
19930
19941
|
(r, i) => (r[i.id] = i, r),
|
|
19931
19942
|
{}
|
|
19932
19943
|
), t = Object.entries(this.blockAttributes).reduce(
|
|
19933
|
-
(r, [i,
|
|
19944
|
+
(r, [i, m]) => {
|
|
19934
19945
|
const A = n[i];
|
|
19935
|
-
return
|
|
19946
|
+
return _1.includes(i) || (A ? r[i] = m : typeof m == "boolean" && (r[i] = !1)), r;
|
|
19936
19947
|
},
|
|
19937
19948
|
{}
|
|
19938
19949
|
);
|
|
@@ -19977,13 +19988,13 @@ let F = class extends ee {
|
|
|
19977
19988
|
a === "name" ? this.name = n : a === "description" && (this.description = n);
|
|
19978
19989
|
}
|
|
19979
19990
|
render() {
|
|
19980
|
-
return
|
|
19991
|
+
return g`<cx-config-form block-name=${this.blockName} default-language=${this.defaultLanguage} description=${this.description} name=${this.name} mode=${this.mode} template-name=${this.templateName} template-id=${this.templateId} ?enable-asset-format-controls=${this.enableAssetFormatControls} ?enable-font-family-controls=${this.enableFontFamilyControls} ?loading=${this.loading} .allowedFolders=${this.allowedFolders} .adhocProperties=${this.adhocProperties} .blockAttributes=${this.blockAttributes} .blockProperties=${this.blockProperties} .blockStyles=${this.blockStyles} .boundary=${this.boundary} .supportedLanguages=${this.supportedLanguages} .translatableControls=${this.translatableControls} .translatableControlValues=${this.translatableControlValuesMap} .traits=${this.traits} .onRequestAsset=${this.onRequestAsset} .onRequestDownloadFormat=${this.onRequestDownloadFormat} .onConfigureWorkflow=${this.onConfigureWorkflow} .onRequestAssetFormat=${this.onRequestAssetFormat} @cx-content-builder-translatable-value-change=${this.handleTranslatableValueChange} @cx-content-builder-form-change=${this.handleChange} @cx-content-builder-form-field-change=${this.handleFieldChange} @cx-content-builder-form-save=${this.handleSave}></cx-config-form>`;
|
|
19981
19992
|
}
|
|
19982
19993
|
};
|
|
19983
|
-
F.styles = [ae,
|
|
19994
|
+
F.styles = [ae, s2];
|
|
19984
19995
|
F.dependencies = {
|
|
19985
19996
|
"cx-config-form": f,
|
|
19986
|
-
"cx-typography":
|
|
19997
|
+
"cx-typography": Q
|
|
19987
19998
|
};
|
|
19988
19999
|
$([
|
|
19989
20000
|
M("cx-config-form")
|