@useinsider/guido 3.2.0-beta.e69fb3b → 3.2.0-beta.ecc7c6c

package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js

@@ -1,10 +1,10 @@
-import { useRecommendationExtensionStore as p } from "../../store/recommendation.js";
-import { formatPrice as b } from "../../utils/priceFormatter.js";
-import { sanitizeImageUrl as u, CUSTOM_CELL_HTML as m } from "../utils.js";
-import { ATTR_PRODUCT_ATTR as g, ATTR_PRODUCT_BUTTON as i, ATTR_PRODUCT_IMAGE as c, ATTR_PRODUCT_OMNIBUS_DISCOUNT as f, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OLD_PRICE as x, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_NAME as R } from "../../constants/selectors.js";
 import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-function l() {
-  const t = p(), { currencySettings: e } = t.recommendationConfigs;
+import { ATTR_PRODUCT_ATTR as u, ATTR_PRODUCT_BUTTON as l, ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as x } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
+import { formatPrice as R } from "../../utils/priceFormatter.js";
+import { sanitizeImageUrl as C, CUSTOM_CELL_HTML as y } from "../utils.js";
+function p() {
+  const t = _(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -15,29 +15,29 @@ function l() {
   };
 }
 function s(t, e = "price") {
-  const n = l(), r = t[e], a = r?.[n.code] ?? Object.values(r ?? {})[0] ?? 0;
-  return b({
+  const n = p(), r = t[e], a = (r == null ? void 0 : r[n.code]) ?? Object.values(r ?? {})[0] ?? 0;
+  return R({
     price: a,
     currency: n
   });
 }
-const P = {
+const I = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [c]: (t) => `
+  [d]: (t) => `
         <td
             width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
             esd-extension-block-id="${o.IMAGE}"
-            data-attribute-type="${c}"
+            data-attribute-type="${d}"
             data-visibility="1"
             align="center"
             valign="middle">
             <a target="_blank" href="${t.url}">
                 <img
-                    src="${u(t.image_url)}"
+                    src="${C(t.image_url)}"
                     alt="${t.name}"
                     style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
@@ -47,7 +47,7 @@ const P = {
   /**
    * Name element - row for info cell table
    */
-  [R]: (t) => `
+  [x]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-name"
@@ -62,7 +62,7 @@ const P = {
   /**
    * Price element - row for info cell table
    */
-  [_]: (t) => `
+  [T]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-price"
@@ -77,7 +77,7 @@ const P = {
   /**
    * Old price element - row for info cell table
    */
-  [x]: (t) => `
+  [f]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-old-price"
@@ -94,7 +94,7 @@ const P = {
   /**
    * Omnibus price element - row for info cell table
    */
-  [T]: (t) => `
+  [g]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-omnibus-price"
@@ -113,8 +113,9 @@ const P = {
   /**
    * Omnibus discount element - row for info cell table
    */
-  [f]: (t) => {
-    const e = l(), n = t.original_price?.[e.code] ?? Object.values(t.original_price ?? {})[0] ?? 0, r = t.price?.[e.code] ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - r) / n * 100) : 0, d = a > 0 ? `-${a}%` : "0%";
+  [m]: (t) => {
+    var i, c;
+    const e = p(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, r = ((c = t.price) == null ? void 0 : c[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - r) / n * 100) : 0, b = a > 0 ? `-${a}%` : "0%";
     return `
         <tr>
             <td
@@ -125,7 +126,7 @@ const P = {
                 align="left">
                 <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before"></span>
-                    <span class="omnibus-discount-value">${d}</span>
+                    <span class="omnibus-discount-value">${b}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -136,12 +137,12 @@ const P = {
    * Button cell - right column (100px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [i]: (t) => `
+  [l]: (t) => `
         <td
             width="100"
             class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
             esd-extension-block-id="${o.BUTTON}"
-            data-attribute-type="${i}"
+            data-attribute-type="${l}"
             data-visibility="1"
             align="center"
             valign="middle">
@@ -168,10 +169,10 @@ const P = {
    * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
    * @param content - Display content for the cell
    */
-  [m]: (t, e) => `
+  [y]: (t, e) => `
         <tr>
             <td
-                ${g}="${t}"
+                ${u}="${t}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
                 align="left">
@@ -181,5 +182,5 @@ const P = {
     `
 };
 export {
-  P as listElementRenderer
+  I as listElementRenderer
 };

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,6 +1,6 @@
+import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
 import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
 import { listElementRenderer as f } from "./elementRenderer.js";
-import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
 function R(r, n, l) {
   const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr

package/dist/extensions/Blocks/Recommendation/templates/utils.js

@@ -1,58 +1,60 @@
-import { ATTR_PRODUCT_IMAGE as u, ATTR_PRODUCT_NAME as m, ATTR_PRODUCT_OLD_PRICE as b, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as _, ATTR_PRODUCT_OMNIBUS_DISCOUNT as g, ATTR_PRODUCT_BUTTON as C, ATTR_CUSTOM_PREFIX as p } from "../constants/selectors.js";
-function O(t) {
+import { ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as b, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OMNIBUS_DISCOUNT as C, ATTR_PRODUCT_BUTTON as f, ATTR_CUSTOM_PREFIX as u } from "../constants/selectors.js";
+function U(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function f(t, e) {
-  return Object.values(e).find((r) => r.attributeName === t)?.type === "defaultAttribute";
+function R(t, e) {
+  const n = Object.values(e).find((r) => r.attributeName === t);
+  return (n == null ? void 0 : n.type) === "defaultAttribute";
 }
-function U(t, e) {
-  return f(t, e) ? t : `product_attribute.${t}`;
+function y(t, e) {
+  return R(t, e) ? t : `product_attribute.${t}`;
 }
-const y = Symbol("customCellHtml");
-function E(t, e, n = {}) {
-  const r = t[y];
+const P = Symbol("customCellHtml");
+function S(t, e, n = {}) {
+  const r = t[P];
   if (!r)
     return { ...t };
   const l = { ...t };
-  return e.filter((o) => o.startsWith(p) && !l[o]).forEach((o) => {
-    const s = o.substring(p.length), a = O(s), A = U(s, n), D = f(s, n);
+  return e.filter((o) => o.startsWith(u) && !l[o]).forEach((o) => {
+    const s = o.substring(u.length), a = U(s), D = y(s, n), O = R(s, n);
     l[o] = (d) => {
-      const i = D ? d[s] : d.product_attributes?.[s];
+      var p;
+      const i = O ? d[s] : (p = d.product_attributes) == null ? void 0 : p[s];
       let c = a;
-      return typeof i == "string" ? c = i : typeof i == "number" && (c = String(i)), r(A, c);
+      return typeof i == "string" ? c = i : typeof i == "number" && (c = String(i)), r(D, c);
     };
   }), l;
 }
-const S = {
+const L = {
   TITLE: "You May Also Like!"
-}, L = [
-  u,
+}, M = [
   m,
   b,
   T,
   _,
   g,
-  C
-], M = {
-  [u]: !0,
+  C,
+  f
+], $ = {
   [m]: !0,
-  [T]: !0,
   [b]: !0,
-  [_]: !1,
+  [_]: !0,
+  [T]: !0,
   [g]: !1,
-  [C]: !0
-}, P = `
+  [C]: !1,
+  [f]: !0
+}, h = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, R = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function $(t) {
-  return !t || typeof t != "string" || t.trim() === "" ? R : t.startsWith("http://") ? t.replace("http://", "https://") : t;
+`, A = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function w(t) {
+  return !t || typeof t != "string" || t.trim() === "" ? A : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function h(t) {
+function I(t) {
   return {
     name: "Product Name",
-    image_url: R,
+    image_url: A,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -64,13 +66,13 @@ function h(t) {
     category: []
   };
 }
-function w(t = 6) {
+function N(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => h(String(n + 1))
+    (e, n) => I(String(n + 1))
   );
 }
-function N(t = "grid", e) {
+function k(t = "grid", e) {
   const n = t === "list" ? `
         data-layout="list"` : "", r = e ? ` ${e}` : "";
   return `
@@ -108,7 +110,7 @@ function N(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${P}
+                            ${h}
                             <tr>
                                 <td>
                                     <table
@@ -147,17 +149,17 @@ function N(t = "grid", e) {
 `;
 }
 export {
-  y as CUSTOM_CELL_HTML,
-  S as DEFAULTS,
-  L as DEFAULT_CARD_COMPOSITION,
-  M as DEFAULT_CARD_VISIBILITY,
-  R as PLACEHOLDER_IMAGE,
-  E as buildElementRenderer,
-  N as createBlockTemplate,
-  w as getDefaultProducts,
-  f as isDefaultAttribute,
-  U as resolveProductAttrValue,
-  $ as sanitizeImageUrl,
-  P as spacer,
-  O as toDisplayName
+  P as CUSTOM_CELL_HTML,
+  L as DEFAULTS,
+  M as DEFAULT_CARD_COMPOSITION,
+  $ as DEFAULT_CARD_VISIBILITY,
+  A as PLACEHOLDER_IMAGE,
+  S as buildElementRenderer,
+  k as createBlockTemplate,
+  N as getDefaultProducts,
+  R as isDefaultAttribute,
+  y as resolveProductAttrValue,
+  w as sanitizeImageUrl,
+  h as spacer,
+  U as toDisplayName
 };

package/dist/extensions/Blocks/Recommendation/validation/filterSchema.js

@@ -1,26 +1,29 @@
-import { safeParse as i, object as a, boolean as p, number as n, pipe as l, minLength as c, string as f } from "../../../../node_modules/valibot/dist/index.js";
-const e = l(f(), c(1)), o = a({
+import { safeParse as o, object as p, boolean as l, number as i, pipe as c, minLength as f, string as m } from "../../../../node_modules/valibot/dist/index.js";
+const e = c(m(), f(1)), s = p({
   type: e,
   attribute: e,
   operator: e,
   innerGroupOperator: e,
   outerGroupOperator: e,
   value: e,
-  filterGroup: n(),
-  filterNumber: n(),
-  isValid: p()
+  filterGroup: i(),
+  filterNumber: i(),
+  isValid: l()
 });
-function b(t) {
-  return i(o, t).success;
-}
 function g(t) {
-  const r = i(o, t);
+  return o(s, t).success;
+}
+function S(t) {
+  const r = o(s, t);
   return r.success ? /* @__PURE__ */ new Set() : new Set(
-    r.issues.flatMap((s) => s.path?.map((u) => String(u.key)) ?? [])
+    r.issues.flatMap((u) => {
+      var n;
+      return ((n = u.path) == null ? void 0 : n.map((a) => String(a.key))) ?? [];
+    })
   );
 }
 export {
-  o as FilterSchema,
-  g as getInvalidFilterFields,
-  b as isFilterValid
+  s as FilterSchema,
+  S as getInvalidFilterFields,
+  g as isFilterValid
 };

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -0,0 +1,33 @@
+const o = [
+  {
+    key: "locale",
+    getValue: (e) => e.language,
+    getAvailableOptions: (e) => Object.keys(e.languages)
+  },
+  {
+    key: "currency",
+    getValue: (e) => e.currencySettings.value,
+    getAvailableOptions: (e) => e.currencyList.map((n) => n.text)
+  }
+], l = "newsletter.recommendation-fill-required-fields";
+function u(e, n) {
+  return o.filter((t) => {
+    var a;
+    if (t.condition && !t.condition(e))
+      return !1;
+    const i = t.getValue(e);
+    if (!i)
+      return !0;
+    const r = (a = t.getAvailableOptions) == null ? void 0 : a.call(t, n);
+    return r !== void 0 && !r.includes(i);
+  }).map((t) => t.key);
+}
+function s(e, n) {
+  return u(e, n).length === 0;
+}
+export {
+  o as REQUIRED_RECOMMENDATION_FIELDS,
+  l as RecommendationRequiredFieldsKey,
+  u as getInvalidFields,
+  s as isConfigValid
+};

package/dist/extensions/Blocks/Unsubscribe/control.js

@@ -47,7 +47,8 @@ class B extends T {
     }), this.valueChangeHandlers = [], this.currentNode = void 0, this.currentPages = void 0, this.currentPreviewIndex = 0, this.lastParsedAttribute = void 0;
   }
   get totalTemplates() {
-    return this.currentPages?.length ?? 0;
+    var e;
+    return ((e = this.currentPages) == null ? void 0 : e.length) ?? 0;
   }
   _listenToFormUpdates() {
     this.valueChangeHandlers.push(
@@ -76,23 +77,24 @@ class B extends T {
     await l().fetchTemplates(), this._updatePreview(), this._updateCounter();
   }
   _updatePreview() {
-    if (this.currentPages?.length)
+    var e;
+    if ((e = this.currentPages) != null && e.length)
       try {
-        const e = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(e);
+        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
         if (!o) {
-          console.warn("[UnsubscribeControl] No thumbnail found for page:", e);
+          console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
           return;
         }
         this.api.updateValues({
           [r.PREVIEW_IMAGE]: o
         });
-      } catch (e) {
-        console.error("[UnsubscribeControl] Failed to update preview:", e);
+      } catch (t) {
+        console.error("[UnsubscribeControl] Failed to update preview:", t);
       }
   }
   _updateCounter() {
-    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, o = this.currentPreviewIndex === 0, c = this.currentPreviewIndex >= t - 1;
-    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(
+    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, c = this.currentPreviewIndex === 0, o = this.currentPreviewIndex >= t - 1;
+    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(
       r.COUNTER_TEXT,
       i.LABEL.text,
       `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
@@ -133,14 +135,14 @@ class B extends T {
             </${n.LABEL}>
         `;
   }
-  _getIconButton(e, t, o) {
-    const c = o ? `${i.BUTTON.disabled}="true"` : "";
+  _getIconButton(e, t, c) {
+    const o = c ? `${i.BUTTON.disabled}="true"` : "";
     return `
             <${n.BUTTON}
                 id="${e}"
                 class="flat-inline flat-white"
                 ${i.BUTTON.name}="${e}"
-                ${c}
+                ${o}
             >
                 <${n.ICON}
                     src="${t}"

package/dist/extensions/Blocks/Unsubscribe/elements/preview.js

@@ -1,15 +1,15 @@
-var r = Object.defineProperty;
-var n = (s, e, i) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
-var t = (s, e, i) => n(s, typeof e != "symbol" ? e + "" : e, i);
-import { UIElement as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const l = "unsubscribe-preview", E = "img", c = "Unsubscribe page preview", a = "is-loaded";
-class u extends m {
+var n = Object.defineProperty;
+var m = (s, i, e) => i in s ? n(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var r = (s, i, e) => m(s, typeof i != "symbol" ? i + "" : i, e);
+import { UIElement as l } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const E = "unsubscribe-preview", c = "img", a = "Unsubscribe page preview", g = "is-loaded";
+class d extends l {
   constructor() {
     super(...arguments);
-    t(this, "imgElement");
+    r(this, "imgElement");
   }
   getId() {
-    return l;
+    return E;
   }
   getTemplate() {
     return `
@@ -17,26 +17,28 @@ class u extends m {
                 <div class="unsubscribe-preview-loader"></div>
                 <img
                     src=""
-                    alt="${c}"
+                    alt="${a}"
                     class="unsubscribe-preview-image"
                 />
             </div>
         `;
   }
-  onRender(i) {
-    this.imgElement = i.querySelector(E);
+  onRender(e) {
+    this.imgElement = e.querySelector(c);
   }
-  setValue(i) {
-    this.imgElement && (this.imgElement.src = i, this.imgElement.parentElement?.classList.add(a));
+  setValue(e) {
+    var t;
+    this.imgElement && (this.imgElement.src = e, (t = this.imgElement.parentElement) == null || t.classList.add(g));
   }
   getValue() {
-    return this.imgElement?.src ?? "";
+    var e;
+    return ((e = this.imgElement) == null ? void 0 : e.src) ?? "";
   }
   onDestroy() {
     this.imgElement = void 0;
   }
 }
 export {
-  l as PREVIEW_UI_ELEMENT_ID,
-  u as PreviewUIElement
+  E as PREVIEW_UI_ELEMENT_ID,
+  d as PreviewUIElement
 };

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

@@ -1,15 +1,16 @@
-var T = Object.defineProperty;
-var i = (a, E, e) => E in a ? T(a, E, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[E] = e;
-var c = (a, E, e) => i(a, typeof E != "symbol" ? E + "" : E, e);
+var c = Object.defineProperty;
+var i = (s, r, e) => r in s ? c(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var u = (s, r, e) => i(s, typeof r != "symbol" ? r + "" : r, e);
 import { Control as I, UIElementType as n, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 class d extends I {
   constructor() {
     super(...arguments);
-    c(this, "currentNode");
-    c(this, "lastBlockInstanceId", null);
+    u(this, "currentNode");
+    u(this, "lastBlockInstanceId", null);
   }
   getContainer() {
-    return document.querySelector("ui-editor")?.shadowRoot;
+    var e;
+    return (e = document.querySelector("ui-editor")) == null ? void 0 : e.shadowRoot;
   }
   onTemplateNodeUpdated(e) {
     this.currentNode = e;
@@ -90,7 +91,7 @@ class d extends I {
    * and combines it with the text in Stripo's alert-message layout.
    */
   _setInfoMessageValue(e, t) {
-    const o = this.getContainer(), l = o.querySelector(`[data-icon-key="${e}"]`)?.querySelector("ue-icon-component")?.outerHTML ?? "";
+    const o = this.getContainer(), E = o.querySelector(`[data-icon-key="${e}"]`), a = E == null ? void 0 : E.querySelector("ue-icon-component"), l = (a == null ? void 0 : a.outerHTML) ?? "";
     this.api.setUIEAttribute(
       e,
       "value",
@@ -103,8 +104,8 @@ class d extends I {
             </div>
             `
     );
-    const u = o.querySelector(`[data-info-message="${e}"]`);
-    u && (u.style.display = "");
+    const T = o.querySelector(`[data-info-message="${e}"]`);
+    T && (T.style.display = "");
   }
   _GuToggle(e) {
     return `
@@ -120,33 +121,33 @@ class d extends I {
                 ${$.SELECT_ITEM.value}="${t}">
             </${n.SELECT_ITEM}>`;
   }
-  _GuSelect({ name: e, placeholder: t, options: o, className: r = "es-180w" }) {
+  _GuSelect({ name: e, placeholder: t, options: o, className: E = "es-180w" }) {
     return `
             <${n.SELECTPICKER}
-                class="${r}"
+                class="${E}"
                 ${$.SELECTPICKER.name}="${e}"
                 ${$.SELECTPICKER.placeholder}="${t}">
-                    ${o.map((s) => this._GuSelectItem(s)).join("")}
+                    ${o.map((a) => this._GuSelectItem(a)).join("")}
             </${n.SELECTPICKER}>
         `;
   }
-  _GuTextInput({ name: e, placeholder: t, className: o = "", disabled: r = !1 }) {
+  _GuTextInput({ name: e, placeholder: t, className: o = "", disabled: E = !1 }) {
     return `
             <${n.TEXT}
                 class=${o}
                 ${$.TEXT.name}="${e}"
                 placeholder="${t || e}"
-                ${r ? `${$.TEXT.disabled}="true"` : ""}>
+                ${E ? `${$.TEXT.disabled}="true"` : ""}>
             </${n.TEXT}>
         `;
   }
-  _GuCounter({ name: e, maxValue: t, minValue: o = 1, step: r = 1 }) {
+  _GuCounter({ name: e, maxValue: t, minValue: o = 1, step: E = 1 }) {
     return `
             <${n.COUNTER}
                 ${$.COUNTER.name}="${e}"
                 ${$.COUNTER.minValue}="${o}"
                 ${$.COUNTER.maxValue}="${t}"
-                ${$.COUNTER.step}="${r}">
+                ${$.COUNTER.step}="${E}">
             </${n.COUNTER}>
         `;
   }
@@ -164,7 +165,7 @@ class d extends I {
             <${n.RADIO_BUTTONS}
                 ${o ? `id="${o}"` : ""}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${t.map((r) => this._GuRadioButtonItem(r)).join("")}
+                ${t.map((E) => this._GuRadioButtonItem(E)).join("")}
             </${n.RADIO_BUTTONS}>
         `;
   }
@@ -222,17 +223,17 @@ class d extends I {
    */
   _GuOrderable(e, t) {
     let o = "";
-    t.forEach((s) => {
+    t.forEach((a) => {
       const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       o += `
-                <${n.ORDERABLE_ITEM} ${l}="${s.key}">
-                    ${s.content}
+                <${n.ORDERABLE_ITEM} ${l}="${a.key}">
+                    ${a.content}
                 </${n.ORDERABLE_ITEM}>
             `;
     });
-    const r = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
+    const E = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
     return `
-            <${n.ORDERABLE} ${r}="${e}">
+            <${n.ORDERABLE} ${E}="${e}">
                 ${o}
             </${n.ORDERABLE}>
         `;
@@ -274,10 +275,10 @@ class d extends I {
         `;
   }
   _GuRadioButtons(e, t) {
-    const o = t.map((r) => `
+    const o = t.map((E) => `
                 <${n.RADIO_ITEM}
-                    ${$.RADIO_ITEM.text}="${r.text}"
-                    ${$.RADIO_ITEM.value}="${r.value}">
+                    ${$.RADIO_ITEM.text}="${E.text}"
+                    ${$.RADIO_ITEM.value}="${E.value}">
                 </${n.RADIO_ITEM}>
             `).join("");
     return `