@devgateway/dvz-ui-react 1.0.0

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

@@ -0,0 +1,46 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useEffect as f } from "react";
+import { Container as d } from "semantic-ui-react";
+import { setMeasures as h, cleanMeasures as g } from "../reducers/data.js";
+import { useAppDispatch as x, useAppSelector as C } from "../../redux/hooks.js";
+const A = (m) => {
+  const {
+    parent: N,
+    editing: S = !1,
+    unique: b,
+    "data-label": t,
+    "data-group": p,
+    "data-app": s,
+    "data-measures-groups": n
+  } = m;
+  let e;
+  const i = x(), u = C((a) => a.getIn(["data", "measures", s, p])), l = {
+    onReset: g,
+    onChange: h
+  };
+  if (n instanceof String || typeof n == "string" ? e = JSON.parse(decodeURIComponent(n)) : e = n, f(() => {
+    e && e[s] && e[s].forEach((a) => {
+      a.defaultSelected && i(l.onChange({ app: s, group: p, mGroup: a }));
+    });
+  }, []), e && e[s]) {
+    const a = e[s];
+    return /* @__PURE__ */ c(d, { className: "measures group", fluid: !0, children: [
+      t && /* @__PURE__ */ r("span", { children: t }),
+      a.map((o) => /* @__PURE__ */ c("div", { className: "inputs lists", onClick: () => i(l.onChange({ app: s, group: p, mGroup: o })), children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            readOnly: !0,
+            checked: !!(u && u.idx == o.idx),
+            type: "radio"
+          }
+        ),
+        /* @__PURE__ */ r("span", { children: o.label })
+      ] }, o.idx))
+    ] });
+  } else
+    return /* @__PURE__ */ r(d, { className: "measures group", fluid: !0, children: t && /* @__PURE__ */ r("span", { children: t }) });
+};
+export {
+  A as default
+};

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

@@ -0,0 +1,46 @@
+import { jsx as t, jsxs as r, Fragment as x } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { MenuProvider as g, MenuConsumer as w } from "@devgateway/wp-react-lib";
+import { injectIntl as S } from "react-intl";
+import { Container as _, Menu as a } from "semantic-ui-react";
+import { decode as M } from "../utils/parseUtils.js";
+const v = (e, i) => e ? e.substr(e.indexOf("/wp") + 3).startsWith("/" + i) ? e.substr(e.indexOf("/wp") + 3) : "/" + i + e.substr(e.indexOf("/wp") + 3) : "", C = S((e) => {
+  const { menu: i, locale: d, match: h, selected: l, active: o, showIcons: s, onSetSelected: c } = e;
+  return /* @__PURE__ */ t(x, { children: i && i.items.map((n, m) => /* @__PURE__ */ r(
+    a.Item,
+    {
+      className: `divided ${n.child_items ? "has-child-items" : ""} 
+                    ${l && l.ID == n.ID ? "selected" : ""}  
+                    ${o == n.slug ? "active" : ""}`,
+      children: [
+        /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t("a", { href: v(n.url, d), children: n.title }) }),
+        n.child_items && n.child_items.map((u, p) => /* @__PURE__ */ t(a.Item, { children: " " }))
+      ]
+    }
+  )) });
+}), q = (e) => {
+  const {
+    intl: i,
+    parent: d,
+    editing: h = !1,
+    unique: l,
+    onChange: o,
+    "data-name": s = "main",
+    "data-label": c,
+    "data-icon": n,
+    "data-icon-id": m,
+    "data-show-icons": u,
+    "data-show-labels": p,
+    locale: f
+  } = e, [N, I] = b(null);
+  return /* @__PURE__ */ t(_, { fluid: !0, textAlign: "right", children: s && s != "" && /* @__PURE__ */ r(a, { className: "inline", size: "small", children: [
+    /* @__PURE__ */ r(a.Item, { header: !0, children: [
+      n && /* @__PURE__ */ t("img", { src: M(n), className: "icon" }),
+      c && /* @__PURE__ */ t("span", { className: "label", children: c })
+    ] }),
+    /* @__PURE__ */ t(g, { slug: s, locale: f, children: /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(C, { onSetSelected: I }) }) })
+  ] }) });
+};
+export {
+  q as default
+};

package/dist/esm/embeddable/new-time-line/index.js

@@ -0,0 +1,84 @@
+import { jsx as t, jsxs as W } from "react/jsx-runtime";
+import { PostProvider as $, PostConsumer as p } from "@devgateway/wp-react-lib";
+import j from "../connected-templates/PostIntro.js";
+import { useState as J } from "react";
+import { Container as c } from "semantic-ui-react";
+import { CarouselProvider as L, Slider as O, Slide as T } from "pure-react-carousel";
+import U from "./timeline.js";
+const _ = (r) => {
+  let a = 0;
+  const { posts: i, height: n, interval: d, autoSwitch: o, currentSlide: l } = r;
+  return /* @__PURE__ */ t(
+    L,
+    {
+      currentSlide: l,
+      interval: d,
+      isPlaying: o,
+      totalSlides: i.length,
+      children: /* @__PURE__ */ t(O, { style: { height: `${n}px` }, tag: "ul", children: i.map((s) => /* @__PURE__ */ t(T, { index: a++, tag: "li", children: /* @__PURE__ */ t(j, { post: s, fluid: !0 }) })) })
+    }
+  );
+}, G = (r) => {
+  const {
+    "data-type": a,
+    "data-taxonomy": i,
+    "data-categories": n,
+    "data-count": d,
+    "data-height": o,
+    "data-line-color": l = "#000",
+    "data-config": s = "{}",
+    "data-position": u = "middle",
+    "data-line-width": f = "1",
+    "data-margin-left": S = 50,
+    "data-margin-top": C = 25,
+    "data-margin-right": x = 50,
+    "data-margin-bottom": P = 25,
+    "data-font-size": y = 14,
+    "data-title-width": w = 100,
+    "data-subtitle-width": N = 50,
+    editing: m,
+    parent: v,
+    unique: b
+  } = r, [h, z] = J([0]), g = (e) => m ? e : decodeURIComponent(e), I = (e) => JSON.parse(g(e)), R = {
+    marginLeft: S,
+    marginTop: C,
+    marginRight: x,
+    marginBottom: P,
+    lineWidth: f,
+    height: 150,
+    position: u,
+    lineColor: g(l),
+    config: JSON.parse(decodeURIComponent(s)),
+    fontSize: y,
+    titleWidth: w,
+    subtitleWidth: N
+  };
+  return /* @__PURE__ */ t(
+    c,
+    {
+      style: { height: `${o}px` },
+      className: "viz new-time-line ",
+      fluid: !0,
+      children: /* @__PURE__ */ W(
+        $,
+        {
+          type: a,
+          taxonomy: i,
+          categories: I(n),
+          store: "carousel_" + v + "_" + b,
+          page: 1,
+          perPage: d,
+          children: [
+            /* @__PURE__ */ t(c, { className: "carousel-section", children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(_, { currentSlide: h, height: o - 250, interval: 5, autoSwitch: !1 }) }) }),
+            /* @__PURE__ */ t(c, { className: "time-line-section", children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(U, { currentSlide: h, onSelectSlide: (e) => {
+              z(e);
+            }, ...R }) }) })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  G as default
+};

package/dist/esm/embeddable/new-time-line/timeline.js

@@ -0,0 +1,68 @@
+import { jsx as $ } from "react/jsx-runtime";
+import { useRef as K, useState as M, useEffect as Q } from "react";
+import * as n from "d3";
+const ot = ({
+  posts: s,
+  position: u,
+  lineWidth: v,
+  meta: U,
+  locale: V,
+  lineColor: T,
+  height: i,
+  config: o,
+  marginLeft: j,
+  marginTop: z,
+  marginRight: D,
+  marginBottom: I,
+  fontSize: f,
+  titleWidth: x,
+  subtitleWidth: w,
+  onSelectSlide: X,
+  currentSlide: E
+}) => {
+  const p = K(), [Z, H] = M(!1), [tt, N] = M(null), P = (r) => o[r].position, k = (r) => o[r].connectorLineHeight, _ = (r) => o[r].subtitleOffset, G = (r) => o[r].titleOffset, m = (r) => o[r].circleColor, R = (r) => o[r].lineColor, A = (r) => o[r].titleColor, S = (r) => o[r].labelColor, W = (r) => o[r].size, Y = (r) => o[r].readMoreLabel;
+  return Q(() => {
+    const r = { top: z, right: D, bottom: I, left: j };
+    let d = i / 2;
+    u == "middle" && (d = i / 2), u == "top" && (d = r.top), u == "bottom" && (d = i - r.bottom);
+    const C = p.current.clientWidth, q = i, l = n.scaleLinear().domain([0, s.length - 1]).range([r.left, C - r.right]), O = n.line(), B = [[l(0), 0], [l(s.length - 1), 0]], F = O(B), h = n.select(p.current);
+    h.attr("width", C).attr("height", q);
+    const J = (e) => {
+      X(e);
+    };
+    h.node().parentNode;
+    const y = (e, t) => {
+      const c = [e.event.pageX + 30, e.event.pageY - 30], L = 600;
+      e.event.pageX + L + 30 > window.innerWidth && (c[0] = e.event.pageX - L - 30), H(!0), N({ data: e, index: t, position: c }), n.selectAll("#circle" + t).style("stroke", m(t)).style("fill", "#fff"), n.selectAll("#label" + t).style("font-weight", "bold");
+    }, b = (e, t) => {
+      n.selectAll("#circle" + t).style("stroke", "none").style("fill", m(t)), n.selectAll("#label" + t).style("font-weight", "normal");
+    }, a = h.append("g");
+    a.attr("transform", `translate(0,${d})`), a.append("path").attr("d", F).attr("stroke-width", v).attr("stroke", T), a.selectAll(".tick").data(s).enter().append("path").attr("d", (e, t) => O([[l(t), 0], [l(t), P(t) === "top" ? k(t) * -1 : k(t)]])).attr("stroke-width", v).attr("stroke", (e, t) => R(t)).on("mouseover", function(e, t) {
+    }), a.selectAll(".label").data(s).enter().append("foreignObject").attr("id", (e, t) => "label" + t).attr("x", function(e, t) {
+      return l(t) - w / 2;
+    }).attr("width", w).attr("height", "50px").attr("overflow", "visible").style("opacity", 1).attr("y", (e, t) => _(t)).append("xhtml:div").style("color", (e, t) => S(t)).style("font-size", parseInt(f) - 2 + "px").style("line-height", "100%").style("text-align", "center").html((e, t) => e.meta_fields.subtitle).on("mouseover", (e, t) => {
+      y(e, t);
+    }).on("mouseout", (e, t) => {
+      b(e, t);
+    }), a.selectAll(".title").data(s).enter().append("foreignObject").attr("x", function(e, t) {
+      return l(t) - x / 2;
+    }).attr("width", x).attr("height", "50px").attr("overflow", "visible").style("opacity", 1).attr("y", (e, t) => G(t)).append("xhtml:div").style("font-size", parseInt(f) + 1 + "px").style("color", (e, t) => A(t)).style("font-weight", (e) => "bold").style("line-height", "100%").style("text-align", "center").html((e, t) => {
+      const g = Y(t);
+      let c = e.title.rendered;
+      return g && (c += `<br><a href="${e.link}" target="_blank" style="font-size:${parseInt(f) - 3}px;color:${A(t)}">${g}</a>`), c;
+    }).on("mouseover", (e, t) => {
+      y(e, t);
+    }).on("mouseout", (e, t) => {
+      b(e, t);
+    }), a.selectAll(".circle").data(s).enter().append("circle").attr("class", (e, t) => t == E ? "active" : "normal").attr("cx", (e, t) => l(t)).attr("cy", 0).attr("id", (e, t) => "circle" + t).attr("r", (e, t) => W(t)).style("stroke-width", 3).style("fill", (e, t) => m(t)).on("mouseover", function(e, t) {
+      y(e, t);
+    }).on("mouseout", function(e, t) {
+      b(e, t);
+    }).on("click", function(e, t) {
+      J(t);
+    });
+  }, []), /* @__PURE__ */ $("div", { className: "line", children: /* @__PURE__ */ $("svg", { height: i, width: "100%", ref: p }) });
+};
+export {
+  ot as default
+};

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

@@ -0,0 +1,51 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import "react";
+import { Input as f, Button as v, Message as c } from "semantic-ui-react";
+import { connect as x } from "react-redux";
+import { setEmail as S, newsletterSubscription as C } from "../reducers/embeddable.js";
+const I = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/, P = (e) => {
+  const a = () => {
+    const { email: s, list: i, tag: b } = e;
+    e.onSubmit({ email: s, list: i, tag: b });
+  }, {
+    status: l,
+    editing: o,
+    list: k,
+    placeholder: d = "enter your email address",
+    successmessage: u = "Thanks",
+    failuremessage: g = "Something didn't go well",
+    label: p = "Send",
+    tag: y,
+    email: r,
+    onChange: h
+  } = e;
+  let n = "";
+  (l === "OK" || o) && (n = /* @__PURE__ */ t(c, { success: !0, children: /* @__PURE__ */ t("p", { children: u }) })), (l === "ERROR" || o) && (n = /* @__PURE__ */ t(c, { negative: !0, children: /* @__PURE__ */ t("p", { children: g }) }));
+  const w = I.test(r);
+  return /* @__PURE__ */ m("div", { className: "viz newsLetter", children: [
+    /* @__PURE__ */ m("div", { className: "viz newsLetter form", children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          icon: "envelope",
+          name: "email",
+          value: r,
+          onChange: (s, i) => h(i.value),
+          iconPosition: "left",
+          placeholder: d
+        }
+      ),
+      /* @__PURE__ */ t(v, { disabled: !w, primary: !0, onClick: (s) => a(), children: p })
+    ] }),
+    n
+  ] });
+}, R = (e, a) => ({
+  status: e.getIn(["embeddable", "newsletter", "status"]),
+  email: e.getIn(["embeddable", "newsletter", "email"])
+}), j = {
+  onSubmit: C,
+  onChange: S
+}, T = x(R, j)(P);
+export {
+  T as default
+};

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

@@ -0,0 +1,36 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Container as p, Segment as u, Grid as d } from "semantic-ui-react";
+import { PageProvider as g, PageConsumer as y, PostIntro as _ } from "@devgateway/wp-react-lib";
+import { injectIntl as f } from "react-intl";
+const I = ({ pages: r, columns: o }) => {
+  const t = r ? r.sort((l, a) => l.menu_order - a.menu_order) : [], i = t.length / parseInt(o) + (t.length % parseInt(o) > 0 ? 1 : 0);
+  let n = -1;
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { columns: o, children: [...Array(parseInt(i)).keys()].map((l, a) => /* @__PURE__ */ e(d.Row, { children: [...Array(parseInt(o)).keys()].map((s, c) => (n++, /* @__PURE__ */ e(d.Column, { children: /* @__PURE__ */ e(_, { as: "div", post: t[n] }) }, s))) }, a)) }) });
+}, P = (r) => {
+  const {
+    "data-height": o,
+    "data-style": t,
+    "data-columns": i,
+    "data-parent": n,
+    editing: l,
+    component: a,
+    unique: s,
+    intl: { locale: c }
+  } = r, h = { style: t, columns: i };
+  return /* @__PURE__ */ m(p, { fluid: !0, className: `viz dashboard gallery ${t}`, children: [
+    n && /* @__PURE__ */ e(
+      g,
+      {
+        locale: c,
+        parent: n,
+        store: "gallery_" + r.parent + "_" + r.unique,
+        perPage: 100,
+        children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(I, { ...h }) })
+      }
+    ),
+    !n && /* @__PURE__ */ e(u, { color: "red", children: "No child pages here" })
+  ] });
+}, b = f(P);
+export {
+  b as default
+};

package/dist/esm/embeddable/pagemodules/FloatingNavigator.js

@@ -0,0 +1,30 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import "react";
+import { Menu as i, Image as a, Label as m } from "semantic-ui-react";
+function d(t) {
+  const r = () => 10, o = t ? document.getElementById(t) : null;
+  if (o) {
+    const c = o.getBoundingClientRect().top + window.pageYOffset;
+    window.scroll({
+      top: c - r(),
+      behavior: "smooth"
+    });
+  }
+}
+const f = function(t) {
+  return t ? t.toString().replace(/&#(\d+);/g, function(r, o) {
+    return String.fromCharCode(o);
+  }) : "";
+}, g = (t) => {
+  const { contextRef: r, sections: o = [], navTitle: c, toTopLabel: s } = t;
+  return /* @__PURE__ */ n("div", { className: "left navigator", children: /* @__PURE__ */ l(i, { vertical: !0, children: [
+    /* @__PURE__ */ n(i.Item, { header: !0, children: c }),
+    o.map((e) => /* @__PURE__ */ l(i.Item, { active: e.active, onClick: () => d(e.id), children: [
+      e.iconComponent ? e.iconComponent : /* @__PURE__ */ n(a, { src: e.icon }),
+      /* @__PURE__ */ n(m, { basic: !0, children: f(e.label) })
+    ] }, e.label))
+  ] }) });
+};
+export {
+  g as default
+};

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

@@ -0,0 +1,129 @@
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { Menu as h, Image as x, Container as b } from "semantic-ui-react";
+import { InView as M } from "react-intersection-observer";
+import T, { useEffect as N, useState as S, useCallback as I } from "react";
+import { PageProvider as w, PageConsumer as k, MediaProvider as P, MediaConsumer as p, PostContent as y } from "@devgateway/wp-react-lib";
+import { injectIntl as H } from "react-intl";
+import { connect as L } from "react-redux";
+import { setPageModuleProps as $ } from "../reducers/data.js";
+import j from "./FloatingNavigator.js";
+const _ = function(e) {
+  return e ? e.toString().replace(/&#(\d+);/g, function(n, o) {
+    return String.fromCharCode(o);
+  }) : "";
+}, E = ({ title: e, subtitle: n, icon: o, media: r }) => /* @__PURE__ */ f(h, { className: "header title", text: !0, children: [
+  /* @__PURE__ */ t(h.Item, { children: /* @__PURE__ */ t(
+    x,
+    {
+      src: r && r.guid ? r.guid.rendered : o,
+      alt: r && r.alt_text ? r.alt_text : ""
+    }
+  ) }),
+  /* @__PURE__ */ t(h.Header, { children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ f("h2", { className: "page-module-title", children: [
+    e,
+    /* @__PURE__ */ t("span", { style: { display: "block" }, className: "page-module-subtitle", children: n })
+  ] }) }) })
+] }), O = (e) => {
+  var n;
+  return /* @__PURE__ */ t("img", { src: (n = e.media) != null && n.guid ? e.media.guid.rendered : null, alt: "" });
+}, R = ({ page: e }) => {
+  var n;
+  return /* @__PURE__ */ f(b, { fluid: !0, className: `section ${e.slug}`, id: e.id, children: [
+    /* @__PURE__ */ t("div", { id: `${e.slug}` }),
+    /* @__PURE__ */ t(P, { id: (n = e.meta_fields) != null && n.icon ? e.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(E, { title: _(e.title.rendered), subtitle: _(e.meta_fields.subtitle) }) }) }),
+    e && /* @__PURE__ */ t(y, { as: b, fluid: !0, post: e })
+  ] });
+}, q = ({ pages: e, locale: n, editing: o, navTitle: r, toTopLabel: d }) => {
+  const [c, l] = S([]), s = I((i, {
+    // @ts-ignore
+    direction: a = "down",
+    onScreen: g
+  }) => {
+    l(g ? (u) => u.indexOf(i) === -1 ? [...u, i] : u : (u) => u.filter((C) => C !== i));
+  }, []), m = e ? e.sort((i, a) => i.menu_order - a.menu_order) : [], v = m.map((i) => {
+    var a;
+    return {
+      active: c.includes(i.id),
+      id: i.id,
+      label: i.meta_fields.label ? i.meta_fields.label : i.title.rendered,
+      iconComponent: /* @__PURE__ */ t(P, { id: (a = i.meta_fields) != null && a.icon ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(O, {}) }) })
+    };
+  });
+  return /* @__PURE__ */ f(T.Fragment, { children: [
+    !o && /* @__PURE__ */ t(j, { navTitle: r, toTopLabel: d, sections: v }),
+    /* @__PURE__ */ t("div", { className: "pages", children: m.map((i) => /* @__PURE__ */ t(
+      M,
+      {
+        as: "div",
+        onChange: (a, g) => s(i.id, {
+          onScreen: a,
+          direction: g.boundingClientRect.top < 0 ? "up" : "down"
+        }),
+        children: /* @__PURE__ */ t(
+          R,
+          {
+            locale: n,
+            page: i,
+            onVisibilityUpdate: s
+          }
+        )
+      },
+      i.id
+    )) })
+  ] });
+}, D = (e) => {
+  const {
+    navTitle: n,
+    toTopLabel: o,
+    editing: r,
+    parent: d,
+    unique: c,
+    locale: l,
+    onLoadPageModule: s
+  } = e;
+  return N(() => {
+    s({ data: e });
+  }, [e]), /* @__PURE__ */ t(b, { className: "viz dashboard green", fluid: !0, children: e.parent && /* @__PURE__ */ t(
+    w,
+    {
+      locale: l,
+      parent: e.parent,
+      store: `modules_${d}_${c}`,
+      perPage: 100,
+      children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
+        q,
+        {
+          toTopLabel: o,
+          navTitle: n,
+          editing: r === "true",
+          locale: l
+        }
+      ) })
+    }
+  ) });
+}, V = (e, n) => {
+  let {
+    "data-nav-label": o = "Sections",
+    "data-to-top-label": r = "TO THE TOP",
+    "data-preview-mode": d = "Desktop",
+    editing: c,
+    parent: l,
+    unique: s,
+    intl: { locale: m }
+  } = n;
+  return d === "undefined" && (d = "Desktop"), {
+    navTitle: o,
+    toTopLabel: r,
+    previewMode: d,
+    editing: c,
+    parent: l,
+    unique: s,
+    locale: m
+  };
+}, z = {
+  onLoadPageModule: $
+}, X = L(V, z)(H(D));
+export {
+  E as SectionHeader,
+  X as default
+};

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

@@ -0,0 +1,52 @@
+import { jsx as e } from "react/jsx-runtime";
+import i, { useState as u, useRef as y } from "react";
+import { Container as g } from "semantic-ui-react";
+import { PostProvider as x, PostConsumer as P } from "@devgateway/wp-react-lib";
+import { Parallax as k, ParallaxLayer as R } from "@react-spring/parallax";
+import C from "../connected-templates/PostContent.js";
+import { parse as S } from "../utils/parseUtils.js";
+const v = ({ posts: a, configuration: o }) => {
+  const s = (t) => t.sticky ? {
+    sticky: {
+      start: t.sticky ? t.stickyStart : t.offset,
+      end: t.sticky ? t.stickyEnd : t.offset
+    }
+  } : {
+    offset: t.offset,
+    speed: t.speed
+  };
+  return /* @__PURE__ */ e(i.Fragment, { children: a && a.map((t, r) => /* @__PURE__ */ e(i.Fragment, { children: o && o[r] && /* @__PURE__ */ e(
+    R,
+    {
+      ...s(o[r]),
+      children: /* @__PURE__ */ e(C, { as: g, fluid: !0, post: t })
+    },
+    "parallax_" + r
+  ) })) });
+}, M = (a) => {
+  const [o, s] = u(Math.random() * 99998 + 1), {
+    "data-height": t,
+    "data-type": r,
+    "data-taxonomy": l,
+    "data-categories": n,
+    "data-scrolls": m,
+    "data-configuration": p,
+    parent: d,
+    unique: c
+  } = a, h = S(p), f = y(null);
+  return /* @__PURE__ */ e("div", { style: { width: "100%", height: t + "px" }, className: "parallax-container", children: /* @__PURE__ */ e(k, { ref: f, pages: m, children: /* @__PURE__ */ e(
+    x,
+    {
+      type: r,
+      taxonomy: l,
+      categories: n,
+      store: "parallax" + d + "_" + c,
+      page: 1,
+      perPage: 50,
+      children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(v, { configuration: h }) })
+    }
+  ) }) });
+};
+export {
+  M as default
+};

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

@@ -0,0 +1,52 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { PostProvider as p, PostConsumer as g, PostIntro as m } from "@devgateway/wp-react-lib";
+import { Container as f } from "semantic-ui-react";
+import { CarouselProvider as x, Slider as y, Slide as P, DotGroup as S } from "pure-react-carousel";
+const v = (r) => {
+  let o = 0;
+  const { posts: e, height: a, interval: s, autoSwitch: i } = r;
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ c(
+      x,
+      {
+        interval: s,
+        isPlaying: i,
+        totalSlides: e.length,
+        naturalSlideHeight: a,
+        children: [
+          /* @__PURE__ */ t(y, { style: { height: `${a}px` }, trayTag: "ul", children: e.map((l) => /* @__PURE__ */ t(P, { index: o++, tag: "li", children: /* @__PURE__ */ t(m, { post: l, fluid: !0 }) })) }),
+          /* @__PURE__ */ t(S, {})
+        ]
+      }
+    )
+  );
+}, _ = (r) => {
+  const {
+    "data-type": o,
+    "data-taxonomy": e,
+    "data-categories": a,
+    "data-items": s,
+    "data-height": i,
+    "data-auto-switch": l = "false",
+    "data-interval": n = 1e4,
+    editing: d,
+    parent: u,
+    unique: h
+  } = r;
+  return /* @__PURE__ */ t(f, { style: { height: `${i}px` }, className: `viz post carousel ${d ? "editing" : ""}`, fluid: !0, children: /* @__PURE__ */ t(
+    p,
+    {
+      type: o,
+      taxonomy: e,
+      categories: a,
+      store: "carousel_" + u + "_" + h,
+      page: 1,
+      perPage: s,
+      children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(v, { height: i, interval: n, autoSwitch: l == "true" }) })
+    }
+  ) });
+};
+export {
+  _ as default
+};

package/dist/esm/embeddable/reducers/data-api.js

@@ -0,0 +1,17 @@
+import { Config as s } from "../../conf/index.js";
+import { get as n } from "../../api/commons.js";
+const r = s.REACT_APP_API_ROOT;
+function i(o) {
+  return Object.keys(o).map((t) => encodeURIComponent(t) + "=" + encodeURIComponent(o[t])).join("&");
+}
+const f = ({ app: o, params: t }) => {
+  const e = `${r ?? ""}/api/${o}/categories${t ? "?" + i(t) : ""}`;
+  return n(e);
+}, g = ({ source: o, app: t, params: e }) => {
+  const c = `${r ?? ""}/api/${t}/stats/${o}${e ? "?" + i(e) : ""}`;
+  return n(c);
+};
+export {
+  f as getCategories,
+  g as getData
+};