@eodash/eodash 5.0.0-rc.2.1 → 5.0.0-rc.2.2

package/dist/client/eo-dash.js

@@ -1,2 +1,2 @@
-export { aX as EodashConstructor, aY as register, aZ as store } from './asWebComponent-N7ChSAQG.js';
+export { aX as EodashConstructor, aY as register, aZ as store } from './asWebComponent--e4yqM3f.js';
 import 'vue';

package/dist/client/{forwardRefs-C2UOEnvr.js → forwardRefs-B9UH8QZK.js}

@@ -1,5 +1,5 @@
 import { shallowRef, computed, watch } from 'vue';
-import { p as propsFactory, aI as getCurrentInstance } from './asWebComponent-N7ChSAQG.js';
+import { p as propsFactory, aI as getCurrentInstance } from './asWebComponent--e4yqM3f.js';
 
 class Box {
   constructor(_ref) {

package/dist/client/{index-BXi80Gr9.js → index-D-lbt2my.js}

@@ -1,5 +1,5 @@
 import { TransitionGroup, Transition, h, camelize } from 'vue';
-import { g as genericComponent, p as propsFactory } from './asWebComponent-N7ChSAQG.js';
+import { g as genericComponent, p as propsFactory } from './asWebComponent--e4yqM3f.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/client/{transition-w_2EtUxa.js → transition-CTjQmgIS.js}

@@ -1,5 +1,5 @@
 import { h, mergeProps, TransitionGroup, Transition } from 'vue';
-import { p as propsFactory } from './asWebComponent-N7ChSAQG.js';
+import { p as propsFactory } from './asWebComponent--e4yqM3f.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/types/core/client/eodashSTAC/helpers.d.ts

@@ -1,5 +1,8 @@
-/** @param {import("stac-ts").StacLink[]} [links] */
-export function generateFeatures(links?: import("stac-ts").StacLink[]): {
+/**
+ *  @param {import("stac-ts").StacLink[]} [links]
+ *  @param {Record<string,any>} [extraProperties]
+ **/
+export function generateFeatures(links?: import("stac-ts").StacLink[], extraProperties?: Record<string, any>): {
     type: string;
     crs: {
         type: string;
@@ -64,7 +67,13 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string): P
     "icon-scale"?: import("ol/size.js").Size | import("ol/expr/expression.js").ExpressionValue | undefined;
     "icon-width"?: import("ol/expr/expression.js").ExpressionValue | undefined;
     "icon-height"?: import("ol/expr/expression.js").ExpressionValue | undefined;
-    "icon-rotation"?: import("ol/expr/expression.js").ExpressionValue | undefined;
+    "icon-rotation"?: import("ol/expr/expression.js" /**
+     * Removes the layer with the id provided and injects an array of layers in its position
+     * @param {Record<string,any>[]} currentLayers
+     * @param {string} oldLayer - id of the layer to be replaced
+     * @param {Record<string,any>[]} newLayers - array of layers to replace the old layer
+     * @returns {Record<string,any>[] | undefined}
+     */).ExpressionValue | undefined;
     "icon-rotate-with-view"?: boolean | undefined;
     "icon-offset"?: number[] | import("ol/expr/expression.js").ExpressionValue | undefined;
     "icon-offset-origin"?: import("ol/style/Icon.js").IconOrigin | undefined;
@@ -92,7 +101,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string): P
     "circle-stroke-color"?: import("ol/style/webgl.js").ColorExpression | undefined;
     "circle-stroke-width"?: import("ol/expr/expression.js").ExpressionValue | undefined;
     "circle-opacity"?: import("ol/expr/expression.js").ExpressionValue | undefined;
-    "circle-displacement"?: number[] | import("ol/expr/expression.js").ExpressionValue[] | undefined;
+    "circle-displacement"?: number[] | import("ol/expr/expression.js" /** @type { string | undefined} */).ExpressionValue[] | undefined;
     "circle-scale"?: import("ol/size.js").Size | import("ol/expr/expression.js").ExpressionValue | import("ol/expr/expression.js").ExpressionValue[] | undefined;
     "circle-rotation"?: import("ol/expr/expression.js").ExpressionValue | undefined;
     "circle-rotate-with-view"?: boolean | undefined;
@@ -108,8 +117,8 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string): P
     "shape-rotation"?: import("ol/expr/expression.js").ExpressionValue | undefined;
     "shape-rotate-with-view"?: boolean | undefined;
     "shape-scale"?: import("ol/size.js").Size | import("ol/expr/expression.js").ExpressionValue | import("ol/expr/expression.js").ExpressionValue[] | undefined;
-    variables?: Record<string, any>;
-    legend?: Record<string, any>;
+    variables?: Record<string, string | number | boolean | null | undefined>;
+    legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
     jsonform?: Record<string, any>;
     tooltip?: {
         id: string;

package/dist/types/core/client/types.d.ts

@@ -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?: T extends "runtime" ? string : string | (() => Promise<unknown>);
     /**
      * Exported Constructor, needs to be provided if the web component is not
      * registered in by the [link](#link) provided
@@ -161,6 +161,15 @@ export type MultiTemplates<T extends ExecutionTime = "compiletime"> = Record<str
 export type StacEndpoint = `${string}/catalog.json`;
 /** @group Eodash */
 type ExecutionTime = "runtime" | "compiletime";
+type EodashFont = {
+    /**
+     * Link to stylesheet that defines font-face. Could be either a relative
+     * or absolute URL.
+     */
+    link?: string;
+    /** Font family name. */
+    family: string;
+};
 /**
  * Eodash instance API
  *
@@ -178,14 +187,9 @@ export type Eodash<T extends ExecutionTime = "compiletime"> = {
         /** Custom error message to alert the users if something crashes */
         errorMessage?: string;
         /** Fetches the specified font family from the specified `link` property. */
-        font?: {
-            /**
-             * Link to stylesheet that defines font-face. Could be either a relative
-             * or absolute URL.
-             */
-            link: string;
-            /** Font family name. */
-            family: string;
+        font?: EodashFont | {
+            body: EodashFont;
+            headers: EodashFont;
         };
         /** Title that will be shown in the app header */
         name: string;
@@ -270,8 +274,8 @@ export declare function register(): void;
 export declare const store: typeof import("./store").default;
 export * from "./main.js";
 export type EodashStyleJson = import("ol/style/webgl.js").WebGLStyle & {
-    variables?: Record<string, any>;
-    legend?: Record<string, any>;
+    variables?: Record<string, string | number | boolean | null | undefined>;
+    legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
     jsonform?: Record<string, any>;
     tooltip?: {
         id: string;

package/dist/types/core/client/utils/index.d.ts

@@ -1,3 +1,3 @@
-export function loadFont(family?: string, link?: string, isWebComponent?: boolean): Promise<string>;
+export function loadFont(fontConfig: import("../types").Eodash["brand"]["font"], isWebComponent: boolean): Promise<string[]>;
 export function copyToClipBoard(text: string, showIcon: import("vue").Ref<boolean>): Promise<void>;
 export function setCollectionsPalette(colors: string[]): void;

package/dist/types/widgets/EodashStacInfo.vue.d.ts

@@ -1,18 +1,18 @@
 declare const _default: import("vue").DefineComponent<{}, {
+    body: unknown[];
     styleOverride: string;
     tags: unknown[];
     header: unknown[];
     footer: unknown[];
-    body: unknown[];
     featured: unknown[];
     allowHtml: boolean;
     subheader: unknown[];
     $props: {
+        readonly body?: unknown[] | undefined;
         readonly styleOverride?: string | undefined;
         readonly tags?: unknown[] | undefined;
         readonly header?: unknown[] | undefined;
         readonly footer?: unknown[] | undefined;
-        readonly body?: unknown[] | undefined;
         readonly featured?: unknown[] | undefined;
         readonly allowHtml?: boolean | undefined;
         readonly subheader?: unknown[] | undefined;

package/dist/types/widgets/PopUp.vue.d.ts

@@ -4,16 +4,16 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
+    width: string;
     height: string;
     maxHeight: string;
     maxWidth: string;
-    width: string;
     widget?: import("../core/client/types").Widget<"compiletime"> | undefined;
     $props: {
+        readonly width?: string | undefined;
         readonly height?: string | undefined;
         readonly maxHeight?: string | undefined;
         readonly maxWidth?: string | undefined;
-        readonly width?: string | undefined;
         readonly widget?: import("../core/client/types").Widget<"compiletime"> | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-rc.2.1",
+  "version": "5.0.0-rc.2.2",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -104,6 +104,7 @@
     "cypress": "^13.17.0",
     "eslint": "^9.18.0",
     "eslint-plugin-vue": "^9.32.0",
+    "pkg-pr-new": "^0.0.39",
     "prettier": "^3.4.2",
     "rollup": "^4.31.0",
     "terminate": "^2.8.0",

package/widgets/EodashDatePicker.vue

@@ -298,6 +298,24 @@ onMounted(() => {
 makePanelTransparent(rootEl);
 </script>
 <style>
+.vc-popover-content {
+  --vc-nav-hover-bg: rgba(var(--v-theme-on-surface), 0.1);
+  --vc-nav-item-active-color: rgb(var(--v-theme-on-secondary));
+  --vc-nav-item-active-bg: rgba(var(--v-theme-secondary), 0.8);
+  --vc-focus-ring: 0 0 0 2px rgba(var(--v-theme-secondary), 0.5);
+}
+.vc-container {
+  --vc-day-content-hover-bg: rgba(var(--v-theme-on-surface), 0.2);
+  --vc-focus-ring: 0 0 0 2px rgba(var(--v-theme-secondary), 0.4);
+  --vc-header-arrow-hover-bg: rgba(var(--v-theme-secondary), 0.1);
+}
+.vc-attr {
+  --vc-accent-600: rgba(var(--v-theme-secondary), 0.8);
+}
+.datePicker {
+  --vc-day-content-hover-bg: red;
+}
+
 @media (min-width: 960px) {
   .datePicker {
     position: absolute;