@useinsider/guido 2.0.0-beta.a4f9fa2 → 2.0.0-beta.ab9d733

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 (101) hide show
  1. package/README.md +0 -2
  2. package/dist/@types/config/schemas.js +1 -3
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +17 -15
  5. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +3 -3
  6. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +8 -8
  7. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
  8. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +7 -8
  9. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
  10. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +10 -14
  11. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +18 -22
  12. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
  13. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +12 -11
  14. package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.js +12 -10
  15. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +11 -10
  16. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +15 -14
  17. package/dist/components/organisms/header/HeaderWrapper.vue.js +5 -5
  18. package/dist/components/organisms/header/LeftSlot.vue.js +9 -9
  19. package/dist/components/organisms/header/LeftSlot.vue2.js +13 -14
  20. package/dist/components/organisms/header/MiddleSlot.vue.js +5 -4
  21. package/dist/components/organisms/header/MiddleSlot.vue2.js +14 -13
  22. package/dist/components/organisms/header/RightSlot.vue.js +12 -12
  23. package/dist/components/organisms/header/RightSlot.vue2.js +27 -21
  24. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
  25. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
  26. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
  27. package/dist/composables/useStripo.js +40 -40
  28. package/dist/config/migrator/index.js +8 -9
  29. package/dist/enums/academy.js +8 -0
  30. package/dist/enums/onboarding.js +1 -2
  31. package/dist/enums/unsubscribe.js +20 -21
  32. package/dist/extensions/Blocks/Items/block.js +40 -39
  33. package/dist/extensions/Blocks/Items/controls/button/link.js +29 -22
  34. package/dist/extensions/Blocks/Items/controls/cardComposition.js +46 -66
  35. package/dist/extensions/Blocks/Items/controls/image/link.js +30 -23
  36. package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
  37. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +17 -19
  38. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +29 -31
  39. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +36 -36
  40. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +19 -21
  41. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +27 -29
  42. package/dist/extensions/Blocks/Items/controls/settingsControl.js +143 -152
  43. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  44. package/dist/extensions/Blocks/Items/enums/productEnums.js +45 -43
  45. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +3 -4
  46. package/dist/extensions/Blocks/Items/extension.js +6 -7
  47. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +49 -58
  48. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +59 -48
  49. package/dist/extensions/Blocks/Items/settingsPanel.js +26 -27
  50. package/dist/extensions/Blocks/Items/store/items-block.js +7 -11
  51. package/dist/extensions/Blocks/Items/template.js +129 -366
  52. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +17 -0
  53. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +28 -0
  54. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +76 -0
  55. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +46 -0
  56. package/dist/extensions/Blocks/Recommendation/control.js +1 -1
  57. package/dist/extensions/Blocks/common-control.js +30 -29
  58. package/dist/extensions/Blocks/controlFactories.js +45 -55
  59. package/dist/guido.css +1 -1
  60. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +285 -364
  61. package/dist/package.json.js +1 -1
  62. package/dist/services/stripoApi.js +10 -6
  63. package/dist/src/@types/config/schemas.d.ts +0 -4
  64. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  65. package/dist/src/composables/useConfig.d.ts +0 -2
  66. package/dist/src/enums/academy.d.ts +12 -0
  67. package/dist/src/enums/onboarding.d.ts +0 -1
  68. package/dist/src/enums/unsubscribe.d.ts +0 -1
  69. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +2 -0
  70. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +0 -9
  71. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +2 -0
  72. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  73. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +4 -0
  74. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +0 -1
  75. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +26 -24
  76. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +0 -1
  77. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +0 -2
  78. package/dist/src/extensions/Blocks/Items/template.d.ts +1 -22
  79. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +23 -0
  80. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +32 -0
  81. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +50 -0
  82. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +8 -0
  83. package/dist/src/extensions/Blocks/common-control.d.ts +10 -9
  84. package/dist/src/stores/config.d.ts +0 -17
  85. package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
  86. package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
  87. package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
  88. package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
  89. package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
  90. package/dist/utils/pairProductVariables.js +58 -61
  91. package/package.json +3 -3
  92. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
  93. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
  94. package/dist/config/migrator/itemsBlockMigrator.js +0 -342
  95. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +0 -93
  96. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +0 -184
  97. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +0 -6
  98. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +0 -18
  99. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +0 -73
  100. package/dist/static/assets/inbox-mockup.svg.js +0 -4
  101. package/dist/static/assets/phone-mockup.svg.js +0 -4
@@ -1,17 +1,17 @@
1
- var B = class d {
1
+ var M = class u {
2
2
  /**
3
3
  * Validates that all required methods are properly implemented in the subclass.
4
4
  * @param requiredMethods - Array of method names that must be implemented
5
5
  * @param classRef - Reference to the class constructor for validation caching
6
6
  */
7
- constructor(t, r) {
8
- if (r !== d) {
9
- d.validatedClasses.has(r) || this.validateImplementation(t, r);
10
- const s = d.validationErrors.get(r);
7
+ constructor(e, r) {
8
+ if (r !== u) {
9
+ u.validatedClasses.has(r) || this.validateImplementation(e, r);
10
+ const s = u.validationErrors.get(r);
11
11
  if (s && s.length > 0)
12
12
  throw new Error(
13
13
  `${r.name} has validation errors:
14
- ${s.map((o) => ` - ${o}`).join(`
14
+ ${s.map((E) => ` - ${E}`).join(`
15
15
  `)}`
16
16
  );
17
17
  }
@@ -20,23 +20,23 @@ ${s.map((o) => ` - ${o}`).join(`
20
20
  * Validates that all required methods are properly implemented in the subclass.
21
21
  * This validation runs only once per class type and results are cached.
22
22
  */
23
- validateImplementation(t, r) {
24
- var M;
25
- const s = [], o = r.name, Y = Object.getPrototypeOf(this);
26
- t.forEach((u) => {
27
- if (typeof this[u] != "function") {
28
- s.push(`Method ${u}() is not defined`);
23
+ validateImplementation(e, r) {
24
+ var I;
25
+ const s = [], E = r.name, T = Object.getPrototypeOf(this);
26
+ e.forEach((d) => {
27
+ if (typeof this[d] != "function") {
28
+ s.push(`Method ${d}() is not defined`);
29
29
  return;
30
30
  }
31
- Y[u] === r.prototype[u] && s.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
32
- }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((M = process.env) == null ? void 0 : M.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
31
+ T[d] === r.prototype[d] && s.push(`Method ${d}() must be implemented (currently using base class error-throwing implementation)`);
32
+ }), u.validatedClasses.add(r), s.length > 0 ? (u.validationErrors.set(r, s), console.error(`[${E} Validation] ${E} validation failed:`, s)) : typeof process < "u" && ((I = process.env) == null ? void 0 : I.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
33
33
  }
34
34
  };
35
- B.validatedClasses = /* @__PURE__ */ new Set();
36
- B.validationErrors = /* @__PURE__ */ new Map();
37
- var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCTURE", e.CONTAINER = "CONTAINER", e))($ || {}), y = class T extends a {
35
+ M.validatedClasses = /* @__PURE__ */ new Set();
36
+ M.validationErrors = /* @__PURE__ */ new Map();
37
+ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(et || {}), y = class c extends a {
38
38
  constructor() {
39
- super(T.REQUIRED_METHODS, T);
39
+ super(c.REQUIRED_METHODS, c);
40
40
  }
41
41
  /**
42
42
  * Determines if the block should be available for use in the editor.
@@ -86,28 +86,28 @@ var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCT
86
86
  * @param node - The immutable HTML node representing the selected block instance.
87
87
  */
88
88
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
89
- onSelect(t) {
89
+ onSelect(e) {
90
90
  }
91
91
  /**
92
92
  * Lifecycle hook called when an instance of this block is copied.
93
93
  * @param modifier - The HTML node modifier to apply changes to the copied block instance.
94
94
  */
95
95
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
96
- onCopy(t) {
96
+ onCopy(e) {
97
97
  }
98
98
  /**
99
99
  * Lifecycle hook called when an instance of this block is deleted.
100
100
  * @param node - The immutable HTML node representing the block instance being deleted.
101
101
  */
102
102
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
103
- onDelete(t) {
103
+ onDelete(e) {
104
104
  }
105
105
  /**
106
106
  * Lifecycle hook called after a new instance of this block is created and added to the document (e.g., via drag-and-drop).
107
107
  * @param node - The immutable HTML node representing the newly created block instance.
108
108
  */
109
109
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
110
- onCreated(t) {
110
+ onCreated(e) {
111
111
  }
112
112
  /**
113
113
  * Lifecycle hook called when any part of the document template has changed.
@@ -115,7 +115,7 @@ var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCT
115
115
  * @param node - The immutable HTML node representing current node instance
116
116
  */
117
117
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
118
- onDocumentChanged(t) {
118
+ onDocumentChanged(e) {
119
119
  }
120
120
  /**
121
121
  * @description Determines if block is atomic or composite.
@@ -183,7 +183,7 @@ var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCT
183
183
  *
184
184
  * @return {string} The name of the block panel.
185
185
  */
186
- getSettingsPanelTitleHtml() {
186
+ getSettingsPanelName() {
187
187
  return "";
188
188
  }
189
189
  /**
@@ -196,27 +196,27 @@ var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCT
196
196
  }
197
197
  };
198
198
  y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
199
- var Pe = y, W = class c extends a {
199
+ var Xt = y, rt = class _ extends a {
200
200
  constructor() {
201
- super(c.REQUIRED_METHODS, c);
201
+ super(_.REQUIRED_METHODS, _);
202
202
  }
203
203
  /**
204
204
  * @deprecated - use {@link getPreviewInnerHtml} instead
205
205
  */
206
206
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
207
- getPreviewHtml(t) {
207
+ getPreviewHtml(e) {
208
208
  }
209
209
  /**
210
210
  * @description returns custom content to be displayed inside the {@link Block} root TD element
211
211
  */
212
- getPreviewInnerHtml(t) {
212
+ getPreviewInnerHtml(e) {
213
213
  throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
214
214
  }
215
215
  };
216
- W.REQUIRED_METHODS = ["getPreviewInnerHtml"];
217
- var z = class O extends a {
216
+ rt.REQUIRED_METHODS = ["getPreviewInnerHtml"];
217
+ var nt = class h extends a {
218
218
  constructor() {
219
- super(O.REQUIRED_METHODS, O);
219
+ super(h.REQUIRED_METHODS, h);
220
220
  }
221
221
  getId() {
222
222
  throw new Error("Method getId() must be implemented by the subclass");
@@ -227,94 +227,93 @@ var z = class O extends a {
227
227
  getLabel() {
228
228
  throw new Error("Method getLabel() must be implemented by the subclass");
229
229
  }
230
- onClick(t) {
230
+ onClick(e) {
231
231
  throw new Error("Method onClick() must be implemented by the subclass");
232
232
  }
233
233
  };
234
- z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
235
- var Z = {
234
+ nt.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
235
+ var st = {
236
236
  src: "src",
237
237
  alt: "alt",
238
238
  href: "href",
239
- width: "width",
240
- height: "height"
241
- }, j = {
239
+ width: "width"
240
+ }, at = {
242
241
  href: "href"
243
- }, we = {
244
- BLOCK_IMAGE: Z,
245
- BLOCK_BUTTON: j
246
- }, v = "esd-block-button", U = "esd-block-text", P = "esd-block-image", q = "esd-structure", J = "esd-block-video", ee = "esd-block-social", te = "esd-block-banner", re = "esd-block-timer", ne = "esd-block-menu", ae = "esd-block-html", se = "esd-block-spacer", ie = "esd-container-frame", Ee = "esd-stripe", le = "esd-amp-form", I = ((e) => (e.BUTTON = `.${v}`, e.TEXT = `.${U}`, e.IMAGE = `.${P}`, e.STRUCTURE = `.${q}`, e.VIDEO = `.${J}`, e.SOCIAL = `.${ee}`, e.BANNER = `.${te}`, e.TIMER = `.${re}`, e.MENU = `.${ne}`, e.HTML = `.${ae}`, e.SPACER = `.${se}`, e.CONTAINER = `.${ie}`, e.STRIPE = `.${Ee}`, e.FORM = `.${le}`, e))(I || {}), oe = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(oe || {}), w = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(w || {}), K = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(K || {}), F = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.LINKS_COLOR = "textLinksFontColorForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(H || {}), de = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(de || {}), n = {
247
- BLOCK_BUTTON: K,
248
- BLOCK_TEXT: F,
242
+ }, kt = {
243
+ BLOCK_IMAGE: st,
244
+ BLOCK_BUTTON: at
245
+ }, U = "esd-block-button", p = "esd-block-text", K = "esd-block-image", it = "esd-structure", ot = "esd-block-video", Et = "esd-block-social", lt = "esd-block-banner", dt = "esd-block-timer", ut = "esd-block-menu", It = "esd-block-html", Ot = "esd-block-spacer", Tt = "esd-container-frame", ct = "esd-stripe", _t = "esd-amp-form", O = ((t) => (t.BUTTON = `.${U}`, t.TEXT = `.${p}`, t.IMAGE = `.${K}`, t.STRUCTURE = `.${it}`, t.VIDEO = `.${ot}`, t.SOCIAL = `.${Et}`, t.BANNER = `.${lt}`, t.TIMER = `.${dt}`, t.MENU = `.${ut}`, t.HTML = `.${It}`, t.SPACER = `.${Ot}`, t.CONTAINER = `.${Tt}`, t.STRIPE = `.${ct}`, t.FORM = `.${_t}`, t))(O || {}), ht = /* @__PURE__ */ ((t) => (t.BLOCK_IMAGE = "BLOCK_IMAGE", t.BLOCK_TEXT = "BLOCK_TEXT", t.BLOCK_BUTTON = "BLOCK_BUTTON", t.BLOCK_SPACER = "BLOCK_SPACER", t.BLOCK_VIDEO = "BLOCK_VIDEO", t.BLOCK_SOCIAL = "BLOCK_SOCIAL", t.BLOCK_BANNER = "BLOCK_BANNER", t.BLOCK_TIMER = "BLOCK_TIMER", t.BLOCK_MENU = "BLOCK_MENU", t.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", t.BLOCK_HTML = "BLOCK_HTML", t.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", t.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", t.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", t.CONTAINER = "CONTAINER", t.FORM_CONTAINER = "FORM_CONTAINER", t.STRUCTURE = "STRUCTURE", t.STRIPE = "STRIPE", t.EMPTY_CONTAINER = "EMPTY_CONTAINER", t.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", t.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", t.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", t))(ht || {}), F = /* @__PURE__ */ ((t) => (t.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", t.APPLY_CONDITION = "applyCondition", t.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", t.BACKGROUND_COLOR = "backgroundColor", t.BACKGROUND_IMAGE = "generalImageContainer", t.TEXT_COLOR = "textColor", t.TEXT_STYLE = "textStyle", t.TEXT_SIZE = "textSize", t.TEXT_LINE_SPACING = "textLineSpacing", t.TEXT_ALIGN = "textAlign", t.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", t.HIDDEN_NODE = "hiddenNode", t.SMART_BLOCK = "smartBlock", t.SYNCHRONIZED_MODULE = "synchronizedModuleForm", t.FONT_FAMILY = "generalFontFamilyForm", t.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", t.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", t))(F || {}), w = /* @__PURE__ */ ((t) => (t.ADJUST_TO_WIDTH = "adjustToWidth", t.ALIGNMENT = "buttonAlignment", t.BORDER = "buttonBorder", t.BORDER_RADIUS = "buttonBorderRadius", t.COLOR = "buttonColor", t.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", t.EXTERNAL_INDENTS = "buttonExternalIndents", t.FIXED_HEIGHT = "buttonFixedHeightForm", t.FONT_COLOR = "buttonFontColor", t.FONT_FAMILY = "buttonFontFamily", t.FONT_SIZE = "buttonFontSize", t.ICON = "buttonIconContainer", t.ICON_ALIGN = "buttonIconAlign", t.ICON_INDENT = "buttonIconIndent", t.ICON_WIDTH = "buttonIconWidth", t.IMAGE = "buttonImageForm", t.INTERNAL_INDENTS = "buttonInternalIndents", t.LINK = "buttonLink", t.MIME_TYPE = "buttonMimeTypeForm", t.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", t.TEXT = "buttonText", t.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", t.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", t.HOVERED_COLOR = "hoveredButtonColorForm", t.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", t))(w || {}), P = /* @__PURE__ */ ((t) => (t.HIDDEN_NODE = "hiddenNodeText", t.PARAGRAPH_STYLE = "paragraphStyleForm", t.ALIGN = "textAlignmentForm", t.ANCHOR_CONTAINER = "textAnchorForm", t.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", t.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", t.FONT_COLOR = "textBlockFontColor", t.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", t.FONT_FAMILY = "textFontFamily", t.FONT_SIZE = "textBlockFontSize", t.DIRECTION = "textBlockDirectionForm", t.INSERT_FORM = "textBlockInsertForm", t.LINK_DATA = "textBlockLinkDataForm", t.FORMAT = "textBlockTextFormatForm", t.FIXED_HEIGHT = "textFixedHeightForm", t.INTERNAL_INDENTS = "textInternalIndents", t.LINE_HEIGHT = "textLineHeightForm", t.LINKS_COLOR = "textLinksFontColorForm", t.MIME_TYPE = "textMimeTypeForm", t.NO_LINE_WRAPS = "textNoLineWrapsForm", t))(P || {}), H = /* @__PURE__ */ ((t) => (t.ALT_TEXT = "altText", t.LINK = "blockLink", t.ALIGNMENT = "imageAlignment", t.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", t.BORDER_RADIUS = "imageBorderRadiusForm", t.IMAGE = "imageImageForm", t.EXTERNAL_INDENTS = "imageExternalIndents", t.MIME_TYPE = "imageMimeTypeForm", t.RESPONSIVE = "imageResponsive", t.ROLLOVER_IMAGE = "imageRolloverImageForm", t.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", t.SIZE = "imageSizeContainer", t))(H || {}), Rt = /* @__PURE__ */ ((t) => (t.BACKGROUND_COLOR = "containerBackgroundColorForm", t.BORDER_FORM = "containerBorderForm", t.BORDER_RADIUS = "containerBorderRadiusForm", t.EXTERNAL_INDENTS = "containerExternalIndentsForm", t.IMAGE_CONTAINER = "containerImageContainerForm", t.MIME_TYPE = "containerMimeTypeForm", t.DISPLAY_CONDITIONS = "displayConditions", t.HIDDEN_NODE = "containerHiddenNodeForm", t))(Rt || {}), n = {
246
+ BLOCK_BUTTON: w,
247
+ BLOCK_TEXT: P,
249
248
  BLOCK_IMAGE: H,
250
- GENERAL: w
251
- }, ue = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(ue || {}), E = {
249
+ GENERAL: F
250
+ }, Lt = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(Lt || {}), o = {
252
251
  name: "name",
253
252
  disabled: "disabled"
254
- }, Ie = {
255
- ...E,
253
+ }, Ct = {
254
+ ...o,
256
255
  caption: "caption",
257
256
  icon: "icon"
258
- }, Te = {
259
- ...E,
257
+ }, gt = {
258
+ ...o,
260
259
  caption: "caption"
261
- }, ce = {
262
- ...E,
260
+ }, mt = {
261
+ ...o,
263
262
  minValue: "min-value",
264
263
  maxValue: "max-value",
265
264
  step: "step"
266
- }, Oe = {
267
- ...E,
265
+ }, bt = {
266
+ ...o,
268
267
  text: "text"
269
- }, he = {
270
- ...E
268
+ }, Nt = {
269
+ ...o
271
270
  }, X = {
272
- ...E,
271
+ ...o,
273
272
  searchable: "searchable",
274
273
  multiSelect: "multi-select",
275
274
  placeholder: "placeholder",
276
275
  items: "items"
277
- }, ge = {
276
+ }, At = {
278
277
  ...X
279
- }, be = {
278
+ }, Dt = {
280
279
  text: "text",
281
280
  value: "value"
282
- }, me = {
281
+ }, St = {
283
282
  text: "text",
284
283
  icon: "icon",
285
284
  value: "value"
286
- }, Re = {
287
- ...E
288
- }, _e = {
285
+ }, Bt = {
286
+ ...o
287
+ }, Mt = {
289
288
  controlId: "control-id"
290
- }, Le = {
291
- ...E,
289
+ }, xt = {
290
+ ...o,
292
291
  icon: "icon",
293
292
  position: "position"
294
- }, Ce = {
295
- ...E
296
- }, Ke = {
297
- BUTTON: Ie,
298
- CHECKBOX: Te,
299
- COLOR: E,
300
- COUNTER: ce,
301
- LABEL: Oe,
302
- RADIO_BUTTONS: he,
293
+ }, vt = {
294
+ ...o
295
+ }, Gt = {
296
+ BUTTON: Ct,
297
+ CHECKBOX: gt,
298
+ COLOR: o,
299
+ COUNTER: mt,
300
+ LABEL: bt,
301
+ RADIO_BUTTONS: Nt,
303
302
  SELECTPICKER: X,
304
- FONT_FAMILY_SELECT: ge,
305
- SWITCHER: E,
306
- TEXT: Re,
307
- SELECT_ITEM: be,
308
- RADIO_ITEM: me,
309
- NESTED_CONTROL: _e,
310
- ORDERABLE: Le,
311
- ORDERABLE_ITEM: Ce
312
- }, Ae = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e))(Ae || {}), x = class {
303
+ FONT_FAMILY_SELECT: At,
304
+ SWITCHER: o,
305
+ TEXT: Bt,
306
+ SELECT_ITEM: Dt,
307
+ RADIO_ITEM: St,
308
+ NESTED_CONTROL: Mt,
309
+ ORDERABLE: xt,
310
+ ORDERABLE_ITEM: vt
311
+ }, yt = /* @__PURE__ */ ((t) => (t.BUTTON = "UE-BUTTON", t.CHECKBOX = "UE-CHECKBOX", t.CHECK_BUTTONS = "UE-CHECK-BUTTONS", t.COLOR = "UE-COLOR", t.COUNTER = "UE-COUNTER", t.DATEPICKER = "UE-DATEPICKER", t.LABEL = "UE-LABEL", t.MESSAGE = "UE-MESSAGE", t.RADIO_BUTTONS = "UE-RADIO-BUTTONS", t.SELECTPICKER = "UE-SELECT", t.SWITCHER = "UE-SWITCHER", t.TEXT = "UE-TEXT", t.TEXTAREA = "UE-TEXTAREA", t.CHECK_ITEM = "UE-CHECK-ITEM", t.RADIO_ITEM = "UE-RADIO-ITEM", t.SELECT_ITEM = "UE-SELECT-ITEM", t.ICON = "UE-ICON", t.MERGETAGS = "UE-MERGETAGS", t.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", t.NESTED_CONTROL = "UE-NESTED-CONTROL", t.EXPANDABLE = "UE-EXPANDABLE", t.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", t.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", t.ORDERABLE = "UE-ORDERABLE", t.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", t.ORDERABLE_ICON = "UE-ORDERABLE-ICON", t))(yt || {}), x = class {
313
312
  /**
314
313
  * @description returns map of nodes parent control operates on
315
314
  */
316
- getTargetNodes(e) {
317
- return [e];
315
+ getTargetNodes(t) {
316
+ return [t];
318
317
  }
319
318
  /**
320
319
  * @description returns map of labels used by parent control UI
@@ -329,7 +328,7 @@ var Z = {
329
328
  /**
330
329
  * @description returns custom modifications to be included in the parent control patch
331
330
  */
332
- getAdditionalModifications(e) {
331
+ getAdditionalModifications(t) {
333
332
  }
334
333
  /**
335
334
  * Determines whether the specified HTML node is visible.
@@ -337,77 +336,77 @@ var Z = {
337
336
  * @param _node - The HTML node to evaluate for visibility, provided as an immutable object.
338
337
  * @return A boolean value indicating whether the node is visible. Returns `true` if the node is visible, otherwise `false`.
339
338
  */
340
- isVisible(e) {
339
+ isVisible(t) {
341
340
  return !0;
342
341
  }
343
342
  }, i = class extends x {
344
- getTargetNodes(e) {
345
- const t = e.querySelectorAll(I.BUTTON), r = e.asElement().hasClass(v) ? [e] : [];
346
- return t.length ? t : r;
343
+ getTargetNodes(t) {
344
+ const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
345
+ return e.length ? e : r;
347
346
  }
348
- }, Fe = class extends i {
347
+ }, Vt = class extends i {
349
348
  getParentControlId() {
350
349
  return n.BLOCK_BUTTON.BORDER_RADIUS;
351
350
  }
352
351
  getLabels() {
353
352
  }
354
- }, He = class extends i {
353
+ }, Qt = class extends i {
355
354
  getParentControlId() {
356
355
  return n.BLOCK_BUTTON.ALIGNMENT;
357
356
  }
358
- }, Xe = class extends i {
357
+ }, ft = class extends i {
359
358
  getParentControlId() {
360
359
  return n.GENERAL.BACKGROUND_COLOR;
361
360
  }
362
- }, ke = class extends i {
361
+ }, Yt = class extends i {
363
362
  getParentControlId() {
364
363
  return n.BLOCK_BUTTON.BORDER;
365
364
  }
366
365
  getLabels() {
367
366
  }
368
- }, Ge = class extends i {
367
+ }, $t = class extends i {
369
368
  getParentControlId() {
370
369
  return n.BLOCK_BUTTON.COLOR;
371
370
  }
372
- }, Ve = class extends i {
371
+ }, Wt = class extends i {
373
372
  getParentControlId() {
374
373
  return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
375
374
  }
376
- }, pe = class extends i {
375
+ }, zt = class extends i {
377
376
  getParentControlId() {
378
377
  return n.BLOCK_BUTTON.FONT_FAMILY;
379
378
  }
380
- }, Qe = class extends i {
379
+ }, Zt = class extends i {
381
380
  getParentControlId() {
382
381
  return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
383
382
  }
384
- }, fe = class extends i {
383
+ }, jt = class extends i {
385
384
  getParentControlId() {
386
385
  return n.BLOCK_BUTTON.INTERNAL_INDENTS;
387
386
  }
388
- }, Ye = class extends i {
387
+ }, qt = class extends i {
389
388
  getParentControlId() {
390
389
  return n.BLOCK_BUTTON.TEXT;
391
390
  }
392
- }, $e = class extends i {
391
+ }, Jt = class extends i {
393
392
  getParentControlId() {
394
393
  return n.BLOCK_BUTTON.FONT_SIZE;
395
394
  }
396
- }, We = class extends i {
395
+ }, te = class extends i {
397
396
  getParentControlId() {
398
397
  return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
399
398
  }
400
399
  getLabels() {
401
400
  }
402
- }, k = class h extends a {
401
+ }, k = class R extends a {
403
402
  constructor() {
404
- super(h.REQUIRED_METHODS, h);
403
+ super(R.REQUIRED_METHODS, R);
405
404
  }
406
405
  /**
407
406
  * @description Allows to determine if control should be visible or hidden in control panel.
408
407
  * Called on every node modification.
409
408
  */
410
- isVisible(t) {
409
+ isVisible(e) {
411
410
  return !0;
412
411
  }
413
412
  /**
@@ -444,112 +443,42 @@ var Z = {
444
443
  * Implement this to react to changes in the block/structure and update the control's UI elements accordingly.
445
444
  * @param node - The updated immutable HTML node representing the control's context.
446
445
  */
447
- onTemplateNodeUpdated(t) {
446
+ onTemplateNodeUpdated(e) {
448
447
  }
449
448
  /**
450
449
  * Lifecycle hook called when any part of the document template has changed.
451
450
  * This can be frequent; use cautiously for performance-sensitive operations.
452
451
  * @param _node - The immutable HTML node representing current node instance
453
452
  */
454
- onDocumentChanged(t) {
453
+ onDocumentChanged(e) {
455
454
  }
456
455
  };
457
456
  k.REQUIRED_METHODS = ["getId", "getTemplate"];
458
- var ze = k, Ne = class g extends a {
459
- constructor() {
460
- super(g.REQUIRED_METHODS, g);
461
- }
462
- /**
463
- * Gets the unique identifier for this tab.
464
- * This ID is used for registration.
465
- * @returns A unique string ID.
466
- */
467
- getId() {
468
- throw new Error("Method getId() must be implemented by the subclass");
469
- }
470
- /**
471
- * Gets the icon key representing this tab in the header.
472
- * @returns A string representing the icon key from the IconsRegistry
473
- */
474
- getIcon() {
475
- throw new Error("Method getIcon() must be implemented by the subclass");
476
- }
477
- /**
478
- * Retrieves the index of the tab associated with the panel.
479
- * The index represents the position/order of the tab in the UI.
480
- *
481
- * @returns {number} The index of the tab.
482
- */
483
- getTabIndex() {
484
- throw new Error("Method getTabIndex() must be implemented by the subclass");
485
- }
486
- /**
487
- * Gets the display name of the tab shown to the user in the header hint.
488
- * Use `this.api.translate()` for localization.
489
- * @returns The localized tab name string.
490
- */
491
- getName() {
492
- throw new Error("Method getName() must be implemented by the subclass");
493
- }
494
- /**
495
- * Determines if the tab should be available for use in the editor.
496
- * Override to provide custom logic based on the editor state or configuration.
497
- * @returns True if the tab is enabled, false otherwise. Defaults to true.
498
- */
499
- isEnabled() {
500
- return !0;
501
- }
502
- /**
503
- * Gets the HTML template string that defines the initial template of general tab.
504
- * @returns An HTML string.
505
- */
506
- getTemplate() {
507
- throw new Error("Method getTemplate() must be implemented by the subclass");
508
- }
509
- /**
510
- * Lifecycle hook called when any part of the document template has changed.
511
- * This can be frequent; use cautiously for performance-sensitive operations.
512
- */
513
- onDocumentChanged() {
514
- }
515
- /**
516
- * Optional hook called when the general panel tab is initially rendered.
517
- * Use this for setup tasks like attaching event listeners to the panel's template elements.
518
- */
519
- onRender() {
520
- }
521
- /**
522
- * Optional cleanup hook called when the general panel tab is being destroyed.
523
- */
524
- onDestroy() {
525
- }
526
- };
527
- Ne.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
528
- var G = class extends x {
529
- getTargetNodes(e) {
530
- const t = e.querySelectorAll(I.IMAGE), r = e.asElement().hasClass(P) ? [e] : [];
531
- return t.length ? t : r;
457
+ var ee = k, G = class extends x {
458
+ getTargetNodes(t) {
459
+ const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
460
+ return e.length ? e : r;
532
461
  }
533
- }, Ze = class extends G {
462
+ }, re = class extends G {
534
463
  getParentControlId() {
535
464
  return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
536
465
  }
537
- }, je = class extends G {
466
+ }, ne = class extends G {
538
467
  getParentControlId() {
539
468
  return n.BLOCK_IMAGE.SIZE;
540
469
  }
541
- }, V = class b extends a {
470
+ }, V = class L extends a {
542
471
  constructor() {
543
- super(b.REQUIRED_METHODS, b);
472
+ super(L.REQUIRED_METHODS, L);
544
473
  }
545
- registerBlockControls(t) {
474
+ registerBlockControls(e) {
546
475
  throw new Error("Method registerBlockControls() must be implemented by the subclass");
547
476
  }
548
477
  };
549
478
  V.REQUIRED_METHODS = ["registerBlockControls"];
550
- var qe = V, Je = class {
551
- constructor(e, t) {
552
- this.tabId = e, this.controlsIds = t;
479
+ var se = V, ae = class {
480
+ constructor(t, e) {
481
+ this.tabId = t, this.controlsIds = e;
553
482
  }
554
483
  getTabId() {
555
484
  return this.tabId;
@@ -560,56 +489,56 @@ var qe = V, Je = class {
560
489
  getControlsIds() {
561
490
  return this.controlsIds;
562
491
  }
563
- withLabel(e) {
564
- return this.label = e, this;
492
+ withLabel(t) {
493
+ return this.label = t, this;
565
494
  }
566
- addControl(e, t) {
567
- return t < 0 ? this.controlsIds.unshift(e) : t > this.controlsIds.length ? this.controlsIds.push(e) : this.controlsIds.splice(t, 0, e), this;
495
+ addControl(t, e) {
496
+ return e < 0 ? this.controlsIds.unshift(t) : e > this.controlsIds.length ? this.controlsIds.push(t) : this.controlsIds.splice(e, 0, t), this;
568
497
  }
569
- deleteControl(e) {
570
- const t = this.controlsIds.indexOf(e);
571
- t !== -1 && this.controlsIds.splice(t, 1);
498
+ deleteControl(t) {
499
+ const e = this.controlsIds.indexOf(t);
500
+ e !== -1 && this.controlsIds.splice(e, 1);
572
501
  }
573
502
  }, l = class extends x {
574
- getTargetNodes(e) {
575
- const t = e.querySelectorAll(I.TEXT), r = e.asElement().hasClass(U) ? [e] : [];
576
- return t.length ? t : r;
503
+ getTargetNodes(t) {
504
+ const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
505
+ return e.length ? e : r;
577
506
  }
578
- }, et = class extends l {
507
+ }, ie = class extends l {
579
508
  getParentControlId() {
580
509
  return n.GENERAL.TEXT_ALIGN;
581
510
  }
582
- }, tt = class extends l {
511
+ }, oe = class extends l {
583
512
  getParentControlId() {
584
513
  return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
585
514
  }
586
- }, rt = class extends l {
515
+ }, Ee = class extends l {
587
516
  getParentControlId() {
588
517
  return n.GENERAL.TEXT_COLOR;
589
518
  }
590
- }, nt = class extends l {
519
+ }, le = class extends l {
591
520
  getParentControlId() {
592
521
  return n.BLOCK_TEXT.FONT_FAMILY;
593
522
  }
594
- }, at = class extends l {
523
+ }, de = class extends l {
595
524
  getParentControlId() {
596
525
  return n.GENERAL.TEXT_LINE_SPACING;
597
526
  }
598
- }, st = class extends l {
527
+ }, ue = class extends l {
599
528
  getParentControlId() {
600
529
  return n.BLOCK_TEXT.INTERNAL_INDENTS;
601
530
  }
602
- }, it = class extends l {
531
+ }, Ie = class extends l {
603
532
  getParentControlId() {
604
533
  return n.GENERAL.TEXT_SIZE;
605
534
  }
606
- }, Et = class extends l {
535
+ }, Oe = class extends l {
607
536
  getParentControlId() {
608
537
  return n.GENERAL.TEXT_STYLE;
609
538
  }
610
- }, De = class {
611
- constructor(e) {
612
- this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.i18n = e == null ? void 0 : e.i18n, this.styles = e == null ? void 0 : e.styles, this.previewStyles = e == null ? void 0 : e.previewStyles, this.uiElements = (e == null ? void 0 : e.uiElements) ?? [], this.uiElementTagRegistry = e == null ? void 0 : e.uiElementTagRegistry, this.controls = (e == null ? void 0 : e.controls) ?? [], this.settingsPanelRegistry = e == null ? void 0 : e.settingsPanelRegistry, this.contextActions = (e == null ? void 0 : e.contextActions) ?? [], this.blocks = (e == null ? void 0 : e.blocks) ?? [], this.generalPanelTabs = (e == null ? void 0 : e.generalPanelTabs) ?? [], this.externalSmartElementsLibrary = e == null ? void 0 : e.externalSmartElementsLibrary, this.externalImageLibrary = e == null ? void 0 : e.externalImageLibrary, this.externalImageLibraryTab = e == null ? void 0 : e.externalImageLibraryTab, this.externalAiAssistant = e == null ? void 0 : e.externalAiAssistant, this.externalDisplayConditionsLibrary = e == null ? void 0 : e.externalDisplayConditionsLibrary, this.externalVideoLibrary = e == null ? void 0 : e.externalVideoLibrary, this.blocksPanel = e == null ? void 0 : e.blocksPanel, this.iconsRegistry = e == null ? void 0 : e.iconsRegistry, this.id = Math.random().toString(36).substring(2);
539
+ }, Ut = class {
540
+ constructor(t, e, r = [], s, E = [], T, I = [], d = [], v, $, W, z, Z, j, q, J, tt) {
541
+ this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = d, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
613
542
  }
614
543
  getI18n() {
615
544
  return this.i18n;
@@ -665,111 +594,104 @@ var qe = V, Je = class {
665
594
  getIconsRegistry() {
666
595
  return this.iconsRegistry;
667
596
  }
668
- getGeneralPanelTabs() {
669
- return this.generalPanelTabs;
670
- }
671
- }, lt = class {
597
+ }, Te = class {
672
598
  constructor() {
673
- this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [];
599
+ this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
674
600
  }
675
- withLocalization(e) {
676
- return this.i18n = e, this;
601
+ withLocalization(t) {
602
+ return this.i18n = t, this;
677
603
  }
678
604
  /**
679
605
  * @deprecated Use addStyles() instead. This method will be removed in a future version.
680
606
  */
681
- withStyles(e) {
682
- return this.styles = [e], this;
607
+ withStyles(t) {
608
+ return this.styles = [t], this;
683
609
  }
684
- addStyles(e) {
685
- return this.styles.push(e), this;
610
+ addStyles(t) {
611
+ return this.styles.push(t), this;
686
612
  }
687
613
  /**
688
614
  * @description defines custom developer styles to use inside the editor document preview
689
615
  */
690
- withPreviewStyles(e) {
691
- return this.previewStyles = e, this;
616
+ withPreviewStyles(t) {
617
+ return this.previewStyles = t, this;
692
618
  }
693
- addContextAction(e) {
694
- return this.contextActions.push(e), this;
619
+ addContextAction(t) {
620
+ return this.contextActions.push(t), this;
695
621
  }
696
- addUiElement(e) {
697
- return this.uiElements.push(e), this;
622
+ addUiElement(t) {
623
+ return this.uiElements.push(t), this;
698
624
  }
699
- withUiElementTagRegistry(e) {
700
- return this.uiElementTagRegistry = e, this;
625
+ withUiElementTagRegistry(t) {
626
+ return this.uiElementTagRegistry = t, this;
701
627
  }
702
- addControl(e) {
703
- return this.controls.push(e), this;
628
+ addControl(t) {
629
+ return this.controls.push(t), this;
704
630
  }
705
- withSettingsPanelRegistry(e) {
706
- return this.settingsPanelRegistry = e, this;
631
+ withSettingsPanelRegistry(t) {
632
+ return this.settingsPanelRegistry = t, this;
707
633
  }
708
- withExternalSmartElementsLibrary(e) {
709
- return this.externalSmartElementsLibrary = e, this;
634
+ withExternalSmartElementsLibrary(t) {
635
+ return this.externalSmartElementsLibrary = t, this;
710
636
  }
711
- withExternalImageLibrary(e) {
712
- return this.externalImageLibrary = e, this;
637
+ withExternalImageLibrary(t) {
638
+ return this.externalImageLibrary = t, this;
713
639
  }
714
- withExternalImageLibraryTab(e) {
715
- return this.externalImageLibraryTab = e, this;
640
+ withExternalImageLibraryTab(t) {
641
+ return this.externalImageLibraryTab = t, this;
716
642
  }
717
- withExternalAiAssistant(e) {
718
- return this.externalAiAssistant = e, this;
643
+ withExternalAiAssistant(t) {
644
+ return this.externalAiAssistant = t, this;
719
645
  }
720
- withExternalDisplayCondition(e) {
721
- return this.externalDisplayConditionsLibrary = e, this;
646
+ withExternalDisplayCondition(t) {
647
+ return this.externalDisplayConditionsLibrary = t, this;
722
648
  }
723
- withExternalVideosLibrary(e) {
724
- return this.externalVideoLibrary = e, this;
649
+ withExternalVideosLibrary(t) {
650
+ return this.externalVideoLibrary = t, this;
725
651
  }
726
- withBlocksPanel(e) {
727
- return this.blocksPanel = e, this;
652
+ withBlocksPanel(t) {
653
+ return this.blocksPanel = t, this;
728
654
  }
729
- addBlock(e) {
730
- return this.blocks.push(e), this;
655
+ addBlock(t) {
656
+ return this.blocks.push(t), this;
731
657
  }
732
- withIconsRegistry(e) {
733
- return this.iconsRegistry = e, this;
734
- }
735
- addGeneralPanelTab(e) {
736
- return this.generalPanelTabs.push(e), this;
658
+ withIconsRegistry(t) {
659
+ return this.iconsRegistry = t, this;
737
660
  }
738
661
  build() {
739
- return new De({
740
- i18n: this.i18n,
741
- styles: this.styles.map((e) => e.trim()).join(`
662
+ return new Ut(
663
+ this.i18n,
664
+ (this.styles || []).map((t) => t.trim()).join(`
742
665
  `),
743
- uiElements: this.uiElements,
744
- uiElementTagRegistry: this.uiElementTagRegistry,
745
- controls: this.controls,
746
- settingsPanelRegistry: this.settingsPanelRegistry,
747
- contextActions: this.contextActions,
748
- blocks: this.blocks,
749
- externalSmartElementsLibrary: this.externalSmartElementsLibrary,
750
- externalImageLibrary: this.externalImageLibrary,
751
- previewStyles: this.previewStyles,
752
- externalAiAssistant: this.externalAiAssistant,
753
- externalDisplayConditionsLibrary: this.externalDisplayConditionsLibrary,
754
- externalVideoLibrary: this.externalVideoLibrary,
755
- blocksPanel: this.blocksPanel,
756
- iconsRegistry: this.iconsRegistry,
757
- externalImageLibraryTab: this.externalImageLibraryTab,
758
- generalPanelTabs: this.generalPanelTabs
759
- });
760
- }
761
- }, Se = class m extends a {
666
+ this.uiElements,
667
+ this.uiElementTagRegistry,
668
+ this.controls,
669
+ this.settingsPanelRegistry,
670
+ this.contextActions,
671
+ this.blocks,
672
+ this.externalSmartElementsLibrary,
673
+ this.externalImageLibrary,
674
+ this.previewStyles,
675
+ this.externalAiAssistant,
676
+ this.externalDisplayConditionsLibrary,
677
+ this.externalVideoLibrary,
678
+ this.blocksPanel,
679
+ this.iconsRegistry,
680
+ this.externalImageLibraryTab
681
+ );
682
+ }
683
+ }, pt = class C extends a {
762
684
  constructor() {
763
- super(m.REQUIRED_METHODS, m);
685
+ super(C.REQUIRED_METHODS, C);
764
686
  }
765
- openAiAssistant(t) {
687
+ openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: E }) {
766
688
  throw new Error("Method openAiAssistant() must be implemented by the subclass");
767
689
  }
768
690
  };
769
- Se.REQUIRED_METHODS = ["openAiAssistant"];
770
- var Be = class R extends a {
691
+ pt.REQUIRED_METHODS = ["openAiAssistant"];
692
+ var Kt = class g extends a {
771
693
  constructor() {
772
- super(R.REQUIRED_METHODS, R);
694
+ super(g.REQUIRED_METHODS, g);
773
695
  }
774
696
  /**
775
697
  * Retrieves the name of the category.
@@ -782,11 +704,11 @@ var Be = class R extends a {
782
704
  /**
783
705
  * Opens a popup dialog for creating or updating a display condition.
784
706
  *
785
- * @param {DisplayCondition} _currentCondition - The currently selected display condition to edit.
786
- * @param {ExternalDisplayConditionSelectedCB} _successCallback - Callback executed with the updated or newly created condition upon success.
787
- * @param {() => void} _cancelCallback - Callback executed when the dialog is closed without making changes.
707
+ * @param {DisplayCondition} currentCondition - The currently selected display condition to edit.
708
+ * @param {ExternalDisplayConditionSelectedCB} successCallback - Callback executed with the updated or newly created condition upon success.
709
+ * @param {() => void} cancelCallback - Callback executed when the dialog is closed without making changes.
788
710
  */
789
- openExternalDisplayConditionsDialog(t, r, s) {
711
+ openExternalDisplayConditionsDialog(e, r, s) {
790
712
  throw new Error("Method openExternalDisplayConditionsDialog() must be implemented by the subclass");
791
713
  }
792
714
  /**
@@ -807,19 +729,19 @@ var Be = class R extends a {
807
729
  throw new Error("Method getContextActionIndex() must be implemented by the subclass");
808
730
  }
809
731
  };
810
- Be.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
811
- var xe = class _ extends a {
732
+ Kt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
733
+ var Ft = class m extends a {
812
734
  constructor() {
813
- super(_.REQUIRED_METHODS, _);
735
+ super(m.REQUIRED_METHODS, m);
814
736
  }
815
- openImageLibrary(t, r, s) {
737
+ openImageLibrary(e, r, s) {
816
738
  throw new Error("Method openImageLibrary() must be implemented by the subclass");
817
739
  }
818
740
  };
819
- xe.REQUIRED_METHODS = ["openImageLibrary"];
820
- var Me = class L extends a {
741
+ Ft.REQUIRED_METHODS = ["openImageLibrary"];
742
+ var wt = class b extends a {
821
743
  constructor() {
822
- super(L.REQUIRED_METHODS, L);
744
+ super(b.REQUIRED_METHODS, b);
823
745
  }
824
746
  /**
825
747
  * @description Returns the translated name/label for the tab
@@ -832,46 +754,45 @@ var Me = class L extends a {
832
754
  * @description Opens the external image library tab and provides a container for rendering
833
755
  * @param _container - DOM element container where the external library UI should be rendered
834
756
  * @param _onImageSelectCallback - Callback to invoke when an image is selected
835
- * @param _selectedNode - (Optional) Selected node for which the gallery is being opened
836
757
  */
837
- openImageLibraryTab(t, r, s) {
758
+ openImageLibraryTab(e, r) {
838
759
  throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
839
760
  }
840
761
  };
841
- Me.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
842
- var ye = class C extends a {
762
+ wt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
763
+ var Pt = class N extends a {
843
764
  constructor() {
844
- super(C.REQUIRED_METHODS, C);
765
+ super(N.REQUIRED_METHODS, N);
845
766
  }
846
- openSmartElementsLibrary(t, r) {
767
+ openSmartElementsLibrary(e, r) {
847
768
  throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
848
769
  }
849
770
  };
850
- ye.REQUIRED_METHODS = ["openSmartElementsLibrary"];
851
- var ve = class A extends a {
771
+ Pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
772
+ var Ht = class A extends a {
852
773
  constructor() {
853
774
  super(A.REQUIRED_METHODS, A);
854
775
  }
855
- openExternalVideosLibraryDialog(t, r, s) {
776
+ openExternalVideosLibraryDialog(e, r, s) {
856
777
  throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
857
778
  }
858
779
  };
859
- ve.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
860
- var p = class N extends a {
780
+ Ht.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
781
+ var Q = class D extends a {
861
782
  constructor() {
862
- super(N.REQUIRED_METHODS, N);
783
+ super(D.REQUIRED_METHODS, D);
863
784
  }
864
- registerIconsSvg(t) {
785
+ registerIconsSvg(e) {
865
786
  throw new Error("Method registerIconsSvg() must be implemented by the subclass");
866
787
  }
867
788
  };
868
- p.REQUIRED_METHODS = ["registerIconsSvg"];
869
- var ot = p, dt = class {
870
- constructor(e) {
871
- this.key = e;
789
+ Q.REQUIRED_METHODS = ["registerIconsSvg"];
790
+ var ce = Q, _e = class {
791
+ constructor(t) {
792
+ this.key = t;
872
793
  }
873
- withParams(e) {
874
- return this.params = e, this;
794
+ withParams(t) {
795
+ return this.params = t, this;
875
796
  }
876
797
  getValue() {
877
798
  return {
@@ -879,15 +800,15 @@ var ot = p, dt = class {
879
800
  params: this.params
880
801
  };
881
802
  }
882
- }, Q = class D extends a {
803
+ }, f = class S extends a {
883
804
  constructor() {
884
- super(D.REQUIRED_METHODS, D);
805
+ super(S.REQUIRED_METHODS, S);
885
806
  }
886
807
  /**
887
808
  * Called when the UI element should render its content into the provided container.
888
809
  * @param container - The HTMLElement where the UI element should be rendered.
889
810
  */
890
- onRender(t) {
811
+ onRender(e) {
891
812
  throw new Error("Method onRender() must be implemented by the subclass");
892
813
  }
893
814
  /**
@@ -908,7 +829,7 @@ var ot = p, dt = class {
908
829
  * Implement this if the element manages a state or value and needs to be updated externally.
909
830
  * @param value - The new value to set.
910
831
  */
911
- setValue(t) {
832
+ setValue(e) {
912
833
  }
913
834
  /**
914
835
  * @description Optional hook called when one of the element's supported attributes ({@link UEAttr}) gets updated externally.
@@ -916,7 +837,7 @@ var ot = p, dt = class {
916
837
  * @param name - The name of the attribute that was updated.
917
838
  * @param value - The new value of the attribute.
918
839
  */
919
- onAttributeUpdated(t, r) {
840
+ onAttributeUpdated(e, r) {
920
841
  }
921
842
  /**
922
843
  * Gets the unique identifier for this UI element type.
@@ -934,62 +855,62 @@ var ot = p, dt = class {
934
855
  throw new Error("Method getTemplate() must be implemented by the subclass");
935
856
  }
936
857
  };
937
- Q.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
938
- var ut = Q, f = class S extends a {
858
+ f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
859
+ var he = f, Y = class B extends a {
939
860
  constructor() {
940
- super(S.REQUIRED_METHODS, S);
861
+ super(B.REQUIRED_METHODS, B);
941
862
  }
942
- registerUiElements(t) {
863
+ registerUiElements(e) {
943
864
  throw new Error("Method registerUiElements() must be implemented by the subclass");
944
865
  }
945
866
  };
946
- f.REQUIRED_METHODS = ["registerUiElements"];
947
- var It = f;
867
+ Y.REQUIRED_METHODS = ["registerUiElements"];
868
+ var Re = Y;
948
869
  export {
949
- Pe as Block,
950
- we as BlockAttr,
951
- $ as BlockCompositionType,
952
- I as BlockSelector,
953
- oe as BlockType,
870
+ Xt as Block,
871
+ kt as BlockAttr,
872
+ et as BlockCompositionType,
873
+ O as BlockSelector,
874
+ ht as BlockType,
954
875
  x as BuiltInControl,
955
876
  n as BuiltInControlTypes,
956
- He as ButtonAlignBuiltInControl,
957
- Xe as ButtonBackgroundColorBuiltInControl,
958
- ke as ButtonBorderBuiltInControl,
959
- Fe as ButtonBorderRadiusBuiltInControl,
960
- Ge as ButtonColorBuiltInControl,
961
- K as ButtonControls,
962
- Ve as ButtonFitToContainerBuiltInControl,
963
- pe as ButtonFontFamilyBuiltInControl,
964
- Qe as ButtonMarginsBuiltInControl,
965
- fe as ButtonPaddingsBuiltInControl,
966
- Ye as ButtonTextBuiltInControl,
967
- $e as ButtonTextSizeBuiltInControl,
968
- We as ButtonTextStyleAndFontColorBuiltInControl,
969
- de as ContainerControls,
970
- ze as Control,
971
- De as Extension,
972
- lt as ExtensionBuilder,
973
- w as GeneralControls,
974
- ot as IconsRegistry,
877
+ Qt as ButtonAlignBuiltInControl,
878
+ ft as ButtonBackgroundColorBuiltInControl,
879
+ Yt as ButtonBorderBuiltInControl,
880
+ Vt as ButtonBorderRadiusBuiltInControl,
881
+ $t as ButtonColorBuiltInControl,
882
+ w as ButtonControls,
883
+ Wt as ButtonFitToContainerBuiltInControl,
884
+ zt as ButtonFontFamilyBuiltInControl,
885
+ Zt as ButtonMarginsBuiltInControl,
886
+ jt as ButtonPaddingsBuiltInControl,
887
+ qt as ButtonTextBuiltInControl,
888
+ Jt as ButtonTextSizeBuiltInControl,
889
+ te as ButtonTextStyleAndFontColorBuiltInControl,
890
+ Rt as ContainerControls,
891
+ ee as Control,
892
+ Ut as Extension,
893
+ Te as ExtensionBuilder,
894
+ F as GeneralControls,
895
+ ce as IconsRegistry,
975
896
  H as ImageControls,
976
- Ze as ImageMarginsBuiltInControl,
977
- je as ImageSizeBuiltInControl,
978
- dt as ModificationDescription,
979
- qe as SettingsPanelRegistry,
980
- Je as SettingsPanelTab,
981
- ue as SettingsTab,
982
- et as TextAlignBuiltInControl,
983
- tt as TextBlockBackgroundBuiltInControl,
984
- rt as TextColorBuiltInControl,
985
- F as TextControls,
986
- nt as TextFontFamilyBuiltInControl,
987
- at as TextLineSpacingBuiltInControl,
988
- st as TextPaddingsBuiltInControl,
989
- it as TextSizeBuiltInControl,
990
- Et as TextStyleBuiltInControl,
991
- Ke as UEAttr,
992
- ut as UIElement,
993
- It as UIElementTagRegistry,
994
- Ae as UIElementType
897
+ re as ImageMarginsBuiltInControl,
898
+ ne as ImageSizeBuiltInControl,
899
+ _e as ModificationDescription,
900
+ se as SettingsPanelRegistry,
901
+ ae as SettingsPanelTab,
902
+ Lt as SettingsTab,
903
+ ie as TextAlignBuiltInControl,
904
+ oe as TextBlockBackgroundBuiltInControl,
905
+ Ee as TextColorBuiltInControl,
906
+ P as TextControls,
907
+ le as TextFontFamilyBuiltInControl,
908
+ de as TextLineSpacingBuiltInControl,
909
+ ue as TextPaddingsBuiltInControl,
910
+ Ie as TextSizeBuiltInControl,
911
+ Oe as TextStyleBuiltInControl,
912
+ Gt as UEAttr,
913
+ he as UIElement,
914
+ Re as UIElementTagRegistry,
915
+ yt as UIElementType
995
916
  };