@devgateway/dvz-ui-react 1.0.0

package/dist/esm/embeddable/time-line/mobile.js

@@ -0,0 +1,272 @@
+import { jsx as d, jsxs as st } from "react/jsx-runtime";
+import { PostProvider as mt, PostConsumer as yt } from "@devgateway/wp-react-lib";
+import bt from "../connected-templates/PostIntro.js";
+import { useRef as rt, useState as F, useEffect as xt } from "react";
+import { Container as Ct, Modal as G } from "semantic-ui-react";
+import * as f from "d3";
+import wt from "../../utils/deviceType.js";
+const Tt = {
+  visibility: "visible",
+  position: "relative",
+  height: "auto",
+  width: "auto"
+}, at = 0, vt = (I) => {
+  let {
+    posts: p,
+    lineWidth: W,
+    lineColor: M,
+    height: w,
+    config: s,
+    marginLeft: U,
+    marginTop: L,
+    marginRight: J,
+    marginBottom: _,
+    fontSize: T,
+    subtitleWidth: $,
+    subtitleHeight: v,
+    enableTitlePopup: P,
+    enableCirclePopup: H,
+    enableDefaultPopup: B,
+    closePopupOnMouseOut: V,
+    unique: S
+  } = I;
+  w = window.innerHeight, $ = 250;
+  const O = rt(), D = rt(), [k, g] = F(!1), [A, N] = F(0), [E, y] = F(null), b = (t) => "circle" + S + t, X = (t) => "title" + S + t, j = (t) => {
+    var i;
+    return ((i = s[t]) == null ? void 0 : i.size) || 10;
+  }, ct = ({ content: t, isOpen: i, style: n }) => {
+    const C = (l) => (l = l.replace(
+      /<ul(.*?)>/g,
+      '<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'
+    ), l = l.replace(/<a(.*?)>/g, '<a$1 style="color:#fefefe;">'), l);
+    return /* @__PURE__ */ st(
+      G,
+      {
+        open: i,
+        onClose: () => g(!1),
+        size: "fullscreen",
+        closeIcon: !0,
+        centered: !0,
+        style: {
+          maxHeight: "80vh",
+          overflowY: "auto",
+          padding: "0.5rem",
+          ...n
+        },
+        children: [
+          /* @__PURE__ */ d(G.Header, { style: { ...n, borderBottom: "none" } }),
+          /* @__PURE__ */ d(
+            G.Content,
+            {
+              className: "styled-list-content",
+              style: { ...n },
+              dangerouslySetInnerHTML: {
+                __html: C(
+                  t.props.children.props.post.content.rendered
+                )
+              }
+            }
+          )
+        ]
+      },
+      t.props.children.key + "modal"
+    );
+  }, Y = (t) => {
+    var i;
+    return (i = s[t]) == null ? void 0 : i.circleColor;
+  }, K = (t) => s[t].titleColor, Q = (t) => s[t].lineColor, Z = (t) => s[t].tooltipFontColor || "#fff", dt = (t) => s[t].readMoreLabel, x = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, tt = (t, i) => {
+    if (t.preventDefault(), x()) {
+      let l = [0, 0];
+      if (t) {
+        const r = t.target.getBoundingClientRect(), m = t.target.closest(".time").getBoundingClientRect(), u = r.left - m.left, a = r.top + m.top;
+        l = [u + 260, a + 50];
+        let h = 400;
+        r.left + u + h + 260 > window.innerWidth && (l[0] = u - h * 0.6);
+      }
+      g(!0), y({ data: i, id: i.id, position: l }), ot(i.id);
+    }
+  }, et = (t, i) => {
+    if (t.preventDefault(), !x()) {
+      let l = [0, 0];
+      if (t) {
+        const r = t.target.getBoundingClientRect(), m = t.target.closest(".time").getBoundingClientRect(), u = r.left - m.left, a = r.top + m.top;
+        l = [u + 260, a + 50];
+        const h = 400;
+        r.left + u + h + 260 > window.innerWidth && (l[0] = u - h * 0.6);
+      }
+      g(!0), y({ data: i, id: i.id, position: l }), ot(i.id);
+    }
+  }, pt = (t, i, n) => {
+    t.preventDefault(), q(i.id);
+  }, ut = () => {
+    g(!1);
+  }, q = (t) => {
+    f.selectAll("#" + b(t)).style("stroke", "none").style("fill", Y(t)), f.selectAll("#label" + t).style("font-weight", "normal");
+  }, ot = (t) => {
+    q(at), f.selectAll("#" + b(t)).style("stroke", Y(t)).style("fill", "#fff"), f.selectAll("#label" + t).style("font-weight", "bold");
+  };
+  return xt(() => {
+    var lt;
+    const t = {
+      top: L,
+      bottom: _
+    }, i = O.current.clientWidth, n = D.current.clientWidth;
+    n > 0 && N(n);
+    const C = w, l = wt(), r = {
+      mobile: "75",
+      tablet: "150",
+      midTablet: "150",
+      laptop: "150"
+    }, m = {
+      mobile: "250",
+      tablet: "350",
+      midTablet: "350",
+      laptop: "400"
+    }, u = {
+      mobile: 20,
+      tablet: 30,
+      midTablet: 30,
+      laptop: 40
+    }, a = f.scaleLinear().domain([0, p.length - 1]).range([t.top, C - t.bottom]), h = f.select(O.current);
+    h.attr("width", i).attr("height", C);
+    const ft = f.line(), ht = [
+      [0, a(0)],
+      [0, a(p.length - 1)]
+    ], gt = ft(ht);
+    let it = `translate(${r[l]},0)`;
+    ((lt = process.env.REACT_APP_THEME) == null ? void 0 : lt.startsWith("cd")) && (it = `translate(${r[l]},20)`);
+    const R = h.append("g").attr("transform", it);
+    M = "#E4E5EA", W = 6, R.append("path").attr("d", gt).attr("stroke-width", W).attr("stroke", M), R.selectAll(".circle").data(p).enter().append("circle").attr("id", (o, e) => b(e)).attr("cx", 0).attr("cy", (o, e) => a(e)).attr("r", (o, e) => j(e)).style("fill", (o, e) => {
+      var c;
+      return ((c = s[e]) == null ? void 0 : c.circleColor) || "#000";
+    }).style("cursor", H ? "pointer" : "default").on(x() ? "touchstart" : "mouseover", (o, e) => {
+      o.preventDefault(), H && (x() ? tt(o, e) : et(o, e));
+    }).on("mouseout", (o, e) => {
+      o.preventDefault(), q(e.id);
+    }), R.selectAll(".title").data(p).enter().append("foreignObject").attr("x", u[l]).attr("y", (o, e) => a(e) - parseInt(v) / 2).attr("width", parseInt(m[l])).attr("height", parseInt(v)).append("xhtml:div").attr("id", (o, e) => X(e)).style("font-size", parseInt(T) + 1 + "px").style("color", (o, e) => K(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", P ? "pointer" : "default").style("overflow", "hidden").style("display", "-webkit-box").style("-webkit-line-clamp", "2").style("-webkit-box-orient", "vertical").style("text-overflow", "ellipsis").style("overflow-wrap", "break-word").html((o, e) => {
+      const c = dt(e);
+      let z = o.title.rendered;
+      return c && (z += `<br><span style="font-size:${parseInt(T) - 3}px;color:${K(
+        e
+      )};text-decoration:underline;text-underline-offset:3px">${c}</span>`), z;
+    }).each(function(o, e) {
+      const c = f.select(this.parentNode);
+      setTimeout(() => {
+        const z = this.getBoundingClientRect(), nt = Math.min(z.height, parseInt(v) * 2);
+        c.attr("height", nt), c.attr("y", a(e) - nt / 2);
+      }, 0);
+    }).on(x() ? "touchstart" : "mouseover", (o, e, c) => {
+      o.preventDefault(), P && (x() ? tt(o, e) : et(o, e));
+    }).on("mouseout", (o, e, c) => {
+      o.preventDefault(), P && pt(o, e, e.id);
+    }), R.selectAll(".year").data(p).enter().append("text").attr("x", -40).attr("y", (o, e) => a(e)).attr("dy", "0.35em").style("text-anchor", "end").style("font-size", `${parseInt(T) + 1}px`).style("font-weight", "400").style("fill", "#4C4D50").text((o) => o.meta_fields.subtitle), B && f.select("#" + b(at)).dispatch(
+      "mouseover"
+    );
+  }, []), /* @__PURE__ */ st("div", { className: "time line", style: { position: "relative" }, ref: D, children: [
+    p.filter((t) => E && E.id === t.id).map((t) => {
+      const i = t.slug || "unknown-slug", n = p.indexOf(t);
+      return /* @__PURE__ */ d(
+        ct,
+        {
+          isOpen: k,
+          content: /* @__PURE__ */ d(
+            "div",
+            {
+              style: {
+                backgroundColor: Q(n),
+                color: Z(n)
+              },
+              children: /* @__PURE__ */ d(
+                bt,
+                {
+                  post: t,
+                  style: Tt
+                },
+                i
+              )
+            }
+          ),
+          closeTooltip: ut,
+          style: {
+            backgroundColor: Q(n),
+            color: Z(n)
+          }
+        },
+        i + "_modal"
+      );
+    }),
+    /* @__PURE__ */ d("svg", { height: w, width: A, ref: O })
+  ] });
+}, St = (I) => {
+  const {
+    "data-type": p,
+    "data-taxonomy": W,
+    "data-categories": M,
+    "data-items": w,
+    "data-height": s,
+    "data-line-color": U = "#000",
+    "data-config": L = "{}",
+    "data-position": J = "middle",
+    "data-line-width": _ = "1",
+    "data-margin-left": T = 50,
+    "data-margin-top": $ = 25,
+    "data-margin-right": v = 50,
+    "data-margin-bottom": P = 25,
+    "data-font-size": H = 14,
+    "data-title-width": B = 100,
+    "data-title-height": V = 50,
+    "data-subtitle-width": S = 250,
+    "data-subtitle-height": O = 60,
+    "data-enable-title-popup": D = "false",
+    "data-enable-circle-popup": k = "true",
+    "data-enable-default-popup": g = "false",
+    "data-close-popup-on-mouse-out": A = "false",
+    editing: N,
+    parent: E,
+    unique: y
+  } = I, b = I.intl.locale, j = {
+    unique: y || Math.random().toString(36).substring(2, 9),
+    marginLeft: T,
+    marginTop: $,
+    marginRight: v,
+    marginBottom: P,
+    lineWidth: _,
+    height: s,
+    position: J,
+    lineColor: decodeURIComponent(U),
+    config: JSON.parse(decodeURIComponent(L)),
+    fontSize: H,
+    titleWidth: B,
+    titleHeight: V,
+    subtitleWidth: S,
+    subtitleHeight: O,
+    enableTitlePopup: D == !0 || D == "true",
+    enableCirclePopup: k == !0 || k == "true",
+    enableDefaultPopup: g == !0 || g == "true",
+    closePopupOnMouseOut: A == !0 || A == "true"
+  };
+  return /* @__PURE__ */ d(
+    Ct,
+    {
+      style: { height: `${s}px` },
+      className: `viz time line ${N ? "editing" : ""}`,
+      fluid: !0,
+      children: /* @__PURE__ */ d(
+        mt,
+        {
+          locale: b,
+          type: p,
+          taxonomy: W,
+          categories: M,
+          store: "carousel_" + E + "_" + y,
+          page: 1,
+          perPage: w,
+          children: /* @__PURE__ */ d(yt, { children: /* @__PURE__ */ d(vt, { ...j }) })
+        }
+      )
+    }
+  );
+};
+export {
+  St as default
+};

package/dist/esm/embeddable/tooltip/index.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Popup as t, Icon as c } from "semantic-ui-react";
+const n = (e) => {
+  let o;
+  try {
+    o = decodeURIComponent(e);
+  } catch {
+    o = e, console.error("error occurred decoding content:" + e);
+  }
+  return o;
+}, d = ({
+  "data-description": e = ""
+}) => /* @__PURE__ */ r(t, { className: "title-popup", size: "mini", offset: [-10, 0], content: n(e), trigger: /* @__PURE__ */ r(c, { name: "question circle" }) });
+export {
+  d as default
+};

package/dist/esm/embeddable/utils/common.js

@@ -0,0 +1,8 @@
+const n = (a, r, e, t) => new Intl.Collator(r, {
+  caseFirst: "upper",
+  numeric: !0,
+  sensitivity: "variant"
+}).compare(e, t);
+export {
+  n as alphaSort
+};

package/dist/esm/embeddable/utils/parseUtils.js

@@ -0,0 +1,13 @@
+const n = (r, e) => e ? r : decodeURIComponent(r.replace(/%(?![0-9a-fA-F][0-9a-fA-F]+)/g, "%25")), t = (r, e) => {
+  try {
+    return JSON.parse(n(r, e));
+  } catch {
+    console.error("error parsing value:" + r);
+  }
+  return null;
+}, s = (r, e) => JSON.stringify(r) === JSON.stringify(e);
+export {
+  s as compareJsonProps,
+  n as decode,
+  t as parse
+};

package/dist/esm/embeddable/vertical-featuredtabs/index.js

@@ -0,0 +1,293 @@
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import U, { useState as y, useEffect as R, useRef as D, useLayoutEffect as J } from "react";
+import { Container as F, Accordion as j, Icon as K } from "semantic-ui-react";
+import { PostProvider as X, PostConsumer as Y, MediaProvider as G, MediaConsumer as Q, PostIcon as V, PostContent as H } from "@devgateway/wp-react-lib";
+import { connect as Z } from "react-redux";
+import O from "../connected-templates/PostIntro.js";
+const ee = ({ posts: r, activeItem: c, setActive: g, colors: p }) => {
+  const [u, s] = y(r.findIndex((t) => t.slug === c)), [l, h] = y(null), f = (t, i, n) => {
+    document.querySelectorAll(t).forEach((a) => {
+      a.querySelector(i) && a.classList.add(n);
+    });
+  };
+  R(() => {
+    if (l) {
+      const t = l.getBoundingClientRect().top + window.scrollY;
+      window.scrollTo({
+        top: t,
+        behavior: "smooth"
+      });
+    }
+    f(".ui.fluid.container.viz.featured.tabs", ".accordion", "has-accordion"), f(".ui.fluid.container.viz.featured.tabs", "blockquote", "has-blockquote"), f(".ui.fluid.container.viz.featured.tabs", ".accordion .accordion-post-ft-title", "has-accordion-title"), f(".ui.fluid.container.viz.featured.tabs", ".accordion .accordion-post-vft-content", "has-accordion-content"), f(".ui.fluid.container.viz.featured.tabs", ".vt-accordion-post-intro figure", "has-vt-accordion-figure"), f(".ui.fluid.container.viz.featured.tabs", ".content.active.accordion-post-content .wp-block-columns", "has-wp-block-columns");
+  }, [l]), R(() => {
+    let t;
+    const i = [], n = (e) => {
+      setTimeout(() => {
+        var C;
+        const a = e.querySelectorAll(
+          ".accordion .legends.container.has-standard-12-font-size.bottom, .legends.container.items-section"
+        );
+        if (a.length !== 0)
+          for (const m of a) {
+            const N = m.closest(".ui.fluid.container.content"), v = N ? N.querySelector(".data-source") : null;
+            if (!v || m.offsetParent === null || v.offsetParent === null || m.offsetHeight === 0 || v.offsetHeight === 0)
+              continue;
+            const P = v.getBoundingClientRect(), E = m.getBoundingClientRect(), T = window.getComputedStyle(v), k = window.getComputedStyle(m), x = parseFloat(T.marginTop) || 0, L = parseFloat(k.marginBottom) || 0, S = E.bottom + L, A = P.top - x;
+            if (S > A) {
+              const $ = S - A;
+              v.style.marginTop = `${$ + 20}px`;
+            }
+            const d = (C = m.closest(
+              ".wp-block-column.is-layout-flow.wp-block-column-is-layout-flow"
+            )) == null ? void 0 : C.nextElementSibling;
+            if (d) {
+              const $ = d.getBoundingClientRect(), B = window.getComputedStyle(d), _ = Number.parseFloat(B.marginTop) || 0, I = $.top - _;
+              if (S > I) {
+                const z = S - I;
+                d.style.marginTop = `${z + 20}px`;
+              }
+            }
+            const M = m.closest(".chart.container");
+            if (M) {
+              const $ = M.getBoundingClientRect(), B = window.getComputedStyle(M), _ = Number.parseFloat(B.marginBottom) || 0, I = $.bottom + _, z = Number.parseFloat(k.marginTop) || 0, q = E.top - z;
+              if (q < I) {
+                const W = I - q;
+                m.style.marginTop = `${W + 20}px`;
+              }
+            }
+          }
+      }, 10);
+    };
+    return u !== -1 && (t = setTimeout(() => {
+      document.querySelectorAll(".accordion").forEach((a) => n(a));
+    }, 0)), () => {
+      clearTimeout(t), i.forEach((e) => e.disconnect());
+    };
+  }, [u]);
+  const w = (t, i) => {
+    const { index: n } = i, e = u === n ? -1 : n;
+    s(e), g(r[n].slug), e !== -1 && h(t.currentTarget);
+  };
+  return /* @__PURE__ */ o(j, { fluid: !0, styled: !0, children: r.map((t, i) => {
+    var e;
+    const n = (e = t.meta_fields) != null && e.icon ? t.meta_fields.icon[0] : null;
+    return /* @__PURE__ */ b(U.Fragment, { children: [
+      /* @__PURE__ */ o(
+        j.Title,
+        {
+          active: u === i,
+          index: i,
+          onClick: (a) => w(a, { index: i }),
+          style: { backgroundColor: p[`color_${i}`] },
+          children: /* @__PURE__ */ b("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+            /* @__PURE__ */ b("div", { style: { display: "flex", alignItems: "center" }, children: [
+              n && /* @__PURE__ */ o(G, { id: n, children: /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(V, { className: "icon" }) }) }),
+              /* @__PURE__ */ o(O, { post: t, className: "vt-accordion-post-intro" })
+            ] }),
+            /* @__PURE__ */ o(K, { name: "chevron down" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ o(j.Content, { className: "accordion-post-content accordion-post-vft-content", active: u === i, children: /* @__PURE__ */ o(H, { post: t }) })
+    ] }, t.id);
+  }) });
+}, te = ({
+  post: r,
+  count: c,
+  backgroundColor: g,
+  active: p,
+  dimensions: u,
+  height: s,
+  coverWidth: l,
+  index: h,
+  editing: f
+}) => {
+  const w = r._embedded ? r._embedded["wp:featuredmedia"] : null, [t, i] = y(!1), n = f ? c - h : 1;
+  return /* @__PURE__ */ b("div", { className: "content-area", children: [
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: "cover",
+        style: {
+          width: `${l}px`,
+          backgroundColor: g,
+          backgroundImage: `url(${w ? w[0].source_url : ""})`
+        },
+        onMouseEnter: () => i(!0),
+        onMouseLeave: () => i(!1),
+        children: [
+          /* @__PURE__ */ o("div", { className: "rotator", style: { width: `${s}px`, transform: `translate(${l / 2}px, 0px) rotate(90deg)` }, children: /* @__PURE__ */ o(O, { post: r }) }),
+          /* @__PURE__ */ b("div", { className: "overlay-label-container", children: [
+            /* @__PURE__ */ o("div", { className: `overlay-label ${t && !p ? "visible" : ""}`, children: "CLICK TO EXPAND" }),
+            /* @__PURE__ */ o("div", { className: "arrow-svg" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `collapsable-content ${p ? "expanded" : "collapsed"}`,
+        style: {
+          backgroundColor: "#f9f9f9",
+          width: `${u.width - l * c}px`,
+          marginLeft: `${l * n}px`
+        },
+        children: /* @__PURE__ */ o(H, { post: r })
+      }
+    )
+  ] });
+}, ne = ({
+  editing: r,
+  posts: c,
+  height: g,
+  colors: p,
+  coverWidth: u
+}) => {
+  const [s, l] = y(null), h = D(null), [f, w] = y({ width: 0, height: 0 }), t = D(null), i = (n) => {
+    l((e) => e === n ? null : n);
+  };
+  return R(() => {
+    c.length > 0 && !s && r && l(c[0].slug);
+  }, [c, s, r]), J(() => {
+    var e, a, C, m;
+    (e = h.current) != null && e.parentElement && w({
+      width: r ? ((C = (a = h.current.parentElement) == null ? void 0 : a.parentElement) == null ? void 0 : C.offsetWidth) ?? 0 : ((m = h.current.parentElement) == null ? void 0 : m.offsetWidth) ?? 0,
+      height: h.current.offsetHeight
+    });
+    const n = t.current;
+    n && (n.style.overflow = r ? "visible" : "hidden");
+  }, [r]), /* @__PURE__ */ o(
+    F,
+    {
+      fluid: !0,
+      className: "vertical featured tabs",
+      ref: t,
+      children: c == null ? void 0 : c.map((n, e) => {
+        const a = s ? n.slug === s : e === 0;
+        return /* @__PURE__ */ b(
+          "div",
+          {
+            ref: h,
+            onClick: () => i(n.slug),
+            className: a ? "item expanded" : "item collapsed",
+            style: { minHeight: `${g}px`, minWidth: `${u}px` },
+            children: [
+              /* @__PURE__ */ o("a", { id: n.slug }),
+              /* @__PURE__ */ o(
+                te,
+                {
+                  editing: r,
+                  coverWidth: u,
+                  height: g,
+                  backgroundColor: p[`color_${e}`],
+                  count: c.length,
+                  dimensions: f,
+                  active: a,
+                  post: n,
+                  index: e
+                }
+              )
+            ]
+          },
+          n.slug
+        );
+      })
+    }
+  );
+}, oe = (r) => {
+  var A;
+  let {
+    "data-height": c,
+    "data-type": g,
+    "data-taxonomy": p,
+    "data-categories": u,
+    "data-count": s,
+    "data-colors": l,
+    "data-cover-width": h = 50,
+    "data-read-more-label": f = "READ More",
+    "data-preview-mode": w = "Desktop",
+    editing: t,
+    parent: i,
+    unique: n,
+    pageModuleProps: e
+  } = r;
+  e != null && e.previewMode && (e != null && e.editing) && (w = e.previewMode, t = e.editing);
+  const a = r.intl.locale, C = u || "[]", [m, N] = y(window.innerWidth <= 1365), v = () => {
+    var d;
+    return ((d = window.screen.orientation) == null ? void 0 : d.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
+  }, [P, E] = y(v()), T = () => {
+    setTimeout(() => {
+      E(v()), N(window.innerWidth <= 1365);
+    }, 100);
+  };
+  R(() => (window.screen.orientation && window.screen.orientation.addEventListener(
+    "change",
+    T
+  ), window.addEventListener("resize", T), () => {
+    window.removeEventListener("resize", T), window.screen.orientation && window.screen.orientation.removeEventListener(
+      "change",
+      T
+    );
+  }), []);
+  const k = (d) => t ? d : decodeURIComponent(d), x = (d) => {
+    if (!d) return null;
+    try {
+      return JSON.parse(k(d));
+    } catch (M) {
+      console.error(`error parsing value:${d}
+ error:${M}`);
+    }
+    return null;
+  }, L = w !== "Desktop" && t, S = m && !t;
+  return /* @__PURE__ */ o(
+    F,
+    {
+      style: { maxWidth: "100%" },
+      className: `viz featured tabs ${t ? "editing" : ""}`,
+      fluid: !0,
+      children: /* @__PURE__ */ o(
+        X,
+        {
+          type: g,
+          locale: a,
+          taxonomy: p,
+          categories: x(C),
+          store: `vertical_tabs${i}_${n}`,
+          page: 1,
+          perPage: s,
+          children: /* @__PURE__ */ o(Y, { children: S || L ? /* @__PURE__ */ o(
+            ee,
+            {
+              posts: s,
+              activeItem: (A = s == null ? void 0 : s[0]) == null ? void 0 : A.slug,
+              colors: x(l),
+              setActive: () => {
+              }
+            }
+          ) : /* @__PURE__ */ o(
+            ne,
+            {
+              editing: t,
+              coverWidth: h,
+              moreLabel: f,
+              colors: x(l),
+              height: c,
+              posts: s
+            }
+          ) })
+        }
+      )
+    },
+    P + Math.random()
+  );
+}, re = (r, c) => {
+  const g = r.getIn([
+    "data",
+    "pageModuleProps"
+  ]), p = {};
+  return g && (p.pageModuleProps = g), p;
+}, ie = {}, me = Z(re, ie)(oe);
+export {
+  me as default
+};

package/dist/esm/embeddable/wrapped/index.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import i, { useState as r } from "react";
+const g = (a) => {
+  const [d, h] = r(Math.random() * 99998 + 1), {
+    "data-width": m,
+    "data-height": n,
+    "data-name": o,
+    parent: c,
+    editing: l,
+    component: s,
+    unique: u
+  } = a;
+  let e = () => /* @__PURE__ */ t("div", { children: "Not found" });
+  return e = i.lazy(() => import("../" + o + "/")), /* @__PURE__ */ t("div", { style: { width: "100%", height: n + "px" }, className: "parallax-container", children: /* @__PURE__ */ t(e, { ...a }) });
+};
+export {
+  g as default
+};

package/dist/esm/index.js

@@ -0,0 +1,31 @@
+import { components as s, customizer as p, getComponentByNameIgnoreCase as n, reducers as m } from "./embeddable/index.js";
+import { withTracker as f } from "./tracker/withGoogleAnalytics.js";
+import { store as x } from "./redux/store.js";
+import { useAppDispatch as u, useAppSelector as d } from "./redux/hooks.js";
+import { UPDATE as h, initialState as g, intlReducer as A, updateIntl as I } from "./lib/react-intl-redux/index.js";
+import { combineReducers as k } from "./lib/redux-immutable/index.js";
+import * as r from "./translations/en.json.js";
+import * as e from "./translations/fr.json.js";
+import * as o from "./translations/af.json.js";
+import { default as C } from "./lib/react-intl-redux/providers/Provider.js";
+import { default as R } from "./lib/react-intl-redux/providers/IntlProvider.js";
+export {
+  R as IntlProvider,
+  C as Provider,
+  h as UPDATE,
+  o as afrikaansTranslations,
+  k as combineReducers,
+  s as components,
+  p as customizer,
+  r as englishTranslations,
+  e as frenchTranslations,
+  n as getComponentByNameIgnoreCase,
+  g as initialState,
+  A as intlReducer,
+  m as reducers,
+  x as store,
+  I as updateIntl,
+  u as useAppDispatch,
+  d as useAppSelector,
+  f as withTracker
+};