@useinsider/guido 1.0.3-beta.6d7cd41 → 1.0.3-beta.70cf127

package/dist/enums/extensions/recommendationBlock.js

@@ -0,0 +1,80 @@
+const s = {
+  RECOMMENDATION_API_URL: "http://recommendationv2.api.useinsider.com"
+}, i = [
+  { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
+  { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
+  { id: 13, key: "userBased", name: "User Based", path: "user-based" },
+  { id: 36, key: "highestDiscounted", name: "Highest Discounted Items", path: "highest-discounted" },
+  { id: 38, key: "manualMerchandising", name: "Manual Merchandising", path: "manual-merchandising" },
+  { id: 39, key: "newArrivals", name: "New Arrivals", path: "new-arrivals" },
+  { id: 40, key: "trendingProducts", name: "Trending Products", path: "trending" },
+  { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
+  { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
+  { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
+], u = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], l = [
+  { text: "before the amount", value: "0" },
+  { text: "after the amount", value: "1" }
+], c = [
+  { text: "dot(.)", value: "." },
+  { text: "comma(,)", value: "," }
+], d = [
+  { text: "0", value: "0" },
+  { text: "1", value: "1" },
+  { text: "2", value: "2" },
+  { text: "3", value: "3" },
+  { text: "4", value: "4" },
+  { text: "5", value: "5" }
+], e = [
+  { text: "is exactly", value: "=" },
+  { text: "contains", value: "~" },
+  { text: "does not contain", value: "!~" },
+  { text: "any of", value: "||" }
+], a = [
+  { text: "is exactly", value: "=" },
+  { text: "is not exactly", value: "!==" },
+  { text: "contains", value: "~" },
+  { text: "does not contain", value: "!~" },
+  { text: "any of", value: "||" }
+], r = [
+  { text: "is equal to", value: "=" },
+  { text: "is greater than", value: ">" },
+  { text: "is less than", value: "<" }
+], o = [
+  { text: "is equal to", value: "=" },
+  { text: "after", value: ">" },
+  { text: "before", value: "<" }
+], n = [
+  { text: "true", value: "==" },
+  { text: "false", value: "!=" }
+], p = (t) => {
+  if (!t)
+    return e;
+  switch (t) {
+    case "Boolean":
+      return n;
+    case "Date":
+      return o;
+    case "Number":
+      return r;
+    case "String":
+      return e;
+    case "Strings":
+      return a;
+    default:
+      return e;
+  }
+};
+export {
+  u as PriceAttributes,
+  i as RecommendationFeedSourceMaps,
+  s as URLS,
+  d as currencyDecimalCounts,
+  l as currencyLocationMaps,
+  c as currencyOperators,
+  p as getOperatorOptions,
+  a as operatorOptionsForArrayOfStrings,
+  n as operatorOptionsForBooleans,
+  o as operatorOptionsForDates,
+  r as operatorOptionsForNumbers,
+  e as operatorOptionsForStrings
+};

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

@@ -1,7 +1,7 @@
 import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { getDefaultTemplate as o } from "./template.js";
 const r = "checkbox-block";
-class p extends e {
+class s extends e {
   constructor() {
     super();
   }
@@ -23,8 +23,11 @@ class p extends e {
   getTemplate() {
     return o();
   }
+  allowInnerBlocksDND() {
+    return !1;
+  }
 }
 export {
   r as CHECKBOX_BLOCK_ID,
-  p as CheckboxBlock
+  s as CheckboxBlock
 };

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

@@ -0,0 +1,70 @@
+import { Block as b, BlockCompositionType as E, ModificationDescription as f } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { configAttributes as t } from "./enums/productEnums.js";
+import { DefaultConfigValues as n, SETTINGS_ENUMS as m } from "./enums/settingsEnums.js";
+import { useItemsBlockStore as p } from "./store/items-block.js";
+import { getDefaultTemplate as A } from "./template.js";
+const _ = "items-block";
+class D extends b {
+  getId() {
+    return _;
+  }
+  getIcon() {
+    return "items-icon";
+  }
+  getBlockCompositionType() {
+    return E.CONTAINER;
+  }
+  getName() {
+    return this.api.translate("Items");
+  }
+  getDescription() {
+    return this.api.translate("Items lets you display personalized products based on user behavior.");
+  }
+  getTemplate() {
+    const e = p();
+    return A({
+      orientation: m.ORIENTATION.HORIZONTAL,
+      itemsType: m.ITEMS_TYPE.CART_ITEMS,
+      itemId: "{{Abandoned Cart Item (1) Url}}",
+      currencySymbol: e.currencySymbol,
+      currencyLocation: e.currencyLocation,
+      formattedPrice: e.formattedPrice
+    });
+  }
+  allowInnerBlocksDND() {
+    return !1;
+  }
+  onCreated(e) {
+    const r = e.querySelector("esd-config-block");
+    if (!r)
+      return;
+    const I = this.api.getDocumentModifier(), o = r, T = o.getAttribute("data-initialized"), i = p(), { itemsType: a, itemIds: s, orientation: c } = i;
+    if (T === "1") {
+      const d = o.getAttribute(t.TYPE), u = o.getAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE), l = o.getAttribute(t.ORIENTATION);
+      (d || u || l) && i.updateFromAttributes({
+        itemsType: d || void 0,
+        itemIds: u || void 0,
+        orientation: l || void 0
+      });
+      return;
+    }
+    I.modifyHtml(r).setAttribute(
+      t.TYPE,
+      a
+    ).setAttribute(
+      t.ITEMS_INDEX_SELECT_CONTROL_VALUE,
+      s
+    ).setAttribute(
+      t.ORIENTATION,
+      c
+    ).setAttribute("data-product_name_control_enabled", n.productNameControlEnabled).setAttribute("data-product_quantity_control_enabled", n.productQuantityControlEnabled).setAttribute("data-product_price_control_opened", n.productPriceControlOpened).setAttribute("data-initialized", "1").apply(new f("Initialize config block")), i.updateFromAttributes({
+      itemsType: a,
+      itemIds: s,
+      orientation: c
+    });
+  }
+}
+export {
+  _ as BLOCK_ID,
+  D as ItemsBlock
+};

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

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

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

@@ -0,0 +1,217 @@
+import { createButtonAlignControl as c, createButtonBorderControl as N, createButtonBorderRadiusControl as a, createButtonColorControl as s, createButtonFontFamilyControl as A, createButtonMarginsControl as O, createButtonPaddingsControl as _, createButtonTextControl as E, createButtonTextSizeControl as R, createButtonTextStyleAndFontColorControl as B, createButtonFitToContainerControl as P, createImageSizeControl as g, createImageMarginsControl as d, createTextAlignControl as r, createTextColorControl as l, createTextSizeControl as e, createTextStyleControl as C, createTextFontFamilyControl as I, createTextBackgroundColorControl as T, createPaddingsControl as i } from "../../controlFactories.js";
+import { ItemsBlockId as o, ItemsBlockControlId as t } from "../enums/controlEnums.js";
+const n = ".items-block", u = c(
+  t.BUTTON_ALIGN,
+  o.BUTTON,
+  n
+), S = N(
+  t.BUTTON_BORDER,
+  o.BUTTON,
+  n
+), U = a(
+  t.BUTTON_BORDER_RADIUS,
+  o.BUTTON,
+  n
+), F = s(
+  t.BUTTON_COLOR,
+  o.BUTTON,
+  n
+), L = A(
+  t.BUTTON_FONT_FAMILY,
+  o.BUTTON,
+  n
+), m = O(
+  t.BUTTON_MARGINS,
+  o.BUTTON,
+  n
+), G = _(
+  t.BUTTON_PADDINGS,
+  o.BUTTON,
+  n
+), y = E(
+  t.BUTTON_TEXT,
+  o.BUTTON,
+  n
+), M = R(
+  t.BUTTON_TEXT_SIZE,
+  o.BUTTON,
+  n
+), Y = B(
+  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+  o.BUTTON,
+  n
+), Q = P(
+  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 = g(
+  t.IMAGE_SIZE,
+  o.IMAGE,
+  n
+), x = d(
+  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,63 @@
+var d = Object.defineProperty;
+var g = (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) => g(i, typeof t != "symbol" ? t + "" : t, e);
+import { ModificationDescription as n, UIElementType as l, UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../../common-control.js";
+import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
+import { SETTINGS_ENUMS as I } from "../../enums/settingsEnums.js";
+import { useItemsBlockStore as y } from "../../store/items-block.js";
+const M = a.NAME_TRIMMING, r = {
+  TRIMMING: "trimming"
+};
+class x extends c {
+  constructor() {
+    super(...arguments);
+    s(this, "store", y());
+  }
+  getId() {
+    return M;
+  }
+  getTemplate() {
+    return `
+            <div class="${a.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) {
+    this.currentNode = e, this.api.updateValues({ [r.TRIMMING]: this.store.nameTrimming }), this.store.nameTrimming && this._applyTrimmingStyles();
+  }
+  _onTrimmingChange(e) {
+    this.store.setNameTrimming(e), this._applyTrimmingStyles(e);
+  }
+  _applyTrimmingStyles(e) {
+    var o;
+    const m = (o = this.currentNode) == null ? void 0 : o.querySelector("p");
+    if (!m)
+      return;
+    const T = e !== void 0 ? e : this.store.nameTrimming, p = this.store.orientation === I.ORIENTATION.VERTICAL;
+    T ? this.api.getDocumentModifier().modifyHtml(m).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", p ? "130px" : "100%").apply(new n("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(m).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">
+                    <${l.LABEL} 
+                        ${h.LABEL.text}="${this.api.translate("Text Trimming")}"
+                    >
+                    </${l.LABEL}>
+                    ${this._GuToggle(r.TRIMMING)}
+                </div>
+            </div>
+        `;
+  }
+}
+export {
+  M as CONTROL_BLOCK_ID,
+  x as NameTrimmingControl
+};