@eodash/eodash 5.0.0 → 5.1.0

package/core/client/eodash.js

@@ -1,454 +0,0 @@
-import { mdiViewDashboard, mdiViewDashboardVariant } from "@mdi/js";
-import { reactive } from "vue";
-
-/**
- * Reactive Edoash Instance Object. provided globally in the app, and used as an
- * intermediate object to make user defined instances config reactive.
- *
- * @type {import("./types").Eodash}
- */
-export const eodash = reactive({
-  id: "demo",
-  stacEndpoint:
-    // "https://esa-eodash.github.io/RACE-catalog/RACE/catalog.json",
-    // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
-    // "https://eodashcatalog.eox.at/samplecatalog/samples/catalog.json",
-    // "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
-    // "https://gtif-cerulean.github.io/deside-catalog/deside/catalog.json",
-    "https://gtif-cerulean.github.io/cerulean-catalog/cerulean/catalog.json",
-  // "https://gtif-austria.github.io/public-catalog/GTIF-Austria/catalog.json",
-  brand: {
-    noLayout: true,
-    name: "Demo",
-    font: {
-      headers: {
-        family: "Open Sans",
-        link: "https://eox.at/fonts/opensans/opensans.css",
-      },
-      body: {
-        family: "Sintony",
-        link: "https://eox.at/fonts/sintony/sintony.css",
-      },
-    },
-    theme: {
-      colors: {
-        primary: "#002742",
-        secondary: "#0071C2",
-        surface: "#ffff",
-      },
-      variables: {
-        "surface-opacity": 0.6,
-        "primary-opacity": 0.8,
-      },
-      // Bank-Wong palette
-      collectionsPalette: [
-        "#009E73",
-        "#E69F00",
-        "#56B4E9",
-        "#009E73",
-        "#F0E442",
-        "#0072B2",
-        "#D55E00",
-        "#CC79A7",
-        "#994F00",
-      ],
-    },
-    footerText: "Demo configuration of eodash client",
-  },
-  templates: {
-    light: {
-      gap: 16,
-      loading: {
-        id: Symbol(),
-        type: "web-component",
-        widget: {
-          // https://uiball.com/ldrs/
-          link: "https://cdn.jsdelivr.net/npm/ldrs/dist/auto/mirage.js",
-          tagName: "l-mirage",
-          properties: {
-            class: "align-self-center justify-self-center",
-            size: "120",
-            speed: "2.5",
-            color: "#004170",
-          },
-        },
-      },
-      background: {
-        id: "background-map",
-        type: "internal",
-        widget: {
-          name: "EodashMap",
-          properties: {
-            enableCompare: true,
-          },
-        },
-      },
-      widgets: [
-        {
-          id: Symbol(),
-          type: "internal",
-          title: "Tools",
-          layout: { x: 0, y: 0, w: 3, h: 1 },
-          widget: {
-            name: "EodashTools",
-            properties: {
-              layoutTarget: "expert",
-              layoutIcon: mdiViewDashboardVariant,
-              itemFilterConfig: {
-                resultType: "cards",
-                filtersTitle: "",
-                style: "--padding: 72px",
-                filterProperties: [],
-                resultsTitle: "Explore more indicators",
-                subTitleProperty: "subtitle",
-                imageProperty: "thumbnail",
-              },
-            },
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) => {
-            return selectedSTAC
-              ? {
-                  id: "layercontrol-light",
-                  type: "internal",
-                  title: "Layers",
-                  layout: { x: 0, y: 1, w: 3, h: 3 },
-                  widget: {
-                    name: "EodashLayerControl",
-                    properties: {
-                      slider: false,
-                      tools: ["datetime", "info", "legend"],
-                      cssVars: {
-                        "--list-padding": "0",
-                        "--tools-button-visibility": "none",
-                        "--layer-input-visibility": "none",
-                        "--layer-type-visibility": "none",
-                        "--padding": "16px",
-                        "--padding-vertical": "16px",
-                        "--layer-tools-button-visibility": "none",
-                        "--layer-summary-visibility": "none",
-                      },
-                    },
-                  },
-                }
-              : null;
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) => {
-            return selectedSTAC
-              ? {
-                  id: "stacinfo-light",
-                  type: "internal",
-                  title: "Information",
-                  layout: { x: 9, y: 0, w: 3, h: 6 },
-                  widget: {
-                    name: "EodashStacInfo",
-                    properties: {
-                      tags: [],
-                      header: [],
-                      footer: [],
-                      body: ["description"],
-                      styleOverride: "",
-                      featured: [],
-                    },
-                  },
-                }
-              : null;
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) => {
-            return selectedSTAC
-              ? {
-                  id: "light-datepicker",
-                  type: "internal",
-                  layout: { x: 5, y: 8, w: 2, h: 4 },
-                  title: "Date",
-                  widget: {
-                    name: "EodashDatePicker",
-                    properties: {
-                      hintText: `<b>Hint:</b> closest available date is displayed <br />
-                            on map (see Analysis Layers)`,
-                    },
-                  },
-                }
-              : null;
-          },
-        },
-      ],
-    },
-    expert: {
-      loading: {
-        id: Symbol(),
-        type: "web-component",
-        widget: {
-          // https://uiball.com/ldrs/
-          link: "https://cdn.jsdelivr.net/npm/ldrs/dist/auto/mirage.js",
-          tagName: "l-mirage",
-          properties: {
-            class: "align-self-center justify-self-center",
-            size: "120",
-            speed: "2.5",
-            color: "#004170",
-          },
-        },
-      },
-      background: {
-        id: "background-map",
-        type: "internal",
-        widget: {
-          name: "EodashMap",
-          properties: {
-            enableCompare: true,
-          },
-        },
-      },
-      widgets: [
-        {
-          id: Symbol(),
-          type: "internal",
-          title: "Tools",
-          layout: { x: 0, y: 0, w: 3, h: 1 },
-          widget: {
-            name: "EodashTools",
-            properties: {
-              layoutTarget: "light",
-              layoutIcon: mdiViewDashboard,
-              itemFilterConfig: {
-                resultType: "cards",
-                subTitleProperty: "subtitle",
-                imageProperty: "thumbnail",
-                aggregateResults: "collection_group",
-                style: {
-                  "--form-flex-direction": "row",
-                },
-              },
-            },
-          },
-        },
-        {
-          id: Symbol(),
-          type: "internal",
-          title: "Layers",
-          layout: { x: 0, y: 1, w: 3, h: 6 },
-          widget: {
-            name: "EodashLayerControl",
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) => {
-            return selectedSTAC
-              ? {
-                  id: "Information",
-                  title: "Information",
-                  layout: { x: 9, y: 0, w: 3, h: 6 },
-                  type: "internal",
-                  widget: {
-                    name: "EodashStacInfo",
-                  },
-                }
-              : null;
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) => {
-            return selectedSTAC
-              ? {
-                  id: "expert-datepicker",
-                  type: "internal",
-                  layout: { x: 5, y: 11, w: 2, h: 1 },
-                  title: "Date",
-                  widget: {
-                    name: "EodashDatePicker",
-                    properties: {
-                      hintText: `<b>Hint:</b> closest available date is displayed <br />
-                            on map (see Analysis Layers)`,
-                      toggleCalendar: true,
-                    },
-                  },
-                }
-              : null;
-          },
-        },
-        {
-          defineWidget: (selected) => {
-            return selected
-              ? {
-                  id: "Buttons",
-                  layout: { x: 8, y: 0, w: 1, h: 2 },
-                  title: "Buttons",
-                  type: "internal",
-                  widget: {
-                    name: "EodashMapBtns",
-                  },
-                }
-              : null;
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) =>
-            selectedSTAC?.links.some((l) => l.rel === "service")
-              ? {
-                  id: "Processes",
-                  type: "internal",
-                  title: "Processes",
-                  layout: { x: 9, y: 6, w: 3, h: 5 },
-                  widget: {
-                    name: "EodashProcess",
-                  },
-                }
-              : null,
-        },
-      ],
-    },
-    compare: {
-      gap: 16,
-      loading: {
-        id: Symbol(),
-        type: "web-component",
-        widget: {
-          // https://uiball.com/ldrs/
-          link: "https://cdn.jsdelivr.net/npm/ldrs/dist/auto/mirage.js",
-          tagName: "l-mirage",
-          properties: {
-            class: "align-self-center justify-self-center",
-            size: "120",
-            speed: "2.5",
-            color: "#004170",
-          },
-        },
-      },
-      background: {
-        id: "background-map",
-        type: "internal",
-        widget: {
-          name: "EodashMap",
-          properties: {
-            enableCompare: true,
-          },
-        },
-      },
-      widgets: [
-        {
-          id: Symbol(),
-          type: "internal",
-          title: "Tools",
-          layout: { x: 0, y: 0, w: 3, h: 1 },
-          widget: {
-            name: "EodashTools",
-            properties: {
-              showLayoutSwitcher: false,
-              itemFilterConfig: {
-                cssVars: {
-                  "--form-flex-direction": "row",
-                },
-              },
-            },
-          },
-        },
-        // compare indicators
-        {
-          id: Symbol(),
-          type: "internal",
-          title: "Tools",
-          layout: { x: 9, y: 0, w: 3, h: 1 },
-          widget: {
-            name: "EodashTools",
-            properties: {
-              showLayoutSwitcher: false,
-              indicatorBtnText: "Select an indicator to compare",
-              itemFilterConfig: {
-                enableCompare: true,
-                // resultsTitle:"Select an indicator to compare",
-                filtersTitle: "Select an indicator to compare",
-                // filterProperties: [],
-                cssVars: {
-                  "--form-flex-direction": "row",
-                },
-              },
-            },
-          },
-        },
-        {
-          id: Symbol(),
-          type: "internal",
-          title: "Layers",
-          layout: { x: 0, y: 1, w: 3, h: 6 },
-          widget: {
-            name: "EodashLayerControl",
-          },
-        },
-        {
-          id: Symbol(),
-          title: "Comparison Layers",
-          layout: { x: 9, y: 1, w: 3, h: 6 },
-          type: "internal",
-          widget: {
-            name: "EodashLayerControl",
-            properties: {
-              map: "second",
-            },
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) =>
-            selectedSTAC?.links.some((l) => l.rel === "service")
-              ? {
-                  id: Symbol(),
-                  type: "internal",
-                  title: "Processes",
-                  layout: { x: 0, y: 7, w: 3, h: 5 },
-                  widget: {
-                    name: "EodashProcess",
-                  },
-                }
-              : null,
-        },
-        {
-          defineWidget: (selected) => {
-            return selected
-              ? {
-                  id: "Buttons",
-                  layout: { x: 8, y: 0, w: 1, h: 2 },
-                  title: "Buttons",
-                  type: "internal",
-                  widget: {
-                    name: "EodashMapBtns",
-                    properties: {
-                      compareIndicators: {
-                        fallbackTemplate: "expert",
-                      },
-                    },
-                  },
-                }
-              : null;
-          },
-        },
-        {
-          defineWidget: (selectedSTAC) => {
-            return selectedSTAC
-              ? {
-                  id: "expert-Datepicker",
-                  type: "internal",
-                  layout: { x: 5, y: 8, w: 2, h: 4 },
-                  title: "Date",
-                  widget: {
-                    name: "EodashDatePicker",
-                    properties: {
-                      hintText: `<b>Hint:</b> closest available date is displayed <br />
-                                on map (see Analysis Layers)`,
-                      toggleCalendar: true,
-                    },
-                  },
-                }
-              : null;
-          },
-        },
-      ],
-    },
-  },
-});
-
-export default eodash;

package/dist/client/EodashLayoutSwitcher-CDeCV8F-.js

@@ -1,52 +0,0 @@
-import { ref, createElementBlock, openBlock, createVNode, withCtx, mergeProps } from 'vue';
-import { a1 as makePanelTransparent, v as VIcon, ap as activeTemplate } from './asWebComponent-CLhcT715.js';
-import { mdiViewDashboard } from '@mdi/js';
-import { V as VTooltip } from './VTooltip-CfeefrXI.js';
-
-const _sfc_main = {
-  __name: 'EodashLayoutSwitcher',
-  props: {
-  target: {
-    type: String,
-    default: "main",
-  },
-  // mdi/js icon
-  icon: {
-    type: String,
-    default: mdiViewDashboard,
-  },
-},
-  setup(__props) {
-
-
-
-/** @type {import("vue").Ref<HTMLDivElement|null>} */
-const rootRef = ref(null);
-makePanelTransparent(rootRef);
-
-return (_ctx, _cache) => {
-                                                       
-                                                             
-
-  return (openBlock(), createElementBlock("div", {
-    ref_key: "rootRef",
-    ref: rootRef
-  }, [
-    createVNode(VTooltip, {
-      text: `Switch to ${__props.target} mode`
-    }, {
-      activator: withCtx(({ props }) => [
-        createVNode(VIcon, mergeProps(props, {
-          onClick: _cache[0] || (_cache[0] = $event => (activeTemplate.value = __props.target)),
-          icon: [__props.icon]
-        }), null, 16 /* FULL_PROPS */, ["icon"])
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["text"])
-  ], 512 /* NEED_PATCH */))
-}
-}
-
-};
-
-export { _sfc_main as default };

package/dist/client/EodashMapBtns-CktQCfa-.js

@@ -1,131 +0,0 @@
-import { computed, ref, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx, triggerRef } from 'vue';
-import { _ as _export_sfc, Z as useSTAcStore, r as useDisplay, ae as switchToCompare, a1 as makePanelTransparent, V as VBtn, af as availableMapProjection, ag as changeMapProjection, ah as setActiveTemplate } from './asWebComponent-CLhcT715.js';
-import { mdiCompare, mdiCompareRemove, mdiMapPlus, mdiEarthBox } from '@mdi/js';
-import ExportState from './ExportState-DjyIZVhl.js';
-import _sfc_main$1 from './PopUp-BfB8s_ki.js';
-import _sfc_main$2 from './EodashItemFilter-DlQiE713.js';
-import { storeToRefs } from 'pinia';
-
-const _sfc_main = {
-  __name: 'EodashMapBtns',
-  props: {
-  exportMap: {
-    type: Boolean,
-    default: true,
-  },
-  changeProjection: {
-    type: Boolean,
-    default: true,
-  },
-  compareIndicators: {
-    /** @type {import("vue").PropType<boolean | {compareTemplate?:string;fallbackTemplate?:string}> }*/
-    type: [Boolean, Object],
-    default: true,
-  },
-},
-  setup(__props) {
-
-
-const { selectedStac, selectedCompareStac } = storeToRefs(useSTAcStore());
-const { smAndDown } = useDisplay();
-const popupWidth = computed(() => (smAndDown ? "70%" : "500px"));
-const popupHeight = computed(() => (smAndDown ? "90%" : "500px"));
-
-const showMapState = ref(false);
-const showCompareIndicators = ref(false);
-const compareIcon = computed(() =>
-  switchToCompare.value ? mdiCompare : mdiCompareRemove,
-);
-const onCompareClick = () => {
-  if (switchToCompare.value) {
-    showCompareIndicators.value = !showCompareIndicators.value;
-  } else {
-    switchToCompare.value = true;
-    const fallbackTemplate =
-      (typeof __props.compareIndicators === "object" &&
-        __props.compareIndicators.fallbackTemplate) ||
-      "expert";
-    selectedCompareStac.value = null;
-    setActiveTemplate(fallbackTemplate);
-    triggerRef(selectedStac);
-  }
-};
-
-/** @type {import("vue").Ref<HTMLDivElement|null>} */
-const rootRef = ref(null);
-
-const onSelectCompareIndicator = () => {
-  const compareTemplate =
-    (typeof __props.compareIndicators === "object" &&
-      __props.compareIndicators.compareTemplate) ||
-    "compare";
-  setActiveTemplate(compareTemplate);
-  showCompareIndicators.value = !showCompareIndicators.value;
-};
-
-makePanelTransparent(rootRef);
-
-return (_ctx, _cache) => {
-                                                     
-
-  return (openBlock(), createElementBlock("div", {
-    ref_key: "rootRef",
-    ref: rootRef,
-    class: "d-flex flex-column align-end justify-end my-3 pa-2"
-  }, [
-    (__props.exportMap)
-      ? (openBlock(), createBlock(VBtn, {
-          key: 0,
-          class: "map-btn",
-          icon: [unref(mdiMapPlus)],
-          onClick: _cache[0] || (_cache[0] = $event => (showMapState.value = !showMapState.value))
-        }, null, 8 /* PROPS */, ["icon"]))
-      : createCommentVNode("v-if", true),
-    (__props.exportMap)
-      ? (openBlock(), createBlock(ExportState, {
-          key: 1,
-          modelValue: showMapState.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((showMapState).value = $event))
-        }, null, 8 /* PROPS */, ["modelValue"]))
-      : createCommentVNode("v-if", true),
-    (__props.changeProjection && !!unref(availableMapProjection))
-      ? (openBlock(), createBlock(VBtn, {
-          key: 2,
-          class: "map-btn",
-          icon: [unref(mdiEarthBox)],
-          onClick: _cache[2] || (_cache[2] = $event => (unref(changeMapProjection)(unref(availableMapProjection))))
-        }, null, 8 /* PROPS */, ["icon"]))
-      : createCommentVNode("v-if", true),
-    (__props.compareIndicators)
-      ? (openBlock(), createBlock(VBtn, {
-          key: 3,
-          class: "map-btn",
-          icon: [compareIcon.value],
-          onClick: onCompareClick
-        }, null, 8 /* PROPS */, ["icon"]))
-      : createCommentVNode("v-if", true),
-    createVNode(_sfc_main$1, {
-      modelValue: showCompareIndicators.value,
-      "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((showCompareIndicators).value = $event)),
-      maxWidth: popupWidth.value,
-      maxHeight: popupHeight.value
-    }, {
-      default: withCtx(() => [
-        createVNode(_sfc_main$2, {
-          enableCompare: true,
-          "filters-title": "",
-          "results-title": "Select an indicator to compare",
-          "filter-properties": [],
-          onSelect: onSelectCompareIndicator
-        })
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modelValue", "maxWidth", "maxHeight"])
-  ], 512 /* NEED_PATCH */))
-}
-}
-
-};
-const EodashMapBtns = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-da630fa1"]]);
-
-export { EodashMapBtns as default };