@useinsider/guido 3.27.0-beta.8ac96e3 → 3.27.0-beta.9585b71

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

@@ -2,45 +2,52 @@ import { EditorStatePropertyType as M, PreviewDeviceMode as I, ModificationDescr
 import { createImageMarginsControl as C, createImageSizeControl as O } from "../../../controlFactories.js";
 import { RecommendationBlockId as c } from "../../constants/blockIds.js";
 import { RecommendationControlId as f } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as l, MOBILE_CONTAINER_SELECTOR as h } from "../../constants/selectors.js";
-import { hasGetStyle as a, hasGetAttribute as R } from "../../utils/tagName.js";
-const T = { width: "", height: "auto", "max-height": "" }, E = `${l} img.adapt-img`, _ = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${E} { max-height: none !important; } }`;
+import { BLOCK_ROOT_SELECTOR as l, MOBILE_CONTAINER_SELECTOR as R } from "../../constants/selectors.js";
+import { hasGetStyle as a, hasGetAttribute as T } from "../../utils/tagName.js";
+const _ = { width: "", height: "auto", "max-height": "" }, E = `${l} img.adapt-img`, b = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${E} { max-height: none !important; } }`;
 function x(t) {
   return { width: "auto", height: "auto", "max-height": `${t}px` };
 }
 function A(t) {
-  return t.querySelectorAll(_).some((e) => "getSelector" in e && e.getSelector() === E);
+  return t.querySelectorAll(b).some((e) => "getSelector" in e && e.getSelector() === E);
 }
 function B(t, e) {
-  return a(t) && Object.entries(e).some(([o, n]) => (t.getStyle(o) ?? "") !== n);
+  return a(t) && Object.entries(e).some(([o, i]) => (t.getStyle(o) ?? "") !== i);
 }
 function S(t) {
   const e = t.getDocumentRootCssNode();
   return e && !A(e) ? e : null;
 }
-function H(t, e) {
-  const n = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
-  if (!n)
+function U(t, e) {
+  const i = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
+  if (!i)
     return;
-  const i = t.getDocumentModifier();
-  i.modifyCss(n).appendRule(p), i.apply(new g("Add the reco image mobile fit rule"));
+  const n = t.getDocumentModifier();
+  n.modifyCss(i).appendRule(p), n.apply(new g("Add the reco image mobile fit rule"));
 }
-const b = `[esd-extension-block-id="${c.IMAGE}"]`, L = /^\d+px$/;
+const L = `[esd-extension-block-id="${c.IMAGE}"]`, v = /^\d+px$/;
 function y(t) {
-  return R(t) && Number(t.getAttribute("height")) || 0;
+  return T(t) && Number(t.getAttribute("height")) || 0;
 }
-function v(t) {
+function w(t) {
   const e = y(t), o = a(t) ? t.getStyle("max-height") ?? "" : "";
-  return L.test(o) && e > 0 && o !== `${e}px`;
+  return v.test(o) && e > 0 && o !== `${e}px`;
 }
-function U(t, e) {
-  const o = e.querySelectorAll(b).map((i) => i.querySelector("img")).filter(v);
+function Z(t, e) {
+  const o = e.querySelectorAll(L).map((n) => n.querySelector("img")).filter(w);
   if (!o.length)
     return;
-  const n = t.getDocumentModifier();
-  o.forEach((i) => n.modifyHtml(i).setStyle("max-height", `${y(i)}px`)), n.apply(new g("Sync the reco image height bound").asHidden());
+  const i = t.getDocumentModifier();
+  o.forEach((n) => i.modifyHtml(n).setStyle("max-height", `${y(n)}px`)), i.apply(new g("Sync the reco image height bound").asHidden());
+}
+function h(t) {
+  try {
+    return !!t.closest(R);
+  } catch {
+    return null;
+  }
 }
-class w extends O(
+class D extends O(
   f.IMAGE_SIZE,
   c.IMAGE,
   l
@@ -50,21 +57,17 @@ class w extends O(
     const o = super.getTargetNodes(e);
     if (!this.isMobilePreview())
       return o;
-    try {
-      const n = !!e.closest(h);
-      return o.filter((i) => !!i.closest(h) === n);
-    } catch {
-      return [];
-    }
+    const i = h(e);
+    return i === null ? [] : o.filter((n) => h(n) === i);
   }
   getAdditionalModifications(e) {
     if (this.isMobilePreview())
       return;
-    const o = this.getFitStyles(), n = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => B(s, o)), i = o["max-height"] ? S(this.api) : null;
-    if (!n.length && !i)
+    const o = this.getFitStyles(), i = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => B(s, o)), n = o["max-height"] ? S(this.api) : null;
+    if (!i.length && !n)
       return;
     const r = this.api.getDocumentModifier();
-    return i && r.modifyCss(i).appendRule(p), n.forEach((s) => {
+    return n && r.modifyCss(n).appendRule(p), i.forEach((s) => {
       const u = r.modifyHtml(s);
       Object.entries(o).forEach(([d, m]) => {
         m ? u.setStyle(d, m) : u.removeStyle(d);
@@ -76,19 +79,19 @@ class w extends O(
   }
   getFitStyles() {
     const { size: e } = this.api.getValues();
-    return (e == null ? void 0 : e.type) === "height" && e.value ? x(e.value) : T;
+    return (e == null ? void 0 : e.type) === "height" && e.value ? x(e.value) : _;
   }
 }
-const D = C(
+const N = C(
   f.IMAGE_MARGINS,
   c.IMAGE,
   l
-), Z = {
-  size: w,
-  margins: D
+), j = {
+  size: D,
+  margins: N
 };
 export {
-  Z as ImageControls,
-  H as ensureMobileFitRule,
-  U as syncHeightBound
+  j as ImageControls,
+  U as ensureMobileFitRule,
+  Z as syncHeightBound
 };

package/dist/package.json.js

@@ -1,9 +1,9 @@
-const o = "3.27.0-beta.8ac96e3", s = { stripo: { version: "2.83.1" } }, e = {
+const o = "3.27.0-beta.9585b71", s = { stripo: { version: "2.83.1" } }, t = {
   version: o,
   guido: s
 };
 export {
-  e as default,
+  t as default,
   s as guido,
   o as version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.27.0-beta.8ac96e3",
+  "version": "3.27.0-beta.9585b71",
   "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",