@useinsider/guido 2.1.0-beta.bc18abc → 2.1.0-beta.bcfc012

package/dist/extensions/Blocks/common-control.js

@@ -1,8 +1,8 @@
-var I = Object.defineProperty;
-var c = (T, r, e) => r in T ? I(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
-var u = (T, r, e) => c(T, typeof r != "symbol" ? r + "" : r, e);
-import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class _ extends O {
+var l = Object.defineProperty;
+var O = (T, r, e) => r in T ? l(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
+var u = (T, r, e) => O(T, typeof r != "symbol" ? r + "" : r, e);
+import { Control as c, UIElementType as n, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class _ extends c {
   constructor() {
     super(...arguments);
     u(this, "currentNode");
@@ -33,101 +33,108 @@ class _ extends O {
     const e = this.getItemsBlockContainer();
     if (!e)
       return null;
-    const n = e.getNodeConfig();
-    return n && typeof n.blockInstanceId == "string" ? n.blockInstanceId : null;
+    const t = e.getNodeConfig();
+    return t && typeof t.blockInstanceId == "string" ? t.blockInstanceId : null;
   }
   /**
-   * Handles block instance change detection and syncing.
-   * This is a helper method for controls that need to sync config when switching between block instances.
+   * Handles block instance change detection and UI updates.
+   * This is a helper method for controls that need to update UI when switching between block instances.
    * Uses Stripo V2 nodeConfig API for block instance tracking.
-   * @param syncFunction - Function to call when block instance changes (to sync from node config)
-   * @param updateUI - Function to call to update the UI (called both on change and when same block)
+   * @param updateUI - Function to call to update the UI (called on every update)
    * @returns true if block instance changed, false otherwise
    */
-  handleBlockInstanceChange(e, n) {
-    const E = this.getBlockInstanceId();
-    if (!E)
+  handleBlockInstanceChange(e) {
+    const t = this.getBlockInstanceId();
+    if (!t)
       return !1;
-    const o = E !== this.lastBlockInstanceId;
-    return o ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = E) : n(), o;
+    const E = t !== this.lastBlockInstanceId;
+    return e(), E && (this.lastBlockInstanceId = t), E;
   }
-  _GuLabel({ text: e, name: n = "" }) {
+  _GuLabel({ text: e, name: t = "" }) {
     return `
-            <${t.LABEL} 
+            <${n.LABEL} 
                 ${$.LABEL.text}="${e}" 
-                ${$.LABEL.name}="${n || `${e} Label`}">
-            </${t.LABEL}>
+                ${$.LABEL.name}="${t || `${e} Label`}">
+            </${n.LABEL}>
         `;
   }
   _GuToggle(e) {
     return `
-            <${t.SWITCHER}
+            <${n.SWITCHER}
                 ${$.SWITCHER.name}="${e}">
-            </${t.SWITCHER}>
+            </${n.SWITCHER}>
         `;
   }
-  _GuSelectItem({ text: e, value: n }) {
+  _GuSelectItem({ text: e, value: t }) {
     return `
-            <${t.SELECT_ITEM} 
+            <${n.SELECT_ITEM} 
                 ${$.SELECT_ITEM.text}="${e}" 
-                ${$.SELECT_ITEM.value}="${n}">
-            </${t.SELECT_ITEM}>`;
+                ${$.SELECT_ITEM.value}="${t}">
+            </${n.SELECT_ITEM}>`;
   }
-  _GuSelect({ name: e, placeholder: n, options: E, className: o = "es-180w" }) {
+  _GuSelect({ name: e, placeholder: t, options: E, className: o = "es-180w" }) {
     return `
-            <${t.SELECTPICKER}
+            <${n.SELECTPICKER}
                 class="${o}"
                 ${$.SELECTPICKER.name}="${e}"
-                ${$.SELECTPICKER.placeholder}="${n}">
+                ${$.SELECTPICKER.placeholder}="${t}">
                     ${E.map((a) => this._GuSelectItem(a)).join("")}
-            </${t.SELECTPICKER}>
+            </${n.SELECTPICKER}>
         `;
   }
-  _GuTextInput({ name: e, placeholder: n, className: E = "", disabled: o = !1 }) {
+  _GuTextInput({ name: e, placeholder: t, className: E = "", disabled: o = !1 }) {
     return `
-            <${t.TEXT}
+            <${n.TEXT}
                 class=${E}
                 ${$.TEXT.name}="${e}"
-                placeholder="${n || e}"
+                placeholder="${t || e}"
                 ${o ? `${$.TEXT.disabled}="true"` : ""}>
-            </${t.TEXT}>
+            </${n.TEXT}>
         `;
   }
-  _GuCounter({ name: e, maxValue: n, minValue: E = 1, step: o = 1 }) {
+  _GuCounter({ name: e, maxValue: t, minValue: E = 1, step: o = 1 }) {
     return `
-            <${t.COUNTER}
+            <${n.COUNTER}
                 ${$.COUNTER.name}="${e}"
                 ${$.COUNTER.minValue}="${E}"
-                ${$.COUNTER.maxValue}="${n}"
+                ${$.COUNTER.maxValue}="${t}"
                 ${$.COUNTER.step}="${o}">
-            </${t.COUNTER}>
+            </${n.COUNTER}>
         `;
   }
-  _GuRadioButtonItem({ text: e, value: n, icon: E }) {
+  _GuRadioButtonItem({ text: e, value: t, icon: E }) {
     return `
-            <${t.RADIO_ITEM}
-                ${$.RADIO_ITEM.value}="${n}"
+            <${n.RADIO_ITEM}
+                ${$.RADIO_ITEM.value}="${t}"
                 ${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
                 ${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
-            </${t.RADIO_ITEM}>
+            </${n.RADIO_ITEM}>
         `;
   }
-  _GuRadioButton({ name: e, buttons: n, id: E = "" }) {
+  _GuRadioButton({ name: e, buttons: t, id: E = "" }) {
     return `
-            <${t.RADIO_BUTTONS}
+            <${n.RADIO_BUTTONS}
                 ${E ? `id="${E}"` : ""}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${n.map((o) => this._GuRadioButtonItem(o)).join("")}
-            </${t.RADIO_BUTTONS}>
+                ${t.map((o) => this._GuRadioButtonItem(o)).join("")}
+            </${n.RADIO_BUTTONS}>
         `;
   }
-  _GuButton({ name: e, label: n, id: E = "" }) {
+  _GuButton({ name: e, label: t, id: E = "" }) {
     return `
-            <${t.BUTTON}
+            <${n.BUTTON}
                 ${$.BUTTON.name}="${e}"
                 ${E ? `id="${E}"` : ""}
-                ${$.BUTTON.caption}="${n}"}>
-            </${t.BUTTON}>
+                ${$.BUTTON.caption}="${t}"}>
+            </${n.BUTTON}>
+        `;
+  }
+  _GuIcon({ src: e, className: t = "" }) {
+    return `
+            <${n.ICON}
+                ${$.ICON.src}="${e}"
+                ${t ? `class="${t}"` : ""}>
+            </${n.ICON}>
         `;
   }
   /**
@@ -135,25 +142,25 @@ class _ extends O {
    * @param param0
    * @returns It returns a button with an icon.
    */
-  _GuIconButton({ name: e, icon: n, className: E = "" }) {
+  _GuIconButton({ name: e, icon: t, className: E = "" }) {
     return `
-            <${t.BUTTON}
+            <${n.BUTTON}
                 class="${E}"
                 ${$.BUTTON.name}="${e}"
-                ${$.BUTTON.icon}="${n}">
-            </${t.BUTTON}>
+                ${$.BUTTON.icon}="${t}">
+            </${n.BUTTON}>
         `;
   }
-  _GuOneColumn(e, n = "") {
+  _GuOneColumn(e, t = "") {
     return `
-            <div class="container one-column ${n}">
+            <div class="container one-column ${t}">
                 ${e.join("")}
             </div>
         `;
   }
-  _GuTwoColumns(e, n = "") {
+  _GuTwoColumns(e, t = "") {
     return `
-            <div class="container two-columns ${n}">
+            <div class="container two-columns ${t}">
                 ${e.join("")}
             </div>
         `;
@@ -165,79 +172,79 @@ class _ extends O {
    * @param itemLabels - Optional array of objects with key and label properties for display
    * @returns HTML string for the orderable control
    */
-  _GuOrderable(e, n) {
+  _GuOrderable(e, t) {
     let E = "";
-    n.forEach((a) => {
-      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+    t.forEach((a) => {
+      const I = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${t.ORDERABLE_ITEM} ${l}="${a.key}">
+                <${n.ORDERABLE_ITEM} ${I}="${a.key}">
                     ${a.content}
-                </${t.ORDERABLE_ITEM}>
+                </${n.ORDERABLE_ITEM}>
             `;
     });
     const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
     return `
-            <${t.ORDERABLE} ${o}="${e}">
+            <${n.ORDERABLE} ${o}="${e}">
                 ${E}
-            </${t.ORDERABLE}>
+            </${n.ORDERABLE}>
         `;
   }
-  _GuNestedControl(e, n) {
+  _GuNestedControl(e, t) {
     return `
-            <${t.NESTED_CONTROL} ${$.NESTED_CONTROL.controlId}="${e}">
-                ${n}
-            </${t.NESTED_CONTROL}>
+            <${n.NESTED_CONTROL} ${$.NESTED_CONTROL.controlId}="${e}">
+                ${t}
+            </${n.NESTED_CONTROL}>
         `;
   }
-  _GuExpandable(e, n) {
+  _GuExpandable(e, t) {
     return `
-            <${t.EXPANDABLE}>
-                <${t.EXPANDABLE_HEADER}>
-                    <${t.LABEL} ${$.LABEL.text}="${e}"></${t.LABEL}>
-                </${t.EXPANDABLE_HEADER}>
-                <${t.EXPANDABLE_CONTENT}>
+            <${n.EXPANDABLE}>
+                <${n.EXPANDABLE_HEADER}>
+                    <${n.LABEL} ${$.LABEL.text}="${e}"></${n.LABEL}>
+                </${n.EXPANDABLE_HEADER}>
+                <${n.EXPANDABLE_CONTENT}>
 
-                    ${n}
+                    ${t}
 
-                </${t.EXPANDABLE_CONTENT}>
-            </${t.EXPANDABLE}>
+                </${n.EXPANDABLE_CONTENT}>
+            </${n.EXPANDABLE}>
         `;
   }
   _GuColorPicker(e) {
     return `
-            <${t.COLOR}
+            <${n.COLOR}
                 ${$.COLOR.name}="${e}">
-            </${t.COLOR}>
+            </${n.COLOR}>
         `;
   }
-  _GuFontFamily(e, n = "Select Font") {
+  _GuFontFamily(e, t = "Select Font") {
     return `
-            <${t.FONT_FAMILY_SELECT}
+            <${n.FONT_FAMILY_SELECT}
                 ${$.FONT_FAMILY_SELECT.name}="${e}"
-                ${$.FONT_FAMILY_SELECT.placeholder}="${n}">
-            </${t.FONT_FAMILY_SELECT}>
+                ${$.FONT_FAMILY_SELECT.placeholder}="${t}">
+            </${n.FONT_FAMILY_SELECT}>
         `;
   }
-  _GuRadioButtons(e, n) {
-    const E = n.map((o) => `
-                <${t.RADIO_ITEM}
+  _GuRadioButtons(e, t) {
+    const E = t.map((o) => `
+                <${n.RADIO_ITEM}
                     ${$.RADIO_ITEM.text}="${o.text}"
                     ${$.RADIO_ITEM.value}="${o.value}">
-                </${t.RADIO_ITEM}>
+                </${n.RADIO_ITEM}>
             `).join("");
     return `
-            <${t.RADIO_BUTTONS}
+            <${n.RADIO_BUTTONS}
                 ${$.RADIO_BUTTONS.name}="${e}">
                 ${E}
-            </${t.RADIO_BUTTONS}>
+            </${n.RADIO_BUTTONS}>
         `;
   }
-  _GuCheckbox(e, n) {
+  _GuCheckbox(e, t) {
     return `
-            <${t.CHECKBOX}
+            <${n.CHECKBOX}
                 ${$.CHECKBOX.name}="${e}"
-                ${$.CHECKBOX.caption}="${n}">
-            </${t.CHECKBOX}>
+                ${$.CHECKBOX.caption}="${t}">
+            </${n.CHECKBOX}>
         `;
   }
 }

package/dist/extensions/Blocks/controlFactories.js

@@ -1,218 +1,250 @@
-import { TextAlignBuiltInControl as l, TextColorBuiltInControl as s, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as B, ButtonBorderRadiusBuiltInControl as T, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as f, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function k(r, t, n) {
-  return class extends l {
+import { TextAlignBuiltInControl as s, TextColorBuiltInControl as l, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as f, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function k(o, n, r) {
+  return class extends s {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function p(r, t, n) {
-  return class extends s {
+function p(o, n, r) {
+  return class extends l {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function F(r, t, n) {
+function F(o, n, r) {
   return class extends u {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function z(r, t, n) {
+function z(o, n, r) {
   return class extends i {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function M(r, t, n) {
+function M(o, n, r) {
   return class extends c {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function P(r, t, n) {
+function P(o, n, r) {
   return class extends d {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function h(r, t, n) {
+function h(o, n, r) {
   return class extends a {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      if (!n || !r)
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function L(r, t, n) {
+function L(o, n, r) {
   return class extends q {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return [e];
+    getTargetNodes(t) {
+      return [t];
     }
   };
 }
-function R(r, t, n = ".ins-recommendation-product-container") {
+function R(o, n, r = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(r, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function v(r, t, n = ".ins-recommendation-product-container") {
-  return class extends B {
+function v(o, n, r = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function w(r, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function w(o, n, r = ".ins-recommendation-product-container") {
+  return class extends B {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function D(r, t, n = ".ins-recommendation-product-container") {
-  return class extends f {
+function D(o, n, r = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function E(r, t, n = ".ins-recommendation-product-container") {
+function E(o, n, r = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(r, t, n = ".ins-recommendation-product-container") {
+function G(o, n, r = ".ins-recommendation-product-container") {
   return class extends m {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(r, t, n = ".ins-recommendation-product-container") {
+function H(o, n, r = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(r, t, n = ".ins-recommendation-product-container") {
+function J(o, n, r = ".ins-recommendation-product-container") {
   return class extends S {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function K(r, t, n) {
+function K(o, n, r) {
   return class extends N {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function O(r, t, n) {
+function O(o, n, r) {
   return class extends b {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(r, t, n) {
+function Q(o, n, r) {
   return class extends g {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const o = e.closest(n);
-        return o ? o.querySelectorAll(`[esd-extension-block-id="${t}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function U(r, t, n) {
+function U(o, n, r) {
   return class extends x {
     getId() {
-      return r;
+      return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const o = e.closest(n);
-        return o ? o.querySelectorAll(`[esd-extension-block-id="${t}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }