@useinsider/guido 3.27.0-beta.9585b71 → 3.27.0-beta.9bfcb9a

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

@@ -1,97 +1,79 @@
-import { EditorStatePropertyType as M, PreviewDeviceMode as I, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { createImageMarginsControl as C, createImageSizeControl as O } from "../../../controlFactories.js";
+import { EditorStatePropertyType as E, PreviewDeviceMode as I, ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { createImageMarginsControl as M, createImageSizeControl as C } 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 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) {
+import { RecommendationControlId as g } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as l } from "../../constants/selectors.js";
+import { hasGetStyle as a, hasGetAttribute as O } from "../../utils/tagName.js";
+const R = { width: "", height: "auto", "max-height": "" }, f = `${l} img.adapt-img`, x = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${f} { max-height: none !important; } }`;
+function _(t) {
   return { width: "auto", height: "auto", "max-height": `${t}px` };
 }
 function A(t) {
-  return t.querySelectorAll(b).some((e) => "getSelector" in e && e.getSelector() === E);
+  return t.querySelectorAll(x).some((e) => "getSelector" in e && e.getSelector() === f);
 }
-function B(t, e) {
-  return a(t) && Object.entries(e).some(([o, i]) => (t.getStyle(o) ?? "") !== i);
+function T(t, e) {
+  return a(t) && Object.entries(e).some(([o, n]) => (t.getStyle(o) ?? "") !== n);
 }
 function S(t) {
   const e = t.getDocumentRootCssNode();
   return e && !A(e) ? e : null;
 }
-function U(t, e) {
-  const i = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
-  if (!i)
+function H(t, e) {
+  const n = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
+  if (!n)
     return;
-  const n = t.getDocumentModifier();
-  n.modifyCss(i).appendRule(p), n.apply(new g("Add the reco image mobile fit rule"));
+  const i = t.getDocumentModifier();
+  i.modifyCss(n).appendRule(p), i.apply(new h("Add the reco image mobile fit rule"));
 }
-const L = `[esd-extension-block-id="${c.IMAGE}"]`, v = /^\d+px$/;
+const B = `[esd-extension-block-id="${c.IMAGE}"]`, L = /^\d+px$/;
 function y(t) {
-  return T(t) && Number(t.getAttribute("height")) || 0;
+  return O(t) && Number(t.getAttribute("height")) || 0;
 }
-function w(t) {
+function b(t) {
   const e = y(t), o = a(t) ? t.getStyle("max-height") ?? "" : "";
-  return v.test(o) && e > 0 && o !== `${e}px`;
+  return L.test(o) && e > 0 && o !== `${e}px`;
 }
-function Z(t, e) {
-  const o = e.querySelectorAll(L).map((n) => n.querySelector("img")).filter(w);
+function U(t, e) {
+  const o = e.querySelectorAll(B).map((i) => i.querySelector("img")).filter(b);
   if (!o.length)
     return;
-  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;
-  }
+  const n = t.getDocumentModifier();
+  o.forEach((i) => n.modifyHtml(i).setStyle("max-height", `${y(i)}px`)), n.apply(new h("Sync the reco image height bound").asHidden());
 }
-class D extends O(
-  f.IMAGE_SIZE,
+class D extends C(
+  g.IMAGE_SIZE,
   c.IMAGE,
   l
 ) {
-  // Stripo derives the mobile size from rendered targets, and the container hidden in mobile preview renders 0px.
-  getTargetNodes(e) {
-    const o = super.getTargetNodes(e);
-    if (!this.isMobilePreview())
-      return o;
-    const i = h(e);
-    return i === null ? [] : o.filter((n) => h(n) === i);
-  }
   getAdditionalModifications(e) {
-    if (this.isMobilePreview())
+    if (this.api.getEditorState()[E.previewDeviceMode] === I.MOBILE)
       return;
-    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)
+    const o = this.getFitStyles(), n = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => T(s, o)), i = o["max-height"] ? S(this.api) : null;
+    if (!n.length && !i)
       return;
     const r = this.api.getDocumentModifier();
-    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);
+    return i && r.modifyCss(i).appendRule(p), n.forEach((s) => {
+      const m = r.modifyHtml(s);
+      Object.entries(o).forEach(([u, d]) => {
+        d ? m.setStyle(u, d) : m.removeStyle(u);
       });
     }), r;
   }
-  isMobilePreview() {
-    return this.api.getEditorState()[M.previewDeviceMode] === I.MOBILE;
-  }
   getFitStyles() {
     const { size: e } = this.api.getValues();
-    return (e == null ? void 0 : e.type) === "height" && e.value ? x(e.value) : _;
+    return (e == null ? void 0 : e.type) === "height" && e.value ? _(e.value) : R;
   }
 }
-const N = C(
-  f.IMAGE_MARGINS,
+const F = M(
+  g.IMAGE_MARGINS,
   c.IMAGE,
   l
-), j = {
+), P = {
   size: D,
-  margins: N
+  margins: F
 };
 export {
-  j as ImageControls,
-  U as ensureMobileFitRule,
-  Z as syncHeightBound
+  P as ImageControls,
+  H as ensureMobileFitRule,
+  U as syncHeightBound
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.27.0-beta.9585b71", s = { stripo: { version: "2.83.1" } }, t = {
+const o = "3.27.0-beta.9bfcb9a", s = { stripo: { version: "2.86.1" } }, t = {
   version: o,
   guido: s
 };

package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts

@@ -25,9 +25,7 @@ declare const SizeControl_base: {
     };
 };
 declare class SizeControl extends SizeControl_base {
-    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
     getAdditionalModifications(root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
-    private isMobilePreview;
     private getFitStyles;
 }
 /**

package/dist/static/stripo-runtime-manifest.json.js

@@ -1,9 +1,9 @@
-const s = "2.83.1", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-OTN2PYRT.js", "chunk-62K3AMOD.js", "chunk-6RGJBGUG.js", "chunk-6W43DTQG.js", "chunk-EC4WGEOZ.js", "chunk-GLBBUJ54.js", "chunk-GPJLJCMF.js", "chunk-MDCDEJUH.js", "chunk-P7HQTFJV.js", "chunk-PA4WGBC4.js", "chunk-QMDAV6OU.js", "chunk-R2F3ADM2.js", "chunk-YSKQ2TWF.js", "chunk-ZU5ASRKR.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], i = {
+const s = "2.86.1", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-QEKXZ3YR.js", "chunk-5T7CEBI5.js", "chunk-62K3AMOD.js", "chunk-66LFOY5U.js", "chunk-AMCKJHBC.js", "chunk-BOERNIOQ.js", "chunk-BVZUBVXH.js", "chunk-I2DLD5I4.js", "chunk-IEC5XOV2.js", "chunk-ILRQX7FO.js", "chunk-LBYVYY25.js", "chunk-LC3XAPU2.js", "chunk-OZSNTS6D.js", "chunk-PBUSX63H.js", "chunk-PYISBD2D.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], c = {
   version: s,
   files: n
 };
 export {
-  i as default,
+  c as default,
   n as files,
   s as version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.27.0-beta.9585b71",
+  "version": "3.27.0-beta.9bfcb9a",
   "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",
@@ -136,7 +136,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.83.1"
+      "version": "2.86.1"
     }
   }
 }