@eodash/eodash 5.0.0 → 5.2.0

package/core/client/types.ts

@@ -1,5 +1,5 @@
 /** @group Eodash */
-export interface WebComponentProps<T extends ExecutionTime = "compiletime"> {
+export interface WebComponentProps {
   /**
    * Imports web component file, either using a URL or an import function.
    *
@@ -14,7 +14,7 @@ export interface WebComponentProps<T extends ExecutionTime = "compiletime"> {
    *   import maps are not available in runtime config
    *   :::
    */
-  link?: T extends "runtime" ? string : string | (() => Promise<unknown>);
+  link?: string | (() => Promise<unknown>);
   /**
    * Exported Constructor, needs to be provided if the web component is not
    * registered in by the [link](#link) provided
@@ -58,33 +58,47 @@ export interface WidgetsContainerProps {
  * @group Eodash
  * */
 export interface Layout {
-  /** Horizontal start position. Integer between 1 and 12 */
-  x: number;
-  /** Vertical start position. Integer between 1 and 12 */
-  y: number;
-  /** Width. Integer between 1 and 12 */
-  w: number;
-  /** Height. Integer between 1 and 12 */
-  h: number;
+  /**
+   * Horizontal start position. Integer between 1 and 12 or numbers seperated by "/" for different breakpoints
+   * @example "3/2/1"
+   */
+  x: number | string;
+  /**
+   *  Vertical start position. Integer between 1 and 12 or numbers seperated by "/" for different breakpoints
+   * @example "3/2/1"
+   */
+  y: number | string;
+  /**
+   *  Width. Integer between 1 and 12 or numbers seperated by "/" for different breakpoints
+   * @example "3/2/1"
+   */
+  w: number | string;
+  /**
+   * Height. Integer between 1 and 12 or numbers seperated by "/" for different breakpoints
+   * @example "3/2/1"
+   */
+  h: number | string;
 }
 /**
  * Widget type: `web-component` API
  *
  * @group Eodash
  */
-export interface WebComponentWidget<T extends ExecutionTime = "compiletime"> {
+export interface WebComponentWidget {
   id: number | string | symbol;
   title: string;
   /** Widget position and size. */
   layout: Layout;
-  widget: WebComponentProps<T>;
+  widget: WebComponentProps;
   type: "web-component";
 }
 // Internal Widget Interfaces
 /** @group Widgets */
 export interface TEodashMap {
   name: "EodashMap";
-  properties?: InstanceType<typeof import("^/EodashMap.vue").default>["$props"];
+  properties?: InstanceType<
+    typeof import("^/EodashMap/index.vue").default
+  >["$props"];
 }
 
 /** @group Widgets */
@@ -123,7 +137,7 @@ export interface TEodashStacInfo {
 export interface TEodashProcess {
   name: "EodashProcess";
   properties?: InstanceType<
-    typeof import("^/EodashProcess.vue").default
+    typeof import("^/EodashProcess/index.vue").default
   >["$props"];
 }
 
@@ -219,7 +233,7 @@ export interface IFrameWidget {
   type: "iframe";
 }
 /** @group Eodash */
-export interface FunctionalWidget<T extends ExecutionTime = "compiletime"> {
+export interface FunctionalWidget {
   /**
    * Provides a functional definition of widgets, gets triggered whenever a STAC
    * object is selected, and only renders the returned configuration if the `id`
@@ -228,20 +242,17 @@ export interface FunctionalWidget<T extends ExecutionTime = "compiletime"> {
    * @param selectedSTAC - Currently selected STAC object
    */
   defineWidget: (
-    selectedSTAC:
-      | import("stac-ts").StacCatalog
-      | import("stac-ts").StacCollection
-      | import("stac-ts").StacItem
-      | null,
-  ) => StaticWidget<T> | undefined | null;
+    selectedSTAC: import("stac-ts").StacCollection | null,
+    selectedCompareSTAC?: import("stac-ts").StacCollection | null,
+  ) => StaticWidget | undefined | null | false;
 }
 /**
  * There are 3 types of Widgets:
  *
  * @group Eodash
  */
-export type StaticWidget<T extends ExecutionTime = "compiletime"> =
-  | WebComponentWidget<T>
+export type StaticWidget =
+  | WebComponentWidget
   | InternalComponentWidget
   | IFrameWidget;
 /**
@@ -256,16 +267,14 @@ export type StaticWidget<T extends ExecutionTime = "compiletime"> =
  *
  * @group Eodash
  */
-export type Widget<T extends ExecutionTime = "compiletime"> =
-  | StaticWidget<T>
-  | FunctionalWidget<T>;
+export type Widget = StaticWidget | FunctionalWidget;
 
 /** @group Eodash */
-export type BackgroundWidget<T extends ExecutionTime = "compiletime"> =
-  | Omit<WebComponentWidget<T>, "layout" | "title" | "slidable">
+export type BackgroundWidget =
+  | Omit<WebComponentWidget, "layout" | "title" | "slidable">
   | Omit<InternalComponentWidget, "layout" | "title" | "slidable">
   | Omit<IFrameWidget, "layout" | "title" | "slidable">
-  | Omit<FunctionalWidget<T>, "layout" | "slidable">;
+  | Omit<FunctionalWidget, "layout" | "slidable">;
 /**
  * Dashboard rendered widgets specification. 3 types of widgets are supported:
  * `"iframe"`, `"internal"`, and `"web-component"`. A specific object should be
@@ -273,30 +282,25 @@ export type BackgroundWidget<T extends ExecutionTime = "compiletime"> =
  *
  * @group Eodash
  */
-export interface Template<T extends ExecutionTime = "compiletime"> {
+export interface Template {
   /** Gap between widgets */
   gap?: number;
   /** Loading widget */
-  loading?: BackgroundWidget<T>;
+  loading?: BackgroundWidget;
   /**
    * Widget rendered as the dashboard background. Has the same specifications of
    * {@link Widget} without the `title` and `layout` properties
    */
-  background?: BackgroundWidget<T>;
+  background?: BackgroundWidget;
   /** Array of widgets that will be rendered as dashboard panels. */
-  widgets: Widget<T>[];
+  widgets: Widget[];
 }
 /** @group Eodash */
-export type MultiTemplates<T extends ExecutionTime = "compiletime"> = Record<
-  string,
-  Template<T>
->;
+export type MultiTemplates = Record<string, Template>;
 
 /** @ignore */
 export type StacEndpoint = `${string}/catalog.json`;
 
-/** @group Eodash */
-type ExecutionTime = "runtime" | "compiletime";
 /** @group Eodash */
 export interface EodashFont {
   /**
@@ -312,9 +316,13 @@ export interface EodashFont {
  *
  * @group Eodash
  */
-export type Eodash<T extends ExecutionTime = "compiletime"> = {
+export type Eodash = {
   /** Instance ID. */
   id?: string;
+  /** Object containing potential special configuration options */
+  options?: {
+    useSubCode?: boolean;
+  };
   /** Root STAC catalog endpoint */
   stacEndpoint: StacEndpoint;
   /** Brand specifications. */
@@ -338,7 +346,7 @@ export type Eodash<T extends ExecutionTime = "compiletime"> = {
      * Dashboard theme as a custom [vuetifyJs
      * theme](https://vuetifyjs.com/en/features/theme/).
      */
-    theme?: import("vuetify/lib/index.mjs").ThemeDefinition & {
+    theme?: import("vuetify").ThemeDefinition & {
       collectionsPalette?: string[];
     };
     /** Text applied to the footer. */
@@ -347,11 +355,11 @@ export type Eodash<T extends ExecutionTime = "compiletime"> = {
 } & (
   | {
       /** Template configuration */
-      template: Template<T>;
+      template: Template;
     }
   | {
       /** Multiple templates configuration */
-      templates: MultiTemplates<T>;
+      templates: MultiTemplates;
     }
 );
 /////////
@@ -436,3 +444,11 @@ export type EodashStyleJson = import("ol/style/flat").FlatStyleLike & {
   jsonform?: import("json-schema").JSONSchema7;
   tooltip?: { id: string; title?: string; appendix?: string }[];
 };
+
+export type LayersEventBusKeys =
+  | "layers:updated"
+  | "time:updated"
+  | "process:updated"
+  | "compareLayers:updated"
+  | "compareTime:updated"
+  | "compareProcess:updated";

package/core/client/utils/index.js

@@ -1,5 +1,13 @@
 import log from "loglevel";
 import { collectionsPalette } from "./states";
+import {
+  extractCollectionUrls,
+  generateLinksFromItems,
+  revokeCollectionBlobUrls,
+} from "@/eodashSTAC/helpers";
+import { EodashCollection } from "@/eodashSTAC/EodashCollection";
+import { toAbsolute } from "stac-js/src/http.js";
+import { readParquetItems } from "@/eodashSTAC/parquet";
 import WebFontLoader from "webfontloader";
 
 /**
@@ -141,3 +149,74 @@ export const setCollectionsPalette = (colors) => {
   collectionsPalette.splice(0, collectionsPalette.length);
   collectionsPalette.push(...colors);
 };
+
+/**
+ * Updates the eodash collections by fetching and processing collection data from specified URLs
+ * @param {import("stac-ts").StacCollection} selectedStac - The indicator object
+ * @param {string} absoluteUrl - The absolute indicator URL
+ * @param {import('@/eodashSTAC/EodashCollection').EodashCollection[]} eodashCollections  - The array of existing eodash collections to be updated
+ * @param {string[]} colorPalette - The color palette to assign to each collection
+ * @async
+ * @description This function extracts collection URLs from the indicator, fetches collection data,
+ * processes parquet items if available, and updates the eodashCollections array with new collection data.
+ * Each collection is assigned a color from a predefined palette.
+ */
+export const updateEodashCollections = async (
+  eodashCollections,
+  selectedStac,
+  absoluteUrl,
+  colorPalette,
+) => {
+  // init eodash collections
+  const collectionUrls = extractCollectionUrls(selectedStac, absoluteUrl);
+
+  await Promise.all(
+    collectionUrls.map((cu, idx) => {
+      return new Promise((resolve, _reject) => {
+        const ec = new EodashCollection(cu);
+        ec.fetchCollection().then((col) => {
+          // assign color from the palette
+          ec.color = colorPalette[idx % colorPalette.length];
+
+          const parquetAsset = Object.values(col.assets ?? {}).find(
+            (asset) =>
+              asset.type === "application/vnd.apache.parquet" &&
+              asset.roles?.includes("collection-mirror"),
+          );
+
+          if (!parquetAsset) {
+            resolve(ec);
+            return;
+          }
+
+          readParquetItems(toAbsolute(parquetAsset.href, cu)).then((items) => {
+            col.links.push(...generateLinksFromItems(items));
+            resolve(ec);
+          });
+        });
+      });
+    }),
+  ).then(async (collections) => {
+    // revoke old blob urls in the previous collections. see generateLinksFromItems in "../eodashSTAC/helpers.js"
+    eodashCollections.forEach((ec) => {
+      revokeCollectionBlobUrls(ec);
+    });
+    // empty array from old collections
+    eodashCollections.splice(0, eodashCollections.length);
+    // update eodashCollections
+    eodashCollections.push(...collections);
+  });
+};
+/**
+ *
+ * @param {Element | string} selector
+ */
+export const getElement = (selector) => {
+  const eoDash = document.querySelector("eo-dash");
+  if (!eoDash) {
+    //@ts-expect-error selectior can be a string or an Element
+    return document.querySelector(selector);
+  }
+  //@ts-expect-error selectior can be a string or an Element
+  return eoDash.shadowRoot?.querySelector(selector);
+};

package/core/client/utils/keys.js

@@ -1,8 +1,8 @@
 /**
  * `eodash` injection key.
- *
+ * @type {import("vue").InjectionKey<import("@/types").Eodash>}
  * @see {@link "@/plugins/index.js"}
  */
 export const eodashKey = Symbol("eodash");
-/** @type {import("@vueuse/core").EventBusKey<"layers:updated"|"time:updated">} */
+/** @type {import("@vueuse/core").EventBusKey<import("@/types").LayersEventBusKeys>} */
 export const eoxLayersKey = Symbol("eoxMapLayers");

package/core/client/utils/states.js

@@ -3,7 +3,10 @@ import {
   mdiCurrencyEur,
   mdiHospitalBoxOutline,
   mdiImageFilterHdr,
+  mdiLeaf,
+  mdiLightningBolt,
   mdiSetCenter,
+  mdiSnowflake,
   mdiWater,
   mdiWeatherWindy,
 } from "@mdi/js";
@@ -27,8 +30,8 @@ export const eodashCollections = shallowReactive([]);
  */
 export const eodashCompareCollections = shallowReactive([]);
 
-/** whether the map postion was set in URL params on first load */
-export const posIsSetFromUrl = ref(false);
+/** whether it's the first load of the app, used to track if there are params in the url */
+export const isFirstLoad = ref(false);
 
 /**
  * Current value of the layer control JSON form for the latest layer the user interacted with.
@@ -66,13 +69,21 @@ export const dataThemesBrands = {
     icon: mdiWater,
     color: "#73A6C7",
   },
+  oceans: {
+    icon: mdiWater,
+    color: "#6DA2C5",
+  },
   land: {
     icon: mdiImageFilterHdr,
     color: "#019E73",
   },
   health: {
     icon: mdiHospitalBoxOutline,
-    color: "#497FA9",
+    color: "#32322C",
+  },
+  "covid-19": {
+    icon: mdiHospitalBoxOutline,
+    color: "#32322C",
   },
   combined: {
     icon: mdiSetCenter,
@@ -82,10 +93,24 @@ export const dataThemesBrands = {
     icon: mdiWeatherWindy,
     color: "#475faf",
   },
+  atmosphere: {
+    icon: mdiWeatherWindy,
+    color: "#475faf",
+  },
   economy: {
     icon: mdiCurrencyEur,
     color: "#8E81AF",
   },
+  biomass: {
+    icon: mdiLeaf,
+    color: "#009E73",
+  },
+  extremes: {
+    icon: mdiLightningBolt,
+    color: "#a1280a",
+  },
+  cryosphere: {
+    icon: mdiSnowflake,
+    color: "#42C7B8",
+  },
 };
-/** used for switching in and out of compare mode @see {@link widgets/EodashMapBtns.vue} */
-export const switchToCompare = ref(true);

package/core/client/views/Dashboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <HeaderComponent v-if="!eodash.brand.noLayout" />
+  <HeaderComponent v-if="!eodash?.brand.noLayout" />
   <ErrorAlert v-model="error" />
   <EodashOverlay />
   <Suspense>
@@ -10,7 +10,7 @@
       </div>
     </template>
   </Suspense>
-  <FooterComponent v-if="!eodash.brand.noLayout" />
+  <FooterComponent v-if="!eodash?.brand.noLayout" />
 </template>
 
 <script setup>
@@ -18,7 +18,7 @@ import { useEodashRuntime } from "@/composables/DefineEodash";
 import { useURLSearchParametersSync, useUpdateTheme } from "@/composables";
 import { useSTAcStore } from "@/store/stac";
 import { computed, defineAsyncComponent, onErrorCaptured, ref } from "vue";
-import { useDisplay } from "vuetify/lib/framework.mjs";
+import { useDisplay } from "vuetify";
 import { loadFont } from "@/utils";
 import Loading from "@/components/Loading.vue";
 import ErrorAlert from "@/components/ErrorAlert.vue";
@@ -26,7 +26,7 @@ import EodashOverlay from "@/components/EodashOverlay.vue";
 
 const props = defineProps({
   config: {
-    type: String,
+    type: [String, Function],
   },
   isWebComponent: {
     type: Boolean,
@@ -37,18 +37,25 @@ const props = defineProps({
 useURLSearchParametersSync();
 
 const eodash = await useEodashRuntime(props.config);
+if (!eodash) {
+  throw new Error(
+    "Eodash configuration is not defined. Please provide a valid configuration file or object.",
+  );
+}
 
 const theme = useUpdateTheme("dashboardTheme", {
-  ...(eodash.brand?.theme ?? {}),
+  ...(eodash?.brand?.theme ?? {}),
 });
-theme.global.name.value = "dashboardTheme";
+theme.change("dashboardTheme");
 
-await loadFont(eodash.brand?.font, props.isWebComponent);
+await loadFont(eodash?.brand?.font, props.isWebComponent);
 
-const { loadSTAC } = useSTAcStore();
-await loadSTAC();
+const { loadSTAC, init } = useSTAcStore();
+init(eodash.stacEndpoint);
+await loadSTAC(eodash.stacEndpoint);
 
 const { smAndDown } = useDisplay();
+
 const TemplateComponent = computed(() =>
   smAndDown.value
     ? defineAsyncComponent(() => import(`@/components/MobileLayout.vue`))
@@ -62,7 +69,7 @@ const FooterComponent = defineAsyncComponent(
   () => import(`@/components/Footer.vue`),
 );
 
-const templateHeight = props.isWebComponent ? "100%" : "100dvh";
+const templateHeight = "100%";
 
 const error = ref("");
 onErrorCaptured((e, comp, info) => {
@@ -75,37 +82,34 @@ onErrorCaptured((e, comp, info) => {
 </script>
 <style>
 .loading-container {
-  height: 100dvh;
+  height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 div.v-application__wrap {
-  min-height: fit-content;
+  height: 100%;
+  min-height: 100%;
 }
 eo-dash {
   overflow: hidden;
+  display: block;
 }
 /* set eox-elements colors css vars to match the theme */
-/*
-eox-layercontrol,
-eox-map,
-eox-drawtools,
-eox-timecontrol,
-eox-jsonform,
-eox-chart,
-eox-stacinfo,
-eox-itemfilter {
-  --primary-color: rgb(var(--v-theme-primary));
-  --eox-primary-color: rgb(var(--v-theme-primary));
-  --eox-secondary-color: rgb(var(--v-theme-secondary));
-  --eox-accent-color: rgb(var(--v-theme-accent));
-  --eox-error-color: rgb(var(--v-theme-error));
-  --eox-info-color: rgb(var(--v-theme-info));
-  --eox-success-color: rgb(var(--v-theme-success));
-  --eox-warning-color: rgb(var(--v-theme-warning));
-  --range-slider-color: rgb(var(--v-theme-primary));
-  --range-slider-track-color: rgb(var(--v-theme-on-primary));
-} */
+:root {
+  --eox-theme-light-primary: var(--v-theme-primary) !important;
+  --eox-theme-light-on-primary: var(--v-theme-on-primary) !important;
+  --eox-theme-light-secondary: var(--v-theme-secondary) !important;
+  --eox-theme-light-on-secondary: var(--v-theme-on-secondary) !important;
+  --eox-theme-light-surface: var(--v-theme-surface) !important;
+  --eox-theme-light-on-surface: var(--v-theme-on-surface) !important;
+  --eox-theme-light-background: var(--v-theme-background) !important;
+  --eox-theme-light-on-background: var(--v-theme-on-background) !important;
+  --eox-theme-light-accent: var(--v-theme-accent) !important;
+  --eox-theme-light-error: var(--v-theme-error) !important;
+  --eox-theme-light-info: var(--v-theme-info) !important;
+  --eox-theme-light-success: var(--v-theme-success) !important;
+  --eox-theme-light-warning: var(--v-theme-warning) !important;
+}
 </style>

package/core/client/vite-env.d.ts

@@ -23,3 +23,10 @@ declare module "stac-js/src/http.js" {
   const toAbsolute: (...args: string[]) => string;
   export { toAbsolute };
 }
+
+declare const __userConfigExist__: boolean;
+declare module "@eox/ui/vuetify/blueprint.js" {
+  import type { Blueprint } from "vuetify";
+  const eox: Blueprint;
+  export { eox };
+}

package/dist/client/{DashboardLayout-CkWvOMOW.js → DashboardLayout-Dq9Kfe6O.js}

@@ -1,10 +1,13 @@
-import { createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, unref, createElementBlock, createCommentVNode, Suspense, resolveDynamicComponent, mergeProps, Fragment, renderList, Transition } from 'vue';
+import { createBlock, openBlock, withCtx, createElementVNode, unref, createElementBlock, createCommentVNode, normalizeStyle, Suspense, resolveDynamicComponent, mergeProps, Fragment, renderList, Transition } from 'vue';
 import '@eox/layout';
-import { _ as _export_sfc, F as useDefineTemplate } from './asWebComponent-CLhcT715.js';
-import { V as VMain } from './VMain-DJKG4SvM.js';
+import { _ as _export_sfc, u as useDefineTemplate } from './asWebComponent-ZyEzWOOf.js';
+import { V as VMain } from './VMain-Ci9DyaGU.js';
+
+const _style_0 = ".panel[data-v-4126a8ae]{position:relative;overflow:auto;z-index:1;pointer-events:none}.pointer[data-v-4126a8ae]{pointer-events:all}.bg-panel[data-v-4126a8ae]{z-index:0;border-radius:0!important}.fade-enter-active[data-v-4126a8ae],.fade-leave-active[data-v-4126a8ae]{transition:opacity .25s ease}.fade-enter-from[data-v-4126a8ae],.fade-leave-to[data-v-4126a8ae]{opacity:0}.bg-surface[data-v-4126a8ae],.bg-primary[data-v-4126a8ae]{backdrop-filter:blur(10px)!important;border-radius:8px;border:none;box-shadow:0 0 1px #18274b38,0 6px 12px -6px #18274b1f,0 8px 24px -4px #18274b14;max-height:100%;overflow:auto;scrollbar-color:rgba(var(--v-theme-on-surface),.2) transparent;scrollbar-width:thin}.bg-surface[data-v-4126a8ae]{background-color:rgba(var(--v-theme-surface),var(--v-surface-opacity, .8))!important}.bg-primary[data-v-4126a8ae]{background-color:rgba(var(--v-theme-primary),var(--v-primary-opacity, .8))!important}";
 
 const _hoisted_1 = ["gap"];
 const _hoisted_2 = ["id", "h", "w", "x", "y"];
+const _hoisted_3 = { class: "bg-surface pointer" };
 
 
 const _sfc_main = {
@@ -13,19 +16,26 @@ const _sfc_main = {
 
 const { bgWidget, importedWidgets, gap } = useDefineTemplate();
 
+const layoutStyle = {
+  padding: gap.value + "px",
+  overflow: "hidden !important",
+};
+
 return (_ctx, _cache) => {
                                                        
 
-  return (openBlock(), createBlock(VMain, null, {
+  return (openBlock(), createBlock(VMain, { class: "pa-0" }, {
     default: withCtx(() => [
       createElementVNode("eox-layout", {
+        mediaBreakpoints: [0, 960, 1920],
         gap: unref(gap),
-        style: normalizeStyle(`padding: ${unref(gap)}px`)
+        class: "layout-container",
+        style: layoutStyle
       }, [
         (unref(bgWidget)?.component)
           ? (openBlock(), createElementBlock("eox-layout-item", {
               key: unref(bgWidget).id,
-              class: "bg-panel bg-surface",
+              class: "bg-panel",
               style: normalizeStyle(`margin: -${unref(gap) + 1}px;`),
               x: "0",
               y: "0",
@@ -50,7 +60,7 @@ return (_ctx, _cache) => {
                 ? (openBlock(), createElementBlock("eox-layout-item", {
                     id: importedWidget.value.id.toString(),
                     key: importedWidget.value.id,
-                    class: "panel bg-surface",
+                    class: "panel",
                     h: importedWidget.value.layout.h,
                     w: importedWidget.value.layout.w,
                     x: importedWidget.value.layout.x,
@@ -58,10 +68,11 @@ return (_ctx, _cache) => {
                   }, [
                     (openBlock(), createBlock(Suspense, null, {
                       default: withCtx(() => [
-                        (openBlock(), createBlock(resolveDynamicComponent(importedWidget.value.component), mergeProps({
-                          key: importedWidget.value.id,
-                          ref_for: true
-                        }, importedWidget.value.props), null, 16 /* FULL_PROPS */))
+                        createElementVNode("div", _hoisted_3, [
+                          (openBlock(), createBlock(resolveDynamicComponent(importedWidget.value.component), mergeProps({
+                            key: importedWidget.value.id
+                          }, { ref_for: true }, importedWidget.value.props), null, 16 /* FULL_PROPS */))
+                        ])
                       ]),
                       _: 2 /* DYNAMIC */
                     }, 1024 /* DYNAMIC_SLOTS */))
@@ -71,7 +82,7 @@ return (_ctx, _cache) => {
             _: 2 /* DYNAMIC */
           }, 1024 /* DYNAMIC_SLOTS */))
         }), 128 /* KEYED_FRAGMENT */))
-      ], 12 /* STYLE, PROPS */, _hoisted_1)
+      ], 8 /* PROPS */, _hoisted_1)
     ]),
     _: 1 /* STABLE */
   }))
@@ -79,6 +90,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const DashboardLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-7294ae56"]]);
+const DashboardLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-4126a8ae"]]);
 
 export { DashboardLayout as default };

package/dist/client/{DynamicWebComponent-DYBbpvUK.js → DynamicWebComponent-DCBMXskE.js}

@@ -1,5 +1,5 @@
 import { withAsyncContext, ref, onMounted, onUnmounted, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
-import { Z as useSTAcStore } from './asWebComponent-CLhcT715.js';
+import { E as useSTAcStore } from './asWebComponent-ZyEzWOOf.js';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };