@useinsider/guido 3.17.0-beta.bc6e089 → 3.17.0-beta.c3ab4de

package/dist/stores/onboarding.js

@@ -1,17 +1,18 @@
 import { useOnboardingApi as s } from "../services/onboardingApi.js";
 import { defineStore as e } from "pinia";
-const t = () => ({
+const r = () => ({
   cardIndex: 0,
   isActive: !1,
   config: []
 }), a = () => ({
   onboardings: {
-    newVersionPopup: t(),
-    genericOnboarding: t(),
-    textBlockOnboarding: t(),
-    versionHistoryOnboarding: t(),
-    ampOnboarding: t(),
-    itemsOnboarding: t()
+    newVersionPopup: r(),
+    genericOnboarding: r(),
+    textBlockOnboarding: r(),
+    versionHistoryOnboarding: r(),
+    ampOnboarding: r(),
+    itemsOnboarding: r(),
+    editorTabBarOnboarding: r()
   },
   userModalState: {},
   isFetched: !1
@@ -44,6 +45,10 @@ const t = () => ({
       const { itemsOnboarding: i } = n.onboardings;
       return i.config[i.cardIndex];
     },
+    getEditorTabBarCurrentCard: (n) => {
+      const { editorTabBarOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
+    },
     shouldShowOnboarding: (n) => (i) => {
       const o = n.userModalState.Guido;
       return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
@@ -72,8 +77,8 @@ const t = () => ({
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
     updateCardPosition(n, i, o) {
-      const r = this.onboardings[n].config[i];
-      r && (r.top = o.top, r.position = o.position);
+      const t = this.onboardings[n].config[i];
+      t && (t.top = o.top, t.position = o.position);
     },
     setConfig(n, i) {
       this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
@@ -101,8 +106,8 @@ const t = () => ({
       }
     },
     async setUserModalState(n, i, o) {
-      const { setUserModalState: r } = s();
-      await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
+      const { setUserModalState: t } = s();
+      await t(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });

package/dist/utils/pairProductVariables.js

@@ -1,100 +1,100 @@
 import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as G } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
-import { preserveTextStyles as P } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as v } from "./unwrapProductNameLink.js";
-const N = {
+import { DefaultConfigValues as V } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+import { escapeReplacement as G } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { preserveTextStyles as F } from "./preserveTextStyles.js";
+import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+const x = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, q = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function Y(S, F, g) {
-  let h = F;
-  for (; h > 0 && /\s/.test(S[h - 1]); )
-    h -= 1;
-  return g.some((H) => S.endsWith(H, h));
+}, N = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function v(S, H, g) {
+  let $ = H;
+  for (; $ > 0 && /\s/.test(S[$ - 1]); )
+    $ -= 1;
+  return g.some((I) => S.endsWith(I, $));
 }
-function K(S) {
-  const F = q(S), g = new DOMParser().parseFromString(F, "text/html");
-  v(g);
-  const h = L.PAIRS_FOR_EXTENSION;
-  Object.entries(h).forEach(([n, d]) => {
+function J(S) {
+  const H = N(S), g = new DOMParser().parseFromString(H, "text/html");
+  X(g);
+  const $ = L.PAIRS_FOR_EXTENSION;
+  Object.entries($).forEach(([n, d]) => {
     g.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var $, I, D, x;
+        var T, P, D;
         const R = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[R];
         if (f)
           switch (n) {
             case "imageSrc": {
-              let e = null, a = null;
-              if (t.tagName === "IMG" ? (e = t, a = e.closest("a")) : (e = t.querySelector("img"), a = t.querySelector("a") || t.closest("a")), !e)
+              let e = null, s = null;
+              if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const l = f.DEFAULT, c = f.ATTR;
-              if (l && e.src) {
-                const s = e.src;
-                l.some((b) => {
-                  const u = b.split("/").pop() || "", y = s.split("/").pop() || "";
-                  return s.includes(b) || s.includes(u) || y === u;
-                }) && (e.src = `{{${c}_${o}}}`);
+              const a = f.DEFAULT, l = f.ATTR;
+              if (a && e.src) {
+                const i = e.src;
+                a.some((b) => {
+                  const u = b.split("/").pop() || "", y = i.split("/").pop() || "";
+                  return i.includes(b) || i.includes(u) || y === u;
+                }) && (e.src = `{{${l}_${o}}}`);
               }
-              const i = (I = ($ = h.name) == null ? void 0 : $[R]) == null ? void 0 : I.ATTR;
-              if (i && e.setAttribute("alt", `{{${i}_${o}}}`), a) {
-                const s = (D = h.itemLink) == null ? void 0 : D[R];
-                if (s) {
-                  const _ = s.HREF, b = s.DEFAULT_HREF || "#!", u = a.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (a.href = `{{${_}_${o}}}`);
+              const c = (P = (T = $.name) == null ? void 0 : T[R]) == null ? void 0 : P.ATTR;
+              if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
+                const i = (D = $.itemLink) == null ? void 0 : D[R];
+                if (i) {
+                  const _ = i.HREF, b = i.DEFAULT_HREF || "#!", u = s.href;
+                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (s.href = `{{${_}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = f, a = e.ATTR, l = e.DEFAULT_HREF || "#!", c = e.HREF;
-              t.textContent && (t.innerHTML = P(t, `{{${a}_${o}}}`));
-              const i = t.closest("a") || (t.tagName === "A" ? t : null);
-              if (i && c) {
-                const s = i.href, _ = `${window.location.href}${l}`;
-                (s === _ || s.endsWith(l)) && (i.href = `{{${c}_${o}}}`);
+              const e = f, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
+              t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
+              const c = t.closest("a") || (t.tagName === "A" ? t : null);
+              if (c && l) {
+                const i = c.href, _ = `${window.location.href}${a}`;
+                (i === _ || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = f, a = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = a === "true", i = l === "true", s = t.getAttribute("data-curency") || "before";
+              const e = f, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute("data-curency") || "before";
               let _;
-              i ? _ = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = c ? e.PRICE_FORMATTED : e.PRICE;
+              c ? _ = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = l ? e.PRICE_FORMATTED : e.PRICE;
               const b = e.CURRENCY;
               let u = `{{${_}_${o}}}`;
-              const y = (t.getAttribute("data-currency_symbol") || "").trim(), V = y !== "" && y !== G.productPriceCurrencySymbolControlValue;
+              const y = (t.getAttribute("data-currency_symbol") || "").trim(), W = y !== "" && y !== V.productPriceCurrencySymbolControlValue;
               let C = "";
-              V ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = s === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = P(t, u);
+              W ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = i === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = F(t, u);
               break;
             }
             case "quantity": {
-              const e = f, a = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (x = t.textContent) == null ? void 0 : x.trim();
-              c && l.includes(c) && (t.innerHTML = P(t, `{{${a}_${o}}}`));
+              const e = f, s = e.ATTR, a = e.DEFAULT;
+              t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               break;
             }
             case "button": {
-              const e = f, a = e.HREF, l = e.DEFAULT_HREF || "#!", c = t.tagName === "A" ? t : t.querySelector("a");
-              if (c) {
-                const i = c.href || "", s = `${window.location.href}${l}`;
-                (i === "" || i === "#" || i === s || i.endsWith(l) || i.endsWith("#!") || i === window.location.href) && (c.href = `{{${a}_${o}}}`);
+              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
+              if (l) {
+                const c = l.href || "", i = `${window.location.href}${a}`;
+                (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
               }
               break;
             }
             case "itemLink": {
-              const e = f, a = e.HREF, l = e.DEFAULT_HREF || "#!", c = t;
-              if (c.href) {
-                const i = c.href, s = `${window.location.href}${l}`;
-                (i === s || i.endsWith(l)) && (c.href = `{{${a}_${o}}}`);
+              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
+              if (l.href) {
+                const c = l.href, i = `${window.location.href}${a}`;
+                (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
               }
               break;
             }
             default: {
               if ("ATTR" in f) {
                 const e = f.ATTR;
-                t.textContent && (t.innerHTML = P(t, `{{${e}_${o}}}`));
+                t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
               }
               break;
             }
@@ -102,9 +102,9 @@ function K(S) {
       });
     });
   });
-  const H = F.match(/<!DOCTYPE[^>]*>/i), O = H ? `${H[0]}
-` : "", U = g.querySelectorAll(".ins-product-td"), M = [];
-  U.forEach((n) => {
+  const I = H.match(/<!DOCTYPE[^>]*>/i), O = I ? `${I[0]}
+` : "", q = g.querySelectorAll(".ins-product-td"), M = [];
+  q.forEach((n) => {
     const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
       element: n,
@@ -115,36 +115,36 @@ function K(S) {
   });
   let A = O + g.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
-    const r = N[d], E = r ? `${r}_total_product_kind` : "";
+    const r = x[d], E = r ? `${r}_total_product_kind` : "";
     if (E) {
-      const T = parseInt(p) - 1, o = `${`{% if ${E} > ${T} %}`}${n}{% endif %}`;
-      A = A.replace(n, X(o));
+      const h = parseInt(p) - 1, o = `${`{% if ${E} > ${h} %}`}${n}{% endif %}`;
+      A = A.replace(n, G(o));
     }
   });
-  const W = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
-  return W.forEach((n) => {
+  const U = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return U.forEach((n) => {
     var t;
     const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
-    if (!d || !N[p])
+    if (!d || !x[p])
       return;
     const r = n.closest(".product-original-price-class");
     if (!r || k.has(r))
       return;
     k.add(r);
-    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = w.get(E) ?? { number: d, type: p, wrap: [] };
-    T.wrap.push(m !== "false"), w.set(E, T);
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), h = w.get(E) ?? { number: d, type: p, wrap: [] };
+    h.wrap.push(m !== "false"), w.set(E, h);
   }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
     if (r.includes("{% if") || !p.some(Boolean))
       return;
-    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, q(T)];
-    let R = "", o = 0, f = 0, $ = A.indexOf(r);
-    for (; $ !== -1; ) {
-      const I = p[f] === !0 && !Y(A, $, t);
-      R += A.slice(o, $) + (I ? `${T}${r}{% endif %}` : r), o = $ + r.length, f += 1, $ = A.indexOf(r, o);
+    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, h = `{% if ${E}_${n} != ${m}_${n} %}`, t = [h, N(h)];
+    let R = "", o = 0, f = 0, T = A.indexOf(r);
+    for (; T !== -1; ) {
+      const P = p[f] === !0 && !v(A, T, t);
+      R += A.slice(o, T) + (P ? `${h}${r}{% endif %}` : r), o = T + r.length, f += 1, T = A.indexOf(r, o);
     }
     A = R + A.slice(o);
   }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  K as pairProductVariables
+  J as pairProductVariables
 };

package/dist/utils/timeUtil.js

@@ -1,19 +1,8 @@
-const r = (t) => {
-  const e = -t.getTimezoneOffset(), o = e >= 0 ? "+" : "-", n = Math.abs(e), s = Math.floor(n / 60), i = n % 60;
-  return i === 0 ? `UTC${o}${s}` : `UTC${o}${s}:${String(i).padStart(2, "0")}`;
-}, a = () => {
-  var e;
-  const { timeZone: t } = new Intl.DateTimeFormat().resolvedOptions();
-  return ((e = t.split("/").pop()) == null ? void 0 : e.replace(/_/g, " ")) ?? t;
-}, c = (t, e = !1) => {
-  const o = t.toLocaleTimeString([], {
-    hour: "2-digit",
-    hour12: !1,
-    minute: "2-digit",
-    second: "2-digit"
-  });
-  return e ? `${o} (${r(t)} ${a()})` : o;
-};
+const g = (t) => String(t).padStart(2, "0"), a = (t, e) => t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate(), o = (t, e = /* @__PURE__ */ new Date()) => ({
+  isToday: a(t, e),
+  time: `${g(t.getHours())}:${g(t.getMinutes())}`,
+  date: `${g(t.getDate())}.${g(t.getMonth() + 1)}.${t.getFullYear()}`
+});
 export {
-  c as formatLocalTime
+  o as autoSaveTimestamp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.bc6e089",
+  "version": "3.17.0-beta.c3ab4de",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/components/organisms/header/AutoSaveToggle.vue.js

@@ -1,22 +0,0 @@
-import o from "./AutoSaveToggle.vue2.js";
-/* empty css                    */
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return t.isFeatureEnabled("autosave") ? a("div", { staticClass: "d-f a-i-c mr-3 auto-save-toggle", on: { mouseenter: function(s) {
-    t.isHovered = !0;
-  }, mouseleave: function(s) {
-    t.isHovered = !1;
-  } } }, [a(t.InToggle, { attrs: { id: "guido__autosave-toggle", name: "guido-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggle } }), a("span", { staticClass: "ml-2 auto-save-toggle__label t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.auto-save")) + " ")]), t.autosaveStore.status === t.AUTOSAVE_STATUS.SAVING ? a("span", { staticClass: "ml-2 d-f a-i-c f-s-1" }, [a(t.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), a("span", { staticClass: "ml-1 t-c-53" }, [e._v(" " + e._s(t.trans("newsletter.saving")) + " ")])], 1) : t.lastSavedLabel ? a("span", { staticClass: "ml-2 f-s-1 t-c-53" }, [e._v(" " + e._s(t.lastSavedLabel) + " ")]) : e._e(), t.isHovered ? a(t.InInfoBox, { staticClass: "auto-save-toggle__info-box", attrs: { id: "guido__autosave-info-box", size: "small", variant: "information", "description-text": t.trans("email-editor.auto-save-description"), "title-text": t.trans("email-editor.auto-save-title") } }) : e._e()], 1) : e._e();
-}, l = [], r = /* @__PURE__ */ i(
-  o,
-  n,
-  l,
-  !1,
-  null,
-  "2c964af4"
-);
-const d = r.exports;
-export {
-  d as default
-};

package/dist/components/organisms/header/AutoSaveToggle.vue2.js

@@ -1,19 +0,0 @@
-import { defineComponent as i, ref as f, computed as u } from "vue";
-import { useConfig as l } from "../../../composables/useConfig.js";
-import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useAutosaveStore as c, AUTOSAVE_STATUS as t } from "../../../stores/autosave.js";
-import { useEditorStore as S } from "../../../stores/editor.js";
-import { formatLocalTime as d } from "../../../utils/timeUtil.js";
-import { InToggle as g, InLoading as _, InInfoBox as A } from "@useinsider/design-system-vue";
-const U = /* @__PURE__ */ i({
-  __name: "AutoSaveToggle",
-  setup(v) {
-    const { isFeatureEnabled: e } = l(), r = S(), o = c(), s = p(), n = f(!1), a = u(() => o.status !== t.SAVED || !o.lastSavedAt ? "" : d(o.lastSavedAt));
-    return { __sfc: !0, isFeatureEnabled: e, editorStore: r, autosaveStore: o, trans: s, isHovered: n, lastSavedLabel: a, toggle: (m) => {
-      o.isOn = m;
-    }, AUTOSAVE_STATUS: t, InInfoBox: A, InLoading: _, InToggle: g };
-  }
-});
-export {
-  U as default
-};

package/dist/extensions/Blocks/Items/constants/cardLayout.js

@@ -1,20 +0,0 @@
-import { SETTINGS_ENUMS as L } from "../enums/settingsEnums.js";
-const c = "130px", O = "100%", t = (e) => e === L.ORIENTATION.HORIZONTAL ? c : O, n = {
-  VERTICAL: "es-p5b es-p5t",
-  HORIZONTAL: "es-p5l es-p5r"
-}, o = "data-items-cell-pad", R = (e) => `${o}="${e ? "v" : "h"}"`, E = (e) => e ? ` ${n.VERTICAL}` : ` ${n.HORIZONTAL}`, N = (e, A) => {
-  if (!e.includes(o))
-    return e;
-  const T = A ? n.HORIZONTAL : n.VERTICAL, s = A ? n.VERTICAL : n.HORIZONTAL, I = A ? "v" : "h";
-  return e.replace(T, s).replace(new RegExp(`${o}="[hv]"`), `${o}="${I}"`);
-};
-export {
-  n as BLOCK_CELL_PADDING,
-  o as BLOCK_CELL_PAD_ATTR,
-  c as NAME_HORIZONTAL_MAX_WIDTH,
-  O as NAME_VERTICAL_MAX_WIDTH,
-  R as blockCellPadMarker,
-  E as blockCellPaddingFor,
-  t as nameMaxWidthFor,
-  N as reorientBlockCellPadding
-};

package/dist/src/extensions/Blocks/Items/constants/cardLayout.d.ts

@@ -1,44 +0,0 @@
-/**
- * Single owner for the Items card orientation-dependent layout contract (SD-149368).
- *
- * Two things depend on a card's orientation and are written across several layers:
- *
- * 1. Name column width — a horizontal card lays the name in a narrow side-by-side
- *    column, so it is capped; a vertical card gives it a full-width row.
- * 2. Block-cell padding — the collapsible price / original-price block-cell carries its
- *    own inter-cell spacing (horizontal cards pad left/right, vertical cards pad
- *    top/bottom) so a hidden element removes its own spacing instead of leaving a gap.
- *
- * Every layer that writes these — template render, layouts/horizontal.html,
- * NameTrimmingControl (trimming toggle) and settingsControl (orientation change) — MUST
- * derive them here, or a migrated / re-toggled card silently drifts out of sync with
- * freshly generated markup (convention B1: cross-layer literals live in one module).
- */
-export declare const NAME_HORIZONTAL_MAX_WIDTH = "130px";
-export declare const NAME_VERTICAL_MAX_WIDTH = "100%";
-/** Name max-width for a card orientation. Non-horizontal (incl. undefined) → full width. */
-export declare const nameMaxWidthFor: (orientation?: string) => string;
-/** Orientation-dependent inter-cell padding classes for a collapsible block-cell. */
-export declare const BLOCK_CELL_PADDING: {
-    readonly VERTICAL: "es-p5b es-p5t";
-    readonly HORIZONTAL: "es-p5l es-p5r";
-};
-/**
- * Attribute the block-cell carries to mark its LAYOUT-owned padding orientation ('v'|'h').
- * The orientation toggle keys off this marker so it only ever rewrites the padding the
- * layout itself baked — a user's own es-p* padding classes are never matched or clobbered
- * (SD-149368 F1), and a cell without the marker is left untouched rather than mis-swapped.
- */
-export declare const BLOCK_CELL_PAD_ATTR = "data-items-cell-pad";
-/** Marker attribute (`data-items-cell-pad="v|h"`) for a block-cell in the given orientation. */
-export declare const blockCellPadMarker: (isVertical: boolean) => string;
-/** Padding classes (leading space included) for a block-cell in the given orientation. */
-export declare const blockCellPaddingFor: (isVertical: boolean) => string;
-/**
- * Rewrites a block-cell's LAYOUT-owned padding classes to the target orientation, keyed off
- * the BLOCK_CELL_PAD_ATTR marker. The orientation-change rebuild re-injects existing cells
- * via getOuterHTML(), which still carry the previous orientation's padding — swap only the
- * layout pair (and flip the marker) so price/original-price cells stay padded after a toggle
- * (SD-149368 F3), while a user's own padding and any unmarked cell are left alone (F1).
- */
-export declare const reorientBlockCellPadding: (html: string, toVertical: boolean) => string;