@eodash/eodash 5.0.0-alpha → 5.0.0-alpha.1.1

package/core/store/stac.js

@@ -0,0 +1,61 @@
+import { defineStore } from 'pinia';
+import { inject, ref } from 'vue';
+import axios from 'axios';
+import { useAbsoluteUrl } from '@/composables/index';
+import { eodashConfigKey } from '@/store/Keys';
+
+export const useSTAcStore = defineStore('stac', () => {
+  /**
+   * links of the root STAC catalog
+   * @type {import("vue").Ref<import('stac-ts').StacLink[]|null>}
+   */
+  const stac = ref(null);
+
+  /**
+   * selected STAC object.
+   * @type {import('vue').Ref<import('stac-ts').StacCatalog |
+   * import('stac-ts').StacCollection |import('stac-ts').StacItem
+   * | null>}
+   */
+  const selectedStac = ref(null);
+
+
+  const eodashConfig = /** @type {EodashConfig} */(inject(eodashConfigKey));
+
+  /**
+   * fetches root stac catalog and assign it to `stac`
+   * @async
+   * @param {StacEndpoint} [url = eodashConfig.stacEndpoint]
+   * @returns {Promise<void>}
+   * @see {@link stac}
+   */
+  async function loadSTAC(url = eodashConfig.stacEndpoint) {
+    await axios.get(url).then(resp => {
+      const links = /** @type {import('stac-ts').StacCatalog} */(resp.data).links.map(link => {
+        if (!link.title) {
+          link.title = `${link.rel} ${link.href}`
+        }
+        return link
+      })
+      stac.value = links;
+    }).catch(err => console.error(err));
+  }
+
+  /**
+   * fetches selected stac object and assign it to `selectedStac`
+   * @async
+   * @param {string} relativePath - stac link href
+   * @returns {Promise<void>}
+   * @see {@link selectedStac}
+   */
+  async function loadSelectedSTAC(relativePath = '') {
+
+    const absoluteUrl = useAbsoluteUrl(relativePath);
+
+    await axios.get(absoluteUrl.value).then(resp => {
+      selectedStac.value = resp.data;
+    }).catch(err => console.error(err));
+  }
+
+  return { stac, loadSTAC, loadSelectedSTAC, selectedStac };
+});

package/core/types.d.ts

@@ -0,0 +1,333 @@
+import { useSTAcStore } from "@/store/stac"
+import type { Router } from "vue-router";
+import type { StacCatalog, StacCollection, StacItem } from "stac-ts";
+import { defineCompiletimeConfig } from "./composables/DefineConfig";
+
+declare global {
+  /**
+   * Web Component configuration
+   */
+  interface WebComponentProps<T extends ExecutionTime = "compiletime"> {
+    /** Web component definition file URL*/
+    link: T extends 'runtime' ? string : (string | (() => Promise));
+    /** Exported Constructor, needs to be provided if the web component is not registered by the `link` provided */
+    constructorProp?: string
+    /** Custom tag name */
+    tagName: `${string}-${string}`
+    /** Object defining all the properties and attributes of the web component */
+    properties?: Record<string, any>
+    /**
+     * Function that is triggered when the web component is mounted in the DOM.
+     * @param el - web component
+     * @param store - return value of the core STAC pinia store in `/core/store/stac.ts`
+     */
+    onMounted?: (el: Element | null, store: ReturnType<typeof useSTAcStore>, router: Router) => (Promise<void> | void)
+    /**
+     * Function that is triggered when the web component is unmounted from the DOM.
+     * @param el - web component
+     * @param store - return value of the core STAC pinia store in `/core/store/stac.ts`
+     */
+    onUnmounted?: (el: Element | null, store: ReturnType<typeof useSTAcStore>, router: Router) => (Promise<void> | void)
+  }
+
+
+  /** @ignore */
+  interface WidgetsContainerProps {
+    widgets: Omit<WidgetConfig, 'layout'>[]
+  }
+
+  // eodash config types:
+  /**
+   * Widget type: `web-component` specification. The web component definition is imported using the `widget.link` property either from
+   * an external endpoint, or an installed node_module.
+   * Installed node_module web components import should be mapped in `/core/modulesMap.ts`,
+   * then setting `widget.link`:`(import-map-key)` and `node_module`:`true`
+   */
+  interface WebComponentConfig<T extends ExecutionTime = "compiletime"> {
+    /**
+   * Unique Identifier, triggers rerender when using `defineWidget`
+   **/
+    id: number | string | symbol
+    /**
+     * Widget title
+     */
+    title: string
+    /**
+     * Widget position and size.
+     */
+    layout: {
+      /**
+       *  Horizontal start position. Integer (1 - 12)
+       */
+      x: number
+      /**
+       *  Vertical start position. Integer (1 - 12)
+       */
+      y: number
+      /**
+       *  Width. Integer (1 - 12)
+       */
+      w: number
+      /**
+       *  Height. Integer (1 - 12)
+       */
+      h: number
+    }
+    widget: WebComponentProps<T>
+    /**
+     * Widget type
+     */
+    type: 'web-component'
+  }
+
+  /**
+   * Widget type: `internal` specification.
+   * Internal widgets are Vue components inside the `/widgets` directory.
+   */
+  interface InternalComponentConfig {
+    /**
+    * Unique Identifier, triggers rerender when using `defineWidget`
+    **/
+    id: number | string | symbol
+    /**
+     * Widget title
+     */
+    title: string
+    /**
+    * Widget position and size.
+    */
+    layout: {
+      /**
+       *  Horizontal start position. Integer (1 - 12)
+       */
+      x: number
+      /**
+       *  Vertical start position. Integer (1 - 12)
+       */
+      y: number
+      /**
+       *  Width. Integer (1 - 12)
+       */
+      w: number
+      /**
+       *  Height. Integer (1 - 12)
+       */
+      h: number
+    }
+    widget: {
+      /**
+       * Internal Vue Component file name without the extention .vue
+       */
+      name: string;
+      /**
+       * Specified Vue component props
+       */
+      props?: Record<string, unknown>
+    }
+    /**
+    * Widget type.
+    */
+    type: 'internal'
+  }
+
+  /**
+   * Widget type: `iframe` specification.
+   * Renders an external HTML file as a widget.
+   */
+  interface IFrameConfig {
+    /**
+     * Unique Identifier, triggers rerender when using `defineWidget`
+     **/
+    id: number | string | symbol
+    /**
+    * Widget title
+    */
+    title: string
+    /**
+    * Widget position and size.
+    */
+    layout: {
+      /**
+       *  Horizontal start position. Integer (1 - 12)
+       */
+      x: number
+      /**
+       *  Vertical start position. Integer (1 - 12)
+       */
+      y: number
+      /**
+       *  Width. Integer (1 - 12)
+       */
+      w: number
+      /**
+       *  Height. Integer (1 - 12)
+       */
+      h: number
+    }
+    widget: {
+      /**
+       * The URL of the page to embed
+       */
+      src: string
+    }
+    /**
+    * Widget type
+    */
+    type: 'iframe'
+  }
+  interface FunctionalWidget<T extends ExecutionTime = "compiletime"> {
+    /**
+     * Provides a functional definition of the widget,
+     * gets triggered whenever a stac object is selected.
+     * @param selectedSTAC - currently selected stac object
+     */
+    defineWidget: (selectedSTAC: StacCatalog | StacCollection | StacItem | null) => Omit<StaticWidget<T>, 'layout'>
+    layout: {
+      /**
+       *  Horizontal start position. Integer (1 - 12)
+       */
+      x: number
+      /**
+       *  Vertical start position. Integer (1 - 12)
+       */
+      y: number
+      /**
+       *  Width. Integer (1 - 12)
+       */
+      w: number
+      /**
+       *  Height. Integer (1 - 12)
+       */
+      h: number
+    }
+  }
+  type StaticWidget<T extends ExecutionTime = "compiletime"> = WebComponentConfig<T> | InternalComponentConfig | IFrameConfig
+  type WidgetConfig<T extends ExecutionTime = "compiletime"> = StaticWidget<T> | FunctionalWidget<T>
+
+
+  type BackgroundWidgetConfig<T extends ExecutionTime = "compiletime"> = Omit<WebComponentConfig<T>, 'layout' | 'title'> | Omit<InternalComponentConfig, 'layout' | 'title'> | Omit<IFrameConfig, 'layout' | 'title'> | Omit<FunctionalWidget, 'layout'>
+  /**
+   * Dashboard rendered widgets configuration specification.
+   * 3 types of widgets are supported: `"iframe"`, `"internal"`, and `"web-component"`.
+   * A specific configuration should be provided based on the type of the widget.
+   */
+  interface TemplateConfig<T extends ExecutionTime = "compiletime"> {
+    /**
+     * Gap between widgets
+     */
+    gap?: number;
+    /**
+     * Widget rendered as the dashboard background.
+     * Has the same specifications of [WidgetConfig](../readme#widgetconfig) without the `title` and  `layout` properties
+     */
+    background?: BackgroundWidgetConfig<T>
+    /**
+     * Array of widgets that will be rendered as dashboard panels.
+     */
+    widgets: WidgetConfig<T>[]
+  }
+
+  type ExternalURL = `${'https://' | 'http://'}${string}`;
+  type InternalRoute = `/${string}`
+  type StacEndpoint = `${'https://' | 'http://'}${string}/catalog.json`
+
+  type ExecutionTime = "runtime" | "compiletime";
+
+  /**
+   * Eodash configuration specification.
+   */
+  interface EodashConfig<T extends ExecutionTime = "compiletime"> {
+    /**
+     * Configuration ID that defines the route of the dashboard.
+     * Rendered dashboard can be accessed on route `/dashboard/config-id`
+     */
+    id: string;
+    /**
+     * Root STAC catalog endpoint
+     **/
+    stacEndpoint: StacEndpoint
+    /**
+    * Renderes to navigation buttons on the app header.
+    **/
+    routes?: Array<{
+      /**
+       * button title
+       **/
+      title: string,
+      /**
+       * external URL or inner path to navigate to.
+       **/
+      to: ExternalURL | InternalRoute
+    }>
+    /**
+     * Brand specifications.
+     */
+    brand: {
+      /**
+       * Automatically fetches the specified font family from google fonts. if the `link` property is specified
+       * the font family will be fetched from the provided source instead.
+       */
+      font?: {
+        /**
+         * Link to stylesheet that defines font-face.
+         */
+        link?: string;
+        /**
+         * Font family. Use FVD notation to include families https://github.com/typekit/fvd
+         */
+        family: string
+      }
+      /**
+       *  Title that will be shown in the app header
+       */
+      name: string;
+      /**
+       * Alias that will be shown in the app footer if specified.
+       */
+      shortName?: string
+      /**
+       * brand logo
+       */
+      logo?: string;
+      /**
+       * Dashboard theme as a custom vuetifyJs theme.
+       */
+      theme?: ThemeDefinition
+    }
+    /**
+     * Rendered widgets configuration
+     */
+    template: TemplateConfig<T>
+  }
+  /////////
+
+  /// eodash store types
+  interface EodashStore {
+    /**
+     * Stateful Reactive variables
+     */
+    states: {
+      /**
+       * Currently selected STAC endpoint
+       */
+      currentUrl: Ref<string>
+      /**
+      * OpenLayers map instance
+      */
+      mapInstance: Ref<Map | null>
+    }
+    // consider removing the actions ?
+    actions: {
+      loadFont: (family?: string, link?: string) => Promise<string>;
+    };
+    /**
+     *  Pinia store definition used to navigate the root STAC catalog.
+     */
+    stac: {
+      useSTAcStore: typeof useSTAcStore
+    }
+  }
+  ///////
+}
+export type { EodashConfig, EodashStore }
+export declare const defineConfig: typeof defineCompiletimeConfig

package/core/views/Dashboard.vue

@@ -0,0 +1,49 @@
+<template>
+  <HeaderComponent />
+  <TemplateComponent :style="`height: calc(100dvh - ${mainRect['top'] + mainRect['bottom']}px)`" />
+  <FooterComponent />
+</template>
+
+<script setup>
+import { useEodashRuntimeConfig } from "@/composables/DefineConfig";
+import { useUpdateTheme } from "@/composables";
+import { useSTAcStore } from '@/store/stac';
+import { defineAsyncComponent } from "vue";
+import { useDisplay, useLayout } from "vuetify/lib/framework.mjs";
+import { loadFont } from '@/store/Actions'
+import { onUnmounted } from "vue";
+
+
+const eodashConfig = await useEodashRuntimeConfig()
+
+const theme = useUpdateTheme('dashboardTheme', eodashConfig.brand?.theme)
+theme.global.name.value = 'dashboardTheme'
+
+const fontFamily = await loadFont(eodashConfig.brand?.font?.family, eodashConfig.brand?.font?.link)
+
+const { loadSTAC } = useSTAcStore()
+await loadSTAC()
+const { smAndDown } = useDisplay()
+const TemplateComponent = smAndDown.value ?
+  defineAsyncComponent(() => import(`@/components/MobileLayout.vue`)) :
+  defineAsyncComponent(() => import(`@/components/DashboardLayout.vue`))
+
+const HeaderComponent = defineAsyncComponent(() => import(`@/components/Header.vue`))
+const FooterComponent = defineAsyncComponent(() => import(`@/components/Footer.vue`))
+const { mainRect } = useLayout()
+
+onUnmounted(() => {
+  theme.global.name.value = 'light'
+})
+
+import.meta.hot?.on('reload', () => {
+  window.location.reload()
+})
+
+</script>
+
+<style scoped lang="scss">
+* {
+  font-family: v-bind('fontFamily');
+}
+</style>

package/core/vite-env.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+declare interface Window {
+  eodashStore: EodashStore
+}
+declare module '@eox/itemfilter' {
+  export const EOxItemFilter: CustomElementConstructor
+}
+declare module '@eox/stacinfo' {
+  export const EOxStacInfo: CustomElementConstructor
+}
+declare module '@eox/map' {
+  export const EOxMap: CustomElementConstructor
+}
+declare module '@eox/chart' {
+  export const EOxChart: CustomElementConstructor
+}
+declare module '@eox/layercontrol' {
+  export const EOxLayerControl: CustomElementConstructor
+}
+declare module '@eox/timecontrol' {
+  export const EOxTimeControl: CustomElementConstructor
+}
+declare module '@eox/jsonform' {
+  export const EOxJSONForm: CustomElementConstructor
+}
+declare module 'user:config' {
+  const config: EodashConfig;
+  export default config
+}

package/package.json

@@ -1,15 +1,23 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-alpha",
+  "version": "5.0.0-alpha.1.1",
   "type": "module",
-  "types": "dist/types/index.d.ts",
+  "types": "./core/types.d.ts",
   "files": [
-    "dist"
+    "core",
+    "bin",
+    "widgets"
   ],
-  "browser": "./dist/index.html",
+  "exports": {
+    ".": {
+      "types": "./core/types.d.ts",
+      "default": "./core/main.js"
+    }
+  },
+  "browser": "./core/main.js",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build && vite build -c vite-lib.config.js",
+    "dev": "npx eodash dev",
+    "build": "npx eodash build",
     "check": "vue-tsc --noEmit --skipLibCheck && eslint .",
     "check:lint": "eslint .",
     "check:types": "vue-tsc --noEmit --skipLibCheck",
@@ -18,50 +26,41 @@
     "docs:generate": "typedoc --plugin typedoc-plugin-markdown core/store/Types.ts --tsconfig tsconfig.json --out docs --readme none"
   },
   "dependencies": {
-    "@eox/chart": "^2.0.0-beta2",
-    "@eox/drawtools": "^0.6.1",
-    "@eox/itemfilter": "^0.12.1",
-    "@eox/jsonform": "^0.2.1",
-    "@eox/layercontrol": "^0.15.1",
     "@eox/layout": "^0.1.0",
-    "@eox/map": "^1.1.0",
     "@eox/stacinfo": "^0.3.0",
-    "@eox/timecontrol": "^0.3.0",
     "@mdi/font": "7.0.96",
+    "@vitejs/plugin-vue": "^5.0.0",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
     "axios": "^1.6.2",
-    "chokidar": "^3.6.0",
     "core-js": "^3.29.0",
-    "express": "^4.18.2",
     "pinia": "^2.0.0",
     "roboto-fontface": "*",
-    "vite": "^4.2.0",
+    "vite": "^5.1.5",
+    "vite-plugin-virtual": "^0.3.0",
+    "vite-plugin-vuetify": "^2.0.0",
     "vue": "^3.2.0",
     "vue-router": "^4.0.0",
     "vuetify": "^3.5.1",
     "webfontloader": "^1.6.28",
-    "ws": "^8.16.0"
+    "sass": "^1.60.0"
   },
   "devDependencies": {
     "@babel/types": "^7.21.4",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-typescript": "^11.0.0",
     "eslint": "^8.56.0",
     "eslint-plugin-vue": "^9.19.2",
-    "sass": "^1.60.0",
     "stac-ts": "^1.0.3",
     "typedoc": "^0.25.7",
     "typedoc-plugin-markdown": "^3.17.1",
     "typescript": "^5.0.0",
     "unplugin-fonts": "^1.0.3",
     "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-vuetify": "^1.0.0",
     "vue-eslint-parser": "^9.3.2",
     "vue-tsc": "^1.2.0"
   },
   "bin": {
     "eodash": "./bin/app.js"
   }
-}
+}

package/widgets/WidgetsContainer.vue

@@ -0,0 +1,46 @@
+<template>
+  <details is="animated-details" v-for="mod, idx in importedWidgets" ref="detailsEls" :key="idx" class="overflow-auto"
+    exclusive>
+    <summary ref="summaryEls">{{ mod.value.title }}</summary>
+    <span :style="{ height: widgetHeight }" class="d-flex flex-column">
+      <component :is="mod.value.component" v-bind="mod.value.props" />
+    </span>
+  </details>
+</template>
+<script setup>
+import { useDefineWidgets } from '@/composables/DefineWidgets';
+import { onMounted } from 'vue';
+import { ref } from 'vue';
+import { useLayout } from 'vuetify/lib/framework.mjs';
+import 'animated-details'
+
+const props = defineProps({
+  widgets: {
+    /** @type {import('vue').PropType<Omit<WidgetConfig,'layout'>[]>} */
+    type: Array,
+    required: true,
+  }
+})
+
+const importedWidgets = useDefineWidgets(props.widgets)
+
+/**
+ *  details elements template ref
+ * @type {import('vue').Ref<HTMLDetailsElement[]>}
+ **/
+const detailsEls = ref([])
+/**
+ *  summary elements template ref
+ * @type {import('vue').Ref<HTMLDetailsElement[]>}
+ **/
+const summaryEls = ref([])
+const widgetHeight = ref('')
+const summariesHeights = ref(0)
+
+
+onMounted(() => {
+  summariesHeights.value = summaryEls.value.reduce((acc, el) => acc += el.clientHeight, 0)
+  const { mainRect } = useLayout()
+  widgetHeight.value = ((detailsEls.value[0].parentElement?.scrollHeight ?? 0) - summariesHeights.value - mainRect.value['top']) + 'px'
+})
+</script>

package/dist/assets/Dashboard-4233cc52.css

@@ -1 +0,0 @@
-*[data-v-f69fa805]{font-family:var(--c5aa553c)}

package/dist/assets/Dashboard-d7d438a6.js

@@ -1 +0,0 @@
-import{i as D,e as T,_ as s,u as C,w as i,a as A,b as O,c as w,d as c,f as R,o as x,g as L,h as P,j as d,k as a,n as V,F as j,l as I}from"./index-52c9d989.js";const S=async()=>{const t=D(T);try{const e=(await s(()=>import(new URL("/config.js",self.location).href),[])).default;Object.keys(t).forEach(o=>{t[o]=e[o]})}catch(e){console.error(e)}return t};const k=(t,e)=>{const o=t.__vccOpts||t;for(const[n,_]of e)o[n]=_;return o},F={__name:"Dashboard",async setup(t){var u;let e,o;C(r=>({c5aa553c:a(h)}));const n=([e,o]=i(()=>S()),e=await e,o(),e),_=A("dashboardTheme",(u=n.brand)==null?void 0:u.theme);_.global.name.value="dashboardTheme";const h=([e,o]=i(()=>{var r,l,f,p;return I((l=(r=n.brand)==null?void 0:r.font)==null?void 0:l.family,(p=(f=n.brand)==null?void 0:f.font)==null?void 0:p.link)}),e=await e,o(),e),{loadSTAC:y}=O();[e,o]=i(()=>y()),await e,o();const{smAndDown:b}=w(),g=b.value?c(()=>s(()=>import("./MobileLayout-1b3cb89b.js"),["assets/MobileLayout-1b3cb89b.js","assets/index-52c9d989.js","assets/index-5d2400e5.css","assets/VMain-f6b3f120.js","assets/ssrBoot-d383eb61.js","assets/color-6039ab34.js","assets/ssrBoot-0b8754a9.css","assets/VMain-d6216866.css","assets/MobileLayout-ad647682.css"])):c(()=>s(()=>import("./DashboardLayout-5ab6c4a5.js"),["assets/DashboardLayout-5ab6c4a5.js","assets/index-52c9d989.js","assets/index-5d2400e5.css","assets/VMain-f6b3f120.js","assets/ssrBoot-d383eb61.js","assets/color-6039ab34.js","assets/ssrBoot-0b8754a9.css","assets/VMain-d6216866.css","assets/DashboardLayout-739135c5.css"])),v=c(()=>s(()=>import("./Header-ae17296c.js"),["assets/Header-ae17296c.js","assets/index-52c9d989.js","assets/index-5d2400e5.css","assets/color-6039ab34.js","assets/ssrBoot-d383eb61.js","assets/ssrBoot-0b8754a9.css","assets/Header-9cac598d.css"])),E=c(()=>s(()=>import("./Footer-7e1ca735.js"),["assets/Footer-7e1ca735.js","assets/index-52c9d989.js","assets/index-5d2400e5.css","assets/color-6039ab34.js","assets/Footer-0fe1887a.css"])),{mainRect:m}=R();return x(()=>{_.global.name.value="light"}),(r,l)=>(L(),P(j,null,[d(a(v)),d(a(g),{style:V(`height: calc(100dvh - ${a(m).top+a(m).bottom}px)`)},null,8,["style"]),d(a(E))],64))}},U=k(F,[["__scopeId","data-v-f69fa805"]]),B=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"}));export{B as D,k as _};

package/dist/assets/DashboardLayout-5ab6c4a5.js

@@ -1,29 +0,0 @@
-import{i as w,e as k,x as v,L as C,g as r,y as d,z as g,E as m,k as e,A as y,B as A,C as L,h as _,F as E,D as B,j as b,n as V,J as $}from"./index-52c9d989.js";import{u as f,V as D}from"./VMain-f6b3f120.js";import{_ as I}from"./Dashboard-d7d438a6.js";import{V as M,a as z}from"./ssrBoot-d383eb61.js";import"./color-6039ab34.js";class H extends HTMLElement{static get observedAttributes(){return["gap"]}constructor(){super(),this.attachShadow({mode:"open"}),this.render()}render(){this.shadowRoot.innerHTML=`
-    <style>
-      :host {
-        display: grid;
-        padding: ${this.getAttribute("gap")||0}px;
-        height: 100%;
-        box-sizing: border-box;
-        gap: ${this.getAttribute("gap")||"0"}px;
-        grid-template-columns: repeat(12, 1fr);
-        grid-template-rows: repeat(12, 1fr);
-      }
-    </style>
-    <slot></slot>
-  `}attributeChangedCallback(o,a,t){a!==t&&(this[o]=t),this.render()}}class P extends HTMLElement{static get observedAttributes(){return["x","y","w","h"]}constructor(){super(),this.attachShadow({mode:"open"}),this.render()}render(){this.shadowRoot.innerHTML=`
-      <style>
-        :host {
-          background: lightgrey;
-          border: 1px solid darkgrey;
-          border-radius: 4px;
-          padding: 4px 8px;
-          overflow: hidden;
-
-
-          grid-column: ${parseInt(this.getAttribute("x"))+1} / span ${this.getAttribute("w")};
-          grid-row: ${parseInt(this.getAttribute("y"))+1} / span ${this.getAttribute("h")};
-        }
-      </style>
-      <slot></slot>
-    `}attributeChangedCallback(o,a,t){a!==t&&(this[o]=t),this.render()}}customElements.define("eox-layout",H);customElements.define("eox-layout-item",P);const S=["gap"],T={class:"bg-widget",x:"0",y:"0",h:"12",w:"12"},R=["x","y","h","w"],W={__name:"DashboardLayout",setup(u){var p,h;const o=w(k),[a]=f([(p=o.template)==null?void 0:p.background]),t=(h=o.template)==null?void 0:h.widgets,l=f(t),c=v([]),{slideBtns:n,slideInOut:x}=C(c,t);return(j,F)=>(r(),d(D,null,{default:g(()=>[m("eox-layout",{gap:e(o).template.gap??2},[m("eox-layout-item",T,[(r(),d(y(e(a).component),A(L(e(a).props)),null,16))]),(r(!0),_(E,null,B(e(t),(i,s)=>(r(),_("eox-layout-item",{ref_for:!0,ref_key:"itemEls",ref:c,key:s,class:"custom-widget",x:i.layout.x,y:i.layout.y,h:i.layout.h,w:i.layout.w},[b(M,{position:"absolute",variant:"tonal",style:V(e(n)[s].style),class:"slide-btn",onClick:N=>e(x)(s)},{default:g(()=>[b(z,{icon:e(n)[s].active?e(n)[s].icon.in:e(n)[s].icon.out},null,8,["icon"])]),_:2},1032,["style","onClick"]),(r(),d(y(e(l)[s].value.component),$({key:e(l)[s].value.id},e(l)[s].value.props),null,16))],8,R))),128))],8,S)]),_:1}))}},Q=I(W,[["__scopeId","data-v-66a736e2"]]);export{Q as default};

package/dist/assets/DashboardLayout-739135c5.css

@@ -1 +0,0 @@
-eox-layout-item[data-v-66a736e2]{background:rgb(var(--v-theme-surface))}.bg-widget[data-v-66a736e2]{z-index:0}.custom-widget[data-v-66a736e2]{position:relative;overflow:visible;z-index:1}

package/dist/assets/DynamicWebComponent-1b7b527a.js

@@ -1 +0,0 @@
-import{w as p,b as d,x as f,ac as E,a6 as y,o as v,g as u,h as w,y as x,J as P,A as g,_ as t}from"./index-52c9d989.js";const A={class:"d-flex flex-column fill-height overflow-auto"},T={__name:"DynamicWebComponent",props:{link:{type:String,required:!0},constructorProp:String,tagName:{type:String,required:!0},properties:{type:Object,default:()=>({})},onMounted:Function,onUnmounted:Function},async setup(a){let n,i;const e=a,s={"@eox/itemfilter":async()=>await t(()=>import("./eox-itemfilter-a63da0da.js"),[]),"@eox/stacinfo":async()=>await t(()=>import("./eox-stacinfo-65a8d8f3.js"),[]),"@eox/map":async()=>await t(()=>import("./eox-map-7f82b0d4.js"),[]),"@eox/chart":async()=>await t(()=>import("./eox-chart-3b122ba4.js"),[]),"@eox/jsonform":async()=>await t(()=>import("./eox-jsonform-98c2af62.js"),[]),"@eox/layercontrol":async()=>await t(()=>import("./eox-layercontrol-f5e35702.js"),[]),"@eox/timecontrol":async()=>await t(()=>import("./eox-timecontrol-4be63aa2.js"),[])},m=async()=>e.link in s?await s[e.link]():await t(()=>import(e.link),[]),l=([n,i]=p(()=>m().catch(r=>{console.error(r)})),n=await n,i(),n);if(!customElements.get(e.tagName)&&e.constructorProp){const r=l[e.constructorProp];customElements.define(e.tagName,r)}const c=d(),o=f(null),_=E();return y(()=>{e.onMounted&&o.value&&e.onMounted(o.value,c,_)}),v(()=>{e.onUnmounted&&o.value&&e.onUnmounted(o.value,c,_)}),(r,D)=>(u(),w("span",A,[(u(),x(g(a.tagName),P(a.properties,{ref_key:"elementRef",ref:o}),null,16))]))}};export{T as default};

package/dist/assets/Footer-0fe1887a.css

@@ -1 +0,0 @@
-.footer-text[data-v-e72ddfbf]{font-size:.8rem}.v-footer{align-items:center;display:flex;flex:1 1 auto;padding:8px 16px;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition-property:height,width,transform,max-width,left,right,top,bottom;border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0;box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));border-radius:0;background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-footer--border{border-width:thin;box-shadow:none}.v-footer--absolute{position:absolute}.v-footer--fixed{position:fixed}.v-footer--rounded{border-radius:4px}

package/dist/assets/Footer-7e1ca735.js

@@ -1 +0,0 @@
-import{q as y,r as b,a7 as k,a1 as C,s as x,a2 as F,V as h,M as I,ar as S,t,aa as P,Q as V,j as w,a0 as B,x as R,i as z,e as N,c as T,g as D,y as j,z as E,E as u,I as H,G as g,k as _,aw as L,ax as M}from"./index-52c9d989.js";import{_ as q}from"./Dashboard-d7d438a6.js";import{c as A,d as G,a as K,m as O,u as Q,e as U,f as Y,b as $}from"./color-6039ab34.js";const J=y({app:Boolean,color:String,height:{type:[Number,String],default:"auto"},...A(),...b(),...G(),...k(),...K(),...O({tag:"footer"}),...C()},"VFooter"),W=x()({name:"VFooter",props:J(),setup(e,r){let{slots:a}=r;const{themeClasses:n}=F(e),{backgroundColorClasses:l,backgroundColorStyles:o}=Q(h(e,"color")),{borderClasses:s}=U(e),{elevationClasses:c}=Y(e),{roundedClasses:i}=$(e),d=I(32),{resizeRef:p}=S(f=>{f.length&&(d.value=f[0].target.clientHeight)}),m=t(()=>e.height==="auto"?d.value:parseInt(e.height,10)),{layoutItemStyles:v}=P({id:e.name,order:t(()=>parseInt(e.order,10)),position:t(()=>"bottom"),layoutSize:m,elementSize:t(()=>e.height==="auto"?void 0:m.value),active:t(()=>e.app),absolute:h(e,"absolute")});return V(()=>w(e.tag,{ref:p,class:["v-footer",n.value,l.value,s.value,c.value,i.value,e.class],style:[o.value,e.app?v.value:{height:B(e.height)},e.style]},a)),{}}}),X=e=>(L("data-v-e72ddfbf"),e=e(),M(),e),Z=X(()=>u("p",{class:"pt-0 footer-text"}," Phasellus feugiat arcu sapien, et iaculis ipsum elementum sit amet. Mauris cursus commodo interdum. ",-1)),ee={class:"footer-text"},te={__name:"Footer",setup(e){var o,s;const r=R(null),a=z(N),n=((o=a.brand)==null?void 0:o.shortName)??((s=a.brand)==null?void 0:s.name),{mdAndDown:l}=T();return(c,i)=>(D(),j(W,{ref_key:"footer",ref:r,height:_(l)?"48px":"auto",color:"secondary",app:"",class:"d-flex justify-space-between"},{default:E(()=>[Z,u("div",ee,[H(g(new Date().getFullYear())+" — ",1),u("strong",null,g(_(n)),1)])]),_:1},8,["height"]))}},re=q(te,[["__scopeId","data-v-e72ddfbf"]]);export{re as default};