@devgateway/dvz-ui-react 1.8.8 → 1.9.0

package/dist/esm/embeddable/data/DataProvider.js

@@ -1,160 +1,98 @@
-import { jsx as d, jsxs as L } from "react/jsx-runtime";
-import w from "react";
-import { connect as I } from "react-redux";
-import { injectIntl as k } from "react-intl";
-import { DataContext as F } from "./DataContext.js";
-import { getData as O, setData as v } from "../reducers/data.js";
-import { Container as m, Segment as p, Dimmer as C, Loader as N } from "semantic-ui-react";
+import { jsx as o, jsxs as L } from "react/jsx-runtime";
+import D from "react";
+import { connect as y } from "react-redux";
+import { DataContext as w } from "./DataContext.js";
+import { getData as _, setData as I } from "../reducers/data.js";
+import { Container as u, Segment as p, Dimmer as F, Loader as x } from "semantic-ui-react";
 import A from "../../_virtual/debounce.js";
-class J extends w.Component {
-  constructor() {
-    super(), this.state = {
+class O extends D.Component {
+  constructor(t) {
+    super(t), this.state = {
       showLoading: !1
-    }, this.checkLoadingTime = this.checkLoadingTime.bind(this), this.debounces = [];
+    }, this.checkLoadingTime = this.checkLoadingTime.bind(this), this._debouncedLoad = A((i) => {
+      this.setState({ showLoading: !1 }), this.props.onLoadData(i), this.dataLoaded = !0, this._scheduleLoadingCheck();
+    }, 400);
   }
-  debouncedLoadData(t, i) {
-    const a = A((e) => {
-      console.log(`🔄 [DataProvider] Debounced load triggered (${t}ms delay)`, {
-        args: e,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      }), this.setState({ showLoading: !1 }), this.props.onLoadData(e), this.dataLoaded = !0, this.checkLoadingTime = this.checkLoadingTime.bind(this), setTimeout(this.checkLoadingTime, 0);
-    }, t);
-    this.debounces.push(a(i));
+  // Centralised helper so every recursive checkLoadingTime call is tracked
+  // and can be cancelled on unmount, preventing setState on unmounted components.
+  _scheduleLoadingCheck() {
+    clearTimeout(this._loadingCheckTimeout), this._loadingCheckTimeout = setTimeout(this.checkLoadingTime, 100);
   }
   componentDidMount() {
-    const { app: t, source: i, store: a, params: e, csv: h, group: s, editing: o, waitForFilters: n = !1 } = this.props;
-    t === "csv" ? this.props.onSetData({ app: t, csv: h, store: a, params: e, group: s }) : (this.setState({ showLoading: !1 }), !n || o ? (console.log("📥 [DataProvider] Initial data load triggered", {
-      app: t,
-      source: i,
-      store: a,
-      params: e,
-      group: s,
-      waitForFilters: n,
-      editing: o,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: s }), setTimeout(this.checkLoadingTime, 100)) : console.log("⏳ [DataProvider] Waiting for filters before loading data", {
-      app: t,
-      source: i,
-      store: a,
-      params: e,
-      group: s,
-      waitForFilters: n,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    })), !o && n && (this.fallbackTimeout = setTimeout(() => {
-      this.dataLoaded || (console.warn("⚠️ [DataProvider] Fallback loading triggered - filters took too long", {
-        app: t,
-        source: i,
-        store: a,
-        params: e,
-        group: s,
-        dataLoaded: this.dataLoaded,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      }), this.setState({ showLoading: !1 }), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: s }), setTimeout(this.checkLoadingTime, 100));
+    const { app: t, source: i, store: a, params: e, csv: h, group: l, editing: s, waitForFilters: n = !1 } = this.props;
+    t === "csv" ? this.props.onSetData({ app: t, csv: h, store: a, params: e, group: l }) : (this.setState({ showLoading: !1 }), (!n || s) && (this.props.onLoadData({ app: t, source: i, store: a, params: e, group: l }), this._scheduleLoadingCheck())), !s && n && (this.fallbackTimeout = setTimeout(() => {
+      this.dataLoaded || (this.setState({ showLoading: !1 }), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: l }), this._scheduleLoadingCheck());
     }, 1e3));
   }
   componentWillUnmount() {
-    clearTimeout(this.fallbackTimeout), clearTimeout(this.debounceTimeout), this.debounces.forEach((t) => t ? t.cancel() : null);
+    clearTimeout(this.fallbackTimeout), clearTimeout(this.debounceTimeout), clearTimeout(this._loadingCheckTimeout), this._debouncedLoad.cancel();
   }
   componentDidUpdate(t, i, a) {
     const {
       app: e,
       filters: h,
-      apply: s,
-      source: o,
+      apply: l,
+      source: s,
       store: n,
-      params: r,
+      params: d,
       csv: g,
-      group: l,
-      autoApply: T,
-      editing: u,
-      lastInitialFilterChange: b,
-      lastUserFilterChange: y
-    } = this.props, f = b !== t.lastInitialFilterChange, S = y !== t.lastUserFilterChange;
-    let D = !1;
-    s != null && s != t.apply && (D = !0), T !== !1 ? (h != t.filters || JSON.stringify(r) != JSON.stringify(t.params) || e != t.app || JSON.stringify(t.source) != JSON.stringify(o) || g != t.csv) && (e === "csv" ? this.props.onSetData({ app: e, csv: g, store: n, params: r, group: l }) : (this.setState({ showLoading: !0 }), u && this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), f && this.props.waitForFilters ? (clearTimeout(this.debounceTimeout), clearTimeout(this.fallbackTimeout), this.debounceTimeout = setTimeout(() => {
-      this.dataLoaded = !0, this.setState({ showLoading: !1 }), console.log("🔄 [DataProvider] Loading data after initial filter setup", {
-        app: e,
-        source: o,
-        store: n,
-        params: r,
-        group: l,
-        filters: h,
-        debounceDelay: "100ms",
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      }), this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), setTimeout(this.checkLoadingTime, 100);
-    }, 100)) : S ? (console.log("🔧 [DataProvider] User filter change detected", {
-      currentFilters: h,
-      previousFilters: t.filters,
-      currentParams: r,
-      previousParams: t.params,
-      app: e,
-      source: o,
-      store: n,
-      group: l,
-      debounceDelay: "400ms",
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), this.setState({ showLoading: !1 }), this.debouncedLoadData(400, { app: e, source: o, store: n, params: r, group: l }), setTimeout(this.checkLoadingTime, 100)) : !u && (JSON.stringify(r) !== JSON.stringify(t.params) || e !== t.app || JSON.stringify(o) !== JSON.stringify(t.source)) ? (this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), setTimeout(this.checkLoadingTime, 100)) : console.log("ℹ️ [DataProvider] Component updated but no filter changes detected", {
-      initialChanged: f,
-      userChanged: S,
-      waitForFilters: this.props.waitForFilters,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }))) : D && (console.log("🔄 [DataProvider] Manual reload triggered (apply button)", {
-      app: e,
-      source: o,
-      store: n,
-      params: r,
-      group: l,
-      apply: s,
-      previousApply: t.apply,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), this.setState({ showLoading: !1 }), setTimeout(this.checkLoadingTime, 100));
+      group: c,
+      autoApply: C,
+      editing: m,
+      lastInitialFilterChange: T,
+      lastUserFilterChange: k
+    } = this.props, S = T !== t.lastInitialFilterChange, b = k !== t.lastUserFilterChange;
+    let f = !1;
+    l != null && l != t.apply && (f = !0), C !== !1 ? (h != t.filters || JSON.stringify(d) != JSON.stringify(t.params) || e != t.app || s !== t.source || g != t.csv) && (e === "csv" ? this.props.onSetData({ app: e, csv: g, store: n, params: d, group: c }) : (this.setState({ showLoading: !0 }), m && this.props.onLoadData({ app: e, source: s, store: n, params: d, group: c }), S && this.props.waitForFilters ? (clearTimeout(this.debounceTimeout), clearTimeout(this.fallbackTimeout), this.debounceTimeout = setTimeout(() => {
+      this.dataLoaded = !0, this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: s, store: n, params: d, group: c }), this._scheduleLoadingCheck();
+    }, 100)) : b ? (this.setState({ showLoading: !1 }), this._debouncedLoad({ app: e, source: s, store: n, params: d, group: c }), this._scheduleLoadingCheck()) : !m && (JSON.stringify(d) !== JSON.stringify(t.params) || e !== t.app || s !== t.source) && (this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: s, store: n, params: d, group: c }), this._scheduleLoadingCheck()))) : f && (this.props.onLoadData({ app: e, source: s, store: n, params: d, group: c }), this.setState({ showLoading: !1 }), this._scheduleLoadingCheck());
   }
   checkLoadingTime() {
-    const { data: t, loading: i, time: a, error: e, verbose: h = !0 } = this.props, s = Date.now() - a;
-    i && a && s > 1e3 ? this.setState({ showLoading: !0 }) : i && setTimeout(this.checkLoadingTime, 100);
+    const { loading: t, time: i } = this.props, a = Date.now() - i;
+    t && i && a > 1e3 ? this.setState({ showLoading: !0 }) : t && (this._loadingCheckTimeout = setTimeout(this.checkLoadingTime, 100));
   }
   render() {
-    const { data: t, style: i, loading: a, time: e, error: h, editing: s, isSvg: o, verbose: n = !0 } = this.props;
-    if (a && this.state.showLoading && !s) {
-      const r = {
+    const { data: t, style: i, loading: a, time: e, error: h, editing: l, isSvg: s } = this.props;
+    if (a && this.state.showLoading && !l) {
+      const n = {
         width: "100%",
         height: "100%",
         background: "transparent",
         verticalAlign: "middle",
         overflow: "hidden"
-      }, g = Object.assign({}, i, {
+      }, d = Object.assign({}, i, {
         height: "90%",
         background: "transparent",
         textAlign: "center",
         margin: "30px"
-      }), l = /* @__PURE__ */ d(p, { basic: !0, padded: !0, style: g, children: /* @__PURE__ */ d(C, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ d(N, { size: "medium", style: { background: "transparent" } }) }) });
-      return o ? /* @__PURE__ */ d("foreignObject", { style: r, children: /* @__PURE__ */ d(m, { style: i, className: "loading", children: l }) }) : /* @__PURE__ */ d(m, { style: i, className: "loading", children: l });
+      }), g = /* @__PURE__ */ o(p, { basic: !0, padded: !0, style: d, children: /* @__PURE__ */ o(F, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ o(x, { size: "medium", style: { background: "transparent" } }) }) });
+      return s ? /* @__PURE__ */ o("foreignObject", { style: n, children: /* @__PURE__ */ o(u, { style: i, className: "loading", children: g }) }) : /* @__PURE__ */ o(u, { style: i, className: "loading", children: g });
     } else return h ? h ? /* @__PURE__ */ L(p, { color: "red", children: [
-      /* @__PURE__ */ d("h1", { children: "500" }),
-      /* @__PURE__ */ d("p", { children: "Wasn't able to load data" })
-    ] }) : /* @__PURE__ */ d(m, { children: /* @__PURE__ */ L(p, { color: "red", children: [
-      /* @__PURE__ */ d("h1", { children: "404" }),
-      /* @__PURE__ */ d("p", { children: "Can't find this page" })
-    ] }) }) : /* @__PURE__ */ d(F.Provider, { value: t, children: this.props.children });
+      /* @__PURE__ */ o("h1", { children: "500" }),
+      /* @__PURE__ */ o("p", { children: "Wasn't able to load data" })
+    ] }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ L(p, { color: "red", children: [
+      /* @__PURE__ */ o("h1", { children: "404" }),
+      /* @__PURE__ */ o("p", { children: "Can't find this page" })
+    ] }) }) : /* @__PURE__ */ o(w.Provider, { value: t, children: this.props.children });
   }
 }
-const x = (c, t) => {
+const v = (r, t) => {
   const { store: i, group: a, app: e } = t;
   return {
-    lastUserFilterChange: c.getIn(["data", "filters-settings", e, a, "lastUserFilterChange"]),
-    lastInitialFilterChange: c.getIn(["data", "filters-settings", e, a, "lastInitialFilterChange"]),
-    data: c.getIn(["data", ...i, "data"]),
-    filters: c.getIn(["data", "filters", e, a]),
-    autoApply: c.getIn(["data", "filters-settings", e, a, "autoApply"]),
-    apply: c.getIn(["data", "filters-settings", e, a, "apply"]),
-    error: c.getIn(["data", ...i, "error"]),
-    loading: c.getIn(["data", ...i, "loading"]),
-    time: c.getIn(["data", ...i, "time"])
+    lastUserFilterChange: r.getIn(["data", "filters-settings", e, a, "lastUserFilterChange"]),
+    lastInitialFilterChange: r.getIn(["data", "filters-settings", e, a, "lastInitialFilterChange"]),
+    data: r.getIn(["data", ...i, "data"]),
+    filters: r.getIn(["data", "filters", e, a]),
+    autoApply: r.getIn(["data", "filters-settings", e, a, "autoApply"]),
+    apply: r.getIn(["data", "filters-settings", e, a, "apply"]),
+    error: r.getIn(["data", ...i, "error"]),
+    loading: r.getIn(["data", ...i, "loading"]),
+    time: r.getIn(["data", ...i, "time"])
   };
-}, U = {
-  onSetData: v,
-  onLoadData: O
-}, q = I(x, U)(k(J));
+}, N = {
+  onSetData: I,
+  onLoadData: _
+}, $ = y(v, N)(O);
 export {
-  q as default
+  $ as default
 };

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

@@ -1,64 +1,67 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import z, { useState as y, useEffect as I } from "react";
-import { Container as A, Accordion as P, Icon as x, Grid as T, Segment as F, Label as _ } from "semantic-ui-react";
-import { PostProvider as q, PostConsumer as H, MediaProvider as M, MediaConsumer as L, PostIcon as N, PostContent as E, MediaContext as O, PostTitle as R } from "@devgateway/wp-react-lib";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import I, { useState as y, useEffect as _ } from "react";
+import { Container as A, Accordion as T, Icon as x, Grid as M, Segment as F, Label as P } from "semantic-ui-react";
+import { PostProvider as H, PostConsumer as q, MediaProvider as S, MediaConsumer as L, PostIcon as N, PostContent as E, MediaContext as O, PostTitle as R } from "@devgateway/wp-react-lib";
 import W from "../connected-templates/PostIntro.js";
 import { useWindowDimensionsAndDevice as j } from "../../lib/hooks/window-dimensions.js";
 import { connect as B } from "react-redux";
-const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
-  const h = n._embedded ? n._embedded["wp:featuredmedia"] : null, o = u ? u.source_url : h && h.length > 0 ? h[0].source_url : null;
-  return /* @__PURE__ */ d("div", { className: "cover", style: { backgroundImage: `url(${o || ""})` }, children: [
+const G = ({ post: n, onClick: d, active: s, moreLabel: u, mediaData: l }) => {
+  const h = n._embedded ? n._embedded["wp:featuredmedia"] : null, o = l ? l.source_url : h && h.length > 0 ? h[0].source_url : null;
+  return /* @__PURE__ */ m("div", { className: "cover", style: { backgroundImage: `url(${o || ""})` }, children: [
     /* @__PURE__ */ t(W, { post: n }),
-    s ? /* @__PURE__ */ d(_, { onClick: f, children: [
+    s ? /* @__PURE__ */ m(P, { onClick: d, children: [
       /* @__PURE__ */ t(x, { name: "arrow alternate circle left outline", size: "large" }),
       " Back "
-    ] }) : /* @__PURE__ */ d(_, { onClick: f, children: [
+    ] }) : /* @__PURE__ */ m(P, { onClick: d, children: [
       /* @__PURE__ */ t(x, { name: "search", size: "large" }),
       " ",
-      l
+      u
     ] })
   ] });
-}, U = ({ post: n }) => {
-  const l = new DOMParser().parseFromString(n.content.rendered, "text/html").querySelector("figure");
-  return l ? /* @__PURE__ */ t("div", { style: {
+}, U = I.memo(({ post: n }) => {
+  const d = I.useMemo(() => {
+    const l = new DOMParser().parseFromString(n.content.rendered, "text/html").querySelector("figure");
+    return l ? l.outerHTML : null;
+  }, [n.content.rendered]);
+  return d ? /* @__PURE__ */ t("div", { style: {
     flex: "0 0 40px"
-  }, dangerouslySetInnerHTML: { __html: l.outerHTML } }) : null;
-}, V = ({ posts: n, width: f, height: s, color: l, moreLabel: u, closeLabel: h }) => {
-  const [o, m] = y(null), [p, v] = y(!1), [C, b] = y([0, 0]), a = l.split(","), g = (i) => {
-    p ? (v(!1), m(i)) : (m(i), v(!0));
+  }, dangerouslySetInnerHTML: { __html: d } }) : null;
+}), V = ({ posts: n, width: d, height: s, color: u, moreLabel: l, closeLabel: h }) => {
+  const [o, f] = y(null), [p, v] = y(!1), [C, b] = y([0, 0]), a = u.split(","), g = (i) => {
+    p ? (v(!1), f(i)) : (f(i), v(!0));
   };
-  return I(() => {
+  return _(() => {
     o && b([window.scrollX, window.scrollY]), o == null && window.scrollTo(C[0], C[1]);
-  }, [o]), I(() => {
+  }, [o]), _(() => {
     window.setTimeout(() => {
       if (window.location.hash) {
         const i = window.location.hash.substr(1), e = document.getElementById(i);
-        e && n && n.map((r) => r.slug).indexOf(i) > -1 && (m(i), e.scrollIntoView({ behavior: "auto", block: "start" }));
+        e && n && n.map((r) => r.slug).indexOf(i) > -1 && (f(i), e.scrollIntoView({ behavior: "auto", block: "start" }));
       }
     }, 0);
-  }, [n]), /* @__PURE__ */ t(A, { fluid: !0, className: "featured tabs", style: { minHeight: `${s}px` }, children: /* @__PURE__ */ t(T, { stackable: !0, columns: o != null ? 1 : n == null ? void 0 : n.length, className: "desktop", children: n == null ? void 0 : n.map((i, e) => {
+  }, [n]), /* @__PURE__ */ t(A, { fluid: !0, className: "featured tabs", style: { minHeight: `${s}px` }, children: /* @__PURE__ */ t(M, { stackable: !0, columns: o != null ? 1 : n == null ? void 0 : n.length, className: "desktop", children: n == null ? void 0 : n.map((i, e) => {
     var r;
-    return /* @__PURE__ */ d(z.Fragment, { children: [
-      /* @__PURE__ */ d(
-        T.Column,
+    return /* @__PURE__ */ m(I.Fragment, { children: [
+      /* @__PURE__ */ m(
+        M.Column,
         {
           style: o == null ? { display: "block", visibility: "visible", backgroundColor: a[e] } : { display: "none", visibility: "hidden" },
           children: [
             /* @__PURE__ */ t("a", { id: i.slug }),
-            /* @__PURE__ */ t(M, { id: i.featured_media, children: /* @__PURE__ */ t(O.Consumer, { children: ({ media: c }) => /* @__PURE__ */ t(G, { post: i, mediaData: c, moreLabel: u, onClick: () => g(i.slug) }) }) })
+            /* @__PURE__ */ t(S, { id: i.featured_media, children: /* @__PURE__ */ t(O.Consumer, { children: ({ media: c }) => /* @__PURE__ */ t(G, { post: i, mediaData: c, moreLabel: l, onClick: () => g(i.slug) }) }) })
           ]
         }
       ),
-      /* @__PURE__ */ d(
-        T.Column,
+      /* @__PURE__ */ m(
+        M.Column,
         {
           className: "expanded",
           style: o != i.slug ? { display: "none", visibility: "hidden" } : { display: "block", visibility: "visible" },
           children: [
-            /* @__PURE__ */ d(F, { style: { backgroundColor: a[e] }, children: [
-              ((r = i.meta_fields) == null ? void 0 : r.icon) && /* @__PURE__ */ t(M, { id: i.meta_fields ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, {}) }) }),
+            /* @__PURE__ */ m(F, { style: { backgroundColor: a[e] }, children: [
+              ((r = i.meta_fields) == null ? void 0 : r.icon) && /* @__PURE__ */ t(S, { id: i.meta_fields ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, {}) }) }),
               /* @__PURE__ */ t(R, { as: "h2", post: i, className: "has-standard-36-font-size has-white-color" }),
-              /* @__PURE__ */ t(_, { className: "closeIcon", onClick: () => m(null), children: /* @__PURE__ */ t(x, { name: "times circle outline", size: "large" }) })
+              /* @__PURE__ */ t(P, { className: "closeIcon", onClick: () => f(null), children: /* @__PURE__ */ t(x, { name: "times circle outline", size: "large" }) })
             ] }),
             /* @__PURE__ */ t(
               E,
@@ -69,7 +72,7 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
                 style: { maxHeight: `calc(${s}px - 150px)` }
               }
             ),
-            /* @__PURE__ */ d(_, { className: "closeIconText", style: { backgroundColor: `${a[e]}` }, onClick: () => m(null), children: [
+            /* @__PURE__ */ m(P, { className: "closeIconText", style: { backgroundColor: `${a[e]}` }, onClick: () => f(null), children: [
               /* @__PURE__ */ t(x, { name: "times circle outline", size: "large" }),
               " ",
               h || "Close",
@@ -80,8 +83,8 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
       )
     ] }, i.slug);
   }) }) });
-}, Y = ({ posts: n, activeItem: f, setActive: s, color: l }) => {
-  const [u, h] = y(n.findIndex((e) => e.slug === f)), [o, m] = y(null), p = l.split(","), v = () => {
+}, Y = ({ posts: n, activeItem: d, setActive: s, color: u }) => {
+  const [l, h] = y(n.findIndex((e) => e.slug === d)), [o, f] = y(null), p = u.split(","), v = () => {
     var e;
     return ((e = window.screen.orientation) == null ? void 0 : e.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
   }, [C, b] = y(v()), a = () => {
@@ -93,7 +96,7 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
       k.querySelector(r) && k.classList.add(c);
     });
   };
-  I(() => {
+  _(() => {
     if (o) {
       const e = o.getBoundingClientRect().top + window.scrollY;
       window.scrollTo({
@@ -102,7 +105,7 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
       });
     }
     g(".ui.fluid.container.viz.featured.tabs", ".accordion .accordion-post-ft-title", "has-accordion-title"), g(".ui.fluid.container.viz.featured.tabs", ".accordion .accordion-post-vft-content", "has-accordion-content"), g(".ui.fluid.container.viz.featured.tabs", "blockquote", "has-blockquote"), g(".ui.fluid.container.viz.featured.tabs", ".vt-accordion-post-intro figure", "has-vt-accordion-figure"), g(".ui.fluid.container.viz.featured.tabs", ".content.active.accordion-post-content .wp-block-columns", "has-wp-block-columns");
-  }, [o]), I(() => (window.screen.orientation && window.screen.orientation.addEventListener(
+  }, [o]), _(() => (window.screen.orientation && window.screen.orientation.addEventListener(
     "change",
     a
   ), window.addEventListener("resize", a), () => {
@@ -112,23 +115,23 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
     );
   }), []);
   const i = (e, r) => {
-    const { index: c } = r, w = u === c ? -1 : c;
-    h(w), s(n[c].slug), w !== -1 && m(e.currentTarget);
+    const { index: c } = r, w = l === c ? -1 : c;
+    h(w), s(n[c].slug), w !== -1 && f(e.currentTarget);
   };
-  return /* @__PURE__ */ t(P, { fluid: !0, styled: !0, children: n.map((e, r) => {
+  return /* @__PURE__ */ t(T, { fluid: !0, styled: !0, children: n.map((e, r) => {
     var w;
     const c = (w = e.meta_fields) != null && w.icon ? e.meta_fields.icon[0] : null;
-    return /* @__PURE__ */ d(z.Fragment, { children: [
+    return /* @__PURE__ */ m(I.Fragment, { children: [
       /* @__PURE__ */ t(
-        P.Title,
+        T.Title,
         {
-          active: u === r,
+          active: l === r,
           index: r,
           onClick: i,
           style: { backgroundColor: p[r] },
-          children: /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-            /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center" }, children: [
-              c && /* @__PURE__ */ t(M, { id: c, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, { className: "icon" }) }) }),
+          children: /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+            /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center" }, children: [
+              c && /* @__PURE__ */ t(S, { id: c, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, { className: "icon" }) }) }),
               !c && /* @__PURE__ */ t(U, { post: e }),
               /* @__PURE__ */ t("p", { className: "accordion-post-ft-title", dangerouslySetInnerHTML: { __html: e.title.rendered }, style: { marginLeft: "10px" } })
             ] }),
@@ -136,19 +139,19 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
           ] })
         }
       ),
-      /* @__PURE__ */ t(P.Content, { className: "accordion-post-ft-content", active: u === r, children: /* @__PURE__ */ t(E, { post: e }) })
+      /* @__PURE__ */ t(T.Content, { className: "accordion-post-ft-content", active: l === r, children: /* @__PURE__ */ t(E, { post: e }) })
     ] }, e.id);
   }) });
 }, X = (n) => {
-  var S;
+  var z;
   let {
-    "data-width": f,
+    "data-width": d,
     "data-height": s,
-    "data-type": l,
-    "data-taxonomy": u,
+    "data-type": u,
+    "data-taxonomy": l,
     "data-categories": h,
     "data-items": o,
-    "data-color": m,
+    "data-color": f,
     "data-use-scrolls": p,
     "data-read-more-label": v = "READ More",
     "data-close-label": C = "Close",
@@ -167,21 +170,21 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
       className: `viz featured tabs ${a ? "editing" : ""} ${c ? "scrollable" : ""}`,
       fluid: !0,
       children: /* @__PURE__ */ t(
-        q,
+        H,
         {
           locale: r,
-          type: l,
-          taxonomy: u,
+          type: u,
+          taxonomy: l,
           categories: h,
           store: `tabbedposts_${g}_${i}`,
           page: 1,
           perPage: o,
-          children: /* @__PURE__ */ t(H, { children: $ || D ? /* @__PURE__ */ t(
+          children: /* @__PURE__ */ t(q, { children: $ || D ? /* @__PURE__ */ t(
             Y,
             {
               posts: o,
-              activeItem: (S = o == null ? void 0 : o[0]) == null ? void 0 : S.slug,
-              color: m,
+              activeItem: (z = o == null ? void 0 : o[0]) == null ? void 0 : z.slug,
+              color: f,
               setActive: () => {
               }
             }
@@ -190,8 +193,8 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
             {
               moreLabel: v,
               closeLabel: C,
-              color: m,
-              width: f,
+              color: f,
+              width: d,
               height: s
             }
           ) })
@@ -199,12 +202,12 @@ const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
       )
     }
   );
-}, J = (n, f) => {
+}, J = (n, d) => {
   const s = n.getIn([
     "data",
     "pageModuleProps"
-  ]), l = {};
-  return s && (l.pageModuleProps = s), l;
+  ]), u = {};
+  return s && (u.pageModuleProps = s), u;
 }, K = {}, re = B(J, K)(X);
 export {
   re as default