@useinsider/guido 1.0.3-beta.cc614d6 → 1.0.3-beta.cd0d7f3

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -1,4 +1,4 @@
-var J = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(J || {}), B = class u {
+var M = class u {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
@@ -21,7 +21,7 @@ ${s.map((E) => `  - ${E}`).join(`
    * This validation runs only once per class type and results are cached.
    */
   validateImplementation(e, r) {
-    var O;
+    var I;
     const s = [], E = r.name, T = Object.getPrototypeOf(this);
     e.forEach((l) => {
       if (typeof this[l] != "function") {
@@ -29,12 +29,12 @@ ${s.map((E) => `  - ${E}`).join(`
         return;
       }
       T[l] === r.prototype[l] && s.push(`Method ${l}() must be implemented (currently using base class error-throwing implementation)`);
-    }), u.validatedClasses.add(r), s.length > 0 ? (u.validationErrors.set(r, s), console.error(`[${E} Validation] ${E} validation failed:`, s)) : typeof process < "u" && ((O = process.env) == null ? void 0 : O.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
+    }), 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`);
   }
 };
-B.validatedClasses = /* @__PURE__ */ new Set();
-B.validationErrors = /* @__PURE__ */ new Map();
-var i = B, x = class c extends i {
+M.validatedClasses = /* @__PURE__ */ new Set();
+M.validationErrors = /* @__PURE__ */ new Map();
+var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(et || {}), y = class c extends a {
   constructor() {
     super(c.REQUIRED_METHODS, c);
   }
@@ -176,6 +176,16 @@ var i = B, x = class c extends i {
   getName() {
     throw new Error("Method getName() must be implemented by the subclass");
   }
+  /**
+   * Retrieves the name of block in the block panel.
+   * Can contain html markup
+   * If not implemented by the subclass, getName() function will be used to display name in the block panel
+   *
+   * @return {string} The name of the block panel.
+   */
+  getSettingsPanelName() {
+    return "";
+  }
   /**
    * Gets a short description of the block shown to the user, often as a tooltip in the block panel.
    * Use `this.api.translate()` for localization.
@@ -185,8 +195,8 @@ var i = B, x = class c extends i {
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-x.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var wt = x, tt = class _ extends i {
+y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var Xt = y, rt = class _ extends a {
   constructor() {
     super(_.REQUIRED_METHODS, _);
   }
@@ -203,10 +213,10 @@ var wt = x, tt = class _ extends i {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-tt.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var et = class R extends i {
+rt.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var nt = class h extends a {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(h.REQUIRED_METHODS, h);
   }
   getId() {
     throw new Error("Method getId() must be implemented by the subclass");
@@ -221,82 +231,84 @@ var et = class R extends i {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-et.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
-var rt = {
+nt.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+var st = {
   src: "src",
   alt: "alt",
+  href: "href",
+  width: "width"
+}, at = {
   href: "href"
-}, nt = {
-  href: "href"
-}, Pt = {
-  BLOCK_IMAGE: rt,
-  BLOCK_BUTTON: nt
-}, U = "esd-block-button", y = "esd-block-text", K = "esd-block-image", st = "esd-structure", it = "esd-block-video", at = "esd-block-social", ot = "esd-block-banner", Et = "esd-block-timer", lt = "esd-block-menu", dt = "esd-block-html", ut = "esd-block-spacer", Ot = "esd-container-frame", It = "esd-stripe", Tt = "esd-amp-form", I = ((t) => (t.BUTTON = `.${U}`, t.TEXT = `.${y}`, t.IMAGE = `.${K}`, t.STRUCTURE = `.${st}`, t.VIDEO = `.${it}`, t.SOCIAL = `.${at}`, t.BANNER = `.${ot}`, t.TIMER = `.${Et}`, t.MENU = `.${lt}`, t.HTML = `.${dt}`, t.SPACER = `.${ut}`, t.CONTAINER = `.${Ot}`, t.STRIPE = `.${It}`, t.FORM = `.${Tt}`, t))(I || {}), ct = /* @__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))(ct || {}), p = /* @__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))(p || {}), F = /* @__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))(F || {}), w = /* @__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))(w || {}), P = /* @__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))(P || {}), _t = /* @__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))(_t || {}), n = {
-  BLOCK_BUTTON: F,
-  BLOCK_TEXT: w,
-  BLOCK_IMAGE: P,
-  GENERAL: p
-}, Rt = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(Rt || {}), a = {
+}, kt = {
+  BLOCK_IMAGE: st,
+  BLOCK_BUTTON: at
+}, 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 = {
+  BLOCK_BUTTON: w,
+  BLOCK_TEXT: P,
+  BLOCK_IMAGE: H,
+  GENERAL: F
+}, Lt = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(Lt || {}), o = {
   name: "name",
   disabled: "disabled"
-}, ht = {
-  ...a,
+}, Ct = {
+  ...o,
   caption: "caption",
   icon: "icon"
-}, Ct = {
-  ...a,
+}, mt = {
+  ...o,
   caption: "caption"
-}, Lt = {
-  ...a,
+}, gt = {
+  ...o,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, gt = {
-  ...a,
+}, bt = {
+  ...o,
   text: "text"
-}, mt = {
-  ...a
-}, H = {
-  ...a,
+}, At = {
+  ...o
+}, X = {
+  ...o,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, At = {
-  ...H
 }, Nt = {
+  ...X
+}, Dt = {
   text: "text",
   value: "value"
-}, bt = {
+}, St = {
   text: "text",
+  icon: "icon",
   value: "value"
-}, Dt = {
-  ...a
-}, St = {
-  controlId: "control-id"
 }, Bt = {
-  ...a,
+  ...o
+}, Mt = {
+  controlId: "control-id"
+}, xt = {
+  ...o,
   icon: "icon",
   position: "position"
-}, Mt = {
-  ...a
-}, Ht = {
-  BUTTON: ht,
-  CHECKBOX: Ct,
-  COLOR: a,
-  COUNTER: Lt,
-  LABEL: gt,
-  RADIO_BUTTONS: mt,
-  SELECTPICKER: H,
-  FONT_FAMILY_SELECT: At,
-  SWITCHER: a,
-  TEXT: Dt,
-  SELECT_ITEM: Nt,
-  RADIO_ITEM: bt,
-  NESTED_CONTROL: St,
-  ORDERABLE: Bt,
-  ORDERABLE_ITEM: Mt
-}, vt = /* @__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))(vt || {}), M = class {
+}, vt = {
+  ...o
+}, Vt = {
+  BUTTON: Ct,
+  CHECKBOX: mt,
+  COLOR: o,
+  COUNTER: gt,
+  LABEL: bt,
+  RADIO_BUTTONS: At,
+  SELECTPICKER: X,
+  FONT_FAMILY_SELECT: Nt,
+  SWITCHER: o,
+  TEXT: Bt,
+  SELECT_ITEM: Dt,
+  RADIO_ITEM: St,
+  NESTED_CONTROL: Mt,
+  ORDERABLE: xt,
+  ORDERABLE_ITEM: vt
+}, 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 {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -327,64 +339,68 @@ var rt = {
   isVisible(t) {
     return !0;
   }
-}, o = class extends M {
+}, i = class extends x {
   getTargetNodes(t) {
-    const e = t.querySelectorAll(I.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
+    const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
     return e.length ? e : r;
   }
-}, Xt = class extends o {
+}, Gt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, kt = class extends o {
+}, Qt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.ALIGNMENT;
   }
-}, Vt = class extends o {
+}, ft = class extends i {
+  getParentControlId() {
+    return n.GENERAL.BACKGROUND_COLOR;
+  }
+}, Yt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, Gt = class extends o {
+}, $t = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.COLOR;
   }
-}, ft = class extends o {
+}, Wt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, Qt = class extends o {
+}, zt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, Yt = class extends o {
+}, Zt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, $t = class extends o {
+}, jt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, Wt = class extends o {
+}, qt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT;
   }
-}, zt = class extends o {
+}, Jt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_SIZE;
   }
-}, Zt = class extends o {
+}, te = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, X = class h extends i {
+}, k = class R extends a {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(R.REQUIRED_METHODS, R);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -437,30 +453,30 @@ var rt = {
   onDocumentChanged(e) {
   }
 };
-X.REQUIRED_METHODS = ["getId", "getTemplate"];
-var jt = X, k = class extends M {
+k.REQUIRED_METHODS = ["getId", "getTemplate"];
+var ee = k, V = class extends x {
   getTargetNodes(t) {
-    const e = t.querySelectorAll(I.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
+    const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
     return e.length ? e : r;
   }
-}, qt = class extends k {
+}, re = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, Jt = class extends k {
+}, ne = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, V = class C extends i {
+}, G = class L extends a {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(L.REQUIRED_METHODS, L);
   }
   registerBlockControls(e) {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var te = V, ee = class {
+G.REQUIRED_METHODS = ["registerBlockControls"];
+var se = G, ae = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -483,42 +499,42 @@ var te = V, ee = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, d = class extends M {
+}, d = class extends x {
   getTargetNodes(t) {
-    const e = t.querySelectorAll(I.TEXT), r = t.asElement().hasClass(y) ? [t] : [];
+    const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
     return e.length ? e : r;
   }
-}, re = class extends d {
+}, ie = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, ne = class extends d {
+}, oe = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
   }
-}, se = class extends d {
+}, Ee = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, ie = class extends d {
+}, le = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, ae = class extends d {
+}, de = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, oe = class extends d {
+}, ue = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Ee = class extends d {
+}, Ie = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
-}, xt = class {
-  constructor(t, e, r = [], s, E = [], T, O = [], l = [], v, Y, $, W, z, Z, j, q) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = $, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = O, this.blocks = l, this.externalSmartElementsLibrary = v, this.externalImageLibrary = Y, this.externalAiAssistant = W, this.externalDisplayConditionsLibrary = z, this.externalVideoLibrary = Z, this.blocksPanel = j, this.iconsRegistry = q, this.id = Math.random().toString(36).substring(2);
+}, Ut = class {
+  constructor(t, e, r = [], s, E = [], T, I = [], l = [], v, $, W, z, Z, j, q, J, tt) {
+    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 = l, 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);
   }
   getI18n() {
     return this.i18n;
@@ -556,6 +572,9 @@ var te = V, ee = class {
   getExternalImageLibrary() {
     return this.externalImageLibrary;
   }
+  getExternalImageLibraryTab() {
+    return this.externalImageLibraryTab;
+  }
   getExternalAiAssistant() {
     return this.externalAiAssistant;
   }
@@ -571,7 +590,7 @@ var te = V, ee = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, le = class {
+}, Oe = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -614,6 +633,9 @@ var te = V, ee = class {
   withExternalImageLibrary(t) {
     return this.externalImageLibrary = t, this;
   }
+  withExternalImageLibraryTab(t) {
+    return this.externalImageLibraryTab = t, this;
+  }
   withExternalAiAssistant(t) {
     return this.externalAiAssistant = t, this;
   }
@@ -633,7 +655,7 @@ var te = V, ee = class {
     return this.iconsRegistry = t, this;
   }
   build() {
-    return new xt(
+    return new Ut(
       this.i18n,
       (this.styles || []).map((t) => t.trim()).join(`
 `),
@@ -650,21 +672,22 @@ var te = V, ee = class {
       this.externalDisplayConditionsLibrary,
       this.externalVideoLibrary,
       this.blocksPanel,
-      this.iconsRegistry
+      this.iconsRegistry,
+      this.externalImageLibraryTab
     );
   }
-}, Ut = class L extends i {
+}, pt = class C extends a {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(C.REQUIRED_METHODS, C);
   }
   openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: E }) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-Ut.REQUIRED_METHODS = ["openAiAssistant"];
-var yt = class g extends i {
+pt.REQUIRED_METHODS = ["openAiAssistant"];
+var Kt = class m extends a {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(m.REQUIRED_METHODS, m);
   }
   /**
    * Retrieves the name of the category.
@@ -702,17 +725,38 @@ var yt = class g extends i {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-yt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Kt = class m extends i {
+Kt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Ft = class g extends a {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(g.REQUIRED_METHODS, g);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Kt.REQUIRED_METHODS = ["openImageLibrary"];
-var pt = class A extends i {
+Ft.REQUIRED_METHODS = ["openImageLibrary"];
+var wt = class b extends a {
+  constructor() {
+    super(b.REQUIRED_METHODS, b);
+  }
+  /**
+   * @description Returns the translated name/label for the tab
+   * @returns Translation key or text to display as tab label
+   */
+  getName() {
+    throw new Error("Method getName() must be implemented by the subclass");
+  }
+  /**
+   * @description Opens the external image library tab and provides a container for rendering
+   * @param _container - DOM element container where the external library UI should be rendered
+   * @param _onImageSelectCallback - Callback to invoke when an image is selected
+   */
+  openImageLibraryTab(e, r) {
+    throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
+  }
+};
+wt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var Pt = class A extends a {
   constructor() {
     super(A.REQUIRED_METHODS, A);
   }
@@ -720,8 +764,8 @@ var pt = class A extends i {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Ft = class N extends i {
+Pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Ht = class N extends a {
   constructor() {
     super(N.REQUIRED_METHODS, N);
   }
@@ -729,17 +773,17 @@ var Ft = class N extends i {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-Ft.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var G = class b extends i {
+Ht.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var Q = class D extends a {
   constructor() {
-    super(b.REQUIRED_METHODS, b);
+    super(D.REQUIRED_METHODS, D);
   }
   registerIconsSvg(e) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
-G.REQUIRED_METHODS = ["registerIconsSvg"];
-var de = G, ue = class {
+Q.REQUIRED_METHODS = ["registerIconsSvg"];
+var Te = Q, ce = class {
   constructor(t) {
     this.key = t;
   }
@@ -752,9 +796,9 @@ var de = G, ue = class {
       params: this.params
     };
   }
-}, f = class D extends i {
+}, f = class S extends a {
   constructor() {
-    super(D.REQUIRED_METHODS, D);
+    super(S.REQUIRED_METHODS, S);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -808,59 +852,60 @@ var de = G, ue = class {
   }
 };
 f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var Oe = f, Q = class S extends i {
+var _e = f, Y = class B extends a {
   constructor() {
-    super(S.REQUIRED_METHODS, S);
+    super(B.REQUIRED_METHODS, B);
   }
   registerUiElements(e) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-Q.REQUIRED_METHODS = ["registerUiElements"];
-var Ie = Q;
+Y.REQUIRED_METHODS = ["registerUiElements"];
+var he = Y;
 export {
-  wt as Block,
-  Pt as BlockAttr,
-  J as BlockCompositionType,
-  I as BlockSelector,
-  ct as BlockType,
-  M as BuiltInControl,
+  Xt as Block,
+  kt as BlockAttr,
+  et as BlockCompositionType,
+  O as BlockSelector,
+  ht as BlockType,
+  x as BuiltInControl,
   n as BuiltInControlTypes,
-  kt as ButtonAlignBuiltInControl,
-  Vt as ButtonBorderBuiltInControl,
-  Xt as ButtonBorderRadiusBuiltInControl,
-  Gt as ButtonColorBuiltInControl,
-  F as ButtonControls,
-  ft as ButtonFitToContainerBuiltInControl,
-  Qt as ButtonFontFamilyBuiltInControl,
-  Yt as ButtonMarginsBuiltInControl,
-  $t as ButtonPaddingsBuiltInControl,
-  Wt as ButtonTextBuiltInControl,
-  zt as ButtonTextSizeBuiltInControl,
-  Zt as ButtonTextStyleAndFontColorBuiltInControl,
-  _t as ContainerControls,
-  jt as Control,
-  xt as Extension,
-  le as ExtensionBuilder,
-  p as GeneralControls,
-  de as IconsRegistry,
-  P as ImageControls,
-  qt as ImageMarginsBuiltInControl,
-  Jt as ImageSizeBuiltInControl,
-  ue as ModificationDescription,
-  te as SettingsPanelRegistry,
-  ee as SettingsPanelTab,
-  Rt as SettingsTab,
-  re as TextAlignBuiltInControl,
-  ne as TextBlockBackgroundBuiltInControl,
-  se as TextColorBuiltInControl,
-  w as TextControls,
-  ie as TextFontFamilyBuiltInControl,
-  ae as TextPaddingsBuiltInControl,
-  oe as TextSizeBuiltInControl,
-  Ee as TextStyleBuiltInControl,
-  Ht as UEAttr,
-  Oe as UIElement,
-  Ie as UIElementTagRegistry,
-  vt as UIElementType
+  Qt as ButtonAlignBuiltInControl,
+  ft as ButtonBackgroundColorBuiltInControl,
+  Yt as ButtonBorderBuiltInControl,
+  Gt as ButtonBorderRadiusBuiltInControl,
+  $t as ButtonColorBuiltInControl,
+  w as ButtonControls,
+  Wt as ButtonFitToContainerBuiltInControl,
+  zt as ButtonFontFamilyBuiltInControl,
+  Zt as ButtonMarginsBuiltInControl,
+  jt as ButtonPaddingsBuiltInControl,
+  qt as ButtonTextBuiltInControl,
+  Jt as ButtonTextSizeBuiltInControl,
+  te as ButtonTextStyleAndFontColorBuiltInControl,
+  Rt as ContainerControls,
+  ee as Control,
+  Ut as Extension,
+  Oe as ExtensionBuilder,
+  F as GeneralControls,
+  Te as IconsRegistry,
+  H as ImageControls,
+  re as ImageMarginsBuiltInControl,
+  ne as ImageSizeBuiltInControl,
+  ce as ModificationDescription,
+  se as SettingsPanelRegistry,
+  ae as SettingsPanelTab,
+  Lt as SettingsTab,
+  ie as TextAlignBuiltInControl,
+  oe as TextBlockBackgroundBuiltInControl,
+  Ee as TextColorBuiltInControl,
+  P as TextControls,
+  le as TextFontFamilyBuiltInControl,
+  de as TextPaddingsBuiltInControl,
+  ue as TextSizeBuiltInControl,
+  Ie as TextStyleBuiltInControl,
+  Vt as UEAttr,
+  _e as UIElement,
+  he as UIElementTagRegistry,
+  yt as UIElementType
 };