@eodash/eodash 5.0.0-alpha.2.6 → 5.0.0-alpha.2.8

package/dist/client/EodashMapBtns-DVITfAFx.js

@@ -0,0 +1,36 @@
+import { _ as l, r as s, aL as r, $ as d, a6 as p, b as n, a3 as c, V as u, aM as f } from "./asWebComponent-zuKR9I1w.js";
+import m from "./ExportState-DhpK09GR.js";
+const i = "Export Map", _ = `<h2>
+           code example
+         </h2>`, v = {
+  __name: "EodashMapBtns",
+  setup(x) {
+    const e = s(!1), o = s(null);
+    return r(o), (M, a) => (d(), p(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: o,
+        class: "d-flex align-end justify-end my-3 pa-2"
+      },
+      [
+        n(u, {
+          class: "map-btn",
+          icon: [c(f)],
+          onClick: a[0] || (a[0] = (t) => e.value = !e.value)
+        }, null, 8, ["icon"]),
+        n(m, {
+          header: i,
+          code: _,
+          modelValue: e.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (t) => e.value = t)
+        }, null, 8, ["modelValue"])
+      ],
+      512
+      /* NEED_PATCH */
+    ));
+  }
+}, B = /* @__PURE__ */ l(v, [["__scopeId", "data-v-bd1fc195"]]);
+export {
+  B as default
+};

package/dist/client/ExportState-DhpK09GR.js

@@ -0,0 +1,558 @@
+import { aN as M, g as m, e as y, S as ve, a as g, b as a, p as f, f as x, I as k, O as T, ag as j, aO as me, h as B, aP as J, i as N, aQ as U, P as W, aj as q, aR as ye, M as S, ak as _, aS as H, F as P, ae as ge, ac as fe, af as be, aT as ke, aU as he, aV as Ce, aW as Ve, aX as pe, ah as Se, ad as _e, ai as xe, aY as Ie, aZ as Ae, a_ as Pe, a$ as Te, c as h, t as Be, v as Ne, b0 as we, u as Le, R as $e, C as L, _ as De, b1 as Re, b2 as ze, r as Fe, $ as I, a0 as Oe, a1 as c, b3 as Ee, a9 as C, aa as $, a6 as D, a3 as R, b4 as Me, a5 as je, aB as Je, b5 as Ue, a7 as We, V as z, b6 as qe, a8 as F, b7 as A, aI as O, at as He, au as Qe } from "./asWebComponent-zuKR9I1w.js";
+import Xe from "./PopUp-DCaITceG.js";
+import { a as Ye } from "./index-hSIi5Ygk.js";
+import { V as Q } from "./VImg-C-I_7puM.js";
+const Ze = M("v-spacer", "div", "VSpacer"), X = m()({
+  name: "VCardActions",
+  props: y(),
+  setup(e, l) {
+    let {
+      slots: n
+    } = l;
+    return ve({
+      VBtn: {
+        slim: !0,
+        variant: "text"
+      }
+    }), g(() => a("div", {
+      class: ["v-card-actions", e.class],
+      style: e.style
+    }, [n.default?.()])), {};
+  }
+}), Ge = f({
+  opacity: [Number, String],
+  ...y(),
+  ...x()
+}, "VCardSubtitle"), Ke = m()({
+  name: "VCardSubtitle",
+  props: Ge(),
+  setup(e, l) {
+    let {
+      slots: n
+    } = l;
+    return g(() => a(e.tag, {
+      class: ["v-card-subtitle", e.class],
+      style: [{
+        "--v-card-subtitle-opacity": e.opacity
+      }, e.style]
+    }, n)), {};
+  }
+}), Y = M("v-card-title"), ea = f({
+  start: Boolean,
+  end: Boolean,
+  icon: k,
+  image: String,
+  text: String,
+  ...y(),
+  ...T(),
+  ...j(),
+  ...me(),
+  ...x(),
+  ...B(),
+  ...J({
+    variant: "flat"
+  })
+}, "VAvatar"), E = m()({
+  name: "VAvatar",
+  props: ea(),
+  setup(e, l) {
+    let {
+      slots: n
+    } = l;
+    const {
+      themeClasses: t
+    } = N(e), {
+      colorClasses: r,
+      colorStyles: o,
+      variantClasses: u
+    } = U(e), {
+      densityClasses: d
+    } = W(e), {
+      roundedClasses: s
+    } = q(e), {
+      sizeClasses: i,
+      sizeStyles: v
+    } = ye(e);
+    return g(() => a(e.tag, {
+      class: ["v-avatar", {
+        "v-avatar--start": e.start,
+        "v-avatar--end": e.end
+      }, t.value, r.value, d.value, s.value, i.value, u.value, e.class],
+      style: [o.value, v.value, e.style]
+    }, {
+      default: () => [n.default ? a(_, {
+        key: "content-defaults",
+        defaults: {
+          VImg: {
+            cover: !0,
+            image: e.image
+          },
+          VIcon: {
+            icon: e.icon
+          }
+        }
+      }, {
+        default: () => [n.default()]
+      }) : e.image ? a(Q, {
+        key: "image",
+        src: e.image,
+        alt: "",
+        cover: !0
+      }, null) : e.icon ? a(S, {
+        key: "icon",
+        icon: e.icon
+      }, null) : e.text, H(!1, "v-avatar")]
+    })), {};
+  }
+}), aa = f({
+  appendAvatar: String,
+  appendIcon: k,
+  prependAvatar: String,
+  prependIcon: k,
+  subtitle: [String, Number],
+  title: [String, Number],
+  ...y(),
+  ...T()
+}, "VCardItem"), ta = m()({
+  name: "VCardItem",
+  props: aa(),
+  setup(e, l) {
+    let {
+      slots: n
+    } = l;
+    return g(() => {
+      const t = !!(e.prependAvatar || e.prependIcon), r = !!(t || n.prepend), o = !!(e.appendAvatar || e.appendIcon), u = !!(o || n.append), d = !!(e.title != null || n.title), s = !!(e.subtitle != null || n.subtitle);
+      return a("div", {
+        class: ["v-card-item", e.class],
+        style: e.style
+      }, [r && a("div", {
+        key: "prepend",
+        class: "v-card-item__prepend"
+      }, [n.prepend ? a(_, {
+        key: "prepend-defaults",
+        disabled: !t,
+        defaults: {
+          VAvatar: {
+            density: e.density,
+            image: e.prependAvatar
+          },
+          VIcon: {
+            density: e.density,
+            icon: e.prependIcon
+          }
+        }
+      }, n.prepend) : a(P, null, [e.prependAvatar && a(E, {
+        key: "prepend-avatar",
+        density: e.density,
+        image: e.prependAvatar
+      }, null), e.prependIcon && a(S, {
+        key: "prepend-icon",
+        density: e.density,
+        icon: e.prependIcon
+      }, null)])]), a("div", {
+        class: "v-card-item__content"
+      }, [d && a(Y, {
+        key: "title"
+      }, {
+        default: () => [n.title?.() ?? e.title]
+      }), s && a(Ke, {
+        key: "subtitle"
+      }, {
+        default: () => [n.subtitle?.() ?? e.subtitle]
+      }), n.default?.()]), u && a("div", {
+        key: "append",
+        class: "v-card-item__append"
+      }, [n.append ? a(_, {
+        key: "append-defaults",
+        disabled: !o,
+        defaults: {
+          VAvatar: {
+            density: e.density,
+            image: e.appendAvatar
+          },
+          VIcon: {
+            density: e.density,
+            icon: e.appendIcon
+          }
+        }
+      }, n.append) : a(P, null, [e.appendIcon && a(S, {
+        key: "append-icon",
+        density: e.density,
+        icon: e.appendIcon
+      }, null), e.appendAvatar && a(E, {
+        key: "append-avatar",
+        density: e.density,
+        image: e.appendAvatar
+      }, null)])])]);
+    }), {};
+  }
+}), na = f({
+  opacity: [Number, String],
+  ...y(),
+  ...x()
+}, "VCardText"), Z = m()({
+  name: "VCardText",
+  props: na(),
+  setup(e, l) {
+    let {
+      slots: n
+    } = l;
+    return g(() => a(e.tag, {
+      class: ["v-card-text", e.class],
+      style: [{
+        "--v-card-text-opacity": e.opacity
+      }, e.style]
+    }, n)), {};
+  }
+}), sa = f({
+  appendAvatar: String,
+  appendIcon: k,
+  disabled: Boolean,
+  flat: Boolean,
+  hover: Boolean,
+  image: String,
+  link: {
+    type: Boolean,
+    default: void 0
+  },
+  prependAvatar: String,
+  prependIcon: k,
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  subtitle: [String, Number],
+  text: [String, Number],
+  title: [String, Number],
+  ...ge(),
+  ...y(),
+  ...T(),
+  ...fe(),
+  ...be(),
+  ...ke(),
+  ...he(),
+  ...Ce(),
+  ...j(),
+  ...Ve(),
+  ...x(),
+  ...B(),
+  ...J({
+    variant: "elevated"
+  })
+}, "VCard"), la = m()({
+  name: "VCard",
+  directives: {
+    Ripple: pe
+  },
+  props: sa(),
+  setup(e, l) {
+    let {
+      attrs: n,
+      slots: t
+    } = l;
+    const {
+      themeClasses: r
+    } = N(e), {
+      borderClasses: o
+    } = Se(e), {
+      colorClasses: u,
+      colorStyles: d,
+      variantClasses: s
+    } = U(e), {
+      densityClasses: i
+    } = W(e), {
+      dimensionStyles: v
+    } = _e(e), {
+      elevationClasses: b
+    } = xe(e), {
+      loaderClasses: G
+    } = Ie(e), {
+      locationStyles: K
+    } = Ae(e), {
+      positionClasses: ee
+    } = Pe(e), {
+      roundedClasses: ae
+    } = q(e), V = Te(e, n), te = h(() => e.link !== !1 && V.isLink.value), p = h(() => !e.disabled && e.link !== !1 && (e.link || V.isClickable.value));
+    return g(() => {
+      const ne = te.value ? "a" : e.tag, se = !!(t.title || e.title != null), le = !!(t.subtitle || e.subtitle != null), ie = se || le, de = !!(t.append || e.appendAvatar || e.appendIcon), oe = !!(t.prepend || e.prependAvatar || e.prependIcon), ce = !!(t.image || e.image), re = ie || oe || de, ue = !!(t.text || e.text != null);
+      return Be(a(ne, {
+        class: ["v-card", {
+          "v-card--disabled": e.disabled,
+          "v-card--flat": e.flat,
+          "v-card--hover": e.hover && !(e.disabled || e.flat),
+          "v-card--link": p.value
+        }, r.value, o.value, u.value, i.value, b.value, G.value, ee.value, ae.value, s.value, e.class],
+        style: [d.value, v.value, K.value, e.style],
+        href: V.href.value,
+        onClick: p.value && V.navigate,
+        tabindex: e.disabled ? -1 : void 0
+      }, {
+        default: () => [ce && a("div", {
+          key: "image",
+          class: "v-card__image"
+        }, [t.image ? a(_, {
+          key: "image-defaults",
+          disabled: !e.image,
+          defaults: {
+            VImg: {
+              cover: !0,
+              src: e.image
+            }
+          }
+        }, t.image) : a(Q, {
+          key: "image-img",
+          cover: !0,
+          src: e.image
+        }, null)]), a(we, {
+          name: "v-card",
+          active: !!e.loading,
+          color: typeof e.loading == "boolean" ? void 0 : e.loading
+        }, {
+          default: t.loader
+        }), re && a(ta, {
+          key: "item",
+          prependAvatar: e.prependAvatar,
+          prependIcon: e.prependIcon,
+          title: e.title,
+          subtitle: e.subtitle,
+          appendAvatar: e.appendAvatar,
+          appendIcon: e.appendIcon
+        }, {
+          default: t.item,
+          prepend: t.prepend,
+          title: t.title,
+          subtitle: t.subtitle,
+          append: t.append
+        }), ue && a(Z, {
+          key: "text"
+        }, {
+          default: () => [t.text?.() ?? e.text]
+        }), t.default?.(), t.actions && a(X, null, {
+          default: t.actions
+        }), H(p.value, "v-card")]
+      }), [[Ne("ripple"), p.value && e.ripple]]);
+    }), {};
+  }
+}), ia = f({
+  color: String,
+  inset: Boolean,
+  length: [Number, String],
+  opacity: [Number, String],
+  thickness: [Number, String],
+  vertical: Boolean,
+  ...y(),
+  ...B()
+}, "VDivider"), da = m()({
+  name: "VDivider",
+  props: ia(),
+  setup(e, l) {
+    let {
+      attrs: n,
+      slots: t
+    } = l;
+    const {
+      themeClasses: r
+    } = N(e), {
+      textColorClasses: o,
+      textColorStyles: u
+    } = Le($e(e, "color")), d = h(() => {
+      const s = {};
+      return e.length && (s[e.vertical ? "height" : "width"] = L(e.length)), e.thickness && (s[e.vertical ? "borderRightWidth" : "borderTopWidth"] = L(e.thickness)), s;
+    });
+    return g(() => {
+      const s = a("hr", {
+        class: [{
+          "v-divider": !0,
+          "v-divider--inset": e.inset,
+          "v-divider--vertical": e.vertical
+        }, r.value, o.value, e.class],
+        style: [d.value, u.value, {
+          "--v-border-opacity": e.opacity
+        }, e.style],
+        "aria-orientation": !n.role || n.role === "separator" ? e.vertical ? "vertical" : "horizontal" : void 0,
+        role: `${n.role || "separator"}`
+      }, null);
+      return t.default ? a("div", {
+        class: ["v-divider__wrapper", {
+          "v-divider__wrapper--vertical": e.vertical,
+          "v-divider__wrapper--inset": e.inset
+        }]
+      }, [s, a("div", {
+        class: "v-divider__content"
+      }, [t.default()]), s]) : s;
+    }), {};
+  }
+}), w = (e) => (He("data-v-adee4f49"), e = e(), Qe(), e), oa = /* @__PURE__ */ w(() => /* @__PURE__ */ C(
+  "h5",
+  { class: "text-h5" },
+  "Storytelling map configuration",
+  -1
+  /* HOISTED */
+)), ca = /* @__PURE__ */ w(() => /* @__PURE__ */ C(
+  "p",
+  { class: "text-body-2" },
+  " Copy and paste this code into the map layers field of the storytelling editor: ",
+  -1
+  /* HOISTED */
+)), ra = { class: "pa-3 code-block" }, ua = { style: { position: "absolute", bottom: "15px" } }, va = {
+  key: 0,
+  class: "text-success mr-3"
+}, ma = /* @__PURE__ */ w(() => /* @__PURE__ */ C(
+  "small",
+  null,
+  "copied!",
+  -1
+  /* HOISTED */
+)), ya = {
+  __name: "ExportState",
+  props: /* @__PURE__ */ Re({
+    getLayers: {
+      type: Function,
+      default: Ee
+    }
+  }, {
+    modelValue: { type: Boolean, required: !0, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = ze(e, "modelValue"), n = e, t = Fe(!1), r = [
+      {
+        id: Symbol(),
+        copyFn: async () => await A(u.value, t),
+        copyAs: "simple map"
+      },
+      {
+        id: Symbol(),
+        copyFn: async () => await A(JSON.stringify(n.getLayers()), t),
+        copyAs: "layers configuration"
+      },
+      {
+        id: Symbol(),
+        copyFn: async () => await A(o.value, t),
+        copyAs: "map tour section"
+      }
+    ], o = h(() => {
+      const [d, s, i] = O.value, v = "### <!--{ layers=", b = `zoom="${i}" center=[${[d, s]}] animationOptions={duration:500}}-->
+#### Tour step title
+Text describing the current step of the tour and why it is interesting what the map shows currently
+`;
+      return `${v}'${JSON.stringify(n.getLayers())}' ${b}`;
+    }), u = h(() => {
+      const [d, s, i] = O.value, v = '## Map Example <!--{as="eox-map" style="width: 100%; height: 500px;" layers=', b = `zoom="${i}" center=[${[d, s]}] }-->`;
+      return `${v}'${JSON.stringify(n.getLayers())}' ${b}`;
+    });
+    return (d, s) => (I(), Oe(Xe, {
+      modelValue: l.value,
+      "onUpdate:modelValue": s[1] || (s[1] = (i) => l.value = i)
+    }, {
+      default: c(() => [
+        a(la, null, {
+          default: c(() => [
+            a(Y, { class: "bg-primary" }, {
+              default: c(() => [
+                oa
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            a(Z, { class: "py-5" }, {
+              default: c(() => [
+                ca,
+                C(
+                  "div",
+                  ra,
+                  $(e.getLayers()),
+                  1
+                  /* TEXT */
+                ),
+                C("div", ua, [
+                  a(Ye, null, {
+                    default: c(() => [
+                      t.value ? (I(), D("div", va, [
+                        a(S, {
+                          color: "success",
+                          left: "",
+                          icon: [R(Me)]
+                        }, null, 8, ["icon"]),
+                        ma
+                      ])) : je("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                a(Je, { class: "d-flex pt-3 justify-end" }, {
+                  default: c(() => [
+                    a(Ue, {
+                      cols: "6",
+                      class: "flex-column align-center text-end"
+                    }, {
+                      default: c(() => [
+                        (I(), D(
+                          P,
+                          null,
+                          We(r, (i) => a(z, {
+                            class: "text-body-2",
+                            onClick: i.copyFn,
+                            key: i.id,
+                            small: "",
+                            variant: "text",
+                            "prepend-icon": [R(qe)]
+                          }, {
+                            default: c(() => [
+                              F(
+                                " copy as " + $(i.copyAs),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick", "prepend-icon"])),
+                          64
+                          /* STABLE_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            a(da),
+            a(X, null, {
+              default: c(() => [
+                a(Ze),
+                a(z, {
+                  variant: "text",
+                  onClick: s[0] || (s[0] = (i) => l.value = !l.value)
+                }, {
+                  default: c(() => [
+                    F(" Close ")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["modelValue"]));
+  }
+}, ha = /* @__PURE__ */ De(ya, [["__scopeId", "data-v-adee4f49"]]);
+export {
+  ha as default
+};

package/dist/client/{Footer-CoPx6UXQ.js → Footer-CIwjaddz.js}

@@ -1,4 +1,4 @@
-import { p as y, ak as x, e as k, al as w, ar as b, af as C, f as I, h as S, g as R, i as z, Q as B, R as f, am as P, an as F, ag as M, s as V, J as T, c as e, au as X, a as Z, b as L, C as N, _ as j, r as D, x as H, W as A, H as E, $, a0 as J, a1 as K, a9 as t, aa as O, a3 as n, a8 as Q, az as U, aA as W } from "./asWebComponent-CpQUVi2N.js";
+import { p as y, ae as x, e as w, af as k, ao as b, ag as C, f as I, h as S, g as R, i as B, Q as P, R as f, ah as z, ai as F, aj as M, s as V, J as T, c as e, ar as X, a as Z, b as j, C as L, _ as N, r as D, x as H, W as E, H as $, $ as A, a0 as J, a1 as K, a9 as t, aa as O, a3 as n, a8 as Q, at as U, au as W } from "./asWebComponent-zuKR9I1w.js";
 const q = y({
   app: Boolean,
   color: String,
@@ -7,8 +7,8 @@ const q = y({
     default: "auto"
   },
   ...x(),
-  ...k(),
   ...w(),
+  ...k(),
   ...b(),
   ...C(),
   ...I({
@@ -24,12 +24,12 @@ const q = y({
     } = a;
     const {
       themeClasses: s
-    } = z(l), {
+    } = B(l), {
       backgroundColorClasses: c,
       backgroundColorStyles: r
-    } = B(f(l, "color")), {
+    } = P(f(l, "color")), {
       borderClasses: i
-    } = P(l), {
+    } = z(l), {
       elevationClasses: g
     } = F(l), {
       roundedClasses: p
@@ -49,11 +49,11 @@ const q = y({
       active: e(() => l.app),
       absolute: f(l, "absolute")
     });
-    return Z(() => L(l.tag, {
+    return Z(() => j(l.tag, {
       ref: m,
       class: ["v-footer", s.value, c.value, i.value, g.value, p.value, l.class],
       style: [r.value, l.app ? v.value : {
-        height: N(l.height)
+        height: L(l.height)
       }, l.style]
     }, o)), l.app ? _ : {};
   }
@@ -76,9 +76,9 @@ const q = y({
   setup(l) {
     const a = D(null), o = (
       /** @type {import("@/types").Eodash} */
-      H(A)
-    ), { mdAndDown: s } = E(), c = window.btoa(o0);
-    return (r, i) => ($(), J(G, {
+      H(E)
+    ), { mdAndDown: s } = $(), c = window.btoa(o0);
+    return (r, i) => (A(), J(G, {
       ref_key: "footer",
       ref: a,
       height: n(s) ? "48px" : "auto",
@@ -109,7 +109,7 @@ const q = y({
       /* STABLE */
     }, 8, ["height"]));
   }
-}, n0 = /* @__PURE__ */ j(s0, [["__scopeId", "data-v-7ea19f1b"]]);
+}, n0 = /* @__PURE__ */ N(s0, [["__scopeId", "data-v-7ea19f1b"]]);
 export {
   n0 as default
 };