@eodash/eodash 5.0.0-alpha.2.19 → 5.0.0-alpha.2.21

package/dist/client/transition-CGVKXZbS.js

@@ -0,0 +1,37 @@
+import { h, mergeProps, TransitionGroup, Transition } from 'vue';
+import { p as propsFactory } from './asWebComponent-6g8pz2_C.js';
+
+// Utilities
+const makeTransitionProps = propsFactory({
+  transition: {
+    type: [Boolean, String, Object],
+    default: 'fade-transition',
+    validator: val => val !== true
+  }
+}, 'transition');
+const MaybeTransition = (props, _ref) => {
+  let {
+    slots
+  } = _ref;
+  const {
+    transition,
+    disabled,
+    group,
+    ...rest
+  } = props;
+  const {
+    component = group ? TransitionGroup : Transition,
+    ...customProps
+  } = typeof transition === 'object' ? transition : {};
+  return h(component, mergeProps(typeof transition === 'string' ? {
+    name: disabled ? '' : transition
+  } : customProps, typeof transition === 'string' ? {} : Object.fromEntries(Object.entries({
+    disabled,
+    group
+  }).filter(_ref2 => {
+    let [_, v] = _ref2;
+    return v !== undefined;
+  })), rest), slots);
+};
+
+export { MaybeTransition as M, makeTransitionProps as m };

package/dist/node/cli.js

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

package/dist/node/types.d.ts

@@ -37,6 +37,8 @@ export interface EodashConfig {
   widgets?: string;
   /** Builds eodash as a web component library */
   lib?: boolean;
+  /** User Config that is merged to eodash Vite Config*/
+  vite?: Omit<import("vite").UserConfig, "root">;
 }
 /**
  * Helper function that provides intellisense without the need for JSDOC for

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-alpha.2.19",
+  "version": "5.0.0-alpha.2.21",
   "type": "module",
   "types": "./core/client/types.d.ts",
   "files": [
@@ -29,6 +29,7 @@
     "prepare": "rollup -c",
     "prepack": "npm run build:lib",
     "dev": "npx eodash dev --entryPoint core/client/eodash.js",
+    "dev:lib": "npx eodash dev --entryPoint core/client/eodash.js --lib",
     "build": "npx eodash build --entryPoint core/client/eodash.js",
     "build:lib": "npx eodash build --entryPoint core/client/eodash.js --lib --outDir dist/client",
     "build:cli": "rollup -c",
@@ -55,43 +56,44 @@
     "@eox/stacinfo": "^0.3.3",
     "@eox/timecontrol": "^0.8.0",
     "@mdi/js": "^7.4.47",
-    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue": "^5.1.3",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
-    "axios": "^1.7.4",
-    "axios-cache-interceptor": "^1.5.3",
+    "axios": "^1.7.7",
+    "axios-cache-interceptor": "^1.6.0",
     "commander": "^12.1.0",
     "core-js": "^3.38.1",
-    "loglevel": "^1.9.1",
+    "loglevel": "^1.9.2",
     "pinia": "^2.2.2",
-    "sass": "^1.77.8",
+    "sass": "^1.78.0",
     "stac-js": "^0.0.9",
     "stac-ts": "^1.0.3",
-    "v-calendar": "^3.1.2",
-    "vite": "^5.4.2",
+    "v-calendar": "3.0.0",
+    "vite": "^5.4.6",
     "vite-plugin-vuetify": "^2.0.4",
-    "vue": "3.4.38",
-    "vuetify": "^3.7.0",
+    "vue": "^3.5.0",
+    "vuetify": "^3.7.2",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/types": "^7.25.4",
+    "@babel/types": "^7.25.6",
     "@eox/eslint-config": "^2.0.0",
     "@pinia/testing": "^0.1.5",
-    "@types/node": "^22.5.0",
+    "@types/node": "^22.5.5",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "cypress": "^13.13.3",
-    "eslint": "^9.9.0",
-    "eslint-plugin-vue": "^9.27.0",
+    "cypress": "^13.14.2",
+    "eslint": "^9.10.0",
+    "eslint-plugin-vue": "^9.28.0",
     "prettier": "^3.3.3",
+    "rollup": "^4.21.3",
     "terminate": "^2.8.0",
-    "typedoc": "^0.26.6",
-    "typedoc-plugin-markdown": "^4.2.5",
+    "typedoc": "^0.26.7",
+    "typedoc-plugin-markdown": "^4.2.7",
     "typedoc-plugin-vue": "^1.2.0",
     "typedoc-vitepress-theme": "^1.0.1",
-    "typescript": "^5.5.4",
+    "typescript": "^5.6.2",
     "unplugin-fonts": "^1.1.1",
-    "vitepress": "^1.3.3",
+    "vitepress": "^1.3.4",
     "vitest": "^1.6.0",
     "vue-tsc": "2.0.22"
   },

package/widgets/EodashDatePicker.vue

@@ -42,17 +42,10 @@
     </v-btn>
   </v-row>
 </template>
-<style>
-.vc-day-content {
-  color: #5e5e5e;
-  font-weight: normal;
-}
-</style>
-
 <script setup>
 import { DatePicker as VCDatePicker } from "v-calendar";
 import "v-calendar/style.css";
-import { watch, reactive, ref, customRef } from "vue";
+import { watch, reactive, ref, customRef, onMounted } from "vue";
 import { storeToRefs } from "pinia";
 import { useSTAcStore } from "@/store/stac";
 import { datetime } from "@/store/States";
@@ -90,7 +83,7 @@ defineProps({
  *
  * @type {import("vue").Reactive<
  *   (
- *     | import("v-calendar/dist/types/src/utils/attribute").AttributeConfig
+ *     | Partial<import("v-calendar/dist/types/src/utils/attribute").AttributeConfig>
  *     | undefined
  *   )[]
  * >}
@@ -175,4 +168,22 @@ function jumpDate(reverse) {
           : latestDateMS;
   }
 }
+
+// fixes calendar dispalcement on lib mode
+const transform = ref("");
+onMounted(() => {
+  transform.value = document.querySelector("eo-dash")
+    ? "translate3d(50px,-80px,0)"
+    : "translate3d(0px,-80px,0)";
+});
 </script>
+<style>
+.vc-day-content {
+  color: #5e5e5e;
+  font-weight: normal;
+}
+
+.vc-popover-content-wrapper {
+  transform: v-bind("transform") !important;
+}
+</style>

package/core/client/SuspensedDashboard.ce.vue

@@ -1,105 +0,0 @@
-<template>
-  <v-app ref="vAppRef">
-    <Suspense>
-      <Dashboard :on-template-mount="setStylesFromHead" :config="config" />
-
-      <template #fallback>
-        <ErrorAlert @vue:mounted="setStylesFromHead()" v-model="error" />
-      </template>
-    </Suspense>
-  </v-app>
-</template>
-<script setup>
-import Dashboard from "@/views/Dashboard.vue";
-import { createApp, getCurrentInstance, onErrorCaptured, ref } from "vue";
-import { registerPlugins } from "@/plugins";
-import { eodashKey } from "@/utils/keys";
-import ErrorAlert from "@/components/ErrorAlert.vue";
-
-defineProps({
-  config: {
-    type: String,
-  },
-});
-
-/** @type {import("vue").Ref<import("vuetify/components").VApp | null>} */
-const vAppRef = ref(null);
-const app = createApp({});
-registerPlugins(app);
-
-const inst = getCurrentInstance();
-
-Object.assign(inst?.appContext ?? {}, app._context);
-
-//@ts-expect-error Property 'provides' does not exist on type 'ComponentInternalInstance'
-Object.assign(inst?.provides ?? {}, app._context.provides);
-
-/**
- * @param {import("vue").Ref<
- *   HTMLElement | import("vue").ComponentPublicInstance
- * >[]} [hiddenElements]
- */
-function setStylesFromHead(hiddenElements) {
-  const eodashShadowRoot = vAppRef.value?.$el.getRootNode();
-  const styleSheet = new CSSStyleSheet();
-  const head = document.querySelector("head");
-  let stylesStr = "";
-
-  Array.from(head?.children ?? []).forEach((child) => {
-    if (child.getAttribute("type") === "text/css") {
-      stylesStr += `\n ${child.innerHTML}`;
-      return;
-    }
-
-    if (
-      child.tagName == "LINK" &&
-      child.getAttribute("rel")?.includes("stylesheet")
-    ) {
-      eodashShadowRoot?.appendChild(child.cloneNode(true));
-    }
-  });
-
-  stylesStr += `\n
-      ${
-        //@ts-expect-error Property 'provides' does not exist on type 'ComponentInternalInstance'
-        /** @type {import("@/types").Eodash} */ (inst?.provides[eodashKey])
-          ?.brand.noLayout
-          ? `div.v-application__wrap {
-          min-height: fit-content;
-        }`
-          : ""
-      }
-        `;
-  styleSheet.replaceSync(stylesStr.replaceAll(":root", ":host"));
-  eodashShadowRoot?.adoptedStyleSheets.push(styleSheet);
-
-  if (
-    hiddenElements &&
-    !(
-      //@ts-expect-error Property 'provides' does not exist on type 'ComponentInternalInstance'
-      /** @type {import("@/types").Eodash} */ (inst.provides[eodashKey])?.brand
-        .noLayout
-    )
-  ) {
-    hiddenElements.forEach((element) => {
-      if (element.value) {
-        if (element.value instanceof HTMLElement) {
-          element.value.style.opacity = "1";
-        } else {
-          /** @type {HTMLElement} */
-          (element.value.$el).style.opacity = "1";
-        }
-      }
-    });
-  }
-}
-
-const error = ref("");
-onErrorCaptured((e, comp, info) => {
-  error.value = `
-  ${e}.
-  component: ${comp?.$.type.name}.
-  info: ${info}.
-  `;
-});
-</script>

package/dist/client/DashboardLayout-CU4js3lr.js

@@ -1,156 +0,0 @@
-import { _ as y, x as m, W as x, X as d, $ as t, a0 as r, a1 as l, a9 as _, a3 as n, a6 as u, a2 as c, a4 as p, d as h, a5 as g, F as f, a7 as v, ab as w } from "./asWebComponent-CHqY8A1z.js";
-import { V as k } from "./VMain-Dknnyxts.js";
-class A 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, s, o) {
-    s !== o && (this[a] = o), this.render();
-  }
-}
-class C 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, s, o) {
-    s !== o && (this[a] = o), this.render();
-  }
-}
-customElements.define("eox-layout", A);
-customElements.define("eox-layout-item", C);
-const L = ["gap"], $ = {
-  key: 0,
-  class: "bg-panel",
-  x: "0",
-  y: "0",
-  h: "12",
-  w: "12"
-}, E = ["h", "w", "x", "y"], M = {
-  __name: "DashboardLayout",
-  setup(i) {
-    const a = (
-      /** @type {import("@/types").Eodash} */
-      m(x)
-    ), [s] = d([a.template?.background]), o = d(a.template?.widgets);
-    return (T, B) => (t(), r(k, null, {
-      default: l(() => [
-        _("eox-layout", {
-          gap: n(a).template.gap ?? 2
-        }, [
-          n(s).component ? (t(), u("eox-layout-item", $, [
-            (t(), r(c, { suspensible: "" }, {
-              default: l(() => [
-                (t(), r(
-                  p(n(s).component),
-                  h({ id: "bg-widget" }, n(s).props),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }))
-          ])) : g("v-if", !0),
-          (t(!0), u(
-            f,
-            null,
-            v(n(o), (e, b) => (t(), r(
-              w,
-              {
-                key: b,
-                name: "fade"
-              },
-              {
-                default: l(() => [
-                  e.value.component ? (t(), u("eox-layout-item", {
-                    key: e.value.id,
-                    class: "panel bg-surface",
-                    h: e.value.layout.h,
-                    w: e.value.layout.w,
-                    x: e.value.layout.x,
-                    y: e.value.layout.y
-                  }, [
-                    (t(), r(
-                      c,
-                      { suspensible: "" },
-                      {
-                        default: l(() => [
-                          (t(), r(
-                            p(e.value.component),
-                            h({
-                              key: e.value.id,
-                              ref_for: !0
-                            }, e.value.props),
-                            null,
-                            16
-                            /* FULL_PROPS */
-                          ))
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    ))
-                  ], 8, E)) : g("v-if", !0)
-                ]),
-                _: 2
-                /* DYNAMIC */
-              },
-              1024
-              /* DYNAMIC_SLOTS */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ], 8, L)
-      ]),
-      _: 1
-      /* STABLE */
-    }));
-  }
-}, V = /* @__PURE__ */ y(M, [["__scopeId", "data-v-a859692c"]]);
-export {
-  V as default
-};

package/dist/client/DynamicWebComponent-BsYZdIEB.js

@@ -1,57 +0,0 @@
-import { bM as i, aC as m, r as p, Z as d, aR as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-CHqY8A1z.js";
-const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
-  __name: "DynamicWebComponent",
-  props: {
-    link: {
-      type: [String, Function],
-      required: !0
-    },
-    constructorProp: String,
-    tagName: {
-      type: String,
-      required: !0
-    },
-    properties: {
-      type: Object,
-      default: () => ({})
-    },
-    onMounted: Function,
-    onUnmounted: Function
-  },
-  async setup(o) {
-    let t, a;
-    const e = (
-      /** @type {import("@/types").WebComponentProps} */
-      o
-    ), u = async () => typeof e.link == "string" ? await import(
-      /* @vite-ignore */
-      e.link
-    ) : await e.link(), l = customElements.get(e.tagName) ? null : ([t, a] = i(() => u().catch((n) => {
-      console.error(n);
-    })), t = await t, a(), t);
-    if (!customElements.get(e.tagName) && e.constructorProp) {
-      const n = l[e.constructorProp];
-      customElements.define(e.tagName, n);
-    }
-    const s = m(), r = p(null);
-    return d(() => {
-      e.onMounted?.(r.value, s);
-    }), f(() => {
-      e.onUnmounted?.(r.value, s);
-    }), (n, w) => (c(), g("span", h, [
-      (c(), y(
-        k(o.tagName),
-        _(o.properties, {
-          ref_key: "elementRef",
-          ref: r
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      ))
-    ]));
-  }
-};
-export {
-  N as default
-};