@useinsider/guido 1.0.3-beta.df46976 → 1.0.3-beta.dfb1fcf

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

@@ -0,0 +1,272 @@
+import { createButtonAlignControl as _, createButtonBorderControl as i, createButtonBorderRadiusControl as S, createButtonColorControl as T, createButtonFitToContainerControl as E, createButtonFontFamilyControl as B, createButtonMarginsControl as s, createButtonPaddingsControl as P, createButtonTextControl as U, createButtonTextSizeControl as a, createButtonTextStyleAndFontColorControl as R, createImageMarginsControl as M, createImageSizeControl as A, createTextAlignControl as C, createTextBackgroundColorControl as r, createTextColorControl as I, createTextFontFamilyControl as O, createTextLineSpacingControl as N, createPaddingsControl as e, createTextSizeControl as c, createTextStyleControl as l } from "../../controlFactories.js";
+import { RecommendationBlockId as o, RecommendationControlId as t } from "../constants.js";
+import { PriceInlineLayoutControl as mo } from "./priceInlineLayoutControl.js";
+const n = ".ins-recommendation-product-container", L = C(
+  t.NAME_ALIGN,
+  o.NAME,
+  n
+), m = I(
+  t.NAME_COLOR,
+  o.NAME,
+  n
+), d = c(
+  t.NAME_SIZE,
+  o.NAME,
+  n
+), g = l(
+  t.NAME_STYLE,
+  o.NAME,
+  n
+), F = O(
+  t.NAME_FONT_FAMILY,
+  o.NAME,
+  n
+), G = r(
+  t.NAME_BACKGROUND,
+  o.NAME,
+  n
+), y = e(
+  t.NAME_PADDINGS,
+  o.NAME,
+  n
+), b = N(
+  t.NAME_LINE_SPACING,
+  o.NAME,
+  n
+), x = C(
+  t.PRICE_ALIGN,
+  o.PRICE,
+  n
+), Y = I(
+  t.PRICE_COLOR,
+  o.PRICE,
+  n
+), p = c(
+  t.PRICE_SIZE,
+  o.PRICE,
+  n
+), z = l(
+  t.PRICE_STYLE,
+  o.PRICE,
+  n
+), k = O(
+  t.PRICE_FONT_FAMILY,
+  o.PRICE,
+  n
+), Z = r(
+  t.PRICE_BACKGROUND,
+  o.PRICE,
+  n
+), K = e(
+  t.PRICE_PADDINGS,
+  o.PRICE,
+  n
+), f = N(
+  t.PRICE_LINE_SPACING,
+  o.PRICE,
+  n
+), X = C(
+  t.OLD_PRICE_ALIGN,
+  o.OLD_PRICE,
+  n
+), h = I(
+  t.OLD_PRICE_COLOR,
+  o.OLD_PRICE,
+  n
+), j = c(
+  t.OLD_PRICE_SIZE,
+  o.OLD_PRICE,
+  n
+), q = l(
+  t.OLD_PRICE_STYLE,
+  o.OLD_PRICE,
+  n
+), v = O(
+  t.OLD_PRICE_FONT_FAMILY,
+  o.OLD_PRICE,
+  n
+), w = r(
+  t.OLD_PRICE_BACKGROUND,
+  o.OLD_PRICE,
+  n
+), H = e(
+  t.OLD_PRICE_PADDINGS,
+  o.OLD_PRICE,
+  n
+), J = N(
+  t.OLD_PRICE_LINE_SPACING,
+  o.OLD_PRICE,
+  n
+), Q = C(
+  t.OMNIBUS_PRICE_ALIGN,
+  o.OMNIBUS_PRICE,
+  n
+), V = I(
+  t.OMNIBUS_PRICE_COLOR,
+  o.OMNIBUS_PRICE,
+  n
+), W = c(
+  t.OMNIBUS_PRICE_SIZE,
+  o.OMNIBUS_PRICE,
+  n
+), $ = l(
+  t.OMNIBUS_PRICE_STYLE,
+  o.OMNIBUS_PRICE,
+  n
+), oo = O(
+  t.OMNIBUS_PRICE_FONT_FAMILY,
+  o.OMNIBUS_PRICE,
+  n
+), to = r(
+  t.OMNIBUS_PRICE_BACKGROUND,
+  o.OMNIBUS_PRICE,
+  n
+), no = e(
+  t.OMNIBUS_PRICE_PADDINGS,
+  o.OMNIBUS_PRICE,
+  n
+), Co = N(
+  t.OMNIBUS_PRICE_LINE_SPACING,
+  o.OMNIBUS_PRICE,
+  n
+), ro = C(
+  t.OMNIBUS_DISCOUNT_ALIGN,
+  o.OMNIBUS_DISCOUNT,
+  n
+), Io = I(
+  t.OMNIBUS_DISCOUNT_COLOR,
+  o.OMNIBUS_DISCOUNT,
+  n
+), Oo = c(
+  t.OMNIBUS_DISCOUNT_SIZE,
+  o.OMNIBUS_DISCOUNT,
+  n
+), No = l(
+  t.OMNIBUS_DISCOUNT_STYLE,
+  o.OMNIBUS_DISCOUNT,
+  n
+), eo = O(
+  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
+  o.OMNIBUS_DISCOUNT,
+  n
+), co = r(
+  t.OMNIBUS_DISCOUNT_BACKGROUND,
+  o.OMNIBUS_DISCOUNT,
+  n
+), lo = e(
+  t.OMNIBUS_DISCOUNT_PADDINGS,
+  o.OMNIBUS_DISCOUNT,
+  n
+), _o = N(
+  t.OMNIBUS_DISCOUNT_LINE_SPACING,
+  o.OMNIBUS_DISCOUNT,
+  n
+), io = _(
+  t.BUTTON_ALIGN,
+  o.BUTTON,
+  n
+), So = i(
+  t.BUTTON_BORDER,
+  o.BUTTON,
+  n
+), To = S(
+  t.BUTTON_BORDER_RADIUS,
+  o.BUTTON,
+  n
+), Eo = T(
+  t.BUTTON_COLOR,
+  o.BUTTON,
+  n
+), Bo = B(
+  t.BUTTON_FONT_FAMILY,
+  o.BUTTON,
+  n
+), so = s(
+  t.BUTTON_MARGINS,
+  o.BUTTON,
+  n
+), Po = P(
+  t.BUTTON_PADDINGS,
+  o.BUTTON,
+  n
+), Uo = U(
+  t.BUTTON_TEXT,
+  o.BUTTON,
+  n
+), ao = a(
+  t.BUTTON_TEXT_SIZE,
+  o.BUTTON,
+  n
+), Ro = R(
+  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+  o.BUTTON,
+  n
+), Mo = E(
+  t.BUTTON_FIT_TO_CONTENT,
+  o.BUTTON,
+  n
+), Ao = A(
+  t.IMAGE_SIZE,
+  o.IMAGE,
+  n
+), Do = M(
+  t.IMAGE_MARGINS,
+  o.IMAGE,
+  n
+);
+export {
+  io as ButtonAlignControl,
+  So as ButtonBorderControl,
+  To as ButtonBorderRadiusControl,
+  Eo as ButtonColorControl,
+  Mo as ButtonFitToContentControl,
+  Bo as ButtonFontFamilyControl,
+  so as ButtonMarginsControl,
+  Po as ButtonPaddingsControl,
+  Uo as ButtonTextControl,
+  ao as ButtonTextSizeControl,
+  Ro as ButtonTextStyleAndFontColorControl,
+  Do as ImageMarginsControl,
+  Ao as ImageSizeControl,
+  L as NameAlignControl,
+  G as NameBackgroundControl,
+  m as NameColorControl,
+  F as NameFontFamilyControl,
+  b as NameLineSpacingControl,
+  y as NamePaddingsControl,
+  d as NameSizeControl,
+  g as NameStyleControl,
+  X as OldPriceAlignControl,
+  w as OldPriceBackgroundControl,
+  h as OldPriceColorControl,
+  v as OldPriceFontFamilyControl,
+  J as OldPriceLineSpacingControl,
+  H as OldPricePaddingsControl,
+  j as OldPriceSizeControl,
+  q as OldPriceStyleControl,
+  ro as OmnibusDiscountAlignControl,
+  co as OmnibusDiscountBackgroundControl,
+  Io as OmnibusDiscountColorControl,
+  eo as OmnibusDiscountFontFamilyControl,
+  _o as OmnibusDiscountLineSpacingControl,
+  lo as OmnibusDiscountPaddingsControl,
+  Oo as OmnibusDiscountSizeControl,
+  No as OmnibusDiscountStyleControl,
+  Q as OmnibusPriceAlignControl,
+  to as OmnibusPriceBackgroundControl,
+  V as OmnibusPriceColorControl,
+  oo as OmnibusPriceFontFamilyControl,
+  Co as OmnibusPriceLineSpacingControl,
+  no as OmnibusPricePaddingsControl,
+  W as OmnibusPriceSizeControl,
+  $ as OmnibusPriceStyleControl,
+  x as PriceAlignControl,
+  Z as PriceBackgroundControl,
+  Y as PriceColorControl,
+  k as PriceFontFamilyControl,
+  mo as PriceInlineLayoutControl,
+  f as PriceLineSpacingControl,
+  K as PricePaddingsControl,
+  p as PriceSizeControl,
+  z as PriceStyleControl
+};

package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js

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

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.js

@@ -0,0 +1,71 @@
+import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as m } from "../../common-control.js";
+import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
+import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
+const f = ".ins-recommendation-product-container", i = "data-text-after", u = "", p = ".omnibus-text-after";
+class E extends m {
+  getId() {
+    return l.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(f);
+    if (!e || !("querySelectorAll" in e))
+      return;
+    const n = Array.from(
+      e.querySelectorAll(`[esd-extension-block-id="${d.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 c = T(r, t);
+        o.modifyHtml(r).setInnerHtml(c);
+      }
+    }), o.apply(new a("Update omnibus discount text after"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
+      this._onTextChange(t);
+    });
+  }
+}
+export {
+  E as OmnibusDiscountTextAfterControl
+};

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.js

@@ -0,0 +1,71 @@
+import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as a } from "../../common-control.js";
+import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
+import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
+const f = ".ins-recommendation-product-container", i = "data-text-before", u = "", p = ".omnibus-text-before";
+class C extends a {
+  getId() {
+    return l.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(f);
+    if (!t || !("querySelectorAll" in t))
+      return;
+    const n = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${d.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 c = T(r, e);
+        o.modifyHtml(r).setInnerHtml(c);
+      }
+    }), o.apply(new m("Update omnibus discount text before"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
+      this._onTextChange(e);
+    });
+  }
+}
+export {
+  C as OmnibusDiscountTextBeforeControl
+};

package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.js

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

package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.js

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

package/dist/extensions/Blocks/Recommendation/controls/priceHideControl.js

@@ -0,0 +1,60 @@
+import { ModificationDescription as n } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../common-control.js";
+import { RecommendationControlId as c } from "../constants.js";
+const i = {
+  HIDE_PRICE: "hidePriceIfSame"
+}, o = "hide-price", s = ".ins-recommendation-v3-block-v2";
+class h extends d {
+  getId() {
+    return c.PRICE_HIDE_IF_SAME;
+  }
+  getTemplate() {
+    return `
+            <div class="price-hide-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Hide if same as discounted" }),
+      this._GuToggle(i.HIDE_PRICE)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentHideState();
+    this.api.updateValues({
+      [i.HIDE_PRICE]: e
+    });
+  }
+  _getCurrentHideState() {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return !1;
+    const e = this.currentNode.closest(s);
+    return !e || !("getAttribute" in e) ? !1 : e.getAttribute(o) === "true";
+  }
+  _onHidePriceChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(s);
+    if (!t)
+      return;
+    const r = this.api.getDocumentModifier();
+    r.modifyHtml(t).setAttribute(o, e ? "true" : "false"), r.apply(
+      new n(
+        e ? "Enable hide price if same as discounted" : "Disable hide price if same as discounted"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.HIDE_PRICE, (e) => {
+      this._onHidePriceChange(e);
+    });
+  }
+}
+export {
+  h as PriceHideControl
+};