@useinsider/guido 2.1.0 → 2.2.0-beta.1696353

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

@@ -21,7 +21,7 @@ ${s.map((o) => `  - ${o}`).join(`
    * This validation runs only once per class type and results are cached.
    */
   validateImplementation(t, r) {
-    var M;
+    var x;
     const s = [], o = r.name, Y = Object.getPrototypeOf(this);
     t.forEach((u) => {
       if (typeof this[u] != "function") {
@@ -29,12 +29,12 @@ ${s.map((o) => `  - ${o}`).join(`
         return;
       }
       Y[u] === r.prototype[u] && s.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
-    }), 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`);
+    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((x = process.env) == null ? void 0 : x.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
 };
 B.validatedClasses = /* @__PURE__ */ new Set();
 B.validationErrors = /* @__PURE__ */ new Map();
-var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCTURE", e.CONTAINER = "CONTAINER", e))($ || {}), y = class T extends a {
+var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCTURE", e.CONTAINER = "CONTAINER", e))($ || {}), v = class T extends a {
   constructor() {
     super(T.REQUIRED_METHODS, T);
   }
@@ -195,8 +195,8 @@ var a = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCT
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var Pe = y, W = class c extends a {
+v.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var Pe = v, W = class c extends a {
   constructor() {
     super(c.REQUIRED_METHODS, c);
   }
@@ -214,7 +214,74 @@ var Pe = y, W = class c extends a {
   }
 };
 W.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var z = class O extends a {
+var we = 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 O extends a {
   constructor() {
     super(O.REQUIRED_METHODS, O);
   }
@@ -240,42 +307,42 @@ var Z = {
   height: "height"
 }, j = {
   href: "href"
-}, we = {
+}, Ke = {
   BLOCK_IMAGE: Z,
   BLOCK_BUTTON: j
-}, 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 = {
+}, y = "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", le = "esd-stripe", Ee = "esd-amp-form", I = ((e) => (e.BUTTON = `.${y}`, 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 = `.${le}`, e.FORM = `.${Ee}`, 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 = {
   BLOCK_BUTTON: K,
   BLOCK_TEXT: F,
   BLOCK_IMAGE: H,
   GENERAL: w
-}, ue = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(ue || {}), E = {
+}, ue = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(ue || {}), l = {
   name: "name",
   disabled: "disabled"
 }, Ie = {
-  ...E,
+  ...l,
   caption: "caption",
   icon: "icon"
 }, Te = {
-  ...E,
+  ...l,
   caption: "caption"
 }, ce = {
-  ...E,
+  ...l,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
 }, Oe = {
-  ...E,
+  ...l,
   text: "text"
-}, he = {
-  ...E
-}, X = {
-  ...E,
+}, ge = {
+  ...l
+}, k = {
+  ...l,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, ge = {
-  ...X
+}, he = {
+  ...k
 }, be = {
   text: "text",
   value: "value"
@@ -284,32 +351,32 @@ var Z = {
   icon: "icon",
   value: "value"
 }, Re = {
-  ...E
+  ...l
 }, _e = {
   controlId: "control-id"
 }, Le = {
-  ...E,
+  ...l,
   icon: "icon",
   position: "position"
 }, Ce = {
-  ...E
-}, Ke = {
+  ...l
+}, Fe = {
   BUTTON: Ie,
   CHECKBOX: Te,
-  COLOR: E,
+  COLOR: l,
   COUNTER: ce,
   LABEL: Oe,
-  RADIO_BUTTONS: he,
-  SELECTPICKER: X,
-  FONT_FAMILY_SELECT: ge,
-  SWITCHER: E,
+  RADIO_BUTTONS: ge,
+  SELECTPICKER: k,
+  FONT_FAMILY_SELECT: he,
+  SWITCHER: l,
   TEXT: Re,
   SELECT_ITEM: be,
   RADIO_ITEM: me,
   NESTED_CONTROL: _e,
   ORDERABLE: Le,
   ORDERABLE_ITEM: Ce
-}, 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 {
+}, 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 || {}), M = class {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -340,18 +407,18 @@ var Z = {
   isVisible(e) {
     return !0;
   }
-}, i = class extends x {
+}, i = class extends M {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(I.BUTTON), r = e.asElement().hasClass(v) ? [e] : [];
+    const t = e.querySelectorAll(I.BUTTON), r = e.asElement().hasClass(y) ? [e] : [];
     return t.length ? t : r;
   }
-}, Fe = class extends i {
+}, He = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, He = class extends i {
+}, ke = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.ALIGNMENT;
   }
@@ -359,7 +426,7 @@ var Z = {
   getParentControlId() {
     return n.GENERAL.BACKGROUND_COLOR;
   }
-}, ke = class extends i {
+}, Ve = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER;
   }
@@ -369,39 +436,39 @@ var Z = {
   getParentControlId() {
     return n.BLOCK_BUTTON.COLOR;
   }
-}, Ve = class extends i {
+}, pe = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, pe = class extends i {
+}, Qe = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, Qe = class extends i {
+}, fe = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, fe = class extends i {
+}, Ye = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, Ye = class extends i {
+}, $e = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT;
   }
-}, $e = class extends i {
+}, We = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_SIZE;
   }
-}, We = class extends i {
+}, ze = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, k = class h extends a {
+}, X = class g extends a {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(g.REQUIRED_METHODS, g);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -454,10 +521,10 @@ var Z = {
   onDocumentChanged(t) {
   }
 };
-k.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ze = k, Ne = class g extends a {
+X.REQUIRED_METHODS = ["getId", "getTemplate"];
+var Ze = X, Ne = class h extends a {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(h.REQUIRED_METHODS, h);
   }
   /**
    * Gets the unique identifier for this tab.
@@ -525,20 +592,20 @@ var ze = k, Ne = class g extends a {
   }
 };
 Ne.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var G = class extends x {
+var V = class extends M {
   getTargetNodes(e) {
     const t = e.querySelectorAll(I.IMAGE), r = e.asElement().hasClass(P) ? [e] : [];
     return t.length ? t : r;
   }
-}, Ze = class extends G {
+}, je = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, je = class extends G {
+}, qe = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, V = class b extends a {
+}, G = class b extends a {
   constructor() {
     super(b.REQUIRED_METHODS, b);
   }
@@ -546,8 +613,8 @@ var G = class extends x {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var qe = V, Je = class {
+G.REQUIRED_METHODS = ["registerBlockControls"];
+var Je = G, et = class {
   constructor(e, t) {
     this.tabId = e, this.controlsIds = t;
   }
@@ -570,40 +637,36 @@ var qe = V, Je = class {
     const t = this.controlsIds.indexOf(e);
     t !== -1 && this.controlsIds.splice(t, 1);
   }
-}, l = class extends x {
+}, E = class extends M {
   getTargetNodes(e) {
     const t = e.querySelectorAll(I.TEXT), r = e.asElement().hasClass(U) ? [e] : [];
     return t.length ? t : r;
   }
-}, et = class extends l {
+}, tt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, tt = class extends l {
-  getParentControlId() {
-    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
-  }
-}, rt = class extends l {
+}, rt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, nt = class extends l {
+}, nt = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, at = class extends l {
+}, at = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_LINE_SPACING;
   }
-}, st = class extends l {
+}, st = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, it = class extends l {
+}, it = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Et = class extends l {
+}, lt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
@@ -668,7 +731,7 @@ var qe = V, Je = class {
   getGeneralPanelTabs() {
     return this.generalPanelTabs;
   }
-}, lt = class {
+}, Et = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [];
   }
@@ -808,7 +871,7 @@ var Be = class R extends a {
   }
 };
 Be.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var xe = class _ extends a {
+var Me = class _ extends a {
   constructor() {
     super(_.REQUIRED_METHODS, _);
   }
@@ -816,8 +879,8 @@ var xe = class _ extends a {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-xe.REQUIRED_METHODS = ["openImageLibrary"];
-var Me = class L extends a {
+Me.REQUIRED_METHODS = ["openImageLibrary"];
+var xe = class L extends a {
   constructor() {
     super(L.REQUIRED_METHODS, L);
   }
@@ -838,8 +901,8 @@ var Me = class L extends a {
     throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
   }
 };
-Me.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var ye = class C extends a {
+xe.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var ve = class C extends a {
   constructor() {
     super(C.REQUIRED_METHODS, C);
   }
@@ -847,8 +910,8 @@ var ye = class C extends a {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-ye.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var ve = class A extends a {
+ve.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var ye = class A extends a {
   constructor() {
     super(A.REQUIRED_METHODS, A);
   }
@@ -856,7 +919,7 @@ var ve = class A extends a {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-ve.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+ye.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
 var p = class N extends a {
   constructor() {
     super(N.REQUIRED_METHODS, N);
@@ -947,48 +1010,48 @@ f.REQUIRED_METHODS = ["registerUiElements"];
 var It = f;
 export {
   Pe as Block,
-  we as BlockAttr,
+  Ke as BlockAttr,
   $ as BlockCompositionType,
   I as BlockSelector,
   oe as BlockType,
-  x as BuiltInControl,
+  we as BlocksPanel,
+  M as BuiltInControl,
   n as BuiltInControlTypes,
-  He as ButtonAlignBuiltInControl,
+  ke as ButtonAlignBuiltInControl,
   Xe as ButtonBackgroundColorBuiltInControl,
-  ke as ButtonBorderBuiltInControl,
-  Fe as ButtonBorderRadiusBuiltInControl,
+  Ve as ButtonBorderBuiltInControl,
+  He as ButtonBorderRadiusBuiltInControl,
   Ge as ButtonColorBuiltInControl,
   K as ButtonControls,
-  Ve as ButtonFitToContainerBuiltInControl,
-  pe as ButtonFontFamilyBuiltInControl,
-  Qe as ButtonMarginsBuiltInControl,
-  fe as ButtonPaddingsBuiltInControl,
-  Ye as ButtonTextBuiltInControl,
-  $e as ButtonTextSizeBuiltInControl,
-  We as ButtonTextStyleAndFontColorBuiltInControl,
+  pe as ButtonFitToContainerBuiltInControl,
+  Qe as ButtonFontFamilyBuiltInControl,
+  fe as ButtonMarginsBuiltInControl,
+  Ye as ButtonPaddingsBuiltInControl,
+  $e as ButtonTextBuiltInControl,
+  We as ButtonTextSizeBuiltInControl,
+  ze as ButtonTextStyleAndFontColorBuiltInControl,
   de as ContainerControls,
-  ze as Control,
+  Ze as Control,
   De as Extension,
-  lt as ExtensionBuilder,
+  Et as ExtensionBuilder,
   w as GeneralControls,
   ot as IconsRegistry,
   H as ImageControls,
-  Ze as ImageMarginsBuiltInControl,
-  je as ImageSizeBuiltInControl,
+  je as ImageMarginsBuiltInControl,
+  qe as ImageSizeBuiltInControl,
   dt as ModificationDescription,
-  qe as SettingsPanelRegistry,
-  Je as SettingsPanelTab,
+  Je as SettingsPanelRegistry,
+  et as SettingsPanelTab,
   ue as SettingsTab,
-  et as TextAlignBuiltInControl,
-  tt as TextBlockBackgroundBuiltInControl,
+  tt as TextAlignBuiltInControl,
   rt as TextColorBuiltInControl,
   F as TextControls,
   nt as TextFontFamilyBuiltInControl,
   at as TextLineSpacingBuiltInControl,
   st as TextPaddingsBuiltInControl,
   it as TextSizeBuiltInControl,
-  Et as TextStyleBuiltInControl,
-  Ke as UEAttr,
+  lt as TextStyleBuiltInControl,
+  Fe as UEAttr,
   ut as UIElement,
   It as UIElementTagRegistry,
   Ae as UIElementType

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.52.0" } }, s = {
+const o = { stripo: { version: "2.54.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/@types/config/schemas.d.ts

@@ -116,7 +116,7 @@ export declare const EditorSchema: v.ObjectSchema<{
     /** Locale for the editor UI */
     readonly locale: v.OptionalSchema<v.StringSchema<undefined>, "en">;
     /** Path to translations object */
-    readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans.en">;
+    readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans[Object.keys(window.trans)[0]]">;
     /** Migration date for template compatibility */
     readonly migrationDate: v.OptionalSchema<v.NumberSchema<undefined>, 1759696858>;
     /** Email header settings */
@@ -129,6 +129,10 @@ export declare const EditorSchema: v.ObjectSchema<{
         readonly senderName: "";
         readonly subject: "";
     }>;
+    /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
+    readonly savedModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "savedModules">;
+    /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
+    readonly defaultModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "defaultModules">;
 }, undefined>;
 /**
  * UI configuration - visual elements and layout
@@ -428,7 +432,7 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         /** Locale for the editor UI */
         readonly locale: v.OptionalSchema<v.StringSchema<undefined>, "en">;
         /** Path to translations object */
-        readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans.en">;
+        readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans[Object.keys(window.trans)[0]]">;
         /** Migration date for template compatibility */
         readonly migrationDate: v.OptionalSchema<v.NumberSchema<undefined>, 1759696858>;
         /** Email header settings */
@@ -441,6 +445,10 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
             readonly senderName: "";
             readonly subject: "";
         }>;
+        /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
+        readonly savedModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "savedModules">;
+        /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
+        readonly defaultModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "defaultModules">;
     }, undefined>, {}>;
     /** UI configuration */
     readonly ui: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/composables/useConfig.d.ts

@@ -41,6 +41,8 @@ export declare const useConfig: () => {
                 senderName: string;
                 subject: string;
             };
+            savedModulesFolderName: string;
+            defaultModulesFolderName: string;
         };
         ui: {
             showHeader: boolean;
@@ -130,6 +132,8 @@ export declare const useConfig: () => {
             senderName: string;
             subject: string;
         };
+        savedModulesFolderName: string;
+        defaultModulesFolderName: string;
     } | null>;
     ui: import("vue").ComputedRef<{
         showHeader: boolean;

package/dist/src/enums/defaults.d.ts

@@ -9,3 +9,7 @@ export declare const TemplateTypes: {
 export declare const EditorType: number;
 export declare const MAX_DEFAULT_TEMPLATE_ID = 13;
 export declare const ProductIds: Record<string, number>;
+export declare const ModuleFolderDefaults: {
+    readonly SAVED_MODULES: "savedModules";
+    readonly DEFAULT_MODULES: "defaultModules";
+};

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -23,5 +23,4 @@ export declare class ItemsBlock extends Block {
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): void;
 }

package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.BUTTON_LINK;
 export declare class ButtonLinkControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -2,7 +2,6 @@ import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
 export declare class ItemsBlockCardCompositionControl extends CommonControl {
-    private store;
     private visibilityState;
     getId(): string;
     getTemplate(): string;
@@ -19,10 +18,11 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
      * If itemsType is not BROWSED_ITEMS, show quantity
      * If itemsType is BROWSED_ITEMS, hide quantity
      * and mark it as '0'
+     * @param syncOnly - If true, only sync local state and UI without modifying the document
      */
-    _handleBrowsedItemsQuantity(): void;
-    _applyVisibilityStyles(): void;
-    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
+    _handleBrowsedItemsQuantity(syncOnly?: boolean): void;
+    _applyVisibilityStyles(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateVisibilityAttribute(elementName: string, isVisible: boolean, modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
     _listenToFormUpdates(): void;
     _onProductImageChange(value: boolean): void;
     _onProductNameChange(value: boolean): void;
@@ -37,6 +37,6 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
      *   - When price is hidden, original price cell expands to 100%
      *   - When both are visible, they share 50% each
      */
-    _updatePriceCellWidthsForVerticalLayout(): void;
+    _updatePriceCellWidthsForVerticalLayout(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
     _onProductButtonChange(value: boolean): void;
 }

package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.IMAGE_LINK;
 export declare class ImageLinkControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;