@useinsider/guido 1.0.3-beta.3e280d4 → 1.0.3-beta.3f12f40

package/dist/extensions/Blocks/Checkbox/extension.js

@@ -3,7 +3,7 @@ import { CheckboxBlock as t } from "./block.js";
 import { CheckboxControl as e } from "./control.js";
 import { CheckboxIconsRegistry as r } from "./iconsRegistry.js";
 import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const k = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+const d = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
 export {
-  k as default
+  d as default
 };

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -2,7 +2,7 @@ import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-edito
 import { CouponBlock as t } from "./block.js";
 import { CouponIconsRegistry as i } from "./iconsRegistry.js";
 import { CouponBlockSettings as n } from "./settingsPanel.js";
-const m = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
 export {
-  m as default
+  p as default
 };

package/dist/extensions/Blocks/Items/block.js

@@ -0,0 +1,67 @@
+import { useOnboardingStore as f } from "../../../stores/onboarding.js";
+import { Block as _, BlockCompositionType as g, ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { configAttributes as t } from "./enums/productEnums.js";
+import { DefaultConfigValues as e, SETTINGS_ENUMS as l } from "./enums/settingsEnums.js";
+import { useItemsBlockStore as d } from "./store/items-block.js";
+import { getDefaultTemplate as D } from "./template.js";
+const y = "items-block";
+class V extends _ {
+  getId() {
+    return y;
+  }
+  getIcon() {
+    return "items-icon";
+  }
+  getBlockCompositionType() {
+    return g.CONTAINER;
+  }
+  getName() {
+    return this.api.translate("Items");
+  }
+  getDescription() {
+    return this.api.translate("Items lets you display personalized products based on user behavior.");
+  }
+  getTemplate() {
+    const r = d();
+    return D({
+      orientation: l.ORIENTATION.HORIZONTAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
+      itemId: "{{Abandoned Cart Item (1) Url}}",
+      currencySymbol: r.currencySymbol,
+      currencyLocation: r.currencyLocation,
+      formattedPrice: r.formattedPrice
+    });
+  }
+  allowInnerBlocksDND() {
+    return !1;
+  }
+  onCreated(r) {
+    const n = r.querySelector("esd-config-block");
+    if (!n)
+      return;
+    const o = n, c = o.getAttribute("data-initialized") || "0", a = o.getAttribute(t.BLOCK_INSTANCE_ID), s = () => String(Date.now() + Math.floor(Math.random() * 1e3));
+    if (Number(c)) {
+      if (!a) {
+        const i = s();
+        this.api.getDocumentModifier().modifyHtml(o).setAttribute(t.BLOCK_INSTANCE_ID, i).apply(new u("Assign block instance ID to legacy block"));
+      }
+    } else {
+      const i = e.itemsType, m = e.cartItemsSelectControlValue, I = e.cardOrientationControlValue, C = e.productNameTrimmingControlValue, T = e.productPriceHideDiscountControlValue, E = e.productPriceFormattedControlValue, b = e.productPriceCurrencySymbolControlValue, O = e.productPriceCurrencyLocationControlValue, A = e.productButtonLinkControlValue, N = e.productImageLinkControlValue, p = s();
+      this.api.getDocumentModifier().modifyHtml(o).setAttribute("data-source", i).setAttribute(t.TYPE, i).setAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE, m).setAttribute(t.ORIENTATION, I).setAttribute(t.PRODUCT_NAME_TRIMMING, C).setAttribute(t.PRODUCT_PRICE_HIDE_DISCOUNT, T).setAttribute(t.PRODUCT_PRICE_FORMATTED, E).setAttribute(t.PRODUCT_PRICE_CURRENCY_SYMBOL, b).setAttribute(t.PRODUCT_PRICE_CURRENCY_LOCATION, O).setAttribute(t.PRODUCT_BUTTON_LINK, A).setAttribute(t.PRODUCT_IMAGE_LINK, N).setAttribute(t.BLOCK_INSTANCE_ID, p).setAttribute("data-initialized", "1").setAttribute(t.NAME_CONTROL_ENABLED, e.productNameControlEnabled).setAttribute(
+        t.QUANTITY_CONTROL_ENABLED,
+        e.productQuantityControlEnabled
+      ).setAttribute(t.PRICE_CONTROL_OPENED, e.productPriceControlOpened).apply(new u("Initialize config block attributes with defaults")), f().startOnboarding("itemsOnboarding");
+    }
+  }
+  onSelect(r) {
+    const n = r.querySelector("esd-config-block"), o = d();
+    if (!n)
+      return;
+    const c = n, a = c.getAttribute(t.TYPE) || e.itemsType, s = c.getAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE) || e.cartItemsSelectControlValue, i = c.getAttribute(t.ORIENTATION) || e.cardOrientationControlValue;
+    o.setItemsType(a), o.setItemIds(s), o.setOrientation(i);
+  }
+}
+export {
+  y as BLOCK_ID,
+  V as ItemsBlock
+};

package/dist/extensions/Blocks/Items/controls/button/link.js

@@ -0,0 +1,68 @@
+var r = Object.defineProperty;
+var a = (o, e, t) => e in o ? r(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var s = (o, e, t) => a(o, typeof e != "symbol" ? e + "" : e, t);
+import { CommonControl as u } from "../../../common-control.js";
+import { ItemsBlockControlId as d } from "../../enums/controlEnums.js";
+import { useItemsBlockStore as l } from "../../store/items-block.js";
+import { syncButtonLinkFromAttributes as h } from "../../utils/syncAttributesFromConfigBlock.js";
+import { updateConfigBlockAttributes as m } from "../../utils/updateAttributes.js";
+const i = d.BUTTON_LINK, n = {
+  LINK: "link"
+};
+class C extends u {
+  constructor() {
+    super(...arguments);
+    s(this, "store", l());
+  }
+  getId() {
+    return i;
+  }
+  getTemplate() {
+    return `
+            <div class="${i}">
+                ${this._getLink()}
+            </div>
+        `;
+  }
+  onRender() {
+    this.api.updateValues({
+      [n.LINK]: this.store.buttonLink
+    }), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(
+      () => h(this.currentNode),
+      () => {
+        this.api.updateValues({
+          [n.LINK]: this.store.buttonLink
+        });
+      }
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(
+      n.LINK,
+      (t) => this._onLinkChange(t)
+    );
+  }
+  _onLinkChange(t) {
+    console.debug("Button link changed to: ", t), this.store.setButtonLink(t), m(this.currentNode, this.api);
+  }
+  _getLink() {
+    return `
+            ${this._GuOneColumn([
+      this._GuLabel({ text: "Link" }),
+      this._GuTextInput({
+        name: n.LINK,
+        placeholder: "Enter Link",
+        className: "es-100",
+        disabled: !0
+      })
+    ])}
+        `;
+  }
+}
+export {
+  C as ButtonLinkControl,
+  i as CONTROL_BLOCK_ID
+};

package/dist/extensions/Blocks/Items/controls/cardComposition.js

@@ -0,0 +1,99 @@
+import { UIElementType as a, UEAttr as l, ModificationDescription as o } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as s } from "../../common-control.js";
+import { ItemsBlockId as r } from "../enums/controlEnums.js";
+const d = "ui-elements-items-card-composition-block", i = {
+  PRODUCT_IMAGE: "image",
+  PRODUCT_NAME: "name",
+  PRODUCT_QUANTITY: "quantity",
+  PRODUCT_PRICE: "price",
+  PRODUCT_ORIGINAL_PRICE: "originalPrice",
+  PRODUCT_BUTTON: "button"
+};
+class g extends s {
+  getId() {
+    return d;
+  }
+  getTemplate() {
+    return `
+            <div class="items-controls-container">
+                ${[
+      { name: i.PRODUCT_IMAGE, label: "Product Image" },
+      { name: i.PRODUCT_NAME, label: "Product Name" },
+      { name: i.PRODUCT_QUANTITY, label: "Product Quantity" },
+      { name: i.PRODUCT_PRICE, label: "Product Price" },
+      { name: i.PRODUCT_ORIGINAL_PRICE, label: "Product Original Price" },
+      { name: i.PRODUCT_BUTTON, label: "Product Button" }
+    ].map((t) => this._getToggleContainer(t)).join("")}
+            </div>
+        `;
+  }
+  onRender() {
+    this._initializeToggles(), this._listenToFormUpdates();
+  }
+  onDestroy() {
+  }
+  _getToggleContainer({ name: e, label: t }) {
+    return `
+            <div class="container">
+                <div class="display-flex align-items-center justify-content-between">
+                    <${a.LABEL} ${l.LABEL.text}="${t}"></${a.LABEL}>
+                    ${this._GuToggle(e)}
+                </div>
+            </div>
+        `;
+  }
+  _initializeToggles() {
+    this.api.updateValues({
+      [i.PRODUCT_IMAGE]: !0,
+      [i.PRODUCT_NAME]: !0,
+      [i.PRODUCT_QUANTITY]: !0,
+      [i.PRODUCT_PRICE]: !0,
+      [i.PRODUCT_ORIGINAL_PRICE]: !0,
+      [i.PRODUCT_BUTTON]: !0
+    });
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.PRODUCT_IMAGE, (e) => this._onProductImageChange(e)), this.api.onValueChanged(i.PRODUCT_NAME, (e) => this._onProductNameChange(e)), this.api.onValueChanged(i.PRODUCT_QUANTITY, (e) => this._onProductQuantityChange(e)), this.api.onValueChanged(i.PRODUCT_PRICE, (e) => this._onProductPriceChange(e)), this.api.onValueChanged(
+      i.PRODUCT_ORIGINAL_PRICE,
+      (e) => this._onProductOriginalPriceChange(e)
+    ), this.api.onValueChanged(i.PRODUCT_BUTTON, (e) => this._onProductButtonChange(e));
+  }
+  _onProductImageChange(e) {
+    var n;
+    const t = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${r.IMAGE}"]`);
+    t && this.api.getDocumentModifier().modifyHtml(t).setStyle("display", e ? "table-cell" : "none").apply(new o(`Product image visibility changed to ${e ? "visible" : "hidden"}`));
+  }
+  _onProductNameChange(e) {
+    var n;
+    const t = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${r.NAME}"]`);
+    t && this.api.getDocumentModifier().modifyHtml(t).setStyle("display", e ? "table-cell" : "none").apply(new o(`Product name visibility changed to ${e ? "visible" : "hidden"}`));
+  }
+  _onProductQuantityChange(e) {
+    var n;
+    const t = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${r.QUANTITY}"]`);
+    t && this.api.getDocumentModifier().modifyHtml(t).setStyle("display", e ? "table-cell" : "none").apply(new o(
+      `Product quantity visibility changed to ${e ? "visible" : "hidden"}`
+    ));
+  }
+  _onProductPriceChange(e) {
+    var n;
+    const t = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${r.PRICE}"]`);
+    t && this.api.getDocumentModifier().modifyHtml(t).setStyle("display", e ? "table-cell" : "none").apply(new o(`Product price visibility changed to ${e ? "visible" : "hidden"}`));
+  }
+  _onProductOriginalPriceChange(e) {
+    var n;
+    const t = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${r.ORIGINAL_PRICE}"]`);
+    t && this.api.getDocumentModifier().modifyHtml(t).setStyle("display", e ? "table-cell" : "none").apply(new o(
+      `Product original price visibility changed to ${e ? "visible" : "hidden"}`
+    ));
+  }
+  _onProductButtonChange(e) {
+    var n;
+    const t = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${r.BUTTON}"]`);
+    t && this.api.getDocumentModifier().modifyHtml(t).setStyle("display", e ? "table-cell" : "none").apply(new o(`Product button visibility changed to ${e ? "visible" : "hidden"}`));
+  }
+}
+export {
+  d as COMPOSITION_CONTROL_BLOCK_ID,
+  g as ItemsBlockCardCompositionControl
+};

package/dist/extensions/Blocks/Items/controls/image/link.js

@@ -0,0 +1,68 @@
+var r = Object.defineProperty;
+var a = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => a(o, typeof t != "symbol" ? t + "" : t, e);
+import { CommonControl as m } from "../../../common-control.js";
+import { ItemsBlockControlId as d } from "../../enums/controlEnums.js";
+import { useItemsBlockStore as l } from "../../store/items-block.js";
+import { syncImageLinkFromAttributes as h } from "../../utils/syncAttributesFromConfigBlock.js";
+import { updateConfigBlockAttributes as p } from "../../utils/updateAttributes.js";
+const s = d.IMAGE_LINK, n = {
+  LINK: "link"
+};
+class N extends m {
+  constructor() {
+    super(...arguments);
+    i(this, "store", l());
+  }
+  getId() {
+    return s;
+  }
+  getTemplate() {
+    return `
+            <div class="${s}">
+                ${this._getLink()}
+            </div>
+        `;
+  }
+  onRender() {
+    this.api.updateValues({
+      [n.LINK]: this.store.imageLink
+    }), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
+      () => h(this.currentNode),
+      () => {
+        this.api.updateValues({
+          [n.LINK]: this.store.imageLink
+        });
+      }
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(
+      n.LINK,
+      (e) => this._onLinkChange(e)
+    );
+  }
+  _onLinkChange(e) {
+    console.debug("Image link changed to: ", e), this.store.setImageLink(e), p(this.currentNode, this.api);
+  }
+  _getLink() {
+    return `
+            ${this._GuOneColumn([
+      this._GuLabel({ text: "Link" }),
+      this._GuTextInput({
+        name: n.LINK,
+        placeholder: "Enter Link",
+        className: "es-100",
+        disabled: !0
+      })
+    ])}
+        `;
+  }
+}
+export {
+  s as CONTROL_BLOCK_ID,
+  N as ImageLinkControl
+};

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

@@ -0,0 +1,217 @@
+import { createTextAlignControl as r, createTextColorControl as l, createTextSizeControl as e, createTextStyleControl as C, createTextFontFamilyControl as I, createTextBackgroundColorControl as T, createPaddingsControl as i, createImageSizeControl as c, createImageMarginsControl as N, createButtonAlignControl as a, createButtonBorderControl as s, createButtonBorderRadiusControl as A, createButtonColorControl as O, createButtonFontFamilyControl as _, createButtonMarginsControl as E, createButtonPaddingsControl as R, createButtonTextControl as B, createButtonTextSizeControl as P, createButtonTextStyleAndFontColorControl as g, createButtonFitToContainerControl as d } from "../../controlFactories.js";
+import { ItemsBlockId as o, ItemsBlockControlId as t } from "../enums/controlEnums.js";
+const n = ".items-block", u = a(
+  t.BUTTON_ALIGN,
+  o.BUTTON,
+  n
+), S = s(
+  t.BUTTON_BORDER,
+  o.BUTTON,
+  n
+), U = A(
+  t.BUTTON_BORDER_RADIUS,
+  o.BUTTON,
+  n
+), F = O(
+  t.BUTTON_COLOR,
+  o.BUTTON,
+  n
+), L = _(
+  t.BUTTON_FONT_FAMILY,
+  o.BUTTON,
+  n
+), m = E(
+  t.BUTTON_MARGINS,
+  o.BUTTON,
+  n
+), G = R(
+  t.BUTTON_PADDINGS,
+  o.BUTTON,
+  n
+), y = B(
+  t.BUTTON_TEXT,
+  o.BUTTON,
+  n
+), M = P(
+  t.BUTTON_TEXT_SIZE,
+  o.BUTTON,
+  n
+), Y = g(
+  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+  o.BUTTON,
+  n
+), Q = d(
+  t.BUTTON_FIT_TO_CONTENT,
+  o.BUTTON,
+  n
+), No = {
+  align: u,
+  border: S,
+  borderRadius: U,
+  color: F,
+  fontFamily: L,
+  margins: m,
+  paddings: G,
+  text: y,
+  textSize: M,
+  textStyleAndFontColor: Y,
+  fitToContent: Q
+}, D = c(
+  t.IMAGE_SIZE,
+  o.IMAGE,
+  n
+), x = N(
+  t.IMAGE_MARGINS,
+  o.IMAGE,
+  n
+), ao = {
+  size: D,
+  margins: x
+}, z = r(
+  t.ORIGINAL_PRICE_ALIGN,
+  o.ORIGINAL_PRICE,
+  n
+), k = l(
+  t.ORIGINAL_PRICE_COLOR,
+  o.ORIGINAL_PRICE,
+  n
+), f = e(
+  t.ORIGINAL_PRICE_SIZE,
+  o.ORIGINAL_PRICE,
+  n
+), p = C(
+  t.ORIGINAL_PRICE_STYLE,
+  o.ORIGINAL_PRICE,
+  n
+), b = I(
+  t.ORIGINAL_PRICE_FONT_FAMILY,
+  o.ORIGINAL_PRICE,
+  n
+), Z = T(
+  t.ORIGINAL_PRICE_BACKGROUND,
+  o.ORIGINAL_PRICE,
+  n
+), K = i(
+  t.ORIGINAL_PRICE_PADDINGS,
+  o.ORIGINAL_PRICE,
+  n
+), so = {
+  align: z,
+  color: k,
+  size: f,
+  style: p,
+  fontFamily: b,
+  background: Z,
+  paddings: K
+}, X = r(
+  t.PRICE_ALIGN,
+  o.PRICE,
+  n
+), h = l(
+  t.PRICE_COLOR,
+  o.PRICE,
+  n
+), j = e(
+  t.PRICE_SIZE,
+  o.PRICE,
+  n
+), q = C(
+  t.PRICE_STYLE,
+  o.PRICE,
+  n
+), v = I(
+  t.PRICE_FONT_FAMILY,
+  o.PRICE,
+  n
+), w = T(
+  t.PRICE_BACKGROUND,
+  o.PRICE,
+  n
+), H = i(
+  t.PRICE_PADDINGS,
+  o.PRICE,
+  n
+), Ao = {
+  align: X,
+  color: h,
+  size: j,
+  style: q,
+  fontFamily: v,
+  background: w,
+  paddings: H
+}, J = r(
+  t.NAME_ALIGN,
+  o.NAME,
+  n
+), V = l(
+  t.NAME_COLOR,
+  o.NAME,
+  n
+), W = e(
+  t.NAME_SIZE,
+  o.NAME,
+  n
+), $ = C(
+  t.NAME_STYLE,
+  o.NAME,
+  n
+), oo = I(
+  t.NAME_FONT_FAMILY,
+  o.NAME,
+  n
+), to = T(
+  t.NAME_BACKGROUND,
+  o.NAME,
+  n
+), no = i(
+  t.NAME_PADDINGS,
+  o.NAME,
+  n
+), Oo = {
+  align: J,
+  color: V,
+  size: W,
+  style: $,
+  fontFamily: oo,
+  background: to,
+  paddings: no
+}, ro = r(
+  t.QUANTITY_ALIGN,
+  o.QUANTITY,
+  n
+), lo = l(
+  t.QUANTITY_COLOR,
+  o.QUANTITY,
+  n
+), eo = I(
+  t.QUANTITY_FONT_FAMILY,
+  o.QUANTITY,
+  n
+), Co = i(
+  t.QUANTITY_PADDINGS,
+  o.QUANTITY,
+  n
+), Io = e(
+  t.QUANTITY_SIZE,
+  o.QUANTITY,
+  n
+), io = C(
+  t.QUANTITY_STYLE,
+  o.QUANTITY,
+  n
+), _o = {
+  align: ro,
+  color: lo,
+  fontFamily: eo,
+  paddings: Co,
+  size: Io,
+  style: io
+};
+export {
+  No as ButtonControls,
+  ao as ImageControls,
+  Oo as NameControls,
+  so as OriginalPriceControls,
+  Ao as PriceControls,
+  _o as QuantityControls
+};

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -0,0 +1,70 @@
+var d = Object.defineProperty;
+var h = (i, t, e) => t in i ? d(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => h(i, typeof t != "symbol" ? t + "" : t, e);
+import { ModificationDescription as n, UIElementType as a, UEAttr as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../../common-control.js";
+import { ItemsBlockControlId as l } from "../../enums/controlEnums.js";
+import { SETTINGS_ENUMS as I } from "../../enums/settingsEnums.js";
+import { useItemsBlockStore as N } from "../../store/items-block.js";
+import { syncNameTrimmingFromAttributes as y } from "../../utils/syncAttributesFromConfigBlock.js";
+import { updateConfigBlockAttributes as M } from "../../utils/updateAttributes.js";
+const f = l.NAME_TRIMMING, r = {
+  TRIMMING: "trimming"
+};
+class R extends c {
+  constructor() {
+    super(...arguments);
+    s(this, "store", N());
+  }
+  getId() {
+    return f;
+  }
+  getTemplate() {
+    return `
+            <div class="${l.NAME_TRIMMING}">
+                ${this._getTextTrimming()}
+            </div>
+        `;
+  }
+  onRender() {
+    this.api.updateValues({ [r.TRIMMING]: this.store.nameTrimming }), this.api.onValueChanged(r.TRIMMING, (e) => {
+      this._onTrimmingChange(e);
+    });
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
+      () => y(this.currentNode),
+      () => {
+        this.api.updateValues({ [r.TRIMMING]: this.store.nameTrimming });
+      }
+    ), this.store.nameTrimming && this._applyTrimmingStyles();
+  }
+  _onTrimmingChange(e) {
+    this.store.setNameTrimming(e), M(this.currentNode, this.api), this.api.updateValues({ [r.TRIMMING]: e }), this._applyTrimmingStyles(e);
+  }
+  _applyTrimmingStyles(e) {
+    var m;
+    const o = (m = this.currentNode) == null ? void 0 : m.querySelector("p");
+    if (!o)
+      return;
+    const p = e !== void 0 ? e : this.store.nameTrimming, T = this.store.orientation === I.ORIENTATION.VERTICAL;
+    p ? this.api.getDocumentModifier().modifyHtml(o).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", T ? "130px" : "100%").apply(new n("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(o).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").apply(new n("Text Trimming Disabled"));
+  }
+  _getTextTrimming() {
+    return `
+            <div class="container">
+                <div class="display-flex align-items-center justify-content-between">
+                    <${a.LABEL} 
+                        ${g.LABEL.text}="${this.api.translate("Text Trimming")}"
+                    >
+                    </${a.LABEL}>
+                    ${this._GuToggle(r.TRIMMING)}
+                </div>
+            </div>
+        `;
+  }
+}
+export {
+  f as CONTROL_BLOCK_ID,
+  R as NameTrimmingControl
+};