@devgateway/dvz-ui-react 1.9.10 → 1.9.12

package/dist/esm/embeddable/map/mapHelpers.js

@@ -1,28 +1,14 @@
 import * as L from "topojson-client";
 import x from "geostats";
 import y from "../../utils/deviceType.js";
-const w = "_Color_", M = "location", k = "showAll", A = "ifUnitHasData", j = 10, B = {
-  mobile: 4,
-  tablet: 4,
-  midTablet: 2,
-  laptop: 2,
-  desktop: 2,
-  wide: 2
-}, I = {
+const A = "_Color_", I = "location", j = "showAll", w = "ifUnitHasData", C = 10, _ = {
   mobile: 330,
   tablet: 250,
   midTablet: 250,
   laptop: 200,
   desktop: 100,
   wide: 100
-}, _ = {
-  mobile: 250,
-  tablet: 250,
-  midTablet: 250,
-  laptop: 0,
-  desktop: 0,
-  wide: 0
-}, C = {
+}, O = {
   greens: [
     "#ccffdd",
     "#b3ffcc",
@@ -96,148 +82,146 @@ const w = "_Color_", M = "location", k = "showAll", A = "ifUnitHasData", j = 10,
     "#0055ff"
   ]
 };
-function v(e, r, l) {
-  var t;
-  if (!(e != null && e.length)) return r;
-  const o = ((t = e[0]) == null ? void 0 : t.items) ?? [], n = (i) => (i == null ? void 0 : i.trim().toLowerCase()) ?? "", s = n(r), c = n(l).toUpperCase(), f = o.find((i) => n(i.value) === s || n(i.code) === s) ?? null;
-  if (!f) return r;
-  const a = c && f.labels && f.labels[c] ? f.labels[c] : f.value;
-  return (a == null ? void 0 : a.trim()) || f.value.trim();
+function v(e, t, l) {
+  var r;
+  if (!(e != null && e.length)) return t;
+  const f = ((r = e[0]) == null ? void 0 : r.items) ?? [], n = (i) => (i == null ? void 0 : i.trim().toLowerCase()) ?? "", s = n(t), c = n(l).toUpperCase(), o = f.find((i) => n(i.value) === s || n(i.code) === s) ?? null;
+  if (!o) return t;
+  const a = c && o.labels && o.labels[c] ? o.labels[c] : o.value;
+  return (a == null ? void 0 : a.trim()) || o.value.trim();
 }
 function D(e) {
-  let r = e;
-  return r || (r = ["mobile", "tablet", "midTablet"].includes(y())), r ? "active zoom-enabled" : "active";
+  let t = e;
+  return t || (t = ["mobile", "tablet", "midTablet"].includes(y())), t ? "active zoom-enabled" : "active";
 }
-function E(e, r) {
-  const { autoGenerateBreaks: l, numberOfBreaks: o, colorScheme: n } = r, s = [];
+function M(e, t) {
+  const { autoGenerateBreaks: l, numberOfBreaks: f, colorScheme: n } = t, s = [];
   if (l && e && e.length > 0) {
-    const c = e.filter((t) => t.properties && t.properties.value != null).map((t) => t.properties.value.toFixed(2)), f = [];
-    c.forEach((t) => {
-      if (t > 0) {
-        const i = t * 0.99, p = t * 1.01;
-        f.indexOf(i) === -1 && f.push(i), f.indexOf(p) === -1 && f.push(p);
+    const c = e.filter((r) => r.properties && r.properties.value != null).map((r) => r.properties.value.toFixed(2)), o = [];
+    c.forEach((r) => {
+      if (r > 0) {
+        const i = r * 0.99, u = r * 1.01;
+        o.indexOf(i) === -1 && o.push(i), o.indexOf(u) === -1 && o.push(u);
       }
     });
-    const a = C[n];
-    if (f.length > 0) {
-      const t = new x(f);
-      t.setPrecision(2);
-      const i = f.length > 1 ? f.length - 1 : f.length;
-      return t.getJenks(Math.min(o, i)), t.ranges.forEach((p, u) => {
+    const a = O[n];
+    if (o.length > 0) {
+      const r = new x(o);
+      r.setPrecision(2);
+      const i = o.length > 1 ? o.length - 1 : o.length;
+      return r.getJenks(Math.min(f, i)), r.ranges.forEach((u, p) => {
         const b = {};
-        b.min = parseFloat(p.substr(0, p.indexOf("-") - 1)) + (u > 0 ? 0.01 : 0), b.max = parseFloat(p.substr(p.indexOf("-") + 2, p.length)), b.color = a[u], s.push(b);
+        b.min = parseFloat(u.substr(0, u.indexOf("-") - 1)) + (p > 0 ? 0.01 : 0), b.max = parseFloat(u.substr(u.indexOf("-") + 2, u.length)), b.color = a[p], s.push(b);
       }), s;
     }
   }
   return s;
 }
-function H(e, r, l) {
-  const { mapNoDataColor: o, mainLayerId: n, enabledLayers: s, selectedMeasure: c } = l;
+function T(e, t, l) {
+  const { mapNoDataColor: f, mainLayerId: n, enabledLayers: s, selectedMeasure: c } = l;
   if (e.properties && e.properties.variables && c && e.properties.value != null) {
-    const a = w + c, t = e.properties.variables[a.trim()];
-    if (t) return t;
+    const a = A + c, r = e.properties.variables[a.trim()];
+    if (r) return r;
   }
   if (e.properties.value != null && (n && e.properties.layerId === n || !n)) {
-    const a = r.find((t) => t.min != null && t.max != null ? e.properties.value >= t.min && e.properties.value <= t.max : t.min != null ? e.properties.value >= t.min : t.max != null ? e.properties.value <= t.max : !1);
-    return a && a.color ? a.color : o;
+    const a = t.find((r) => r.min != null && r.max != null ? e.properties.value >= r.min && e.properties.value <= r.max : r.min != null ? e.properties.value >= r.min : r.max != null ? e.properties.value <= r.max : !1);
+    return a && a.color ? a.color : f;
   }
-  const f = s.filter((a) => a.id === e.properties.layerId)[0];
-  return f && f.bgColor && f.bgColor != "undefined" ? f.bgColor : o;
+  const o = s.filter((a) => a.id === e.properties.layerId)[0];
+  return o && o.bgColor && o.bgColor != "undefined" ? o.bgColor : f;
 }
-function S(e, r) {
-  if (e.properties[r]) {
-    const o = e.properties[r].length;
-    return o < 10 ? 80 : o * 8;
+function E(e, t) {
+  if (e.properties[t]) {
+    const f = e.properties[t].length;
+    return f < 10 ? 80 : f * 8;
   }
   return 0;
 }
-function R(e) {
+function H(e) {
   return e ? 30 : 25;
 }
-function O(e, r) {
+function k(e, t) {
   if (e && e.objects) {
     const l = Object.keys(e.objects);
-    for (const o in l) {
-      const n = l[o];
+    for (const f in l) {
+      const n = l[f];
       if (e.objects[n].type == "GeometryCollection")
         return n;
     }
   }
-  return r;
+  return t;
 }
-function W(e, r) {
-  const l = O(e, r);
+function S(e, t) {
+  const l = k(e, t);
   return e && e.objects && e.objects[l] ? L.feature(e, e.objects[l]).features : e && e.features ? e.features : [];
 }
-function U(e, r, l) {
+function R(e, t, l) {
   if (e.properties.displayLayerLabels && e.properties.layerLocale) {
-    const o = e.properties.layerMappingField || r, n = e.properties[o];
+    const f = e.properties.layerMappingField || t, n = e.properties[f];
     return v(l, n, e.properties.layerLocale);
   }
-  return e.properties[r];
+  return e.properties[t];
 }
-function z(e, r, l, o) {
+function U(e, t, l, f) {
   const {
     mapLabelField: n,
     mapLabelShowValue: s,
     intl: c,
-    valueFormat: f,
+    valueFormat: o,
     showNoDataLabel: a,
-    showAdminUnitLabel: t,
+    showAdminUnitLabel: r,
     noDataText: i,
-    selectedMeasure: p
-  } = r;
-  let u = "";
-  if (t == k || t == A && e.properties.hasDataRow || e.properties.displayLayerLabels) {
-    const b = e.properties.displayLayerLabels && e.properties.layerMappingField ? e.properties.layerMappingField : n, d = e.properties[b], h = e.properties.layerLocale || (c == null ? void 0 : c.locale);
-    u = v(l, d, h);
-    const g = e.properties.abbrev;
-    if (u && u.length > j && g && (u = g), s)
+    selectedMeasure: u
+  } = t;
+  let p = "";
+  if (r == j || r == w && e.properties.hasDataRow || e.properties.displayLayerLabels) {
+    const b = e.properties.displayLayerLabels && e.properties.layerMappingField ? e.properties.layerMappingField : n, g = e.properties[b], d = e.properties.layerLocale || (c == null ? void 0 : c.locale);
+    p = v(l, g, d);
+    const h = e.properties.abbrev;
+    if (p && p.length > C && h && (p = h), s)
       if (e.properties.value != null) {
         const m = e.properties.variables || {};
-        u += "<br><span class='map-label-value'>" + o(
-          f,
-          { value: e.properties.value, measure: p, ...m },
+        p += "<br><span class='map-label-value'>" + f(
+          o,
+          { value: e.properties.value, measure: u, ...m },
           c
         ) + "</span>";
-      } else a == !0 && e.properties.value == null && e.properties.hasDataRow && (u += "<br><span class='map-label-value'>" + i + "</span>");
+      } else a == !0 && e.properties.value == null && e.properties.hasDataRow && (p += "<br><span class='map-label-value'>" + i + "</span>");
   }
-  return u;
+  return p;
 }
-function G(e) {
-  const r = {};
+function W(e) {
+  const t = {};
   return e && Object.keys(e).forEach((l) => {
-    const o = e[l];
-    o && (r[l] = Array.isArray(o) ? o.join(" ,") : o);
-  }), r;
+    const f = e[l];
+    f && (t[l] = Array.isArray(f) ? f.join(" ,") : f);
+  }), t;
 }
-function N(e, r, l) {
-  const o = e ? e.value : null;
-  if (o != null) {
-    const n = r.find((s) => s.min != null && s.max != null ? o >= s.min && o <= s.max : s.min != null ? o >= s.min : s.max != null ? o <= s.max : !1);
+function z(e, t, l) {
+  const f = e ? e.value : null;
+  if (f != null) {
+    const n = t.find((s) => s.min != null && s.max != null ? f >= s.min && f <= s.max : s.min != null ? f >= s.min : s.max != null ? f <= s.max : !1);
     return n && n.color ? n.color : l;
   }
   return l;
 }
 export {
-  w as COLOR_VARIABLE,
-  M as LOCATION,
-  j as MAX_LABEL_LEN,
-  k as SHOW_ALL,
-  A as SHOW_IF_HAS_DATA,
+  A as COLOR_VARIABLE,
+  I as LOCATION,
+  C as MAX_LABEL_LEN,
+  j as SHOW_ALL,
+  w as SHOW_IF_HAS_DATA,
   D as classColor,
-  z as createLabel,
-  I as deviceMapHeight,
-  _ as deviceMapWidth,
-  B as deviceTranslateMap,
-  W as extractFeatures,
-  H as fillColor,
-  E as generateBreaks,
-  O as getCollectionField,
-  G as getFilters,
-  N as getHighlightedLocationColor,
-  R as getLabelBoxHeight,
-  S as getLabelBoxWidth,
+  U as createLabel,
+  _ as deviceMapHeight,
+  S as extractFeatures,
+  T as fillColor,
+  M as generateBreaks,
+  k as getCollectionField,
+  W as getFilters,
+  z as getHighlightedLocationColor,
+  H as getLabelBoxHeight,
+  E as getLabelBoxWidth,
   v as getTranslatedItemLabel,
-  U as getTranslatedLocationName
+  R as getTranslatedLocationName
 };

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

@@ -1,65 +1,65 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import y, { useState as v, useRef as V, useEffect as I } from "react";
-import { Container as f, Accordion as p, Icon as W, Menu as T, Grid as w, Label as M, Button as q } from "semantic-ui-react";
-import { PostProvider as z, PostConsumer as N, MediaProvider as P, MediaConsumer as A, PostIcon as k, PostLabel as L } from "@devgateway/wp-react-lib";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import I, { useState as w, useRef as G, useEffect as x } from "react";
+import { Container as b, Accordion as y, Icon as V, Menu as T, Grid as v, Label as M, Button as W } from "semantic-ui-react";
+import { PostProvider as q, PostConsumer as _, MediaProvider as P, MediaConsumer as A, PostIcon as $, PostLabel as k } from "@devgateway/wp-react-lib";
 import { injectIntl as E } from "react-intl";
 import { connect as O } from "react-redux";
-import S from "../connected-templates/PostIntro.js";
+import L from "../connected-templates/PostIntro.js";
 import { useWindowDimensionsAndDevice as U } from "../../lib/hooks/window-dimensions.js";
-const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
+const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
   T.Item,
   {
     onClick: () => i(l.slug),
-    className: l.slug === c ? "active" : "",
-    children: n ? /* @__PURE__ */ e(L, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
+    className: l.slug === o ? "active" : "",
+    children: n ? /* @__PURE__ */ e(k, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
   },
   l.id
 )) : null, J = ({
   posts: t,
-  activeItem: c,
+  activeItem: o,
   setActive: i,
   showIcons: n,
   showLabels: l
 }) => {
-  const o = t.length;
-  return t ? t.map((r) => {
+  const r = t.length;
+  return t ? t.map((a) => {
     var d, m;
-    return (d = r._embedded) != null && d["wp:featuredmedia"] && r._embedded["wp:featuredmedia"][0].source_url, /* @__PURE__ */ e(
-      w.Column,
+    return (d = a._embedded) != null && d["wp:featuredmedia"] && a._embedded["wp:featuredmedia"][0].source_url, /* @__PURE__ */ e(
+      v.Column,
       {
-        className: (r.slug === c ? "active" : "") + (n ? " has-icon" : ""),
-        children: /* @__PURE__ */ g(
-          q,
+        className: (a.slug === o ? "active" : "") + (n ? " has-icon" : ""),
+        children: /* @__PURE__ */ f(
+          W,
           {
-            onClick: () => i(r.slug),
-            className: `nav  ${o === 1 ? "one" : ""}`,
+            onClick: () => i(a.slug),
+            className: `nav  ${r === 1 ? "one" : ""}`,
             children: [
               n && /* @__PURE__ */ e(
                 P,
                 {
-                  id: (m = r.meta_fields) != null && m.icon ? r.meta_fields.icon[0] : null,
-                  children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(k, { className: "icon" }) })
+                  id: (m = a.meta_fields) != null && m.icon ? a.meta_fields.icon[0] : null,
+                  children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { className: "icon" }) })
                 }
               ),
-              l ? /* @__PURE__ */ e(L, { post: r }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
+              l ? /* @__PURE__ */ e(k, { post: a }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
                 "span",
                 {
-                  dangerouslySetInnerHTML: { __html: r.title.rendered }
+                  dangerouslySetInnerHTML: { __html: a.title.rendered }
                 }
               ) })
             ]
           }
         )
       },
-      r.id
+      a.id
     );
   }) : null;
-}, $ = ({ posts: t, activeItem: c }) => (I(() => {
+}, S = ({ posts: t, activeItem: o }) => (x(() => {
   const i = document.querySelector(".ui.container.content-tab");
   i && (i.scrollTop = 0);
-}, [c]), t ? t.map((i) => {
+}, [o]), t ? t.map((i) => {
   let n = {};
-  return i.slug !== c ? n = {
+  return i.slug !== o ? n = {
     position: "absolute",
     left: "-3000px",
     width: "auto",
@@ -70,35 +70,35 @@ const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.ma
     visibility: "visible",
     position: "relative",
     width: "auto"
-  }, /* @__PURE__ */ e(S, { as: f, fluid: !0, post: i, style: n }, i.slug);
-}) : null), K = ({ posts: t, activeItem: c, setActive: i }) => {
-  const [n, l] = v(
-    t.findIndex((s) => s.slug === c)
-  ), [o, r] = v(null), d = V(null);
-  I(() => {
-    if (o) {
-      const s = o.getBoundingClientRect().top + window.scrollY;
+  }, /* @__PURE__ */ e(L, { as: b, fluid: !0, post: i, style: n }, i.slug);
+}) : null), K = ({ posts: t, activeItem: o, setActive: i }) => {
+  const [n, l] = w(
+    t.findIndex((s) => s.slug === o)
+  ), [r, a] = w(null), d = G(null);
+  x(() => {
+    if (r) {
+      const s = r.getBoundingClientRect().top + window.scrollY;
       window.scrollTo({
         top: s,
         behavior: "smooth"
       });
     }
-  }, [o]);
+  }, [r]);
   const m = (s, u) => {
-    const { index: a } = u, h = n === a ? -1 : a;
-    l(h), i(t[a].slug), h !== -1 && r(s.currentTarget);
+    const { index: c } = u, h = n === c ? -1 : c;
+    l(h), i(t[c].slug), h !== -1 && a(s.currentTarget);
   };
-  return /* @__PURE__ */ e(p, { fluid: !0, styled: !0, children: t.map((s, u) => {
+  return /* @__PURE__ */ e(y, { fluid: !0, styled: !0, children: t.map((s, u) => {
     var h;
-    const a = (h = s.meta_fields) != null && h.icon ? s.meta_fields.icon[0] : null;
-    return /* @__PURE__ */ g(y.Fragment, { children: [
+    const c = (h = s.meta_fields) != null && h.icon ? s.meta_fields.icon[0] : null;
+    return /* @__PURE__ */ f(I.Fragment, { children: [
       /* @__PURE__ */ e(
-        p.Title,
+        y.Title,
         {
           active: n === u,
           index: u,
           onClick: m,
-          children: /* @__PURE__ */ g(
+          children: /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -108,94 +108,94 @@ const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.ma
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center" }, children: [
-                  a && /* @__PURE__ */ e(P, { id: a, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(k, { className: "icon" }) }) }),
+                /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center" }, children: [
+                  c && /* @__PURE__ */ e(P, { id: c, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { className: "icon" }) }) }),
                   /* @__PURE__ */ e(
                     "span",
                     {
                       dangerouslySetInnerHTML: { __html: s.title.rendered },
-                      style: { marginLeft: a ? "10px" : "0" }
+                      style: { marginLeft: c ? "10px" : "0" }
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(W, { name: "chevron down" })
+                /* @__PURE__ */ e(V, { name: "chevron down" })
               ]
             }
           )
         }
       ),
       /* @__PURE__ */ e(
-        p.Content,
+        y.Content,
         {
           className: "accordion-post-content",
           active: n === u,
-          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(S, { post: s, as: f, fluid: !0 }) })
+          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(L, { post: s, as: b, fluid: !0 }) })
         }
       )
     ] }, s.id);
   }) });
-}, Q = ({ posts: t, showLabels: c, height: i }) => {
-  const [n, l] = v(t ? t[0].slug : null);
-  return I(() => {
+}, Q = ({ posts: t, showLabels: o, height: i }) => {
+  const [n, l] = w(t ? t[0].slug : null);
+  return x(() => {
     setTimeout(() => {
       if (window.location.hash) {
-        const o = window.location.hash.substr(1), r = document.getElementById(o);
-        r && t.map((d) => d.slug).indexOf(o) > -1 && (l(o), r.scrollIntoView({ behavior: "auto", block: "start" }));
+        const r = window.location.hash.substr(1), a = document.getElementById(r);
+        a && t.map((d) => d.slug).indexOf(r) > -1 && (l(r), a.scrollIntoView({ behavior: "auto", block: "start" }));
       }
     }, 0);
-  }, [t]), /* @__PURE__ */ g(y.Fragment, { children: [
-    t.map((o) => /* @__PURE__ */ e("anchor", { id: o.slug }, o.slug)),
-    /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(Y, { showLabels: c, posts: t, setActive: l, activeItem: n }) }),
-    /* @__PURE__ */ e(f, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e($, { posts: t, activeItem: n }) })
+  }, [t]), /* @__PURE__ */ f(I.Fragment, { children: [
+    t.map((r) => /* @__PURE__ */ e("anchor", { id: r.slug }, r.slug)),
+    /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(Y, { showLabels: o, posts: t, setActive: l, activeItem: n }) }),
+    /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e(S, { posts: t, activeItem: n }) })
   ] });
-}, X = ({ posts: t, showLabels: c, showIcons: i, height: n }) => {
-  const [l, o] = v(t ? t[0].slug : null);
-  return /* @__PURE__ */ e(y.Fragment, { children: /* @__PURE__ */ g(w, { stackable: !0, className: "tabbed posts", columns: t.length, style: { height: n + "px" }, children: [
-    /* @__PURE__ */ e(J, { showIcons: i, showLabels: c, posts: t, activeItem: l, setActive: o }),
-    /* @__PURE__ */ e(w.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(w.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(f, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e($, { className: "content-tab", posts: t, activeItem: l }) }) }) })
+}, X = ({ posts: t, showLabels: o, showIcons: i, height: n }) => {
+  const [l, r] = w(t ? t[0].slug : null);
+  return /* @__PURE__ */ e(I.Fragment, { children: /* @__PURE__ */ f(v, { stackable: !0, className: "tabbed posts", columns: t.length, style: { height: n + "px" }, children: [
+    /* @__PURE__ */ e(J, { showIcons: i, showLabels: o, posts: t, activeItem: l, setActive: r }),
+    /* @__PURE__ */ e(v.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(v.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e(S, { className: "content-tab", posts: t, activeItem: l }) }) }) })
   ] }) });
 }, Z = (t) => {
-  var _;
+  var N;
   let {
-    "data-type": c,
+    "data-type": o,
     "data-taxonomy": i,
     "data-categories": n,
     "data-items": l,
-    "data-theme": o = "light",
-    "data-show-icons": r,
+    "data-theme": r = "light",
+    "data-show-icons": a,
     "data-use-scrolls": d,
     "data-show-labels": m,
     "data-height": s,
     "data-preview-mode": u = "Desktop",
-    pageModuleProps: a,
+    pageModuleProps: c,
     parent: h,
-    editing: b,
+    editing: g,
     unique: j
   } = t;
-  a != null && a.previewMode && (a != null && a.editing) && (u = a.previewMode, b = a.editing);
-  const D = t.intl.locale, R = Array.isArray(n) ? n.join(",") : n, x = d === "true", C = x ? s : void 0, { width: H } = U(), B = H <= 1024, F = u !== "Desktop" && b, G = B && !b;
-  return /* @__PURE__ */ e(f, { className: `viz tabbed posts ${b ? "editing" : ""} ${x ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
-    z,
+  c != null && c.previewMode && (c != null && c.editing) && (u = c.previewMode, g = c.editing);
+  const D = t.intl.locale, R = Array.isArray(n) ? n.join(",") : n, p = d === "true", C = p ? s : void 0, { width: H } = U(), z = H <= 1024, B = u !== "Desktop" && g, F = z && !g;
+  return g && !o ? /* @__PURE__ */ e(b, { className: `viz tabbed posts ${g ? "editing" : ""} ${p ? "scrollable" : ""}`, fluid: !0 }) : /* @__PURE__ */ e(b, { className: `viz tabbed posts ${g ? "editing" : ""} ${p ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
+    q,
     {
       locale: D,
-      type: c,
+      type: o,
       taxonomy: i,
       categories: R,
       store: `tabbedposts_${h}_${j}`,
       page: 1,
       perPage: l,
-      children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(N, { children: G || F ? /* @__PURE__ */ e(K, { posts: l, activeItem: (_ = l[0]) == null ? void 0 : _.slug, setActive: () => {
-      } }) : o === "light" ? /* @__PURE__ */ e(Q, { height: C, showLabels: m === "true" }) : /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(_, { children: F || B ? /* @__PURE__ */ e(K, { posts: l, activeItem: (N = l[0]) == null ? void 0 : N.slug, setActive: () => {
+      } }) : r === "light" ? /* @__PURE__ */ e(Q, { height: C, showLabels: m === "true" }) : /* @__PURE__ */ e(
         X,
         {
           height: C,
           showLabels: m === "true",
-          showIcons: r === "true"
+          showIcons: a === "true"
         }
       ) }) })
     }
   ) });
-}, ee = (t, c) => {
+}, ee = (t, o) => {
   const i = t.getIn([
     "data",
     "pageModuleProps"