@useinsider/guido 2.1.0-beta.efb0c6b → 2.1.0-beta.f1f7f05

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

@@ -1,17 +1,17 @@
-var M = class u {
+var B = class d {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
    * @param classRef - Reference to the class constructor for validation caching
    */
-  constructor(e, r) {
-    if (r !== u) {
-      u.validatedClasses.has(r) || this.validateImplementation(e, r);
-      const s = u.validationErrors.get(r);
-      if (s && s.length > 0)
+  constructor(t, n) {
+    if (n !== d) {
+      d.validatedClasses.has(n) || this.validateImplementation(t, n);
+      const i = d.validationErrors.get(n);
+      if (i && i.length > 0)
         throw new Error(
-          `${r.name} has validation errors:
-${s.map((E) => `  - ${E}`).join(`
+          `${n.name} has validation errors:
+${i.map((o) => `  - ${o}`).join(`
 `)}`
         );
     }
@@ -20,21 +20,21 @@ ${s.map((E) => `  - ${E}`).join(`
    * Validates that all required methods are properly implemented in the subclass.
    * This validation runs only once per class type and results are cached.
    */
-  validateImplementation(e, r) {
-    var I;
-    const s = [], E = r.name, T = Object.getPrototypeOf(this);
-    e.forEach((d) => {
-      if (typeof this[d] != "function") {
-        s.push(`Method ${d}() is not defined`);
+  validateImplementation(t, n) {
+    var x;
+    const i = [], o = n.name, Y = Object.getPrototypeOf(this);
+    t.forEach((u) => {
+      if (typeof this[u] != "function") {
+        i.push(`Method ${u}() is not defined`);
         return;
       }
-      T[d] === r.prototype[d] && s.push(`Method ${d}() 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" && ((I = process.env) == null ? void 0 : I.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
+      Y[u] === n.prototype[u] && i.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
+    }), d.validatedClasses.add(n), i.length > 0 ? (d.validationErrors.set(n, i), console.error(`[${o} Validation] ${o} validation failed:`, i)) : typeof process < "u" && ((x = process.env) == null ? void 0 : x.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
 };
-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 {
+B.validatedClasses = /* @__PURE__ */ new Set();
+B.validationErrors = /* @__PURE__ */ new Map();
+var s = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCTURE", e.CONTAINER = "CONTAINER", e))($ || {}), v = class c extends s {
   constructor() {
     super(c.REQUIRED_METHODS, c);
   }
@@ -86,28 +86,28 @@ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUC
    * @param node - The immutable HTML node representing the selected block instance.
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onSelect(e) {
+  onSelect(t) {
   }
   /**
    * Lifecycle hook called when an instance of this block is copied.
    * @param modifier - The HTML node modifier to apply changes to the copied block instance.
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onCopy(e) {
+  onCopy(t) {
   }
   /**
    * Lifecycle hook called when an instance of this block is deleted.
    * @param node - The immutable HTML node representing the block instance being deleted.
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onDelete(e) {
+  onDelete(t) {
   }
   /**
    * Lifecycle hook called after a new instance of this block is created and added to the document (e.g., via drag-and-drop).
    * @param node - The immutable HTML node representing the newly created block instance.
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onCreated(e) {
+  onCreated(t) {
   }
   /**
    * Lifecycle hook called when any part of the document template has changed.
@@ -115,7 +115,7 @@ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUC
    * @param node - The immutable HTML node representing current node instance
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onDocumentChanged(e) {
+  onDocumentChanged(t) {
   }
   /**
    * @description Determines if block is atomic or composite.
@@ -183,7 +183,7 @@ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUC
    *
    * @return {string} The name of the block panel.
    */
-  getSettingsPanelName() {
+  getSettingsPanelTitleHtml() {
     return "";
   }
   /**
@@ -195,28 +195,95 @@ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUC
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var Xt = y, rt = class _ extends a {
+v.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var Qe = v, W = class T extends s {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(T.REQUIRED_METHODS, T);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  getPreviewHtml(e) {
+  getPreviewHtml(t) {
   }
   /**
    * @description returns custom content to be displayed inside the {@link Block} root TD element
    */
-  getPreviewInnerHtml(e) {
+  getPreviewInnerHtml(t) {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-rt.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var nt = class h extends a {
+W.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var fe = class {
+  /**
+   * Generates HTML representation for a block item
+   * @param block - The block item to generate HTML for
+   * @returns HTML string representation of the block or undefined if default representation should be used
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getBlockItemHtml(e) {
+  }
+  /**
+   * Determines whether a hint should be displayed for the block
+   * @param block - The block item to check hint visibility for
+   * @returns True if the hint should be visible, false otherwise
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  isBlockHintVisible(e) {
+    return !0;
+  }
+  /**
+   * Gets the hint text for a block
+   * @param block - The block item to get hint for
+   * @returns The hint text for the block or undefined if default hint should be used
+   */
+  getBlockHint(e) {
+    return {
+      title: e.title,
+      description: e.description
+    };
+  }
+  /**
+   * Generates HTML representation for the blocks panel header
+   * @returns HTML string representation of the blocks panel header or undefined if header should not be shown
+   */
+  getBlocksPanelHeaderHtml() {
+  }
+  /**
+   * Generates HTML representation for the modules panel in collapsed state
+   * @returns HTML string representation of the collapsed modules panel or undefined if default representation should be used
+   */
+  getModulesPanelCollapsedHtml() {
+  }
+  /**
+   * Determines whether a hint should be displayed for the collapsed modules panel
+   * @returns True if the hint should be visible, false otherwise
+   */
+  isModulesPanelCollapsedHintVisible() {
+    return !0;
+  }
+  /**
+   * Gets the custom delay for showing hints
+   * @returns The delay in milliseconds or undefined to use the default delay
+   */
+  getHintDelay() {
+  }
+  /**
+   * Gets the hint text for a modules panel block
+   * @returns The hint text for the modules panel or undefined if default hint should be used
+   */
+  getModulesPanelHint() {
+  }
+  /**
+   * Gets the icon name for the modules tab
+   * @returns The icon name for the modules tab or undefined if default icon or text should be used
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getModulesTabIconName(e) {
+  }
+}, z = class b extends s {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(b.REQUIRED_METHODS, b);
   }
   getId() {
     throw new Error("Method getId() must be implemented by the subclass");
@@ -227,93 +294,148 @@ var nt = class h extends a {
   getLabel() {
     throw new Error("Method getLabel() must be implemented by the subclass");
   }
-  onClick(e) {
+  onClick(t) {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-nt.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
-var st = {
+z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+var Z = {
   src: "src",
   alt: "alt",
   href: "href",
-  width: "width"
-}, at = {
-  href: "href"
-}, 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,
+  width: "width",
+  height: "height"
+}, Ye = {
+  BLOCK_IMAGE: Z
+}, y = "esd-block-button", U = "esd-block-text", P = "esd-block-image", j = "esd-structure", q = "esd-block-video", J = "esd-block-social", ee = "esd-block-banner", te = "esd-block-timer", re = "esd-block-menu", ne = "esd-block-html", ae = "esd-block-spacer", se = "esd-container-frame", ie = "esd-stripe", le = "esd-amp-form", I = ((e) => (e.BUTTON = `.${y}`, e.TEXT = `.${U}`, e.IMAGE = `.${P}`, e.STRUCTURE = `.${j}`, e.VIDEO = `.${q}`, e.SOCIAL = `.${J}`, e.BANNER = `.${ee}`, e.TIMER = `.${te}`, e.MENU = `.${re}`, e.HTML = `.${ne}`, e.SPACER = `.${ae}`, e.CONTAINER = `.${se}`, e.STRIPE = `.${ie}`, e.FORM = `.${le}`, e))(I || {}), Ee = /* @__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))(Ee || {}), 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 || {}), oe = /* @__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))(oe || {}), a = {
+  BLOCK_BUTTON: K,
+  BLOCK_TEXT: F,
   BLOCK_IMAGE: H,
-  GENERAL: F
-}, Lt = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(Lt || {}), o = {
+  GENERAL: w
+}, de = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e))(de || {}), ue = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ue || {}), Ie = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Ie || {}), r = {
   name: "name",
   disabled: "disabled"
-}, Ct = {
-  ...o,
+}, ce = {
+  ...r,
   caption: "caption",
   icon: "icon"
-}, gt = {
-  ...o,
+}, Te = {
+  ...r,
   caption: "caption"
-}, mt = {
-  ...o,
+}, be = {
+  ...r,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, bt = {
-  ...o,
-  text: "text"
-}, Nt = {
-  ...o
-}, X = {
-  ...o,
+}, Oe = {
+  ...r,
+  placeholder: "placeholder",
+  minDate: "min-date"
+}, he = {
+  ...r,
+  text: "text",
+  hint: "hint"
+}, ge = {
+  ...r,
+  type: "type"
+}, me = {
+  ...r,
+  buttons: "buttons"
+}, k = {
+  ...r,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, At = {
-  ...X
-}, Dt = {
+}, Re = {
+  ...k,
+  addCustomFontOption: "add-custom-font-option"
+}, Le = {
+  ...r,
+  text: "text",
+  value: "value"
+}, _e = {
+  ...r,
   text: "text",
+  hint: "hint",
+  icon: "icon",
   value: "value"
-}, St = {
+}, Ce = {
+  ...r,
+  buttons: "buttons"
+}, Ae = {
+  ...r,
   text: "text",
+  hint: "hint",
   icon: "icon",
   value: "value"
-}, Bt = {
-  ...o
-}, Mt = {
+}, Ne = {
+  ...r,
+  placeholder: "placeholder"
+}, De = {
+  ...r,
+  resizable: "resizable",
+  placeholder: "placeholder"
+}, Se = {
+  ...r,
+  img: "img",
+  src: "src",
+  title: "title",
+  imageClass: "image-class",
+  hint: "hint",
+  disabled: "disabled",
+  isActive: "is-active",
+  visibility: "visibility",
+  transform: "transform"
+}, Be = {
+  ...r,
   controlId: "control-id"
-}, xt = {
-  ...o,
+}, Me = {
+  ...r,
+  expanded: "expanded"
+}, xe = {
+  ...r,
   icon: "icon",
   position: "position"
-}, vt = {
-  ...o
-}, Gt = {
-  BUTTON: Ct,
-  CHECKBOX: gt,
-  COLOR: o,
-  COUNTER: mt,
-  LABEL: bt,
-  RADIO_BUTTONS: Nt,
-  SELECTPICKER: X,
-  FONT_FAMILY_SELECT: At,
-  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 {
+}, ve = {
+  ...r
+}, ye = {
+  ...r,
+  icon: "icon"
+}, Ue = {
+  ...r
+}, $e = {
+  DEFAULT: r,
+  BUTTON: ce,
+  CHECKBOX: Te,
+  CHECK_BUTTONS: Ce,
+  COLOR: r,
+  COUNTER: be,
+  DATEPICKER: Oe,
+  LABEL: he,
+  MESSAGE: ge,
+  RADIO_BUTTONS: me,
+  SELECTPICKER: k,
+  FONT_FAMILY_SELECT: Re,
+  SWITCHER: r,
+  TEXT: Ne,
+  TEXTAREA: De,
+  ICON: Se,
+  CHECK_ITEM: _e,
+  SELECT_ITEM: Le,
+  RADIO_ITEM: Ae,
+  NESTED_CONTROL: Be,
+  EXPANDABLE: Me,
+  ORDERABLE: xe,
+  ORDERABLE_ITEM: ve,
+  ORDERABLE_ICON: ye,
+  REPEATABLE: Ue
+}, Pe = /* @__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))(Pe || {}), M = class {
   /**
    * @description returns map of nodes parent control operates on
    */
-  getTargetNodes(t) {
-    return [t];
+  getTargetNodes(e) {
+    return [e];
   }
   /**
    * @description returns map of labels used by parent control UI
@@ -328,7 +450,7 @@ var st = {
   /**
    * @description returns custom modifications to be included in the parent control patch
    */
-  getAdditionalModifications(t) {
+  getAdditionalModifications(e) {
   }
   /**
    * Determines whether the specified HTML node is visible.
@@ -336,77 +458,77 @@ var st = {
    * @param _node - The HTML node to evaluate for visibility, provided as an immutable object.
    * @return A boolean value indicating whether the node is visible. Returns `true` if the node is visible, otherwise `false`.
    */
-  isVisible(t) {
+  isVisible(e) {
     return !0;
   }
-}, i = class extends x {
-  getTargetNodes(t) {
-    const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
-    return e.length ? e : r;
+}, l = class extends M {
+  getTargetNodes(e) {
+    const t = e.querySelectorAll(I.BUTTON), n = e.asElement().hasClass(y) ? [e] : [];
+    return t.length ? t : n;
   }
-}, Vt = class extends i {
+}, We = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.BORDER_RADIUS;
+    return a.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, Qt = class extends i {
+}, ze = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.ALIGNMENT;
+    return a.BLOCK_BUTTON.ALIGNMENT;
   }
-}, ft = class extends i {
+}, Ze = class extends l {
   getParentControlId() {
-    return n.GENERAL.BACKGROUND_COLOR;
+    return a.GENERAL.BACKGROUND_COLOR;
   }
-}, Yt = class extends i {
+}, je = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.BORDER;
+    return a.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, $t = class extends i {
+}, qe = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.COLOR;
+    return a.BLOCK_BUTTON.COLOR;
   }
-}, Wt = class extends i {
+}, Je = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
+    return a.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, zt = class extends i {
+}, et = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.FONT_FAMILY;
+    return a.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, Zt = class extends i {
+}, tt = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
+    return a.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, jt = class extends i {
+}, rt = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.INTERNAL_INDENTS;
+    return a.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, qt = class extends i {
+}, nt = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.TEXT;
+    return a.BLOCK_BUTTON.TEXT;
   }
-}, Jt = class extends i {
+}, at = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.FONT_SIZE;
+    return a.BLOCK_BUTTON.FONT_SIZE;
   }
-}, te = class extends i {
+}, st = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
+    return a.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, k = class R extends a {
+}, X = class O extends s {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(O.REQUIRED_METHODS, O);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
    * Called on every node modification.
    */
-  isVisible(e) {
+  isVisible(t) {
     return !0;
   }
   /**
@@ -443,42 +565,112 @@ var st = {
    * Implement this to react to changes in the block/structure and update the control's UI elements accordingly.
    * @param node - The updated immutable HTML node representing the control's context.
    */
-  onTemplateNodeUpdated(e) {
+  onTemplateNodeUpdated(t) {
   }
   /**
    * Lifecycle hook called when any part of the document template has changed.
    * This can be frequent; use cautiously for performance-sensitive operations.
    * @param _node - The immutable HTML node representing current node instance
    */
-  onDocumentChanged(e) {
+  onDocumentChanged(t) {
   }
 };
-k.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ee = k, G = class extends x {
-  getTargetNodes(t) {
-    const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
-    return e.length ? e : r;
+X.REQUIRED_METHODS = ["getId", "getTemplate"];
+var it = X, we = class h extends s {
+  constructor() {
+    super(h.REQUIRED_METHODS, h);
   }
-}, re = class extends G {
+  /**
+   * Gets the unique identifier for this tab.
+   * This ID is used for registration.
+   * @returns A unique string ID.
+   */
+  getId() {
+    throw new Error("Method getId() must be implemented by the subclass");
+  }
+  /**
+   * Gets the icon key representing this tab in the header.
+   * @returns A string representing the icon key from the IconsRegistry
+   */
+  getIcon() {
+    throw new Error("Method getIcon() must be implemented by the subclass");
+  }
+  /**
+   * Retrieves the index of the tab associated with the panel.
+   * The index represents the position/order of the tab in the UI.
+   *
+   * @returns {number} The index of the tab.
+   */
+  getTabIndex() {
+    throw new Error("Method getTabIndex() must be implemented by the subclass");
+  }
+  /**
+   * Gets the display name of the tab shown to the user in the header hint.
+   * Use `this.api.translate()` for localization.
+   * @returns The localized tab name string.
+   */
+  getName() {
+    throw new Error("Method getName() must be implemented by the subclass");
+  }
+  /**
+   * Determines if the tab should be available for use in the editor.
+   * Override to provide custom logic based on the editor state or configuration.
+   * @returns True if the tab is enabled, false otherwise. Defaults to true.
+   */
+  isEnabled() {
+    return !0;
+  }
+  /**
+   * Gets the HTML template string that defines the initial template of general tab.
+   * @returns An HTML string.
+   */
+  getTemplate() {
+    throw new Error("Method getTemplate() must be implemented by the subclass");
+  }
+  /**
+   * Lifecycle hook called when any part of the document template has changed.
+   * This can be frequent; use cautiously for performance-sensitive operations.
+   */
+  onDocumentChanged() {
+  }
+  /**
+   * Optional hook called when the general panel tab is initially rendered.
+   * Use this for setup tasks like attaching event listeners to the panel's template elements.
+   */
+  onRender() {
+  }
+  /**
+   * Optional cleanup hook called when the general panel tab is being destroyed.
+   */
+  onDestroy() {
+  }
+};
+we.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var p = class extends M {
+  getTargetNodes(e) {
+    const t = e.querySelectorAll(I.IMAGE), n = e.asElement().hasClass(P) ? [e] : [];
+    return t.length ? t : n;
+  }
+}, lt = class extends p {
   getParentControlId() {
-    return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
+    return a.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, ne = class extends G {
+}, Et = class extends p {
   getParentControlId() {
-    return n.BLOCK_IMAGE.SIZE;
+    return a.BLOCK_IMAGE.SIZE;
   }
-}, V = class L extends a {
+}, G = class g extends s {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(g.REQUIRED_METHODS, g);
   }
-  registerBlockControls(e) {
+  registerBlockControls(t) {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var se = V, ae = class {
-  constructor(t, e) {
-    this.tabId = t, this.controlsIds = e;
+G.REQUIRED_METHODS = ["registerBlockControls"];
+var ot = G, dt = class {
+  constructor(e, t) {
+    this.tabId = e, this.controlsIds = t;
   }
   getTabId() {
     return this.tabId;
@@ -489,56 +681,52 @@ var se = V, ae = class {
   getControlsIds() {
     return this.controlsIds;
   }
-  withLabel(t) {
-    return this.label = t, this;
+  withLabel(e) {
+    return this.label = e, this;
   }
-  addControl(t, e) {
-    return e < 0 ? this.controlsIds.unshift(t) : e > this.controlsIds.length ? this.controlsIds.push(t) : this.controlsIds.splice(e, 0, t), this;
+  addControl(e, t) {
+    return t < 0 ? this.controlsIds.unshift(e) : t > this.controlsIds.length ? this.controlsIds.push(e) : this.controlsIds.splice(t, 0, e), this;
   }
-  deleteControl(t) {
-    const e = this.controlsIds.indexOf(t);
-    e !== -1 && this.controlsIds.splice(e, 1);
+  deleteControl(e) {
+    const t = this.controlsIds.indexOf(e);
+    t !== -1 && this.controlsIds.splice(t, 1);
   }
-}, l = class extends x {
-  getTargetNodes(t) {
-    const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
-    return e.length ? e : r;
-  }
-}, ie = class extends l {
-  getParentControlId() {
-    return n.GENERAL.TEXT_ALIGN;
+}, E = class extends M {
+  getTargetNodes(e) {
+    const t = e.querySelectorAll(I.TEXT), n = e.asElement().hasClass(U) ? [e] : [];
+    return t.length ? t : n;
   }
-}, oe = class extends l {
+}, ut = class extends E {
   getParentControlId() {
-    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
+    return a.GENERAL.TEXT_ALIGN;
   }
-}, Ee = class extends l {
+}, It = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_COLOR;
+    return a.GENERAL.TEXT_COLOR;
   }
-}, le = class extends l {
+}, ct = class extends E {
   getParentControlId() {
-    return n.BLOCK_TEXT.FONT_FAMILY;
+    return a.BLOCK_TEXT.FONT_FAMILY;
   }
-}, de = class extends l {
+}, Tt = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_LINE_SPACING;
+    return a.GENERAL.TEXT_LINE_SPACING;
   }
-}, ue = class extends l {
+}, bt = class extends E {
   getParentControlId() {
-    return n.BLOCK_TEXT.INTERNAL_INDENTS;
+    return a.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, Ie = class extends l {
+}, Ot = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_SIZE;
+    return a.GENERAL.TEXT_SIZE;
   }
-}, Oe = class extends l {
+}, ht = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_STYLE;
+    return a.GENERAL.TEXT_STYLE;
   }
-}, Ut = class {
-  constructor(t, e, r = [], s, E = [], T, I = [], d = [], 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 = 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);
+}, Ke = class {
+  constructor(e) {
+    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);
   }
   getI18n() {
     return this.i18n;
@@ -594,104 +782,111 @@ var se = V, ae = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, Te = class {
+  getGeneralPanelTabs() {
+    return this.generalPanelTabs;
+  }
+}, gt = class {
   constructor() {
-    this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
+    this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [];
   }
-  withLocalization(t) {
-    return this.i18n = t, this;
+  withLocalization(e) {
+    return this.i18n = e, this;
   }
   /**
    * @deprecated Use addStyles() instead. This method will be removed in a future version.
    */
-  withStyles(t) {
-    return this.styles = [t], this;
+  withStyles(e) {
+    return this.styles = [e], this;
   }
-  addStyles(t) {
-    return this.styles.push(t), this;
+  addStyles(e) {
+    return this.styles.push(e), this;
   }
   /**
    * @description defines custom developer styles to use inside the editor document preview
    */
-  withPreviewStyles(t) {
-    return this.previewStyles = t, this;
+  withPreviewStyles(e) {
+    return this.previewStyles = e, this;
+  }
+  addContextAction(e) {
+    return this.contextActions.push(e), this;
   }
-  addContextAction(t) {
-    return this.contextActions.push(t), this;
+  addUiElement(e) {
+    return this.uiElements.push(e), this;
   }
-  addUiElement(t) {
-    return this.uiElements.push(t), this;
+  withUiElementTagRegistry(e) {
+    return this.uiElementTagRegistry = e, this;
   }
-  withUiElementTagRegistry(t) {
-    return this.uiElementTagRegistry = t, this;
+  addControl(e) {
+    return this.controls.push(e), this;
   }
-  addControl(t) {
-    return this.controls.push(t), this;
+  withSettingsPanelRegistry(e) {
+    return this.settingsPanelRegistry = e, this;
   }
-  withSettingsPanelRegistry(t) {
-    return this.settingsPanelRegistry = t, this;
+  withExternalSmartElementsLibrary(e) {
+    return this.externalSmartElementsLibrary = e, this;
   }
-  withExternalSmartElementsLibrary(t) {
-    return this.externalSmartElementsLibrary = t, this;
+  withExternalImageLibrary(e) {
+    return this.externalImageLibrary = e, this;
   }
-  withExternalImageLibrary(t) {
-    return this.externalImageLibrary = t, this;
+  withExternalImageLibraryTab(e) {
+    return this.externalImageLibraryTab = e, this;
   }
-  withExternalImageLibraryTab(t) {
-    return this.externalImageLibraryTab = t, this;
+  withExternalAiAssistant(e) {
+    return this.externalAiAssistant = e, this;
   }
-  withExternalAiAssistant(t) {
-    return this.externalAiAssistant = t, this;
+  withExternalDisplayCondition(e) {
+    return this.externalDisplayConditionsLibrary = e, this;
   }
-  withExternalDisplayCondition(t) {
-    return this.externalDisplayConditionsLibrary = t, this;
+  withExternalVideosLibrary(e) {
+    return this.externalVideoLibrary = e, this;
   }
-  withExternalVideosLibrary(t) {
-    return this.externalVideoLibrary = t, this;
+  withBlocksPanel(e) {
+    return this.blocksPanel = e, this;
   }
-  withBlocksPanel(t) {
-    return this.blocksPanel = t, this;
+  addBlock(e) {
+    return this.blocks.push(e), this;
   }
-  addBlock(t) {
-    return this.blocks.push(t), this;
+  withIconsRegistry(e) {
+    return this.iconsRegistry = e, this;
   }
-  withIconsRegistry(t) {
-    return this.iconsRegistry = t, this;
+  addGeneralPanelTab(e) {
+    return this.generalPanelTabs.push(e), this;
   }
   build() {
-    return new Ut(
-      this.i18n,
-      (this.styles || []).map((t) => t.trim()).join(`
+    return new Ke({
+      i18n: this.i18n,
+      styles: this.styles.map((e) => e.trim()).join(`
 `),
-      this.uiElements,
-      this.uiElementTagRegistry,
-      this.controls,
-      this.settingsPanelRegistry,
-      this.contextActions,
-      this.blocks,
-      this.externalSmartElementsLibrary,
-      this.externalImageLibrary,
-      this.previewStyles,
-      this.externalAiAssistant,
-      this.externalDisplayConditionsLibrary,
-      this.externalVideoLibrary,
-      this.blocksPanel,
-      this.iconsRegistry,
-      this.externalImageLibraryTab
-    );
-  }
-}, pt = class C extends a {
+      uiElements: this.uiElements,
+      uiElementTagRegistry: this.uiElementTagRegistry,
+      controls: this.controls,
+      settingsPanelRegistry: this.settingsPanelRegistry,
+      contextActions: this.contextActions,
+      blocks: this.blocks,
+      externalSmartElementsLibrary: this.externalSmartElementsLibrary,
+      externalImageLibrary: this.externalImageLibrary,
+      previewStyles: this.previewStyles,
+      externalAiAssistant: this.externalAiAssistant,
+      externalDisplayConditionsLibrary: this.externalDisplayConditionsLibrary,
+      externalVideoLibrary: this.externalVideoLibrary,
+      blocksPanel: this.blocksPanel,
+      iconsRegistry: this.iconsRegistry,
+      externalImageLibraryTab: this.externalImageLibraryTab,
+      generalPanelTabs: this.generalPanelTabs
+    });
+  }
+}, Fe = class m extends s {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(m.REQUIRED_METHODS, m);
   }
-  openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: E }) {
+  openAiAssistant(t) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-pt.REQUIRED_METHODS = ["openAiAssistant"];
-var Kt = class g extends a {
+Fe.REQUIRED_METHODS = ["openAiAssistant"];
+var He = class R extends s {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(R.REQUIRED_METHODS, R);
   }
   /**
    * Retrieves the name of the category.
@@ -704,11 +899,11 @@ var Kt = class g extends a {
   /**
    * Opens a popup dialog for creating or updating a display condition.
    *
-   * @param {DisplayCondition} currentCondition - The currently selected display condition to edit.
-   * @param {ExternalDisplayConditionSelectedCB} successCallback - Callback executed with the updated or newly created condition upon success.
-   * @param {() => void} cancelCallback - Callback executed when the dialog is closed without making changes.
+   * @param {DisplayCondition} _currentCondition - The currently selected display condition to edit.
+   * @param {ExternalDisplayConditionSelectedCB} _successCallback - Callback executed with the updated or newly created condition upon success.
+   * @param {() => void} _cancelCallback - Callback executed when the dialog is closed without making changes.
    */
-  openExternalDisplayConditionsDialog(e, r, s) {
+  openExternalDisplayConditionsDialog(t, n, i) {
     throw new Error("Method openExternalDisplayConditionsDialog() must be implemented by the subclass");
   }
   /**
@@ -729,19 +924,19 @@ var Kt = class g extends a {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-Kt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ft = class m extends a {
+He.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var ke = class L extends s {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(L.REQUIRED_METHODS, L);
   }
-  openImageLibrary(e, r, s) {
+  openImageLibrary(t, n, i) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Ft.REQUIRED_METHODS = ["openImageLibrary"];
-var wt = class b extends a {
+ke.REQUIRED_METHODS = ["openImageLibrary"];
+var Xe = class _ extends s {
   constructor() {
-    super(b.REQUIRED_METHODS, b);
+    super(_.REQUIRED_METHODS, _);
   }
   /**
    * @description Returns the translated name/label for the tab
@@ -754,45 +949,46 @@ var wt = class b extends a {
    * @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
+   * @param _selectedNode - (Optional) Selected node for which the gallery is being opened
    */
-  openImageLibraryTab(e, r) {
+  openImageLibraryTab(t, n, i) {
     throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
   }
 };
-wt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var Pt = class N extends a {
+Xe.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var pe = class C extends s {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(C.REQUIRED_METHODS, C);
   }
-  openSmartElementsLibrary(e, r) {
+  openSmartElementsLibrary(t, n) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-Pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Ht = class A extends a {
+pe.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Ge = class A extends s {
   constructor() {
     super(A.REQUIRED_METHODS, A);
   }
-  openExternalVideosLibraryDialog(e, r, s) {
+  openExternalVideosLibraryDialog(t, n, i) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-Ht.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var Q = class D extends a {
+Ge.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var V = class N extends s {
   constructor() {
-    super(D.REQUIRED_METHODS, D);
+    super(N.REQUIRED_METHODS, N);
   }
-  registerIconsSvg(e) {
+  registerIconsSvg(t) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
-Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var ce = Q, _e = class {
-  constructor(t) {
-    this.key = t;
+V.REQUIRED_METHODS = ["registerIconsSvg"];
+var mt = V, Rt = class {
+  constructor(e) {
+    this.key = e;
   }
-  withParams(t) {
-    return this.params = t, this;
+  withParams(e) {
+    return this.params = e, this;
   }
   getValue() {
     return {
@@ -800,15 +996,15 @@ var ce = Q, _e = class {
       params: this.params
     };
   }
-}, f = class S extends a {
+}, Q = class D extends s {
   constructor() {
-    super(S.REQUIRED_METHODS, S);
+    super(D.REQUIRED_METHODS, D);
   }
   /**
    * Called when the UI element should render its content into the provided container.
    * @param container - The HTMLElement where the UI element should be rendered.
    */
-  onRender(e) {
+  onRender(t) {
     throw new Error("Method onRender() must be implemented by the subclass");
   }
   /**
@@ -829,7 +1025,7 @@ var ce = Q, _e = class {
    * Implement this if the element manages a state or value and needs to be updated externally.
    * @param value - The new value to set.
    */
-  setValue(e) {
+  setValue(t) {
   }
   /**
    * @description Optional hook called when one of the element's supported attributes ({@link UEAttr}) gets updated externally.
@@ -837,7 +1033,7 @@ var ce = Q, _e = class {
    * @param name - The name of the attribute that was updated.
    * @param value - The new value of the attribute.
    */
-  onAttributeUpdated(e, r) {
+  onAttributeUpdated(t, n) {
   }
   /**
    * Gets the unique identifier for this UI element type.
@@ -855,62 +1051,64 @@ var ce = Q, _e = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var he = f, Y = class B extends a {
+Q.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var Lt = Q, f = class S extends s {
   constructor() {
-    super(B.REQUIRED_METHODS, B);
+    super(S.REQUIRED_METHODS, S);
   }
-  registerUiElements(e) {
+  registerUiElements(t) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-Y.REQUIRED_METHODS = ["registerUiElements"];
-var Re = Y;
+f.REQUIRED_METHODS = ["registerUiElements"];
+var _t = f;
 export {
-  Xt as Block,
-  kt as BlockAttr,
-  et as BlockCompositionType,
-  O as BlockSelector,
-  ht as BlockType,
-  x as BuiltInControl,
-  n as BuiltInControlTypes,
-  Qt as ButtonAlignBuiltInControl,
-  ft as ButtonBackgroundColorBuiltInControl,
-  Yt as ButtonBorderBuiltInControl,
-  Vt 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,
-  Te as ExtensionBuilder,
-  F as GeneralControls,
-  ce as IconsRegistry,
+  Qe as Block,
+  Ye as BlockAttr,
+  $ as BlockCompositionType,
+  I as BlockSelector,
+  Ee as BlockType,
+  fe as BlocksPanel,
+  M as BuiltInControl,
+  a as BuiltInControlTypes,
+  ze as ButtonAlignBuiltInControl,
+  Ze as ButtonBackgroundColorBuiltInControl,
+  je as ButtonBorderBuiltInControl,
+  We as ButtonBorderRadiusBuiltInControl,
+  qe as ButtonColorBuiltInControl,
+  K as ButtonControls,
+  Je as ButtonFitToContainerBuiltInControl,
+  et as ButtonFontFamilyBuiltInControl,
+  tt as ButtonMarginsBuiltInControl,
+  rt as ButtonPaddingsBuiltInControl,
+  nt as ButtonTextBuiltInControl,
+  at as ButtonTextSizeBuiltInControl,
+  st as ButtonTextStyleAndFontColorBuiltInControl,
+  oe as ContainerControls,
+  it as Control,
+  de as EditorStatePropertyType,
+  Ke as Extension,
+  gt as ExtensionBuilder,
+  w as GeneralControls,
+  mt as IconsRegistry,
   H as ImageControls,
-  re as ImageMarginsBuiltInControl,
-  ne as ImageSizeBuiltInControl,
-  _e 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 TextLineSpacingBuiltInControl,
-  ue as TextPaddingsBuiltInControl,
-  Ie as TextSizeBuiltInControl,
-  Oe as TextStyleBuiltInControl,
-  Gt as UEAttr,
-  he as UIElement,
-  Re as UIElementTagRegistry,
-  yt as UIElementType
+  lt as ImageMarginsBuiltInControl,
+  Et as ImageSizeBuiltInControl,
+  Rt as ModificationDescription,
+  ue as PreviewDeviceMode,
+  ot as SettingsPanelRegistry,
+  dt as SettingsPanelTab,
+  Ie as SettingsTab,
+  ut as TextAlignBuiltInControl,
+  It as TextColorBuiltInControl,
+  F as TextControls,
+  ct as TextFontFamilyBuiltInControl,
+  Tt as TextLineSpacingBuiltInControl,
+  bt as TextPaddingsBuiltInControl,
+  Ot as TextSizeBuiltInControl,
+  ht as TextStyleBuiltInControl,
+  $e as UEAttr,
+  Lt as UIElement,
+  _t as UIElementTagRegistry,
+  Pe as UIElementType
 };