@useinsider/guido 2.2.0-beta.8abc7b6 → 2.2.0-beta.953ff70

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

@@ -1,160 +0,0 @@
-var _ = Object.defineProperty;
-var c = (i, o, t) => o in i ? _(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
-var d = (i, o, t) => c(i, typeof o != "symbol" ? o + "" : o, t);
-import { EditorStatePropertyType as u, PreviewDeviceMode as R } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { MAX_PRODUCT_COUNT as C, MAX_PRODUCTS_PER_ROW as p, MAX_MOBILE_PRODUCTS_PER_ROW as m } from "../../constants/layout.js";
-import { RecommendationConfigService as s } from "../../services/configService.js";
-import { useRecommendationExtensionStore as l } from "../../store/recommendation.js";
-import { ensureMobileCssRulesExist as O } from "../mobileLayout/cssRules.js";
-import { getCurrentLayout as I, regenerateMobileProductRows as g, regenerateProductRowsWithStyles as b } from "./utils.js";
-import { useDebounceFn as N } from "../../../../../node_modules/@vueuse/shared/index.js";
-const P = "recommendation-product-layout-control", e = {
-  PRODUCT_COUNT: "size",
-  PRODUCT_IN_ROW: "cardsInRow",
-  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel",
-  MOBILE_CARDS_IN_ROW: "mobileCardsInRow",
-  MOBILE_CARDS_IN_ROW_LABEL: "mobileCardsInRowLabel"
-};
-class S extends h {
-  constructor() {
-    super(...arguments);
-    // Store is used for backward compatibility with product fetching and regeneration
-    d(this, "store", l());
-    d(this, "storeUnsubscription", () => {
-    });
-    d(this, "_debouncedRegenerateProductRows", N(() => {
-      this._regenerateProductRows();
-    }, 500));
-  }
-  getId() {
-    return P;
-  }
-  getTemplate() {
-    return `
-            <div class="product-layout-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: C }),
-      this._GuLabel({
-        text: "Products in One Row on Desktop",
-        name: e.PRODUCT_IN_ROW_LABEL
-      }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: p }),
-      this._GuLabel({
-        text: "Products in One Row on Mobile",
-        name: e.MOBILE_CARDS_IN_ROW_LABEL
-      }),
-      this._GuCounter({
-        name: e.MOBILE_CARDS_IN_ROW,
-        maxValue: m
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates(), this._listenStateUpdates(), this._subscribeToEditorModeChanges();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateProductsInRowVisibility();
-  }
-  onDestroy() {
-    this.storeUnsubscription();
-  }
-  _setFormValues() {
-    const t = s.getConfig(this.currentNode);
-    this.api.updateValues({
-      [e.PRODUCT_COUNT]: t.size,
-      [e.PRODUCT_IN_ROW]: t.cardsInRow,
-      [e.MOBILE_CARDS_IN_ROW]: t.mobileCardsInRow
-    });
-  }
-  /**
-   * Checks if the editor is currently in mobile preview mode
-   * using Stripo's EditorStatePropertyType API.
-   */
-  _isMobileMode() {
-    return this.api.getEditorState()[u.previewDeviceMode] === R.MOBILE;
-  }
-  /**
-   * Updates counter visibility based on layout orientation and editor mode.
-   * - List layout: hide both counters (products always full-width)
-   * - Grid + desktop mode: show desktop counter, hide mobile counter
-   * - Grid + mobile mode: show mobile counter, hide desktop counter
-   */
-  _updateProductsInRowVisibility() {
-    const r = (s.getConfig(this.currentNode).layout || I(this.currentNode)) === "grid", n = this._isMobileMode();
-    this.api.setVisibility(e.PRODUCT_IN_ROW, r && !n), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, r && !n), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW, r && n), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW_LABEL, r && n);
-  }
-  /**
-   * Subscribes to editor preview mode changes via Stripo API.
-   * When the user switches between desktop/mobile preview, toggles
-   * which "Products in One Row" counter is visible.
-   */
-  _subscribeToEditorModeChanges() {
-    this.api.onEditorStatePropUpdated(
-      u.previewDeviceMode,
-      () => {
-        this._updateProductsInRowVisibility();
-      }
-    );
-  }
-  _onProductCountChange(t) {
-    this.currentNode && (s.updateConfig(
-      this.api,
-      this.currentNode,
-      { size: t },
-      `Changed product count to ${t}`
-    ), this.store.patchCurrentBlockConfig({ size: t }), this._debouncedRegenerateProductRows());
-  }
-  _onProductsInRowChange(t) {
-    this.currentNode && (s.updateConfig(
-      this.api,
-      this.currentNode,
-      { cardsInRow: t },
-      `Changed products per row to ${t}`
-    ), this.store.patchCurrentBlockConfig({ cardsInRow: t }), this._debouncedRegenerateProductRows());
-  }
-  _onMobileCardsInRowChange(t) {
-    this.currentNode && (s.updateConfig(
-      this.api,
-      this.currentNode,
-      { mobileCardsInRow: t },
-      `Changed mobile products per row to ${t}`
-    ), O(this.api), g({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier()
-    }));
-  }
-  _regenerateProductRows() {
-    b({
-      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));
-    }), this.api.onValueChanged(e.MOBILE_CARDS_IN_ROW, (t) => {
-      this._onMobileCardsInRowChange(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 a = this.store.recommendationConfigs.orientation;
-      a !== t && (t = a, this._updateProductsInRowVisibility());
-    });
-  }
-}
-export {
-  P as PRODUCT_LAYOUT_CONTROL_ID,
-  S as ProductLayoutControl
-};

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

@@ -1,67 +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 l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as f } from "../../../common-control.js";
-import { RecommendationConfigService as i } from "../../services/configService.js";
-import { useRecommendationExtensionStore as d } from "../../store/recommendation.js";
-const h = "recommendation-shuffle-control", s = {
-  SHUFFLE_PRODUCTS: "shuffleProducts"
-};
-class g extends f {
-  constructor() {
-    super(...arguments);
-    // Store is used for backward compatibility with product fetching
-    n(this, "store", d());
-  }
-  getId() {
-    return h;
-  }
-  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,
-      l.SELECTPICKER.items,
-      e.shuffleProducts
-    );
-  }
-  _onShuffleChange(e) {
-    this.currentNode && (i.updateConfig(
-      this.api,
-      this.currentNode,
-      { shuffleProducts: e },
-      `${e ? "Enabled" : "Disabled"} product shuffle`
-    ), this.store.patchCurrentBlockConfig({ shuffleProducts: e }));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(s.SHUFFLE_PRODUCTS, (e) => {
-      this._onShuffleChange(!!e);
-    });
-  }
-}
-export {
-  h as SHUFFLE_CONTROL_ID,
-  g as ShuffleControl
-};

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

@@ -1,307 +0,0 @@
-import { ModificationDescription as S } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as T, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as _ } from "../../constants/selectors.js";
-import { RecommendationConfigService as k } from "../../services/configService.js";
-import { useRecommendationExtensionStore as b } from "../../store/recommendation.js";
-import { prepareProductRows as R } from "../../templates/index.js";
-import { formatPrice as D } from "../../utils/priceFormatter.js";
-import { isTdNode as L } from "../../utils/tagName.js";
-import { sanitizeImageUrl as U, getDefaultProducts as H, DEFAULT_CARD_COMPOSITION as C } from "../../templates/utils.js";
-const q = "ins-recommendation-v3-block-v2";
-function E(o) {
-  if (!o)
-    return null;
-  if ("getAttribute" in o) {
-    const e = o.getAttribute("class");
-    if (e && e.includes(q))
-      return o;
-  }
-  return "querySelector" in o ? o.querySelector(`.${q}`) : null;
-}
-function P(o) {
-  const e = E(o);
-  if (!e || !("getAttribute" in e))
-    return "grid";
-  const t = e.getAttribute("data-layout");
-  return t === "list" || t === "horizontal" ? "list" : "grid";
-}
-function N(o) {
-  const e = E(o);
-  if (!e || !("getAttribute" in e))
-    return C;
-  const t = e.getAttribute("data-card-composition");
-  return t ? t.split(",").filter(Boolean) : C;
-}
-function g(o, e, t) {
-  if (!e || !("childNodes" in e))
-    return !1;
-  const n = e.childNodes().find(
-    (i) => "getType" in i && i.getType() === "text"
-  );
-  return n ? (o.modifyHtml(n).setText(t), !0) : !1;
-}
-function h(o, e) {
-  return o && o.length > 0 ? o : e.length > 0 ? e : H();
-}
-function $(o) {
-  const { currentNode: e, documentModifier: t, products: r, layout: n } = o;
-  if (!e || !("querySelector" in e))
-    return;
-  const i = e.querySelector(T);
-  if (!i)
-    return;
-  const c = b(), u = k.getConfig(e), l = h(r, c.recommendationProducts), s = N(e), d = n ?? P(e), a = R(l, d, {
-    productsPerRow: u.mobileCardsInRow,
-    composition: s
-  });
-  t.modifyHtml(i).setInnerHtml(a).apply(new S("Updated mobile product rows"));
-}
-function x(o) {
-  const {
-    currentNode: e,
-    documentModifier: t,
-    afterRegenerate: r,
-    products: n,
-    layout: i
-  } = o;
-  if (!e || !("querySelector" in e))
-    return;
-  const c = e.querySelector(w) ?? e.querySelector(_);
-  if (!c)
-    return;
-  const u = b(), l = h(n, u.recommendationProducts), { cardsInRow: s } = u.recommendationConfigs, d = N(e), a = i ?? P(e), p = R(l, a, {
-    productsPerRow: s,
-    composition: d
-  });
-  t.modifyHtml(c).setInnerHtml(p).apply(new S("Updated product")), $(o), r == null || r();
-}
-function B(o, e, t, r) {
-  const i = `0 ${Math.floor(t / 2)}px`;
-  let c = !1;
-  return r === "grid" ? Array.from(
-    o.querySelectorAll(".attribute-cell")
-  ).forEach((l) => {
-    e.modifyHtml(l).setStyle("padding", i), c = !0;
-  }) : Array.from(
-    o.querySelectorAll(".product-card-wrapper")
-  ).forEach((l) => {
-    const s = "parentNode" in l ? l.parentNode : null;
-    s && L(s) && (e.modifyHtml(s).setStyle("padding", i), c = !0);
-  }), c;
-}
-function v(o, e, t) {
-  const r = `${t}px`, n = Array.from(o.querySelectorAll(".spacer"));
-  let i = !1;
-  return n.forEach((c) => {
-    e.modifyHtml(c).setStyle("height", r), i = !0;
-  }), i;
-}
-function V(o) {
-  const { currentNode: e, documentModifier: t } = o;
-  if (!e)
-    return;
-  const r = E(e);
-  if (!r || !("getAttribute" in r))
-    return;
-  const n = r.getAttribute("data-column-spacing"), i = r.getAttribute("data-row-spacing"), c = P(e);
-  let u = !1;
-  if (n) {
-    const l = parseInt(n);
-    Number.isNaN(l) || (u = B(
-      e,
-      t,
-      l,
-      c
-    ));
-  }
-  if (i) {
-    const l = parseInt(i);
-    if (!Number.isNaN(l)) {
-      const s = v(e, t, l);
-      u = u || s;
-    }
-  }
-  u && t.apply(new S("Reapply spacing after regeneration"));
-}
-function ee(o) {
-  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
-  e && x({
-    currentNode: e,
-    documentModifier: t,
-    products: n,
-    layout: i,
-    afterRegenerate: () => {
-      setTimeout(() => {
-        V({ currentNode: e, documentModifier: t });
-      }, 0), r == null || r();
-    }
-  });
-}
-function M() {
-  const o = b(), { currencySettings: e } = o.recommendationConfigs;
-  return {
-    code: e.value,
-    symbol: e.symbol,
-    alignment: e.alignment === "0" ? "before" : "after",
-    decimalCount: parseInt(e.decimalCount) || 2,
-    decimalSeparator: e.decimalSeparator,
-    thousandSeparator: e.thousandSeparator
-  };
-}
-function A(o, e = "price") {
-  const t = M(), r = o[e], n = (r == null ? void 0 : r[t.code]) ?? Object.values(r ?? {})[0] ?? 0;
-  return D({
-    price: n,
-    currency: t
-  });
-}
-function j(o) {
-  var i, c;
-  const e = M(), t = ((i = o.original_price) == null ? void 0 : i[e.code]) ?? Object.values(o.original_price ?? {})[0] ?? 0, r = ((c = o.price) == null ? void 0 : c[e.code]) ?? Object.values(o.price ?? {})[0] ?? 0, n = t > 0 ? Math.round((t - r) / t * 100) : 0;
-  return n > 0 ? `-${n}%` : "0%";
-}
-function I(o) {
-  const { documentModifier: e, product: t, priceEl: r, oldPriceEl: n, omnibusPriceEl: i, omnibusDiscountEl: c } = o;
-  let u = !1;
-  if (r && "querySelector" in r) {
-    const l = r.querySelector("strong"), s = A(t, "price");
-    g(e, l, s) && (u = !0);
-  }
-  if (n && "querySelector" in n) {
-    const l = n.querySelector("strong"), s = A(t, "original_price");
-    g(e, l, s) && (u = !0);
-  }
-  if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-price-value"), s = A(t, "original_price");
-    g(e, l, s) && (u = !0);
-  }
-  if (c && "querySelector" in c) {
-    const l = c.querySelector(".omnibus-discount-value"), s = j(t);
-    g(e, l, s) && (u = !0);
-  }
-  return u;
-}
-function W(o) {
-  const {
-    documentModifier: e,
-    product: t,
-    imageEl: r,
-    nameEl: n,
-    priceEl: i,
-    oldPriceEl: c,
-    omnibusPriceEl: u,
-    omnibusDiscountEl: l,
-    buttonEl: s
-  } = o;
-  let d = !1;
-  if (r && "querySelector" in r) {
-    const a = r.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", U(t.image_url)).setAttribute("alt", t.name), d = !0);
-    const p = r.querySelector("a");
-    p && (e.modifyHtml(p).setAttribute("href", t.url), d = !0);
-  }
-  if (n && "querySelector" in n) {
-    const a = n.querySelector("strong");
-    g(e, a, t.name) && (d = !0);
-  }
-  if (I({
-    documentModifier: e,
-    product: t,
-    priceEl: i,
-    oldPriceEl: c,
-    omnibusPriceEl: u,
-    omnibusDiscountEl: l
-  }) && (d = !0), s && "querySelector" in s) {
-    const a = s.querySelector("a.es-button") || s.querySelector("a");
-    a && (e.modifyHtml(a).setAttribute("href", t.url), d = !0);
-  }
-  return d;
-}
-function te(o) {
-  const { currentNode: e, documentModifier: t, products: r } = o;
-  if (!e || !("querySelectorAll" in e))
-    return !1;
-  const n = e.querySelectorAll(
-    `[esd-extension-block-id="${m.IMAGE}"]`
-  ), i = e.querySelectorAll(
-    `[esd-extension-block-id="${m.NAME}"]`
-  ), c = e.querySelectorAll(
-    `[esd-extension-block-id="${m.PRICE}"]`
-  ), u = e.querySelectorAll(
-    `[esd-extension-block-id="${m.OLD_PRICE}"]`
-  ), l = e.querySelectorAll(
-    `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), s = e.querySelectorAll(
-    `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
-  ), d = e.querySelectorAll(
-    `[esd-extension-block-id="${m.BUTTON}"]`
-  );
-  if (n.length !== r.length)
-    return !1;
-  let a = !1;
-  return r.forEach((p, f) => {
-    const O = W({
-      documentModifier: t,
-      product: p,
-      imageEl: n[f] ?? null,
-      nameEl: i[f] ?? null,
-      priceEl: c[f] ?? null,
-      oldPriceEl: u[f] ?? null,
-      omnibusPriceEl: l[f] ?? null,
-      omnibusDiscountEl: s[f] ?? null,
-      buttonEl: d[f] ?? null
-    });
-    a = a || O;
-  }), a && t.apply(new S("Updated product content in-place")), !0;
-}
-function oe(o) {
-  const { currentNode: e, documentModifier: t } = o;
-  if (!e || !("querySelectorAll" in e))
-    return !1;
-  const n = b().recommendationProducts;
-  if (n.length === 0)
-    return !1;
-  const i = e.querySelectorAll(
-    `[esd-extension-block-id="${m.PRICE}"]`
-  ), c = e.querySelectorAll(
-    `[esd-extension-block-id="${m.OLD_PRICE}"]`
-  ), u = e.querySelectorAll(
-    `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = e.querySelectorAll(
-    `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
-  );
-  let s = !1;
-  return n.forEach((d, a) => {
-    I({
-      documentModifier: t,
-      product: d,
-      priceEl: i[a] ?? null,
-      oldPriceEl: c[a] ?? null,
-      omnibusPriceEl: u[a] ?? null,
-      omnibusDiscountEl: l[a] ?? null
-    }) && (s = !0);
-  }), s && t.apply(new S("Updated price formatting in-place")), s;
-}
-function re(o) {
-  const { currentNode: e, documentModifier: t, currency: r } = o, n = E(e);
-  if (!n)
-    return;
-  const i = r.alignment === "before" ? "0" : "1", c = (u, l) => {
-    t.modifyHtml(n).setAttribute(u, l);
-  };
-  c(y.CURRENCY, r.code), c(y.SYMBOL, r.symbol), c(y.ALIGNMENT, i), c(y.THOUSAND_SEPARATOR, r.thousandSeparator), c(y.DECIMAL_SEPARATOR, r.decimalSeparator), c(y.DECIMAL_COUNT, r.decimalCount.toString()), t.apply(new S("Update currency attributes"));
-}
-export {
-  A as formatProductPrice,
-  E as getBlockElement,
-  N as getCardComposition,
-  P as getCurrentLayout,
-  V as reapplySpacing,
-  $ as regenerateMobileProductRows,
-  x as regenerateProductRows,
-  ee as regenerateProductRowsWithStyles,
-  re as setCurrencyAttributes,
-  oe as updatePricesInPlace,
-  te as updateProductContentInPlace,
-  W as updateSingleProductContent
-};

package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js

@@ -1,21 +0,0 @@
-import { ModificationDescription as r } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const i = "ins-recommendation-desktop-container", s = "ins-recommendation-mobile-container", l = `.${s} { display: none; }`, u = `@media only screen and (max-width: 480px) { .${i} { display: none !important; } .${s} { display: table !important; } }`, c = `.${s}`;
-function a(o, e) {
-  return !!o.querySelector(e);
-}
-function d(o) {
-  return o.querySelectorAll(`*${i}`).length > 0;
-}
-function p(o) {
-  const e = o.getDocumentRootCssNode();
-  if (!e)
-    return;
-  const n = o.getDocumentModifier();
-  let t = !1;
-  a(e, c) || (n.modifyCss(e).appendRule(l), t = !0), d(e) || (n.modifyCss(e).appendRule(u), t = !0), t && n.apply(new r("Add mobile layout CSS rules"));
-}
-export {
-  i as CSS_CLASS_DESKTOP_CONTAINER,
-  s as CSS_CLASS_MOBILE_CONTAINER,
-  p as ensureMobileCssRulesExist
-};

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
-};