@eodash/eodash 5.0.0-alpha.2.9 → 5.0.0-rc

package/dist/client/ExportState-DOrT7M15.js

@@ -0,0 +1,644 @@
+import { createVNode, Fragment, computed, withDirectives, mergeProps, resolveDirective, toRef, mergeModels, useModel, ref, openBlock, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
+import { mdiClipboardCheckOutline, mdiContentCopy } from '@mdi/js';
+import _sfc_main$1 from './PopUp--_xn1Cms.js';
+import { am as createSimpleFunctional, g as genericComponent, b as makeComponentProps, D as provideDefaults, a as useRender, p as propsFactory, c as makeTagProps, I as IconValue, K as makeBorderProps, A as makeDensityProps, M as makeRoundedProps, an as makeSizeProps, d as makeThemeProps, ao as makeVariantProps, e as provideTheme, N as useBorder, ap as useVariant, B as useDensity, P as useRounded, aq as useSize, y as VIcon, Q as VDefaultsProvider, ar as genOverlays, H as makeDimensionProps, L as makeElevationProps, as as makeLoaderProps, at as makeLocationProps, au as makePositionProps, av as makeRouterProps, aw as Ripple, J as useDimension, O as useElevation, ax as useLoader, ay as useLocation, az as usePosition, aA as useLink, aB as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, ag as getLayers, ad as mapPosition, aC as removeUnneededProperties, aD as VRow, aE as VCol, V as VBtn, aF as copyToClipBoard } from './asWebComponent-BRGyP_j5.js';
+import { a as VExpandTransition } from './index-BZwk0V42.js';
+import { V as VImg } from './VImg-9xu2l99m.js';
+
+// Styles
+const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
+
+const VCardActions = genericComponent()({
+  name: 'VCardActions',
+  props: makeComponentProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    provideDefaults({
+      VBtn: {
+        slim: true,
+        variant: 'text'
+      }
+    });
+    useRender(() => createVNode("div", {
+      "class": ['v-card-actions', props.class],
+      "style": props.style
+    }, [slots.default?.()]));
+    return {};
+  }
+});
+
+const makeVCardSubtitleProps = propsFactory({
+  opacity: [Number, String],
+  ...makeComponentProps(),
+  ...makeTagProps()
+}, 'VCardSubtitle');
+const VCardSubtitle = genericComponent()({
+  name: 'VCardSubtitle',
+  props: makeVCardSubtitleProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-card-subtitle', props.class],
+      "style": [{
+        '--v-card-subtitle-opacity': props.opacity
+      }, props.style]
+    }, slots));
+    return {};
+  }
+});
+
+// Utilities
+const VCardTitle = createSimpleFunctional('v-card-title');
+
+const makeVAvatarProps = propsFactory({
+  start: Boolean,
+  end: Boolean,
+  icon: IconValue,
+  image: String,
+  text: String,
+  ...makeBorderProps(),
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeRoundedProps(),
+  ...makeSizeProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps({
+    variant: 'flat'
+  })
+}, 'VAvatar');
+const VAvatar = genericComponent()({
+  name: 'VAvatar',
+  props: makeVAvatarProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      sizeClasses,
+      sizeStyles
+    } = useSize(props);
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-avatar', {
+        'v-avatar--start': props.start,
+        'v-avatar--end': props.end
+      }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      "style": [colorStyles.value, sizeStyles.value, props.style]
+    }, {
+      default: () => [!slots.default ? props.image ? createVNode(VImg, {
+        "key": "image",
+        "src": props.image,
+        "alt": "",
+        "cover": true
+      }, null) : props.icon ? createVNode(VIcon, {
+        "key": "icon",
+        "icon": props.icon
+      }, null) : props.text : createVNode(VDefaultsProvider, {
+        "key": "content-defaults",
+        "defaults": {
+          VImg: {
+            cover: true,
+            src: props.image
+          },
+          VIcon: {
+            icon: props.icon
+          }
+        }
+      }, {
+        default: () => [slots.default()]
+      }), genOverlays(false, 'v-avatar')]
+    }));
+    return {};
+  }
+});
+
+const makeCardItemProps = propsFactory({
+  appendAvatar: String,
+  appendIcon: IconValue,
+  prependAvatar: String,
+  prependIcon: IconValue,
+  subtitle: [String, Number],
+  title: [String, Number],
+  ...makeComponentProps(),
+  ...makeDensityProps()
+}, 'VCardItem');
+const VCardItem = genericComponent()({
+  name: 'VCardItem',
+  props: makeCardItemProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);
+      const hasPrepend = !!(hasPrependMedia || slots.prepend);
+      const hasAppendMedia = !!(props.appendAvatar || props.appendIcon);
+      const hasAppend = !!(hasAppendMedia || slots.append);
+      const hasTitle = !!(props.title != null || slots.title);
+      const hasSubtitle = !!(props.subtitle != null || slots.subtitle);
+      return createVNode("div", {
+        "class": ['v-card-item', props.class],
+        "style": props.style
+      }, [hasPrepend && createVNode("div", {
+        "key": "prepend",
+        "class": "v-card-item__prepend"
+      }, [!slots.prepend ? createVNode(Fragment, null, [props.prependAvatar && createVNode(VAvatar, {
+        "key": "prepend-avatar",
+        "density": props.density,
+        "image": props.prependAvatar
+      }, null), props.prependIcon && createVNode(VIcon, {
+        "key": "prepend-icon",
+        "density": props.density,
+        "icon": props.prependIcon
+      }, null)]) : createVNode(VDefaultsProvider, {
+        "key": "prepend-defaults",
+        "disabled": !hasPrependMedia,
+        "defaults": {
+          VAvatar: {
+            density: props.density,
+            image: props.prependAvatar
+          },
+          VIcon: {
+            density: props.density,
+            icon: props.prependIcon
+          }
+        }
+      }, slots.prepend)]), createVNode("div", {
+        "class": "v-card-item__content"
+      }, [hasTitle && createVNode(VCardTitle, {
+        "key": "title"
+      }, {
+        default: () => [slots.title?.() ?? props.title]
+      }), hasSubtitle && createVNode(VCardSubtitle, {
+        "key": "subtitle"
+      }, {
+        default: () => [slots.subtitle?.() ?? props.subtitle]
+      }), slots.default?.()]), hasAppend && createVNode("div", {
+        "key": "append",
+        "class": "v-card-item__append"
+      }, [!slots.append ? createVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
+        "key": "append-icon",
+        "density": props.density,
+        "icon": props.appendIcon
+      }, null), props.appendAvatar && createVNode(VAvatar, {
+        "key": "append-avatar",
+        "density": props.density,
+        "image": props.appendAvatar
+      }, null)]) : createVNode(VDefaultsProvider, {
+        "key": "append-defaults",
+        "disabled": !hasAppendMedia,
+        "defaults": {
+          VAvatar: {
+            density: props.density,
+            image: props.appendAvatar
+          },
+          VIcon: {
+            density: props.density,
+            icon: props.appendIcon
+          }
+        }
+      }, slots.append)])]);
+    });
+    return {};
+  }
+});
+
+const makeVCardTextProps = propsFactory({
+  opacity: [Number, String],
+  ...makeComponentProps(),
+  ...makeTagProps()
+}, 'VCardText');
+const VCardText = genericComponent()({
+  name: 'VCardText',
+  props: makeVCardTextProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-card-text', props.class],
+      "style": [{
+        '--v-card-text-opacity': props.opacity
+      }, props.style]
+    }, slots));
+    return {};
+  }
+});
+
+const makeVCardProps = propsFactory({
+  appendAvatar: String,
+  appendIcon: IconValue,
+  disabled: Boolean,
+  flat: Boolean,
+  hover: Boolean,
+  image: String,
+  link: {
+    type: Boolean,
+    default: undefined
+  },
+  prependAvatar: String,
+  prependIcon: IconValue,
+  ripple: {
+    type: [Boolean, Object],
+    default: true
+  },
+  subtitle: [String, Number],
+  text: [String, Number],
+  title: [String, Number],
+  ...makeBorderProps(),
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeDimensionProps(),
+  ...makeElevationProps(),
+  ...makeLoaderProps(),
+  ...makeLocationProps(),
+  ...makePositionProps(),
+  ...makeRoundedProps(),
+  ...makeRouterProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps({
+    variant: 'elevated'
+  })
+}, 'VCard');
+const VCard = genericComponent()({
+  name: 'VCard',
+  directives: {
+    Ripple
+  },
+  props: makeVCardProps(),
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      loaderClasses
+    } = useLoader(props);
+    const {
+      locationStyles
+    } = useLocation(props);
+    const {
+      positionClasses
+    } = usePosition(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const link = useLink(props, attrs);
+    const isLink = computed(() => props.link !== false && link.isLink.value);
+    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value));
+    useRender(() => {
+      const Tag = isLink.value ? 'a' : props.tag;
+      const hasTitle = !!(slots.title || props.title != null);
+      const hasSubtitle = !!(slots.subtitle || props.subtitle != null);
+      const hasHeader = hasTitle || hasSubtitle;
+      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon);
+      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon);
+      const hasImage = !!(slots.image || props.image);
+      const hasCardItem = hasHeader || hasPrepend || hasAppend;
+      const hasText = !!(slots.text || props.text != null);
+      return withDirectives(createVNode(Tag, mergeProps({
+        "class": ['v-card', {
+          'v-card--disabled': props.disabled,
+          'v-card--flat': props.flat,
+          'v-card--hover': props.hover && !(props.disabled || props.flat),
+          'v-card--link': isClickable.value
+        }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value, props.class],
+        "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
+        "onClick": isClickable.value && link.navigate,
+        "tabindex": props.disabled ? -1 : undefined
+      }, link.linkProps), {
+        default: () => [hasImage && createVNode("div", {
+          "key": "image",
+          "class": "v-card__image"
+        }, [!slots.image ? createVNode(VImg, {
+          "key": "image-img",
+          "cover": true,
+          "src": props.image
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
+          "defaults": {
+            VImg: {
+              cover: true,
+              src: props.image
+            }
+          }
+        }, slots.image)]), createVNode(LoaderSlot, {
+          "name": "v-card",
+          "active": !!props.loading,
+          "color": typeof props.loading === 'boolean' ? undefined : props.loading
+        }, {
+          default: slots.loader
+        }), hasCardItem && createVNode(VCardItem, {
+          "key": "item",
+          "prependAvatar": props.prependAvatar,
+          "prependIcon": props.prependIcon,
+          "title": props.title,
+          "subtitle": props.subtitle,
+          "appendAvatar": props.appendAvatar,
+          "appendIcon": props.appendIcon
+        }, {
+          default: slots.item,
+          prepend: slots.prepend,
+          title: slots.title,
+          subtitle: slots.subtitle,
+          append: slots.append
+        }), hasText && createVNode(VCardText, {
+          "key": "text"
+        }, {
+          default: () => [slots.text?.() ?? props.text]
+        }), slots.default?.(), slots.actions && createVNode(VCardActions, null, {
+          default: slots.actions
+        }), genOverlays(isClickable.value, 'v-card')]
+      }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
+    });
+    return {};
+  }
+});
+
+const makeVDividerProps = propsFactory({
+  color: String,
+  inset: Boolean,
+  length: [Number, String],
+  opacity: [Number, String],
+  thickness: [Number, String],
+  vertical: Boolean,
+  ...makeComponentProps(),
+  ...makeThemeProps()
+}, 'VDivider');
+const VDivider = genericComponent()({
+  name: 'VDivider',
+  props: makeVDividerProps(),
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(toRef(props, 'color'));
+    const dividerStyles = computed(() => {
+      const styles = {};
+      if (props.length) {
+        styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
+      }
+      if (props.thickness) {
+        styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
+      }
+      return styles;
+    });
+    useRender(() => {
+      const divider = createVNode("hr", {
+        "class": [{
+          'v-divider': true,
+          'v-divider--inset': props.inset,
+          'v-divider--vertical': props.vertical
+        }, themeClasses.value, textColorClasses.value, props.class],
+        "style": [dividerStyles.value, textColorStyles.value, {
+          '--v-border-opacity': props.opacity
+        }, props.style],
+        "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
+        "role": `${attrs.role || 'separator'}`
+      }, null);
+      if (!slots.default) return divider;
+      return createVNode("div", {
+        "class": ['v-divider__wrapper', {
+          'v-divider__wrapper--vertical': props.vertical,
+          'v-divider__wrapper--inset': props.inset
+        }]
+      }, [divider, createVNode("div", {
+        "class": "v-divider__content"
+      }, [slots.default()]), divider]);
+    });
+    return {};
+  }
+});
+
+const _hoisted_1 = { class: "pa-3 code-block" };
+const _hoisted_2 = { style: {"position":"absolute","bottom":"15px"} };
+const _hoisted_3 = {
+  key: 0,
+  class: "text-success mr-3"
+};
+
+
+const _sfc_main = {
+  __name: 'ExportState',
+  props: /*@__PURE__*/mergeModels({
+  getLayers: {
+    type: Function,
+    default: getLayers,
+  },
+}, {
+    "modelValue": { type: Boolean, required: true, default: false },
+    "modelModifiers": {},
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+
+const dialog = useModel(__props, "modelValue");
+
+const props = __props;
+
+const copySuccess = ref(false);
+
+const copyBtns = [
+  {
+    id: Symbol(),
+    copyFn: async () => await copyToClipBoard(mapEntryCode.value, copySuccess),
+    copyAs: "simple map",
+  },
+  {
+    id: Symbol(),
+    copyFn: async () =>
+      await copyToClipBoard(JSON.stringify(props.getLayers()), copySuccess),
+    copyAs: "layers configuration",
+  },
+  {
+    id: Symbol(),
+    copyFn: async () => await copyToClipBoard(mapStepCode.value, copySuccess),
+    copyAs: "map tour section",
+  },
+];
+
+const mapStepCode = computed(() => {
+  const [x, y, z] = mapPosition.value;
+  const preTag = "### <!" + "--{ layers=";
+  const endTag = `zoom="${z}" center=[${[x, y]}] 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 `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
+});
+const mapEntryCode = computed(() => {
+  const [x, y, z] = mapPosition.value;
+  const preTag =
+    "## Map Example <!" +
+    '--{as="eox-map" style="width: 100%; height: 500px;" layers=';
+  const endTag = `zoom="${z}" center=[${[x, y]}] }-->`;
+  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
+});
+
+return (_ctx, _cache) => {
+                                                                   
+                                                       
+                                                                                 
+                                                     
+                                                     
+                                                     
+                                                                 
+                                                             
+                                                           
+                                                                       
+                                                       
+
+  return (openBlock(), createBlock(_sfc_main$1, {
+    modelValue: dialog.value,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((dialog).value = $event))
+  }, {
+    default: withCtx(() => [
+      createVNode(VCard, { style: {"max-height":"498px"} }, {
+        default: withCtx(() => [
+          createVNode(VCardTitle, {
+            class: "bg-primary",
+            style: {"max-height":"49px"}
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createElementVNode("h5", { class: "text-h5" }, "Storytelling map configuration", -1 /* HOISTED */)
+            ])),
+            _: 1 /* STABLE */
+          }),
+          createVNode(VCardText, {
+            class: "py-5 overflow-auto",
+            style: {"height":"400px"}
+          }, {
+            default: withCtx(() => [
+              _cache[4] || (_cache[4] = createElementVNode("p", { class: "text-body-2" }, [
+                createTextVNode(" Copy and paste this code into the map "),
+                createElementVNode("b", null, "layers field"),
+                createTextVNode(" of the storytelling editor: ")
+              ], -1 /* HOISTED */)),
+              createElementVNode("div", _hoisted_1, toDisplayString(unref(removeUnneededProperties)(__props.getLayers())), 1 /* TEXT */),
+              createElementVNode("div", _hoisted_2, [
+                createVNode(VExpandTransition, null, {
+                  default: withCtx(() => [
+                    (copySuccess.value)
+                      ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                          createVNode(VIcon, {
+                            color: "success",
+                            left: "",
+                            icon: [unref(mdiClipboardCheckOutline)]
+                          }, null, 8 /* PROPS */, ["icon"]),
+                          _cache[3] || (_cache[3] = createElementVNode("small", null, "copied!", -1 /* HOISTED */))
+                        ]))
+                      : createCommentVNode("v-if", true)
+                  ]),
+                  _: 1 /* STABLE */
+                })
+              ]),
+              createVNode(VRow, { class: "d-flex pt-3 justify-end" }, {
+                default: withCtx(() => [
+                  createVNode(VCol, {
+                    cols: "6",
+                    class: "flex-column align-center text-end"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(copyBtns, (btn) => {
+                        return createVNode(VBtn, {
+                          class: "text-body-2",
+                          onClick: btn.copyFn,
+                          key: btn.id,
+                          small: "",
+                          variant: "text",
+                          "prepend-icon": [unref(mdiContentCopy)]
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" copy as " + toDisplayString(btn.copyAs), 1 /* TEXT */)
+                          ]),
+                          _: 2 /* DYNAMIC */
+                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "prepend-icon"])
+                      }), 64 /* STABLE_FRAGMENT */))
+                    ]),
+                    _: 1 /* STABLE */
+                  })
+                ]),
+                _: 1 /* STABLE */
+              })
+            ]),
+            _: 1 /* STABLE */
+          }),
+          createVNode(VDivider),
+          createVNode(VCardActions, { style: {"max-height":"49px"} }, {
+            default: withCtx(() => [
+              createVNode(VSpacer),
+              createVNode(VBtn, {
+                variant: "text",
+                onClick: _cache[0] || (_cache[0] = $event => (dialog.value = !dialog.value))
+              }, {
+                default: withCtx(() => _cache[5] || (_cache[5] = [
+                  createTextVNode(" Close ")
+                ])),
+                _: 1 /* STABLE */
+              })
+            ]),
+            _: 1 /* STABLE */
+          })
+        ]),
+        _: 1 /* STABLE */
+      })
+    ]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["modelValue"]))
+}
+}
+
+};
+const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-bfef967b"]]);
+
+export { ExportState as default };