@orangelogic/design-system 4.21.0 → 4.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/library/chunks/{bicolor-picker.BHwn7qgI.js → bicolor-picker.C24I8uyM.js} +1 -1
  2. package/library/chunks/{config-manager.utils.C_nIDsZ5.js → block-width.Bz5EzBCs.js} +564 -535
  3. package/library/chunks/{border-input-group.DlxLP_Yi.js → border-input-group.BVEBWVeb.js} +1 -1
  4. package/library/chunks/{color-picker.NFpX0hDd.js → color-picker.ykjO8Amy.js} +2 -2
  5. package/library/chunks/{color-swatch-group.WMinusvs.js → color-swatch-group.DGDHKClr.js} +3 -3
  6. package/library/chunks/{config-manager.CN_u-UFw.js → config-manager.zxgzNp3h.js} +136 -130
  7. package/library/chunks/{configs-controller.Dea3OymR.js → configs-controller._cPlX4cC.js} +7 -3
  8. package/library/chunks/{confirm-popover.B60_VW9E.js → confirm-popover.DfSlgI9c.js} +1 -1
  9. package/library/chunks/{document-viewer.BUAq7eW6.js → document-viewer.j2AHXi5D.js} +3 -3
  10. package/library/chunks/{dropdown.Yz1dFrzN.js → dropdown.BFiWUTAN.js} +1 -1
  11. package/library/chunks/{file-on-demand.DgSknSTy.js → file-on-demand.CurXWiIV.js} +2 -2
  12. package/library/chunks/{menu-item.BXd8ZyH5.js → menu-item.DUN2x8Dd.js} +1 -1
  13. package/library/chunks/{menu.yAc9YFlN.js → menu.D8EA_jFw.js} +1 -1
  14. package/library/chunks/{shadow-input-group.ClTseaRz.js → shadow-input-group.B8L8Zf9v.js} +1 -1
  15. package/library/chunks/{src.BFdGIzyC.js → src.BdGU064c.js} +6 -6
  16. package/library/chunks/{tab-group.CPL6IRZr.js → tab-group.CuP7qBU8.js} +3 -3
  17. package/library/components/atoms.js +7 -7
  18. package/library/components/bicolor-picker.js +1 -1
  19. package/library/components/border-input-group.js +1 -1
  20. package/library/components/color-picker.js +1 -1
  21. package/library/components/color-swatch-group.js +1 -1
  22. package/library/components/confirm-popover.js +1 -1
  23. package/library/components/document-viewer.js +1 -1
  24. package/library/components/dropdown.js +1 -1
  25. package/library/components/file-on-demand.js +1 -1
  26. package/library/components/menu-item.js +1 -1
  27. package/library/components/menu.js +1 -1
  28. package/library/components/molecules.js +4 -4
  29. package/library/components/organisms.js +2 -2
  30. package/library/components/shadow-input-group.js +1 -1
  31. package/library/components/tab-group.js +1 -1
  32. package/library/components/types.js +11527 -11544
  33. package/library/package.json +1 -1
  34. package/library/packages/molecules/src/asset-picker/asset-picker.d.ts +5 -1
  35. package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts +5 -3
  36. package/library/packages/organisms/src/content-builder/blocks/font-kit-advanced/font-kit-advanced.utils.d.ts +3 -0
  37. package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +2 -0
  38. package/library/packages/organisms/src/content-builder/plugins/utils/block-width.d.ts +3 -0
  39. package/library/packages/types/src/asset-picker.d.ts +5 -0
  40. package/library/packages/types/src/content-builder.d.ts +4 -0
  41. package/library/packages/types/src/font-kit.d.ts +2 -0
  42. package/package.json +1 -1
@@ -5,7 +5,7 @@ import { t as s } from "./custom-element.BEMYNDK1.js";
5
5
  import { t as c } from "./i18n.CpiuF-f4.js";
6
6
  import { t as l } from "./input.HC75Gdv_.js";
7
7
  import { t as u } from "./space.Dd8jezXK.js";
8
- import { t as d } from "./bicolor-picker.BHwn7qgI.js";
8
+ import { t as d } from "./bicolor-picker.C24I8uyM.js";
9
9
  //#region ../../packages/molecules/src/border-input-group/border-input-group.styles.ts
10
10
  var f = t`.border-width{width:72px}`, p = class extends a {
11
11
  constructor(...e) {
@@ -23,12 +23,12 @@ import { c as w, d as T, f as E, i as D, n as O, o as k, s as ne, u as A } from
23
23
  import { t as j } from "./drag.s0AcVpKh.js";
24
24
  import { t as M } from "./math.od1DVmRk.js";
25
25
  import { t as N } from "./repeat.CKv9FPlC.js";
26
- import { t as P } from "./dropdown.Yz1dFrzN.js";
26
+ import { t as P } from "./dropdown.BFiWUTAN.js";
27
27
  import { t as F } from "./input.HC75Gdv_.js";
28
28
  import { t as I } from "./option.B9yDGHPh.js";
29
29
  import { t as L } from "./select.jlSyzF3u.js";
30
30
  import { t as R } from "./tab.DrD0Ii5J.js";
31
- import { t as z } from "./tab-group.CPL6IRZr.js";
31
+ import { t as z } from "./tab-group.CuP7qBU8.js";
32
32
  import { t as B } from "./tab-panel.BxeoKuSv.js";
33
33
  import { t as V } from "./visually-hidden.Bv3SInZp.js";
34
34
  //#region ../../packages/atoms/src/components/color-picker/color-picker.styles.ts
@@ -27,10 +27,10 @@ import { n as le, t as ue } from "./typography.B0mkhqTB.js";
27
27
  import { t as de } from "./badge.H_UuxPXn.js";
28
28
  import { t as fe } from "./checkbox.C6vsHW9n.js";
29
29
  import { t as pe } from "./repeat.CKv9FPlC.js";
30
- import { t as me } from "./dropdown.Yz1dFrzN.js";
30
+ import { t as me } from "./dropdown.BFiWUTAN.js";
31
31
  import { t as he } from "./input.HC75Gdv_.js";
32
- import { t as ge } from "./menu.yAc9YFlN.js";
33
- import { t as _e } from "./menu-item.BXd8ZyH5.js";
32
+ import { t as ge } from "./menu.D8EA_jFw.js";
33
+ import { t as _e } from "./menu-item.DUN2x8Dd.js";
34
34
  import { t as ve } from "./space.Dd8jezXK.js";
35
35
  import { t as ye } from "./unsafe-html.Cb838aX7.js";
36
36
  import { t as be } from "./select.jlSyzF3u.js";
@@ -12,66 +12,66 @@ import { t as v } from "./when.BUskJLtZ.js";
12
12
  import { t as y } from "./icon.CeQpEaQz.js";
13
13
  import { t as b } from "./style-map.DPGQIxip.js";
14
14
  import { t as x } from "./button.F15zfy2d.js";
15
- import { t as S } from "./tooltip.EVa9qa8X.js";
16
- import { t as ee } from "./line-clamp.DUw4HDNG.js";
17
- import { C as te, D as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, o as pe, r as me, s as he, t as C, v as w, w as T, x as E, y as D } from "./config-manager.utils.C_nIDsZ5.js";
15
+ import { t as ee } from "./tooltip.EVa9qa8X.js";
16
+ import { t as te } from "./line-clamp.DUw4HDNG.js";
17
+ import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.Bz5EzBCs.js";
18
18
  import { t as O } from "./typography.B0mkhqTB.js";
19
19
  import { t as k } from "./button-group.CPfXrqyq.js";
20
20
  import { t as A } from "./card.3c-X4hqR.js";
21
21
  import { t as j } from "./checkbox.C6vsHW9n.js";
22
22
  import { a as M, c as N, i as P, n as F, o as I, s as L } from "./directive-helpers.BuvXXfwA.js";
23
23
  import { t as R } from "./repeat.CKv9FPlC.js";
24
- import { t as ge } from "./dropdown.Yz1dFrzN.js";
25
- import { t as _e } from "./input.HC75Gdv_.js";
26
- import { t as ve } from "./menu.yAc9YFlN.js";
27
- import { t as ye } from "./menu-item.BXd8ZyH5.js";
28
- import { n as be, t as xe } from "./ref.CU1NC5AM.js";
29
- import { t as Se } from "./textarea.Bc4eCJgT.js";
30
- import { t as Ce } from "./option.B9yDGHPh.js";
31
- import { t as we } from "./space.Dd8jezXK.js";
32
- import { t as Te } from "./select.jlSyzF3u.js";
33
- import { t as Ee } from "./tab.DrD0Ii5J.js";
34
- import { t as z } from "./tab-group.CPL6IRZr.js";
35
- import { t as De } from "./map.ByDuLduF.js";
36
- import { t as Oe } from "./tab-panel.BxeoKuSv.js";
37
- import { t as ke } from "./visually-hidden.Bv3SInZp.js";
24
+ import { t as _e } from "./dropdown.BFiWUTAN.js";
25
+ import { t as ve } from "./input.HC75Gdv_.js";
26
+ import { t as ye } from "./menu.D8EA_jFw.js";
27
+ import { t as be } from "./menu-item.DUN2x8Dd.js";
28
+ import { n as xe, t as Se } from "./ref.CU1NC5AM.js";
29
+ import { t as Ce } from "./textarea.Bc4eCJgT.js";
30
+ import { t as we } from "./option.B9yDGHPh.js";
31
+ import { t as Te } from "./space.Dd8jezXK.js";
32
+ import { t as Ee } from "./select.jlSyzF3u.js";
33
+ import { t as De } from "./tab.DrD0Ii5J.js";
34
+ import { t as z } from "./tab-group.CuP7qBU8.js";
35
+ import { t as Oe } from "./map.ByDuLduF.js";
36
+ import { t as ke } from "./tab-panel.BxeoKuSv.js";
37
+ import { t as Ae } from "./visually-hidden.Bv3SInZp.js";
38
38
  import { o as B, t as V } from "./dialog.DyVvpdaY.js";
39
- import { t as Ae } from "./divider.CqSNZCU8.js";
40
- import { n as je } from "./toString.r2ImdBrm.js";
41
- import { m as H, s as Me } from "./responsive.L9Csz2w2.js";
42
- import { isFormInteracted as Ne } from "../utils.js";
43
- import { t as Pe } from "./keyed.zYwdaCfO.js";
44
- import { t as Fe } from "./grid.CK4PRwur.js";
45
- import { t as Ie } from "./grid-item.CSieaU5T.js";
46
- import { t as Le } from "./radio.DhPbmKbQ.js";
47
- import { t as Re } from "./radio-card.DiC0-MMO.js";
48
- import { t as ze } from "./radio-group.DKOIr2PH.js";
49
- import { t as Be } from "./switch.D6KXmWnC.js";
50
- import { t as Ve } from "./bicolor-picker.BHwn7qgI.js";
51
- import { t as He } from "./border-input-group.DlxLP_Yi.js";
52
- import { n as Ue, t as U } from "./confirm-popover.B60_VW9E.js";
53
- import { t as We } from "./corner-position-input-group.BVPOtopa.js";
39
+ import { t as je } from "./divider.CqSNZCU8.js";
40
+ import { n as Me } from "./toString.r2ImdBrm.js";
41
+ import { m as H, s as Ne } from "./responsive.L9Csz2w2.js";
42
+ import { isFormInteracted as Pe } from "../utils.js";
43
+ import { t as Fe } from "./keyed.zYwdaCfO.js";
44
+ import { t as Ie } from "./grid.CK4PRwur.js";
45
+ import { t as Le } from "./grid-item.CSieaU5T.js";
46
+ import { t as Re } from "./radio.DhPbmKbQ.js";
47
+ import { t as ze } from "./radio-card.DiC0-MMO.js";
48
+ import { t as Be } from "./radio-group.DKOIr2PH.js";
49
+ import { t as Ve } from "./switch.D6KXmWnC.js";
50
+ import { t as He } from "./bicolor-picker.C24I8uyM.js";
51
+ import { t as Ue } from "./border-input-group.BVEBWVeb.js";
52
+ import { n as We, t as U } from "./confirm-popover.DfSlgI9c.js";
53
+ import { t as Ge } from "./corner-position-input-group.BVPOtopa.js";
54
54
  import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
55
- import { t as Ge } from "./dynamic-select.C7bnEwn9.js";
55
+ import { t as Ke } from "./dynamic-select.C7bnEwn9.js";
56
56
  import { r as G } from "./folder-select.DZ27acgw.js";
57
- import { t as Ke } from "./choose.C2vpqhLc.js";
58
- import { t as qe } from "./padding-input-group.DYHH1M0o.js";
59
- import { t as Je } from "./position-picker.B3klGTsy.js";
60
- import { t as Ye } from "./shadow-input-group.ClTseaRz.js";
61
- import { t as Xe } from "./size-input-group.D9EWFcr7.js";
57
+ import { t as qe } from "./choose.C2vpqhLc.js";
58
+ import { t as Je } from "./padding-input-group.DYHH1M0o.js";
59
+ import { t as Ye } from "./position-picker.B3klGTsy.js";
60
+ import { t as Xe } from "./shadow-input-group.B8L8Zf9v.js";
61
+ import { t as Ze } from "./size-input-group.D9EWFcr7.js";
62
62
  import { T as K } from "./asset-link-format.B-wi80wk.js";
63
- import { n as Ze } from "./_baseXor.Ca5K0ORC.js";
64
- import { n as Qe, s as $e, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
65
- import { i as et } from "./_baseClone.CnI5Vpqn.js";
66
- import { C as tt, i as nt, o as J, t as rt } from "./configs-controller.Dea3OymR.js";
67
- import { t as it } from "./isEmpty.D3QQduJ5.js";
68
- import { i as at } from "./cloneDeep.C6x5LNv3.js";
63
+ import { n as Qe } from "./_baseXor.Ca5K0ORC.js";
64
+ import { n as $e, s as et, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
65
+ import { i as tt } from "./_baseClone.CnI5Vpqn.js";
66
+ import { C as nt, i as rt, o as J, t as it } from "./configs-controller._cPlX4cC.js";
67
+ import { t as at } from "./isEmpty.D3QQduJ5.js";
68
+ import { i as ot } from "./cloneDeep.C6x5LNv3.js";
69
69
  //#region ../../node_modules/lodash-es/difference.js
70
- var ot = Qe(function(e, t) {
71
- return q(e) ? Ze(e, $e(t, 1, q, !0)) : [];
72
- }), st = "Expected a function";
73
- function ct(e) {
74
- if (typeof e != "function") throw TypeError(st);
70
+ var st = $e(function(e, t) {
71
+ return q(e) ? Qe(e, et(t, 1, q, !0)) : [];
72
+ }), ct = "Expected a function";
73
+ function lt(e) {
74
+ if (typeof e != "function") throw TypeError(ct);
75
75
  return function() {
76
76
  var t = arguments;
77
77
  switch (t.length) {
@@ -85,23 +85,23 @@ function ct(e) {
85
85
  }
86
86
  //#endregion
87
87
  //#region ../../node_modules/lodash-es/pickBy.js
88
- function lt(e, t) {
88
+ function ut(e, t) {
89
89
  if (e == null) return {};
90
- var n = je(et(e), function(e) {
90
+ var n = Me(tt(e), function(e) {
91
91
  return [e];
92
92
  });
93
- return t = W(t), at(e, n, function(e, n) {
93
+ return t = W(t), ot(e, n, function(e, n) {
94
94
  return t(e, n[0]);
95
95
  });
96
96
  }
97
97
  //#endregion
98
98
  //#region ../../node_modules/lodash-es/omitBy.js
99
- function ut(e, t) {
100
- return lt(e, ct(W(t)));
99
+ function dt(e, t) {
100
+ return ut(e, lt(W(t)));
101
101
  }
102
102
  //#endregion
103
103
  //#region ../../packages/organisms/src/content-builder/blocks/font-kit-advanced/font-kit-advanced.utils.ts
104
- var dt = /* @__PURE__ */ new Map([
104
+ var ft = /* @__PURE__ */ new Map([
105
105
  ["100", "Thin"],
106
106
  ["200", "Extra Light"],
107
107
  ["300", "Light"],
@@ -112,28 +112,28 @@ var dt = /* @__PURE__ */ new Map([
112
112
  ["800", "Extra Bold"],
113
113
  ["900", "Black"]
114
114
  ]);
115
- J.Cff, J.TrueType, new Set(Object.values(J)), RegExp(`\\$\\{(${Object.values(nt).join("|")})\\}`, "g");
116
- function ft(e) {
117
- return /italic/i.test(e) ? "italic" : "normal";
118
- }
115
+ J.Cff, J.TrueType, new Set(Object.values(J)), RegExp(`\\$\\{(${Object.values(rt).join("|")})\\}`, "g");
119
116
  function pt(e) {
120
- return dt.get(e.trim()) ?? e;
117
+ return /italic/i.test(e) ? "italic" : "normal";
121
118
  }
122
119
  function mt(e) {
120
+ return ft.get(e.trim()) ?? e;
121
+ }
122
+ function ht(e) {
123
123
  let t = /* @__PURE__ */ new Map();
124
124
  for (let n of e) {
125
- let e = ft(n.fontStyle), r = Number(n.fontWeight) || 400, i = `${r}:${e}`;
125
+ let e = pt(n.fontStyle), r = Number(n.fontWeight) || 400, i = `${r}:${e}`;
126
126
  t.has(i) || t.set(i, {
127
127
  fontStyle: e,
128
128
  fontWeight: r,
129
- name: `${pt(String(r))}${e === "italic" ? " Italic" : ""}`
129
+ name: `${mt(String(r))}${e === "italic" ? " Italic" : ""}`
130
130
  });
131
131
  }
132
132
  return [...t.values()].sort((e, t) => (e.fontWeight ?? 400) - (t.fontWeight ?? 400) || (e.fontStyle ?? "").localeCompare(t.fontStyle ?? ""));
133
133
  }
134
134
  //#endregion
135
135
  //#region ../../node_modules/lit-html/directives/cache.js
136
- var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
136
+ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
137
137
  constructor(e) {
138
138
  super(e), this.et = /* @__PURE__ */ new WeakMap();
139
139
  }
@@ -162,9 +162,9 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
162
162
  } else this.it = void 0;
163
163
  return this.render(t);
164
164
  }
165
- }), X = n`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.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__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}`, gt = /* @__PURE__ */ e(D(), 1), _t = class {
165
+ }), gt = n`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.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__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}`, _t = /* @__PURE__ */ e(ue(), 1), vt = class {
166
166
  constructor(e) {
167
- this.host = e, this.localize = new p(this.host), this.controlRenderer = new le(this.host, {
167
+ this.host = e, this.localize = new p(this.host), this.controlRenderer = new me(this.host, {
168
168
  commit: async ({ callback: e, immediate: t, key: n, type: r, value: i }) => {
169
169
  if (t && r === "attribute") {
170
170
  this.handleAttributeChange(n, i, e);
@@ -270,7 +270,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
270
270
  ${v(c, () => t`<cx-typography variant="body3" class="config-form__help-text">${c}</cx-typography>`)}</cx-space>`;
271
271
  }
272
272
  renderBasicControls(e, n, r) {
273
- let i = xe(), a = t`
273
+ let i = Se(), a = t`
274
274
  ${R(e.filter((e) => {
275
275
  let t = !r || e.name && this.host.tabMap[e.name] === r || n?.name && this.host.tabMap[n.name] === r, i = !1;
276
276
  return e.controlType === "placeholder" ? i = !0 : (!this.host.skipShowCheck || !e.skipShowCheck) && (typeof e.show == "boolean" ? i = !e.show : typeof e.show == "function" ? i = !e.show(this.host.blockAttributes) : n && typeof n.show == "boolean" ? i = !n.show : n && typeof n.show == "function" && (i = !n.show(this.host.blockAttributes))), e.id && t && e.show !== !1 && !i;
@@ -287,7 +287,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
287
287
  break;
288
288
  case "property": this.host.blockProperties[r] !== void 0 && (c = this.host.blockProperties[r]);
289
289
  }
290
- if (o === "decorative") return Ke(e.controlType, [["group-heading", () => t`<cx-typography variant="h5">${a}</cx-typography>`], ["info-text", () => this.renderInfoText(e)]], () => t`<cx-typography variant="h5">${a}</cx-typography>`);
290
+ if (o === "decorative") return qe(e.controlType, [["group-heading", () => t`<cx-typography variant="h5">${a}</cx-typography>`], ["info-text", () => this.renderInfoText(e)]], () => t`<cx-typography variant="h5">${a}</cx-typography>`);
291
291
  if (n) {
292
292
  let a = this.renderBasicControl({
293
293
  container: i,
@@ -317,7 +317,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
317
317
  let { controlType: e, groupConfigs: r } = n;
318
318
  if (e === "group" && r?.direction === "horizontal") {
319
319
  let { columnGap: e, gap: n, rowGap: o, wrap: s } = r;
320
- return t`<cx-grid columns="100" use-flex-gap spacing=${_(n)} column-spacing=${_(e)} row-spacing=${_(o)} wrap=${_(s)} ${be(i)}>${a}</cx-grid>`;
320
+ return t`<cx-grid columns="100" use-flex-gap spacing=${_(n)} column-spacing=${_(e)} row-spacing=${_(o)} wrap=${_(s)} ${xe(i)}>${a}</cx-grid>`;
321
321
  }
322
322
  }
323
323
  return t`<cx-space direction="vertical" wrap="nowrap">${a}</cx-space>`;
@@ -328,8 +328,8 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
328
328
  let n = !1;
329
329
  return (!this.host.skipShowCheck || !t.skipShowCheck) && (typeof t.show == "boolean" ? n = !t.show : typeof t.show == "function" && (n = !t.show(this.host.blockAttributes))), t.translateGroup === e && !n;
330
330
  });
331
- return n.length === 0 ? i : t`<cx-typography variant="h5">${e}</cx-typography>${R(n, (e) => e.id, (e) => e.controlType === "info-text" ? this.renderInfoText(e) : t`<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">${e.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${De(this.host.sortedLanguages, (n) => {
332
- let r = this.localize.languageName(n) || gt.default.getName(n) || n, a = "";
331
+ return n.length === 0 ? i : t`<cx-typography variant="h5">${e}</cx-typography>${R(n, (e) => e.id, (e) => e.controlType === "info-text" ? this.renderInfoText(e) : t`<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">${e.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${Oe(this.host.sortedLanguages, (n) => {
332
+ let r = this.localize.languageName(n) || _t.default.getName(n) || n, a = "";
333
333
  e.id && (a = n === this.host.defaultLanguage ? this.host.blockAttributes[e.id] ?? "" : this.host.translatableControlValues[n]?.[e.id] ?? this.host.translatableControlValues[this.host.defaultLanguage]?.[e.id] ?? this.host.blockAttributes[e.id]);
334
334
  let o;
335
335
  switch (e.controlType) {
@@ -430,65 +430,65 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
430
430
  }
431
431
  }, Z = class extends l {
432
432
  constructor(...e) {
433
- super(...e), this.localize = new p(this), this.configFormController = new _t(this), this.loading = !1, this.mode = H.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;
433
+ super(...e), this.localize = new p(this), this.configFormController = new vt(this), this.loading = !1, this.mode = H.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;
434
434
  }
435
435
  static #e = this.styles = [
436
436
  d,
437
- X,
438
- ce,
439
- he
437
+ gt,
438
+ E,
439
+ de
440
440
  ];
441
441
  static #t = this.dependencies = {
442
- "cx-asset-format-picker": ie,
443
- "cx-asset-picker": ne,
444
- "cx-asset-transformation-dialog": E,
445
- "cx-bicolor-picker": Ve,
446
- "cx-border-input-group": He,
442
+ "cx-asset-format-picker": ne,
443
+ "cx-asset-picker": ae,
444
+ "cx-asset-transformation-dialog": oe,
445
+ "cx-bicolor-picker": He,
446
+ "cx-border-input-group": Ue,
447
447
  "cx-button": x,
448
448
  "cx-button-group": k,
449
449
  "cx-card": A,
450
450
  "cx-checkbox": j,
451
- "cx-color-swatch-picker": w,
451
+ "cx-color-swatch-picker": D,
452
452
  "cx-confirm-popover": U,
453
- "cx-corner-position-input-group": We,
454
- "cx-dam-custom-toolbar-buttons-editor": se,
453
+ "cx-corner-position-input-group": Ge,
454
+ "cx-dam-custom-toolbar-buttons-editor": ge,
455
455
  "cx-dialog": V,
456
- "cx-divider": Ae,
456
+ "cx-divider": je,
457
457
  "cx-download-format-picker": re,
458
- "cx-dropdown": ge,
459
- "cx-dynamic-select": Ge,
460
- "cx-folder-picker": oe,
461
- "cx-font-picker": ae,
462
- "cx-gallery-picker": ue,
463
- "cx-grid": Fe,
464
- "cx-grid-item": Ie,
458
+ "cx-dropdown": _e,
459
+ "cx-dynamic-select": Ke,
460
+ "cx-folder-picker": w,
461
+ "cx-font-picker": ie,
462
+ "cx-gallery-picker": ce,
463
+ "cx-grid": Ie,
464
+ "cx-grid-item": Le,
465
465
  "cx-icon": y,
466
- "cx-icon-picker": T,
467
- "cx-input": _e,
468
- "cx-line-clamp": ee,
469
- "cx-list-editor": pe,
470
- "cx-menu": ve,
471
- "cx-menu-item": ye,
472
- "cx-option": Ce,
473
- "cx-padding-input-group": qe,
474
- "cx-page-picker": de,
475
- "cx-position-picker": Je,
476
- "cx-radio": Le,
477
- "cx-radio-card": Re,
478
- "cx-radio-group": ze,
479
- "cx-select": Te,
480
- "cx-shadow-input-group": Ye,
481
- "cx-size-input-group": Xe,
482
- "cx-space": we,
483
- "cx-switch": Be,
484
- "cx-tab": Ee,
466
+ "cx-icon-picker": se,
467
+ "cx-input": ve,
468
+ "cx-line-clamp": te,
469
+ "cx-list-editor": S,
470
+ "cx-menu": ye,
471
+ "cx-menu-item": be,
472
+ "cx-option": we,
473
+ "cx-padding-input-group": Je,
474
+ "cx-page-picker": fe,
475
+ "cx-position-picker": Ye,
476
+ "cx-radio": Re,
477
+ "cx-radio-card": ze,
478
+ "cx-radio-group": Be,
479
+ "cx-select": Ee,
480
+ "cx-shadow-input-group": Xe,
481
+ "cx-size-input-group": Ze,
482
+ "cx-space": Te,
483
+ "cx-switch": Ve,
484
+ "cx-tab": De,
485
485
  "cx-tab-group": z,
486
- "cx-tab-panel": Oe,
487
- "cx-textarea": Se,
488
- "cx-tooltip": S,
489
- "cx-type-subtype-select": te,
486
+ "cx-tab-panel": ke,
487
+ "cx-textarea": Ce,
488
+ "cx-tooltip": ee,
489
+ "cx-type-subtype-select": T,
490
490
  "cx-typography": O,
491
- "cx-visually-hidden": ke
491
+ "cx-visually-hidden": Ae
492
492
  };
493
493
  get isTemplateEditable() {
494
494
  return this.mode === H.Template;
@@ -504,7 +504,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
504
504
  return this.isTemplateEditable ? t : t.filter((e) => e !== "styling");
505
505
  }
506
506
  get tabMap() {
507
- let e = this.traits.map((e) => e.name).filter(Boolean), t = ot(e, this.adhocProperties), n = this.traits.filter((e) => e.tab === "sidePanels").map((e) => e.name).filter(Boolean), r = this.traits.filter((e) => e.tab === "appearance").map((e) => e.name).filter(Boolean), i = this.traits.filter((e) => e.tab === "effects").map((e) => e.name).filter(Boolean), a = {};
507
+ let e = this.traits.map((e) => e.name).filter(Boolean), t = st(e, this.adhocProperties), n = this.traits.filter((e) => e.tab === "sidePanels").map((e) => e.name).filter(Boolean), r = this.traits.filter((e) => e.tab === "appearance").map((e) => e.name).filter(Boolean), i = this.traits.filter((e) => e.tab === "effects").map((e) => e.name).filter(Boolean), a = {};
508
508
  for (let t of e) a[t] = "content";
509
509
  for (let e of t) a[e] = "styling";
510
510
  for (let e of n) a[e] = "sidePanels";
@@ -525,7 +525,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
525
525
  e?.target === this.dialog && e.detail.source !== "overlay" && (this.handleClose(), this.isAfterShow = !1, this.disableCloseConfigDialog = !1);
526
526
  }
527
527
  handleRequestClose(e) {
528
- e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : Ne(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
528
+ e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : Pe(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
529
529
  }
530
530
  handleNameInputChange(e) {
531
531
  this.emit("cx-content-builder-form-field-change", { detail: {
@@ -575,9 +575,9 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
575
575
  return t`<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>`;
576
576
  }
577
577
  render() {
578
- return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.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(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`)}</cx-space>${Pe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${ht(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<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>`), () => v(!it(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<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>`)}
578
+ return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.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(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`)}</cx-space>${Fe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${X(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<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>`), () => v(!at(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<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>`)}
579
579
  ${R(this.tabs.filter((e) => !this.showTemplateTab || e === "appearance" || e === "effects" || e === "sidePanels" || e === "styling"), (e) => e, (e, n) => t`<cx-tab slot="nav" panel=${e} ?active=${!this.showTemplateTab && n === 0}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e} ?active=${!this.showTemplateTab && n === 0}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, e)}</cx-space></cx-tab-panel>`)}
580
- ${v(this.translatableControls.length > 0, () => t`<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>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<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(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<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(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${Ue.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("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
580
+ ${v(this.translatableControls.length > 0, () => t`<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>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<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(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<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(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${We.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("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
581
581
  }
582
582
  };
583
583
  s([u(".config-form"), c("design:type", V === void 0 ? Object : V)], Z.prototype, "dialog", void 0), s([u("#config-form"), c("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], Z.prototype, "form", void 0), s([u("cx-confirm-popover"), c("design:type", U === void 0 ? Object : U)], Z.prototype, "confirmPopover", void 0), s([u(".config-form__tab-group"), c("design:type", z === void 0 ? Object : z)], Z.prototype, "tabGroup", void 0), s([a({
@@ -686,8 +686,8 @@ s([u(".config-form"), c("design:type", V === void 0 ? Object : V)], Z.prototype,
686
686
  c("design:paramtypes", []),
687
687
  c("design:returntype", Promise)
688
688
  ], Z.prototype, "handleSupportedLanguagesChange", null), Z = s([f("cx-config-form")], Z);
689
- var Q = Z, vt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`, $ = class extends l {
690
- static #e = this.styles = [d, vt];
689
+ var Q = Z, yt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`, $ = class extends l {
690
+ static #e = this.styles = [d, yt];
691
691
  static #t = this.dependencies = {
692
692
  "cx-config-form": Q,
693
693
  "cx-typography": O
@@ -696,7 +696,7 @@ var Q = Z, vt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-
696
696
  return this.mode === H.Template;
697
697
  }
698
698
  constructor() {
699
- super(), this.localize = new p(this), this.configsController = new rt(this.localize), this.component = null, this.loading = !1, this.mode = H.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);
699
+ super(), this.localize = new p(this), this.configsController = new it(this.localize), this.component = null, this.loading = !1, this.mode = H.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);
700
700
  }
701
701
  getFlattenTraits(e, t, n = !1) {
702
702
  return e.reduce((e, r) => (r.children && e.push(...this.getFlattenTraits(r.children, r, n)), n && r && (r.show === !1 || typeof r.show == "function" && !r.show(this.blockAttributes) || t && t.show === !1 || t && typeof t.show == "function" && !t.show(this.blockAttributes)) || e.push({
@@ -720,23 +720,29 @@ var Q = Z, vt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-
720
720
  let e = this.component.get("type"), t = this.configsController.getConfigs(e, {
721
721
  containerFontVariants: this.getContainerFontVariants(),
722
722
  enableAssetFormatControls: this.enableAssetFormatControls,
723
- enableFontFamilyControls: this.enableFontFamilyControls
723
+ enableFontFamilyControls: this.enableFontFamilyControls,
724
+ resolveWidthUnitDefault: (e) => this.resolveWidthUnitDefault(e)
724
725
  });
725
726
  this.blockType = e, this.blockName = this.component.getName(), this.blockAttributes = {
726
- ...C(this.component),
727
- ...ut(this.translatableControlValuesMap[this.defaultLanguage], (e) => e === void 0)
728
- }, this.blockProperties = me(this.component), this.blockStyles = fe(this.component), this.traits = Array.isArray(t) ? t : [];
727
+ ...he(this.component),
728
+ ...dt(this.translatableControlValuesMap[this.defaultLanguage], (e) => e === void 0)
729
+ }, this.blockProperties = pe(this.component), this.blockStyles = le(this.component), this.traits = Array.isArray(t) ? t : [];
730
+ }
731
+ resolveWidthUnitDefault(e) {
732
+ if (e === "%") return "100%";
733
+ let t = this.component?.getEl(), n = t?.parentElement, r = t?.ownerDocument.defaultView;
734
+ if (t && n?.tagName === "CX-COLUMN" && n.containerEl && r) return `${Number.parseInt(String(C(t, n, r)))}px`;
729
735
  }
730
736
  getContainerFontVariants() {
731
- for (let e = this.component?.parent(); e; e = e.parent()) if (e.get("type") === Me.FontKitAdvanced) {
737
+ for (let e = this.component?.parent(); e; e = e.parent()) if (e.get("type") === Ne.FontKitAdvanced) {
732
738
  let t = e.view?.el;
733
- return mt(t?.typefacesArray ?? []);
739
+ return ht(t?.typefacesArray ?? []);
734
740
  }
735
741
  }
736
742
  handleSave(e) {
737
743
  let t = this.getFlattenTraits(this.traits).reduce((e, t) => (e[t.id] = t, e), {}), n = Object.entries(this.blockAttributes).reduce((e, [n, r]) => {
738
744
  let i = t[n];
739
- return tt.includes(n) || (i ? e[n] = r : typeof r == "boolean" && (e[n] = !1)), e;
745
+ return nt.includes(n) || (i ? e[n] = r : typeof r == "boolean" && (e[n] = !1)), e;
740
746
  }, {});
741
747
  this.emit("cx-content-builder-configure", { detail: {
742
748
  description: this.description,
@@ -849,6 +855,6 @@ s([u("cx-config-form"), c("design:type", Q === void 0 ? Object : Q)], $.prototyp
849
855
  c("design:paramtypes", []),
850
856
  c("design:returntype", Promise)
851
857
  ], $.prototype, "handleComponentChange", null), $ = s([f("cx-config-manager"), c("design:paramtypes", [])], $);
852
- var yt = $;
858
+ var bt = $;
853
859
  //#endregion
854
- export { yt as CxConfigManager };
860
+ export { bt as CxConfigManager };
@@ -5,18 +5,18 @@ import { a as o, c as s, i as c, l, o as u, s as d } from "./resizable-component
5
5
  import { D as f, E as p, O as m, u as h } from "./string.DamEXDH2.js";
6
6
  import { n as g } from "./position-picker.dY_vgF_H.js";
7
7
  import { a as _, n as v, o as ee, s as y } from "./src.BJhIYoMP.js";
8
- import { a as te, i as ne, r as re } from "./tab-group.CPL6IRZr.js";
8
+ import { a as te, i as ne, r as re } from "./tab-group.CuP7qBU8.js";
9
9
  import { t as ie } from "./parse.CDrJ-NY7.js";
10
10
  import { t as ae } from "./toString.r2ImdBrm.js";
11
11
  import { t as oe } from "./capitalize.BT_EavGy.js";
12
- import { a as se, i as ce, n as le, r as ue } from "./document-viewer.BUAq7eW6.js";
12
+ import { a as se, i as ce, n as le, r as ue } from "./document-viewer.j2AHXi5D.js";
13
13
  import { f as de, l as fe } from "./url.CZO_DV8Y.js";
14
14
  import { _ as pe, g as me, p as he, v as ge } from "./color.CIOzHtLK.js";
15
15
  import { g as _e, m as ve, p as ye, s as b } from "./responsive.L9Csz2w2.js";
16
16
  import { n as be, r as xe } from "./header.Ny2fWwyt.js";
17
17
  import { d as Se, f as x, l as S, o as C, s as Ce } from "./endpoints.jOHOmF_t.js";
18
18
  import { n as w } from "./folder-select.DZ27acgw.js";
19
- import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.WMinusvs.js";
19
+ import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DGDHKClr.js";
20
20
  import { n as Te } from "./isEmpty.D3QQduJ5.js";
21
21
  import { a as k } from "./cloneDeep.C6x5LNv3.js";
22
22
  //#region ../../packages/services/src/api/dashboard/dashboard.ts
@@ -2771,6 +2771,7 @@ var V = class {
2771
2771
  min: 0
2772
2772
  } },
2773
2773
  name: "px",
2774
+ resolveDefaultValue: () => t.resolveWidthUnitDefault?.("px"),
2774
2775
  value: "px"
2775
2776
  }, {
2776
2777
  dataId: "data-width-percent",
@@ -2781,6 +2782,7 @@ var V = class {
2781
2782
  min: 0
2782
2783
  } },
2783
2784
  name: "%",
2785
+ resolveDefaultValue: () => t.resolveWidthUnitDefault?.("%"),
2784
2786
  value: "%"
2785
2787
  }],
2786
2788
  type: "unit"
@@ -7060,6 +7062,7 @@ var or = {
7060
7062
  min: 0
7061
7063
  } },
7062
7064
  name: "px",
7065
+ resolveDefaultValue: () => t.resolveWidthUnitDefault?.("px"),
7063
7066
  value: "px"
7064
7067
  }, {
7065
7068
  dataId: "data-width-percent",
@@ -7070,6 +7073,7 @@ var or = {
7070
7073
  min: 0
7071
7074
  } },
7072
7075
  name: "%",
7076
+ resolveDefaultValue: () => t.resolveWidthUnitDefault?.("%"),
7073
7077
  value: "%"
7074
7078
  }],
7075
7079
  type: "unit"
@@ -7,7 +7,7 @@ import { t as l } from "./i18n.CpiuF-f4.js";
7
7
  import { t as u } from "./class-map.D8nsNOVJ.js";
8
8
  import { t as d } from "./button.F15zfy2d.js";
9
9
  import { t as f } from "./typography.B0mkhqTB.js";
10
- import { t as p } from "./dropdown.Yz1dFrzN.js";
10
+ import { t as p } from "./dropdown.BFiWUTAN.js";
11
11
  import { o as m, t as h } from "./dialog.DyVvpdaY.js";
12
12
  //#region ../../packages/types/src/confirm-popover.ts
13
13
  var g = /* @__PURE__ */ function(e) {
@@ -17,11 +17,11 @@ import { t as tooltip_default } from "./tooltip.EVa9qa8X.js";
17
17
  import { t as resize_observer_default } from "./resize-observer.D9EHlnZI.js";
18
18
  import { a as ObjectFit } from "./src.BJhIYoMP.js";
19
19
  import { t as typography_default } from "./typography.B0mkhqTB.js";
20
- import { t as dropdown_default } from "./dropdown.Yz1dFrzN.js";
20
+ import { t as dropdown_default } from "./dropdown.BFiWUTAN.js";
21
21
  import { t as focusWhenVisible } from "./focus-when-visible.DKscgyKo.js";
22
22
  import { t as input_default } from "./input.HC75Gdv_.js";
23
- import { t as menu_default } from "./menu.yAc9YFlN.js";
24
- import { t as menu_item_default } from "./menu-item.BXd8ZyH5.js";
23
+ import { t as menu_default } from "./menu.D8EA_jFw.js";
24
+ import { t as menu_item_default } from "./menu-item.DUN2x8Dd.js";
25
25
  import { t as drawer_default } from "./drawer.rdGcXxzU.js";
26
26
  import { t as progress_bar_default } from "./progress-bar.Br8Zi53n.js";
27
27
  import { fetchCortexApi } from "../utils.js";
@@ -14,7 +14,7 @@ import { t as y } from "./if-defined.B29V_rEp.js";
14
14
  import { t as b } from "./focus-when-visible.DKscgyKo.js";
15
15
  import { t as x } from "./tabbable.Bflg1dha.js";
16
16
  import { t as S } from "./input.HC75Gdv_.js";
17
- import { t as C } from "./menu.yAc9YFlN.js";
17
+ import { t as C } from "./menu.D8EA_jFw.js";
18
18
  import { t as w } from "./textarea.Bc4eCJgT.js";
19
19
  //#region ../../packages/utils/src/custom-element/escapable-overlays.ts
20
20
  var T = [], E = class {
@@ -25,7 +25,7 @@ import { t as oe } from "./option.B9yDGHPh.js";
25
25
  import { t as se } from "./space.Dd8jezXK.js";
26
26
  import { t as ce } from "./select.jlSyzF3u.js";
27
27
  import { t as le } from "./tab.DrD0Ii5J.js";
28
- import { t as T } from "./tab-group.CPL6IRZr.js";
28
+ import { t as T } from "./tab-group.CuP7qBU8.js";
29
29
  import { t as ue } from "./tab-panel.BxeoKuSv.js";
30
30
  import { t as E } from "./dialog.DyVvpdaY.js";
31
31
  import { t as de } from "./divider.CqSNZCU8.js";
@@ -34,7 +34,7 @@ import { o as D, u as O } from "./url.CZO_DV8Y.js";
34
34
  import k from "../components/format-bytes.js";
35
35
  import { t as pe } from "./relative-time.Tmj08T5g.js";
36
36
  import { a as A, i as me, n as he, t as j } from "./tree.B62nSrIi.js";
37
- import { t as ge } from "./confirm-popover.B60_VW9E.js";
37
+ import { t as ge } from "./confirm-popover.DfSlgI9c.js";
38
38
  import { t as _e } from "./_baseIteratee.DWc2-Bvm.js";
39
39
  import { t as ve } from "./choose.C2vpqhLc.js";
40
40
  import { t as ye } from "./_baseXor.Ca5K0ORC.js";