@useinsider/guido 2.0.0-beta.1f72712 → 2.0.0-beta.200f113

package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js

@@ -1,124 +0,0 @@
-var u = Object.defineProperty;
-var d = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
-var n = (i, o, t) => d(i, typeof o != "symbol" ? o + "" : o, t);
-import { CommonControl as c } from "../../../common-control.js";
-import { MAX_PRODUCT_COUNT as _, MAX_PRODUCTS_PER_ROW as h } from "../../constants/layout.js";
-import { RecommendationConfigService as r } from "../../services/configService.js";
-import { useRecommendationExtensionStore as R } from "../../store/recommendation.js";
-import { getCurrentLayout as m, regenerateProductRows as p, reapplySpacing as C } from "./utils.js";
-import { useDebounceFn as g } from "../../../../../node_modules/@vueuse/shared/index.js";
-const l = "recommendation-product-layout-control", e = {
-  PRODUCT_COUNT: "size",
-  PRODUCT_IN_ROW: "cardsInRow",
-  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
-};
-class b extends c {
-  constructor() {
-    super(...arguments);
-    // Store is used for backward compatibility with product fetching and regeneration
-    n(this, "store", R());
-    n(this, "storeUnsubscription", () => {
-    });
-    n(this, "_debouncedRegenerateProductRows", g(() => {
-      this._regenerateProductRows();
-    }, 500));
-  }
-  getId() {
-    return l;
-  }
-  getTemplate() {
-    return `
-            <div class="product-layout-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: _ }),
-      this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: h })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates(), this._listenStateUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateProductsInRowVisibility();
-  }
-  onDestroy() {
-    this.storeUnsubscription();
-  }
-  _setFormValues() {
-    const t = r.getConfig(this.currentNode);
-    this.api.updateValues({
-      [e.PRODUCT_COUNT]: t.size,
-      [e.PRODUCT_IN_ROW]: t.cardsInRow
-    });
-  }
-  /**
-   * Updates "Products in One Row" visibility based on layout orientation
-   * This control is hidden for horizontal layout (products always take full width)
-   * Reads from node config first, falls back to DOM
-   */
-  _updateProductsInRowVisibility() {
-    const a = (r.getConfig(this.currentNode).layout || m(this.currentNode)) === "vertical";
-    this.api.setVisibility(e.PRODUCT_IN_ROW, a), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, a);
-  }
-  _onProductCountChange(t) {
-    this.currentNode && (r.updateConfig(
-      this.api,
-      this.currentNode,
-      { size: t },
-      `Changed product count to ${t}`
-    ), this.store.$patch({
-      recommendationConfigs: {
-        size: t
-      }
-    }), this._debouncedRegenerateProductRows());
-  }
-  _onProductsInRowChange(t) {
-    this.currentNode && (r.updateConfig(
-      this.api,
-      this.currentNode,
-      { cardsInRow: t },
-      `Changed products per row to ${t}`
-    ), this.store.$patch({
-      recommendationConfigs: {
-        cardsInRow: t
-      }
-    }), this._debouncedRegenerateProductRows());
-  }
-  _regenerateProductRows() {
-    p({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier(),
-      afterRegenerate: () => {
-        C({
-          currentNode: this.currentNode,
-          documentModifier: this.api.getDocumentModifier()
-        });
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.PRODUCT_COUNT, (t) => {
-      this._onProductCountChange(t.toString());
-    }), this.api.onValueChanged(e.PRODUCT_IN_ROW, (t) => {
-      this._onProductsInRowChange(Number(t));
-    });
-  }
-  /**
-   * Subscribe to store changes to update visibility when layout changes
-   * This is still needed because layout changes come from LayoutControl
-   */
-  _listenStateUpdates() {
-    let t = this.store.recommendationConfigs.orientation;
-    this.storeUnsubscription = this.store.$subscribe(() => {
-      const s = this.store.recommendationConfigs.orientation;
-      s !== t && (t = s, this._updateProductsInRowVisibility());
-    });
-  }
-}
-export {
-  l as PRODUCT_LAYOUT_CONTROL_ID,
-  b as ProductLayoutControl
-};

package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js

@@ -1,71 +0,0 @@
-var r = Object.defineProperty;
-var u = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => u(o, typeof t != "symbol" ? t + "" : t, e);
-import { UEAttr as f } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as l } from "../../../common-control.js";
-import { RecommendationConfigService as i } from "../../services/configService.js";
-import { useRecommendationExtensionStore as d } from "../../store/recommendation.js";
-const a = "recommendation-shuffle-control", s = {
-  SHUFFLE_PRODUCTS: "shuffleProducts"
-};
-class C extends l {
-  constructor() {
-    super(...arguments);
-    // Store is used for backward compatibility with product fetching
-    n(this, "store", d());
-  }
-  getId() {
-    return a;
-  }
-  getTemplate() {
-    return `
-            <div class="shuffle-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Shuffle Recommended Products" }),
-      this._GuToggle(s.SHUFFLE_PRODUCTS)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeToggle(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues();
-  }
-  _setFormValues() {
-    const e = i.getConfig(this.currentNode);
-    this.api.updateValues({
-      [s.SHUFFLE_PRODUCTS]: e.shuffleProducts
-    });
-  }
-  _initializeToggle() {
-    const e = i.getConfig(this.currentNode);
-    this.api.setUIEAttribute(
-      s.SHUFFLE_PRODUCTS,
-      f.SELECTPICKER.items,
-      e.shuffleProducts
-    );
-  }
-  _onShuffleChange(e) {
-    this.currentNode && (i.updateConfig(
-      this.api,
-      this.currentNode,
-      { shuffleProducts: e },
-      `${e ? "Enabled" : "Disabled"} product shuffle`
-    ), this.store.$patch({
-      recommendationConfigs: {
-        shuffleProducts: e
-      }
-    }));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(s.SHUFFLE_PRODUCTS, (e) => {
-      this._onShuffleChange(!!e);
-    });
-  }
-}
-export {
-  a as SHUFFLE_CONTROL_ID,
-  C as ShuffleControl
-};

package/dist/extensions/Blocks/Recommendation/controls/main/utils.js

@@ -1,124 +0,0 @@
-import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENCY_ATTR as s, CONTAINER_SELECTOR as S } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { prepareProductRows as b } from "../../templates/index.js";
-import { hasGetStyle as f, isTdNode as E } from "../../utils/tagName.js";
-import { DEFAULT_CARD_COMPOSITION as m, getDefaultProducts as h } from "../../templates/utils.js";
-const g = "ins-recommendation-v3-block-v2";
-function d(e) {
-  if (!e)
-    return null;
-  if ("getAttribute" in e) {
-    const t = e.getAttribute("class");
-    if (t && t.includes(g))
-      return e;
-  }
-  return "querySelector" in e ? e.querySelector(`.${g}`) : null;
-}
-function y(e) {
-  const t = d(e);
-  return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
-}
-function R(e) {
-  const t = d(e);
-  if (!t || !("getAttribute" in t))
-    return m;
-  const o = t.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : m;
-}
-function P(e) {
-  const { currentNode: t, documentModifier: o, afterRegenerate: r } = e;
-  if (!t || !("querySelector" in t))
-    return;
-  const a = t.querySelector(S);
-  if (!a)
-    return;
-  const c = C(), n = c.recommendationProducts.length > 0 ? c.recommendationProducts : h(), { cardsInRow: l } = c.recommendationConfigs, i = R(t), u = y(t), A = b(n, u, {
-    productsPerRow: l,
-    composition: i
-  });
-  o.modifyHtml(a).setInnerHtml(A).apply(new p("Updated product")), r == null || r();
-}
-function w(e, t, o, r) {
-  const c = `0 ${Math.floor(o / 2)}px`;
-  let n = !1;
-  return r === "vertical" ? Array.from(
-    e.querySelectorAll(".attribute-cell")
-  ).forEach((i) => {
-    t.modifyHtml(i).setStyle("padding", c), n = !0;
-  }) : Array.from(
-    e.querySelectorAll(".product-card-wrapper")
-  ).forEach((i) => {
-    const u = "parentNode" in i ? i.parentNode : null;
-    u && E(u) && (t.modifyHtml(u).setStyle("padding", c), n = !0);
-  }), n;
-}
-function M(e, t, o) {
-  const r = `${o}px`, a = Array.from(e.querySelectorAll(".spacer"));
-  let c = !1;
-  return a.forEach((n) => {
-    t.modifyHtml(n).setStyle("height", r), c = !0;
-  }), c;
-}
-function H(e) {
-  const { currentNode: t, documentModifier: o } = e;
-  if (!t)
-    return;
-  const r = d(t);
-  if (!r || !("getAttribute" in r))
-    return;
-  const a = r.getAttribute("data-column-spacing"), c = r.getAttribute("data-row-spacing"), n = y(t);
-  let l = !1;
-  if (a) {
-    const i = parseInt(a);
-    Number.isNaN(i) || (l = w(
-      t,
-      o,
-      i,
-      n
-    ));
-  }
-  if (c) {
-    const i = parseInt(c);
-    if (!Number.isNaN(i)) {
-      const u = M(t, o, i);
-      l = l || u;
-    }
-  }
-  l && o.apply(new p("Reapply spacing after regeneration"));
-}
-function L(e) {
-  if (!e)
-    return null;
-  const t = e.querySelector(".product-card-segment"), o = e.querySelector(".product-card-wrapper");
-  let r = null;
-  return t && f(t) && (r = t.getStyle("background-color") ?? null), (!r || r === "transparent") && o && f(o) && (r = o.getStyle("background-color") ?? null), r;
-}
-function _(e) {
-  const { currentNode: t, documentModifier: o, bgColor: r, layout: a } = e;
-  if (!r || r === "transparent" || !t)
-    return;
-  const c = a === "vertical" ? ".product-card-segment" : ".product-card-wrapper", n = Array.from(t.querySelectorAll(c));
-  n.length !== 0 && (n.forEach((l) => {
-    o.modifyHtml(l).setStyle("background-color", r);
-  }), o.apply(new p("Apply card background color")));
-}
-function D(e) {
-  const { currentNode: t, documentModifier: o, currency: r } = e, a = d(t);
-  if (!a)
-    return;
-  const c = r.alignment === "before" ? "0" : "1", n = (l, i) => {
-    o.modifyHtml(a).setAttribute(l, i);
-  };
-  n(s.CURRENCY, r.code), n(s.SYMBOL, r.symbol), n(s.ALIGNMENT, c), n(s.THOUSAND_SEPARATOR, r.thousandSeparator), n(s.DECIMAL_SEPARATOR, r.decimalSeparator), n(s.DECIMAL_COUNT, r.decimalCount.toString()), o.apply(new p("Update currency attributes"));
-}
-export {
-  _ as applyCardBackgroundColor,
-  d as getBlockElement,
-  R as getCardComposition,
-  L as getCurrentCardBackgroundColor,
-  y as getCurrentLayout,
-  H as reapplySpacing,
-  P as regenerateProductRows,
-  D as setCurrencyAttributes
-};

package/dist/extensions/Blocks/Recommendation/controls/name/index.js

@@ -1,46 +0,0 @@
-import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
-import { NameTextTrimControl as i } from "./textTrim.js";
-const m = a(
-  t.NAME_ALIGN,
-  o.NAME,
-  r
-), A = N(
-  t.NAME_COLOR,
-  o.NAME,
-  r
-), E = c(
-  t.NAME_SIZE,
-  o.NAME,
-  r
-), M = C(
-  t.NAME_STYLE,
-  o.NAME,
-  r
-), s = l(
-  t.NAME_FONT_FAMILY,
-  o.NAME,
-  r
-), d = e(
-  t.NAME_BACKGROUND,
-  o.NAME,
-  r
-), T = n(
-  t.NAME_PADDINGS,
-  o.NAME,
-  r
-), F = {
-  align: m,
-  color: A,
-  size: E,
-  style: M,
-  fontFamily: s,
-  background: d,
-  paddings: T,
-  textTrim: i
-};
-export {
-  F as NameControls
-};

package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js

@@ -1,76 +0,0 @@
-import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as c } from "../../../common-control.js";
-import { RecommendationBlockId as a } from "../../constants/blockIds.js";
-import { RecommendationControlId as d } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as m } from "../../constants/selectors.js";
-const s = {
-  TEXT_TRIM_ENABLED: "textTrimEnabled"
-}, r = "text-trim-enabled";
-class p extends c {
-  getId() {
-    return d.NAME_TEXT_TRIM;
-  }
-  getTemplate() {
-    return `
-            <div class="name-text-trim-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Trim Long Text" }),
-      this._GuToggle(s.TEXT_TRIM_ENABLED)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const t = this._getCurrentTrimState();
-    this.api.updateValues({
-      [s.TEXT_TRIM_ENABLED]: t
-    });
-  }
-  _getCurrentTrimState() {
-    if (!this.currentNode || !("hasClass" in this.currentNode))
-      return !1;
-    if (this.currentNode.hasClass(r))
-      return !0;
-    const t = this.currentNode.closest(m);
-    if (!t)
-      return !1;
-    const e = t.querySelector(
-      `[esd-extension-block-id="${a.NAME}"]`
-    );
-    return e && "hasClass" in e ? e.hasClass(r) : !1;
-  }
-  _onTextTrimChange(t) {
-    if (!this.currentNode || !("closest" in this.currentNode))
-      return;
-    const e = this.currentNode.closest(m);
-    if (!e || !("querySelectorAll" in e))
-      return;
-    const i = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
-    );
-    if (!i.length)
-      return;
-    const o = this.api.getDocumentModifier();
-    i.forEach((n) => {
-      t ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
-    }), o.apply(
-      new l(
-        t ? "Enable product name text trimming" : "Disable product name text trimming"
-      )
-    );
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (t) => {
-      this._onTextTrimChange(t);
-    });
-  }
-}
-export {
-  p as NameTextTrimControl
-};

package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js

@@ -1,44 +0,0 @@
-import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as _, createTextAlignControl as I } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
-const O = I(
-  t.OLD_PRICE_ALIGN,
-  o.OLD_PRICE,
-  n
-), R = _(
-  t.OLD_PRICE_COLOR,
-  o.OLD_PRICE,
-  n
-), a = c(
-  t.OLD_PRICE_SIZE,
-  o.OLD_PRICE,
-  n
-), i = l(
-  t.OLD_PRICE_STYLE,
-  o.OLD_PRICE,
-  n
-), E = e(
-  t.OLD_PRICE_FONT_FAMILY,
-  o.OLD_PRICE,
-  n
-), L = C(
-  t.OLD_PRICE_BACKGROUND,
-  o.OLD_PRICE,
-  n
-), P = r(
-  t.OLD_PRICE_PADDINGS,
-  o.OLD_PRICE,
-  n
-), T = {
-  align: O,
-  color: R,
-  size: a,
-  style: i,
-  fontFamily: E,
-  background: L,
-  paddings: P
-};
-export {
-  T as OldPriceControls
-};

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js

@@ -1,48 +0,0 @@
-import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as N } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
-import { OmnibusDiscountTextAfterControl as l } from "./textAfter.js";
-import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
-const i = N(
-  t.OMNIBUS_DISCOUNT_ALIGN,
-  o.OMNIBUS_DISCOUNT,
-  r
-), T = I(
-  t.OMNIBUS_DISCOUNT_COLOR,
-  o.OMNIBUS_DISCOUNT,
-  r
-), c = S(
-  t.OMNIBUS_DISCOUNT_SIZE,
-  o.OMNIBUS_DISCOUNT,
-  r
-), _ = O(
-  t.OMNIBUS_DISCOUNT_STYLE,
-  o.OMNIBUS_DISCOUNT,
-  r
-), m = C(
-  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
-  o.OMNIBUS_DISCOUNT,
-  r
-), s = e(
-  t.OMNIBUS_DISCOUNT_BACKGROUND,
-  o.OMNIBUS_DISCOUNT,
-  r
-), B = n(
-  t.OMNIBUS_DISCOUNT_PADDINGS,
-  o.OMNIBUS_DISCOUNT,
-  r
-), g = {
-  align: i,
-  color: T,
-  size: c,
-  style: _,
-  fontFamily: m,
-  background: s,
-  paddings: B,
-  textBefore: U,
-  textAfter: l
-};
-export {
-  g as OmnibusDiscountControls
-};

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js

@@ -1,73 +0,0 @@
-import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../../common-control.js";
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
-import { RecommendationControlId as d } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
-import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
-const i = "data-text-after", u = "", p = ".omnibus-text-after";
-class b extends a {
-  getId() {
-    return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
-  }
-  getTemplate() {
-    return `
-            <div class="omnibus-discount-text-after-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text After" }),
-      this._GuTextInput({
-        name: "omnibusDiscountTextAfter",
-        placeholder: "e.g., off!",
-        className: "es-180w"
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const t = this._getCurrentText();
-    this.api.updateValues({
-      omnibusDiscountTextAfter: t
-    });
-  }
-  _getCurrentText() {
-    if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return u;
-    const t = this.currentNode.getAttribute(i);
-    return t === null ? u : t;
-  }
-  _onTextChange(t) {
-    if (!this.currentNode || !("closest" in this.currentNode))
-      return;
-    const e = this.currentNode.closest(T);
-    if (!e || !("querySelectorAll" in e))
-      return;
-    const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
-    );
-    if (!n.length)
-      return;
-    const o = this.api.getDocumentModifier();
-    n.forEach((s) => {
-      o.modifyHtml(s).setAttribute(i, t);
-      const r = s.querySelector(p);
-      if (r) {
-        const m = f(r, t);
-        o.modifyHtml(r).setInnerHtml(m);
-      }
-    }), o.apply(new c("Update omnibus discount text after"));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
-      typeof t == "string" && this._onTextChange(t);
-    });
-  }
-}
-export {
-  b as OmnibusDiscountTextAfterControl
-};

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js

@@ -1,73 +0,0 @@
-import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as l } from "../../../common-control.js";
-import { RecommendationBlockId as a } from "../../constants/blockIds.js";
-import { RecommendationControlId as d } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
-import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
-const i = "data-text-before", u = "", p = ".omnibus-text-before";
-class g extends l {
-  getId() {
-    return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
-  }
-  getTemplate() {
-    return `
-            <div class="omnibus-discount-text-before-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text Before" }),
-      this._GuTextInput({
-        name: "omnibusDiscountTextBefore",
-        placeholder: "e.g., Save ",
-        className: "es-180w"
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues();
-  }
-  _setFormValues() {
-    const e = this._getCurrentText();
-    this.api.updateValues({
-      omnibusDiscountTextBefore: e
-    });
-  }
-  _getCurrentText() {
-    if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return u;
-    const e = this.currentNode.getAttribute(i);
-    return e === null ? u : e;
-  }
-  _onTextChange(e) {
-    if (!this.currentNode || !("closest" in this.currentNode))
-      return;
-    const t = this.currentNode.closest(T);
-    if (!t || !("querySelectorAll" in t))
-      return;
-    const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
-    );
-    if (!n.length)
-      return;
-    const o = this.api.getDocumentModifier();
-    n.forEach((s) => {
-      o.modifyHtml(s).setAttribute(i, e);
-      const r = s.querySelector(p);
-      if (r) {
-        const m = f(r, e);
-        o.modifyHtml(r).setInnerHtml(m);
-      }
-    }), o.apply(new c("Update omnibus discount text before"));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
-      typeof e == "string" && this._onTextChange(e);
-    });
-  }
-}
-export {
-  g as OmnibusDiscountTextBeforeControl
-};