@eodash/eodash 5.0.0-rc → 5.0.0-rc.1

package/dist/client/eo-dash.js

@@ -1,2 +1,2 @@
-export { aW as EodashConstructor, aX as register, aY as store } from './asWebComponent-BRGyP_j5.js';
+export { aW as EodashConstructor, aX as register, aY as store } from './asWebComponent-D8bMMCEr.js';
 import 'vue';

package/dist/client/{forwardRefs-CYrR6bMw.js → forwardRefs-yw6tFXER.js}

@@ -1,5 +1,5 @@
 import { shallowRef, computed, watch } from 'vue';
-import { p as propsFactory, aH as getCurrentInstance } from './asWebComponent-BRGyP_j5.js';
+import { p as propsFactory, aH as getCurrentInstance } from './asWebComponent-D8bMMCEr.js';
 
 class Box {
   constructor(_ref) {

package/dist/client/{index-BZwk0V42.js → index-CpK_Yaom.js}

@@ -1,5 +1,5 @@
 import { TransitionGroup, Transition, h, camelize } from 'vue';
-import { g as genericComponent, p as propsFactory } from './asWebComponent-BRGyP_j5.js';
+import { g as genericComponent, p as propsFactory } from './asWebComponent-D8bMMCEr.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/client/{transition-DG9nRSW4.js → transition-B2YwqAYJ.js}

@@ -1,5 +1,5 @@
 import { h, mergeProps, TransitionGroup, Transition } from 'vue';
-import { p as propsFactory } from './asWebComponent-BRGyP_j5.js';
+import { p as propsFactory } from './asWebComponent-D8bMMCEr.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-rc",
+  "version": "5.0.0-rc.1",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -23,16 +23,13 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types/core/client/types.d.ts",
       "default": "./core/client/main.js"
     },
     "./webcomponent": {
-      "types": "./dist/types/core/client/asWebComponent.d.ts",
       "default": "./dist/client/eo-dash.js"
     },
     "./webcomponent.css": "./dist/client/eo-dash.css",
     "./config": {
-      "types": "./dist/node/types.d.ts",
       "default": "./dist/node/main.js"
     }
   },
@@ -81,6 +78,7 @@
     "commander": "^12.1.0",
     "core-js": "^3.39.0",
     "loglevel": "^1.9.2",
+    "mustache": "^4.2.0",
     "pinia": "^2.3.0",
     "sass": "^1.83.0",
     "stac-js": "^0.0.9",
@@ -105,7 +103,6 @@
     "cypress": "^13.17.0",
     "eslint": "^9.17.0",
     "eslint-plugin-vue": "^9.32.0",
-    "mustache": "^4.2.0",
     "prettier": "^3.4.2",
     "rollup": "^4.28.1",
     "stac-ts": "^1.0.4",

package/widgets/ExportState.vue

@@ -52,9 +52,9 @@
 import { mdiClipboardCheckOutline, mdiContentCopy } from "@mdi/js";
 import PopUp from "./PopUp.vue";
 import { copyToClipBoard } from "@/utils";
-import { computed, ref } from "vue";
+import { ref } from "vue";
 import { getLayers as getLayerAction } from "@/store/actions";
-import { mapPosition } from "@/store/states";
+import { mapPosition, availableMapProjection } from "@/store/states";
 import { removeUnneededProperties } from "@/eodashSTAC/helpers";
 
 const dialog = defineModel({ type: Boolean, required: true, default: false });
@@ -71,7 +71,7 @@ const copySuccess = ref(false);
 const copyBtns = [
   {
     id: Symbol(),
-    copyFn: async () => await copyToClipBoard(mapEntryCode.value, copySuccess),
+    copyFn: async () => await copyToClipBoard(getMapEntryCode(), copySuccess),
     copyAs: "simple map",
   },
   {
@@ -82,28 +82,28 @@ const copyBtns = [
   },
   {
     id: Symbol(),
-    copyFn: async () => await copyToClipBoard(mapStepCode.value, copySuccess),
+    copyFn: async () => await copyToClipBoard(getMapStepCode(), copySuccess),
     copyAs: "map tour section",
   },
 ];
 
-const mapStepCode = computed(() => {
+const getMapStepCode = () => {
   const [x, y, z] = mapPosition.value;
   const preTag = "### <!" + "--{ layers=";
-  const endTag = `zoom="${z}" center=[${[x, y]}] animationOptions={duration:500}}-->
+  const endTag = `zoom="${z}" center=[${[x, y]}] projection="${availableMapProjection.value}" 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 getMapEntryCode = () => {
   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]}] }-->`;
+  const endTag = `zoom="${z}" center=[${[x, y]}] projection="${availableMapProjection.value}" }-->`;
   return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
-});
+};
 </script>
 <style scoped>
 .code-block {