@eodash/eodash 5.0.0-alpha.2.4 → 5.0.0-alpha.2.5

package/dist/client/transition-BlLt41wg.js

@@ -0,0 +1,34 @@
+import { p as m, aw as d, d as l, av as u, ab as b } from "./asWebComponent-CbdGxelK.js";
+const j = m({
+  transition: {
+    type: [Boolean, String, Object],
+    default: "fade-transition",
+    validator: (o) => o !== !0
+  }
+}, "transition"), T = (o, s) => {
+  let {
+    slots: e
+  } = s;
+  const {
+    transition: t,
+    disabled: n,
+    group: r,
+    ...a
+  } = o, {
+    component: i = r ? u : b,
+    ...p
+  } = typeof t == "object" ? t : {};
+  return d(i, l(typeof t == "string" ? {
+    name: n ? "" : t
+  } : p, typeof t == "string" ? {} : Object.fromEntries(Object.entries({
+    disabled: n,
+    group: r
+  }).filter((c) => {
+    let [y, f] = c;
+    return f !== void 0;
+  })), a), e);
+};
+export {
+  T as M,
+  j as m
+};

package/dist/node/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import{createLogger as P,defineConfig as C,searchForWorkspaceRoot as x,createServer as k,preview as S,build as F}from"vite";import{readFileSync as E,existsSync as u}from"fs";import t from"path";import{Command as U}from"commander";import{readFile as W,writeFile as I,rm as $,cp as N}from"fs/promises";import O from"@vitejs/plugin-vue";import T,{transformAssetUrls as A}from"vite-plugin-vuetify";const s=v(process.cwd()),b=new U("eodash"),H=JSON.parse(E(t.join(s,"package.json"),"utf-8"));b.version(H.version,"-v, --version","output the current version").option("--publicDir <path>","path to statically served assets folder").option("--no-publicDir","stop serving static assets").option("--outDir <path>","minified output folder").option("-e, --entryPoint <path>","file exporting `createEodash`").option("-w, --widgets <path>","folder that contains vue components as internal widgets").option("--cacheDir <path>","cache folder").option("-r, --runtime <path>","file exporting eodash client runtime config").option("-b, --base <path>","base public path").option("-p, --port <port>","serving  port").option("-o, --open","open default browser when the server starts").option("-c, --config <path>","path to eodash server and build configuration file").option("--host [IP address]","specify which IP addresses the server should listen on").option("-l, --lib","builds eodash as a web component library").option("--no-lib","builds eodash as an SPA").option("--no-host","do not expose server to the network").parse(process.argv);const o=await z(b.opts(),process.argv?.[2]),c=v(),L=o.publicDir?t.resolve(s,o.publicDir):t.join(s,"./public"),h=t.join(s,"/src"),l=o.runtime?t.resolve(s,o.runtime):t.join(h,"./runtime.js"),w=o.entryPoint?t.resolve(s,o.entryPoint):t.join(h,"/main.js"),g=o.widgets?t.resolve(s,o.widgets):t.join(h,"widgets"),j=t.join(s,"/.eodash"),f=o.outDir?t.resolve(s,o.outDir):t.join(j,"/dist"),R=o.cacheDir?t.resolve(s,o.cacheDir):t.join(j,"cache"),m=P(void 0,{prefix:"[eodash]"});async function z(e,n){let a=e.config?t.resolve(s,e.config):t.join(s,"eodash.config.js"),i={};return u(a)?i=await import(a).then(r=>r.default instanceof Function?r.default():r.default).catch(r=>{console.error(r)}):a=null,{base:e.base??i?.base,port:Number(e.port??i?.[n]?.port),host:e.host??i?.[n]?.host,open:e.open??i?.[n]?.open,cacheDir:e.cacheDir??i?.cacheDir,entryPoint:e.entryPoint??i?.entryPoint,outDir:e.outDir??i?.outDir,publicDir:e.publicDir??i?.publicDir,runtime:e.runtime??i?.runtime,widgets:e.widgets??i?.widgets,lib:e.lib??i?.lib}}function v(e=import.meta.dirname){if(e.split("/").length)return u(t.resolve(e,"package.json"))?e:v(t.resolve(e,".."));throw new Error("no package root found")}const y=`
+import{createLogger as P,defineConfig as C,searchForWorkspaceRoot as x,createServer as k,preview as S,build as F}from"vite";import{readFileSync as U,existsSync as u}from"fs";import t from"path";import{Command as E}from"commander";import{readFile as W,writeFile as I,rm as $,cp as N}from"fs/promises";import O from"@vitejs/plugin-vue";import T,{transformAssetUrls as A}from"vite-plugin-vuetify";const s=v(process.cwd()),b=new E("eodash"),H=JSON.parse(U(t.join(s,"package.json"),"utf-8"));b.version(H.version,"-v, --version","output the current version").option("--publicDir <path>","path to statically served assets folder").option("--no-publicDir","stop serving static assets").option("--outDir <path>","minified output folder").option("-e, --entryPoint <path>","file exporting `createEodash`").option("-w, --widgets <path>","folder that contains vue components as internal widgets").option("--cacheDir <path>","cache folder").option("-r, --runtime <path>","file exporting eodash client runtime config").option("-b, --base <path>","base public path").option("-p, --port <port>","serving  port").option("-o, --open","open default browser when the server starts").option("-c, --config <path>","path to eodash server and build configuration file").option("--host [IP address]","specify which IP addresses the server should listen on").option("-l, --lib","builds eodash as a web component library").option("--no-lib","builds eodash as an SPA").option("--no-host","do not expose server to the network").parse(process.argv);const i=await z(b.opts(),process.argv?.[2]),c=v(),L=i.publicDir?t.resolve(s,i.publicDir):t.join(s,"./public"),h=t.join(s,"/src"),l=i.runtime?t.resolve(s,i.runtime):t.join(h,"./runtime.js"),g=i.entryPoint?t.resolve(s,i.entryPoint):t.join(h,"/main.js"),w=i.widgets?t.resolve(s,i.widgets):t.join(h,"widgets"),j=t.join(s,"/.eodash"),f=i.outDir?t.resolve(s,i.outDir):t.join(j,"/dist"),R=i.cacheDir?t.resolve(s,i.cacheDir):t.join(j,"cache"),m=P(void 0,{prefix:"[eodash]"});async function z(e,n){let a=e.config?t.resolve(s,e.config):t.join(s,"eodash.config.js"),o={};return u(a)?o=await import(a).then(r=>r.default instanceof Function?r.default():r.default).catch(r=>{console.error(r)}):a=null,{base:e.base??o?.base,port:Number(e.port??o?.[n]?.port),host:e.host??o?.[n]?.host,open:e.open??o?.[n]?.open,cacheDir:e.cacheDir??o?.cacheDir,entryPoint:e.entryPoint??o?.entryPoint,outDir:e.outDir??o?.outDir,publicDir:e.publicDir??o?.publicDir,runtime:e.runtime??o?.runtime,widgets:e.widgets??o?.widgets,lib:e.lib??o?.lib}}function v(e=import.meta.dirname){if(e.split("/").length)return u(t.resolve(e,"package.json"))?e:v(t.resolve(e,".."));throw new Error("no package root found")}const y=`
 <!DOCTYPE html>
 <html lang="en">
 
@@ -11,10 +11,10 @@ import{createLogger as P,defineConfig as C,searchForWorkspaceRoot as x,createSer
 </head>
 
 <body>
-${o.lib?`<eo-dash style="height:100dvh;"/>
+${i.lib?`<eo-dash style="height:100dvh;"/>
 <script type="module" src="${t.resolve(`/@fs/${c}`,"core/client/asWebComponent.js")}"><\/script>
 `:` <div id="app"/>
 <script type="module" src="${t.resolve(`/@fs/${c}`,"core/client/render.js")}"><\/script>
 `}
 </body>
-</html>`,D=C(async({mode:e,command:n})=>({base:o.base??"",cacheDir:R,plugins:[O({customElement:o.lib,template:{transformAssetUrls:A,compilerOptions:{isCustomElement:a=>!a.includes("v-")&&a.includes("-")}}}),T({autoImport:!0}),e==="development"&&{name:"inject-html",configureServer:J}],customLogger:m,define:{"process.env":{}},resolve:{alias:{"@":t.join(c,"core/client"),"^":t.join(c,"widgets"),"user:config":w,"user:widgets":g},extensions:[".js",".json",".jsx",".mjs",".ts",".tsx",".vue"]},server:{warmup:{clientFiles:[t.join(c,"core/client/**")]},port:o.port??3e3,open:o.open,fs:{allow:[x(process.cwd())]},host:o.host},root:c,optimizeDeps:e==="development"?{include:["webfontloader","vuetify","vue","pinia","stac-js","urijs"],noDiscovery:!0}:{},publicDir:o.publicDir===!1?!1:L,build:{lib:o.lib&&n==="build"&&{entry:t.join(c,"core/client/asWebComponent.js"),fileName:"eo-dash",formats:["es"],name:"@eodash/eodash"},outDir:f,emptyOutDir:!0,rollupOptions:o.lib&&n==="build"?{input:t.join(c,"core/client/asWebComponent.js")}:void 0,target:"esnext"}}));async function J(e){e.watcher.add([w,l,t.join(g,"**/*.vue")]);let n="";const a=m.info;return m.info=(i,r)=>{if(i.includes("core")){const d=i.split("/")[0].split(" ");d.pop();const p=d.join(" ")+" "+n.replace(s,"");return a(p,r)}return a(i,r)},e.watcher.on("change",async i=>{n=i,i===l&&e.hot.send({type:"full-reload",path:i})}),()=>{e.middlewares.use(async(i,r,d)=>{if(i.originalUrl==="/@fs/config.js"){r.statusCode=200,r.setHeader("Content-Type","text/javascript"),u(l)&&await W(l).then(p=>{r.write(p)}),r.end();return}if(i.url?.endsWith(".html")){r.statusCode=200,r.setHeader("Content-Type","text/html");const p=await e.transformIndexHtml(i.url,y,i.originalUrl);r.end(p);return}d()})}}const M=async()=>{const e=await k(await D({mode:"development",command:"serve"}));await e.listen(),e.printUrls(),e.bindCLIShortcuts({print:!0})},Y=async()=>{const e=async()=>{const n=await D({mode:"production",command:"build"});await F(n),u(l)&&await N(l,t.join(f,"config.js"),{recursive:!0}).catch(a=>{console.error(a)})};if(o.lib)await e();else{const n=t.join(c,"/index.html");await I(n,y).then(async()=>{await e(),await $(n).catch(()=>{console.error("failed to remove index.html")})})}};async function B(){(await S({root:s,base:o.base??"",preview:{port:isNaN(o.port)?8080:o.port,open:o.open,host:o.host},build:{outDir:f}})).printUrls()}const G=process.argv?.[2];(async()=>{switch(G){case"dev":await M();break;case"build":await Y();break;case"preview":await B();break;default:console.error("command not found");break}})();
+</html>`,D=C(async({mode:e,command:n})=>({base:i.base??"",cacheDir:R,plugins:[O({customElement:!1,template:{transformAssetUrls:A,compilerOptions:{isCustomElement:a=>!a.includes("v-")&&a.includes("-")}}}),T({autoImport:!0}),e==="development"&&{name:"inject-html",configureServer:J}],customLogger:m,define:{"process.env":{}},resolve:{alias:{"@":t.join(c,"core/client"),"^":t.join(c,"widgets"),"user:config":g,"user:widgets":w},extensions:[".js",".json",".jsx",".mjs",".ts",".tsx",".vue"]},server:{warmup:{clientFiles:[t.join(c,"core/client/**")]},port:i.port??3e3,open:i.open,fs:{allow:[x(process.cwd())]},host:i.host},root:c,optimizeDeps:e==="development"?{include:["webfontloader","vuetify","vue","pinia","stac-js","urijs"],noDiscovery:!0}:{},publicDir:i.publicDir===!1?!1:L,build:{lib:i.lib&&n==="build"&&{entry:t.join(c,"core/client/asWebComponent.js"),fileName:"eo-dash",formats:["es"],name:"@eodash/eodash"},outDir:f,emptyOutDir:!0,rollupOptions:i.lib&&n==="build"?{input:t.join(c,"core/client/asWebComponent.js")}:void 0,target:"esnext"}}));async function J(e){e.watcher.add([g,l,t.join(w,"**/*.vue")]);let n="";const a=m.info;return m.info=(o,r)=>{if(o.includes("core")){const d=o.split("/")[0].split(" ");d.pop();const p=d.join(" ")+" "+n.replace(s,"");return a(p,r)}return a(o,r)},e.watcher.on("change",async o=>{n=o,o===l&&e.hot.send({type:"full-reload",path:o})}),()=>{e.middlewares.use(async(o,r,d)=>{if(o.originalUrl==="/@fs/config.js"||o.originalUrl==="/config.js"){r.statusCode=200,r.setHeader("Content-Type","text/javascript"),u(l)&&await W(l).then(p=>{r.write(p)}),r.end();return}if(o.url?.endsWith(".html")){r.statusCode=200,r.setHeader("Content-Type","text/html");const p=await e.transformIndexHtml(o.url,y,o.originalUrl);r.end(p);return}d()})}}const M=async()=>{const e=await k(await D({mode:"development",command:"serve"}));await e.listen(),e.printUrls(),e.bindCLIShortcuts({print:!0})},Y=async()=>{const e=async()=>{const n=await D({mode:"production",command:"build"});await F(n),u(l)&&await N(l,t.join(f,"config.js"),{recursive:!0}).catch(a=>{console.error(a)})};if(i.lib)await e();else{const n=t.join(c,"/index.html");await I(n,y).then(async()=>{await e(),await $(n).catch(()=>{console.error("failed to remove index.html")})})}};async function B(){(await S({root:s,base:i.base??"",preview:{port:isNaN(i.port)?8080:i.port,open:i.open,host:i.host},build:{outDir:f}})).printUrls()}const G=process.argv?.[2];(async()=>{switch(G){case"dev":await M();break;case"build":await Y();break;case"preview":await B();break;default:console.error("command not found");break}})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-alpha.2.4",
+  "version": "5.0.0-alpha.2.5",
   "type": "module",
   "types": "./core/client/types.d.ts",
   "files": [
@@ -32,8 +32,6 @@
     "build:lib": "npx eodash build --entryPoint core/client/eodash.js --lib --outDir dist/client",
     "build:cli": "rollup -c",
     "check": "vue-tsc --noEmit --skipLibCheck && eslint .",
-    "check:lint": "eslint .",
-    "check:types": "vue-tsc --noEmit --skipLibCheck",
     "preview": "npx eodash preview",
     "lint": "eslint . --fix",
     "cypress": "cypress open --component ",
@@ -61,6 +59,7 @@
     "sass": "^1.60.0",
     "stac-js": "^0.0.9",
     "stac-ts": "^1.0.3",
+    "v-calendar": "^3.1.2",
     "vite": "^5.1.5",
     "vite-plugin-vuetify": "^2.0.0",
     "vue": "^3.2.0",
@@ -93,4 +92,4 @@
   "bin": {
     "eodash": "./dist/node/cli.js"
   }
-}
+}

package/widgets/EodashDatePicker.vue

@@ -1,36 +1,68 @@
 <template>
-  <span class="fill-height fill-width align-center justify-center">
-    <div v-if="inline" class="fill-height fill-width">
-
-      <v-text-field ref="inlineDatePicker" base-color="primary" class="fill-height fill-width pa-2 align-center"
-        type="date" bg-color="surface" color="primary" density="comfortable" label="Select Date" v-model="currentDate"
-        variant="plain" hide-details />
-    </div>
-
-    <v-date-picker v-else ref="datePicker" :width="width" :height="height" hide-header v-model="currentDate"
-      color="primary" bg-color="surface" location="center" class="overflow-auto fill-height fill-width"
-      position="relative" show-adjacent-months></v-date-picker>
-  </span>
+  <VCDatePicker v-model="currentDate" :masks="masks" :attributes="attributes">
+    <template #default="{ inputValue, inputEvents }">
+      <div class="flex rounded-lg border border-gray-300 dark:border-gray-600" style="margin: 2px;">
+        <input :value="inputValue" v-on="inputEvents" style="margin: 1px;"
+          class="flex-grow px-1 py-1 bg-white dark:bg-gray-700" />
+      </div>
+    </template>
+  </VCDatePicker>
+  <v-row align="center" justify="center" style="margin-top: 6px;">
+    <v-btn density="compact" v-tooltip:bottom="'Set date to latest available dataset'" @click="jumpDate">
+      <v-icon :icon="[mdiRayStartArrow]" />
+    </v-btn>
+  </v-row>
 </template>
+
 <script setup>
-import { computed, ref, onMounted } from "vue";
-import { datetime } from "@/store/States"
+import { DatePicker as VCDatePicker } from 'v-calendar';
+import 'v-calendar/style.css';
+import { computed, ref, onMounted, watch, inject } from "vue";
+import { eodashKey } from "@/utils/keys";
+import { toAbsolute } from "stac-js/src/http.js";
+import { storeToRefs } from "pinia";
+import { useSTAcStore } from '@/store/stac';
+import { datetime } from "@/store/States";
+import { mdiRayStartArrow } from '@mdi/js';
 
-const props = defineProps({
-  inline: {
-    type: Boolean
+function jumpDate() {
+  if (attributes.value && attributes.value.length > 0) {
+    // We have potentially multiple collections we need to iterate (currently only one)
+    let latestDateMS = 0;
+    attributes.value.forEach((coll) => {
+      if (coll?.dates) {
+        coll.dates.forEach((d) => {
+          // TODO: we need to handle time ranges and other options here
+          if (d instanceof Date && d.getTime() > latestDateMS) {
+            latestDateMS = d.getTime();
+          }
+        })
+      }
+    })
+    if (latestDateMS !== 0) {
+      currentDate.value = new Date(latestDateMS);
+    }
   }
-})
+}
+
+const eodashConfig = /** @type {import("@/types").Eodash} */ inject(eodashKey);
+
+const masks = ref({
+  input: 'YYYY-MM-DD',
+});
+
+/**
+ * Attributes displayed on datepicker
+ * @type {import("vue").Ref<(import('v-calendar/dist/types/src/utils/attribute').AttributeConfig|undefined)[]>}
+ */
+const attributes = ref([]);
 
 const currentDate = computed({
   get() {
-    return props.inline ? datetime.value.split("T")[0] : new Date(datetime.value) ?? new Date()
+    return new Date(datetime.value) ?? new Date()
   },
   /** @param {Date | string} updatedDate */
   set(updatedDate) {
-    if (props.inline) {
-      updatedDate = new Date(updatedDate);
-    }
     //@ts-expect-error
     if (updatedDate instanceof Date && !isNaN(updatedDate)) {
       datetime.value = new Date(updatedDate.getTime() - updatedDate.getTimezoneOffset() * 60000).toISOString()
@@ -39,19 +71,40 @@ const currentDate = computed({
     }
   }
 });
-
-/**
- * @type {import("vue").Ref<import("vuetify/components").VDatePicker | null>}
- **/
-const datePicker = ref(null)
-/** @type {import("vue").Ref<string|undefined>} */
-const width = ref()
-/** @type {import("vue").Ref<string|undefined>} */
-const height = ref()
+/** @type {import("@/types").WebComponentProps["onMounted"]} */
 onMounted(() => {
-  /** @type {HTMLElement} */
-  const parentEl = datePicker.value?.$el.parentElement?.parentElement
-  width.value = parentEl?.clientWidth ? parentEl.clientWidth + "px" : undefined
-  height.value = parentEl?.clientHeight ? parentEl.clientHeight + "px" : undefined
-})
+  const { selectedStac } = storeToRefs(useSTAcStore());
+  watch(
+    [selectedStac],
+    async ([updatedStac]) => {
+      if (updatedStac) {
+        const parentCollUrl = toAbsolute(
+          `./${updatedStac.id}/collection.json`,
+          eodashConfig.stacEndpoint
+        );
+        const childCollUrl = toAbsolute(
+          updatedStac.links[1].href,
+          parentCollUrl
+        );
+
+        const stacCollection = await (await fetch(childCollUrl)).json();
+        const dates = stacCollection.links
+          .filter(
+            (/** @type {{ rel: string; datetime: string; }} */ item) => (
+              item.rel === 'item' && 'datetime' in item
+            )
+          )
+          .map((/** @type {{ datetime: string; }} */ it) => new Date(it.datetime));
+        attributes.value = [
+          {
+            bar: true,
+            dates,
+          }
+        ];
+      }
+    },
+    { immediate: true }
+  );
+});
+
 </script>

package/widgets/EodashItemFilter.vue

@@ -3,7 +3,6 @@
 </template>
 <script setup>
 import DynamicWebComponent from "@/components/DynamicWebComponent.vue";
-import { indicator } from "@/store/States";
 
 const link = () => import("@eox/itemfilter");
 
@@ -15,22 +14,48 @@ const properties = {
         keys: ["title", "themes"],
         title: "Search",
         type: "text",
-        expanded: true,
+        // expanded: true,
       },
       {
         key: "themes",
-        title: "Theme",
+        title: "Theme Filter",
         type: "multiselect",
-        featured: true,
+        // featured: true,
+        // expanded: true
       },
     ],
     aggregateResults: "themes",
     enableHighlighting: true,
+    expandMultipleFilters: false,
+    expandMultipleResults: false,
   },
 };
 
 /** @type {import("@/types").WebComponentProps["onMounted"]}*/
 const onMounted = (el, store) => {
+  /** @type {any} */ (el).style.height = "100%";
+  
+  const style = document.createElement("style");
+  style.innerHTML = `
+    section {
+      margin: 0 !important;
+    }
+    section button#filter-reset {
+      padding: 0 8px;
+      top: 8px;
+      right: 8px;
+    }
+  `;
+  el?.shadowRoot?.appendChild(style);
+
+  const filterstitle = document.createElement("div");
+  filterstitle.setAttribute("slot", "filterstitle");
+  filterstitle.innerHTML = `<h4 style="margin: 14px 8px">Indicators</h4>`;
+  /** @type {any} */ (el).appendChild(filterstitle);
+  const resultstitle = document.createElement("div");
+  resultstitle.setAttribute("slot", "resultstitle");
+  /** @type {any} */ (el).appendChild(resultstitle);
+
   /**
    * @typedef {object} Item
    * @property {string} href
@@ -39,15 +64,6 @@ const onMounted = (el, store) => {
   // Only list child elements in list
   store.stac?.filter((item) => item.rel === "child")
 );
-  // Check if selected indicator was already set in store
-  if (indicator && indicator.value !== "") {
-    const match = store.stac?.find((item) => item.id === indicator.value);
-    if (match) {
-      //@ts-expect-error
-      (el).selectedResult = match;
-      store.loadSelectedSTAC(match.href);
-    }
-  }
   /** @type {any} */ (el).config.onSelect =
     /**
      * @param {Item} item

package/dist/client/DashboardLayout-ZaSRMD1M.js

@@ -1,149 +0,0 @@
-import { x, W as _, X as h, _ as e, $ as n, a0 as u, a9 as f, a2 as t, a5 as d, a1 as c, a3 as g, d as m, a4 as y, F as b, a6 as w } from "./asWebComponent-Bvb3xkxI.js";
-import { V as v } from "./VMain-BHYlmRic.js";
-class k 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(a, r, s) {
-    r !== s && (this[a] = s), this.render();
-  }
-}
-class A 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(a, r, s) {
-    r !== s && (this[a] = s), this.render();
-  }
-}
-customElements.define("eox-layout", k);
-customElements.define("eox-layout-item", A);
-const C = ["gap"], $ = {
-  key: 0,
-  style: { "z-index": "0" },
-  x: "0",
-  y: "0",
-  h: "12",
-  w: "12"
-}, L = ["x", "y", "h", "w"], T = {
-  __name: "DashboardLayout",
-  setup(p) {
-    const a = (
-      /** @type {import("@/types").Eodash} */
-      x(_)
-    ), [r] = h([a.template?.background]), s = a.template?.widgets, i = h(s);
-    return (E, M) => (e(), n(v, null, {
-      default: u(() => [
-        f("eox-layout", {
-          gap: t(a).template.gap ?? 2
-        }, [
-          t(r).component ? (e(), d("eox-layout-item", $, [
-            (e(), n(c, { suspensible: "" }, {
-              default: u(() => [
-                (e(), n(
-                  g(t(r).component),
-                  m({ id: "bg-widget" }, t(r).props),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }))
-          ])) : y("v-if", !0),
-          (e(!0), d(
-            b,
-            null,
-            w(t(s), (l, o) => (e(), d(
-              b,
-              { key: o },
-              [
-                t(i)[o].value.component ? (e(), d("eox-layout-item", {
-                  key: 0,
-                  style: { position: "relative", overflow: "visible", "z-index": "1", "border-radius": "0px", background: "rgb(var(--v-theme-surface))" },
-                  x: l.layout.x,
-                  y: l.layout.y,
-                  h: l.layout.h,
-                  w: l.layout.w
-                }, [
-                  (e(), n(
-                    c,
-                    { suspensible: "" },
-                    {
-                      default: u(() => [
-                        (e(), n(
-                          g(t(i)[o].value.component),
-                          m({
-                            key: t(i)[o].value.id,
-                            ref_for: !0
-                          }, t(i)[o].value.props),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        ))
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    },
-                    1024
-                    /* DYNAMIC_SLOTS */
-                  ))
-                ], 8, L)) : y("v-if", !0)
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ], 8, C)
-      ]),
-      _: 1
-      /* STABLE */
-    }));
-  }
-};
-export {
-  T as default
-};