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

package/dist/client/{transition-BlLt41wg.js → transition-DCePIwYR.js}

@@ -1,4 +1,4 @@
-import { p as m, aw as d, d as l, av as u, ab as b } from "./asWebComponent-CbdGxelK.js";
+import { p as m, aw as d, d as l, av as u, ab as b } from "./asWebComponent-CpQUVi2N.js";
 const j = m({
   transition: {
     type: [Boolean, String, Object],

package/dist/client/{webfontloader-CyOFAuFB.js → webfontloader-qotgY98I.js}

@@ -6,8 +6,7 @@ var ot = { exports: {} };
       return t.call.apply(t.bind, arguments);
     }
     function rt(t, n, e) {
-      if (!t)
-        throw Error();
+      if (!t) throw Error();
       if (2 < arguments.length) {
         var i = Array.prototype.slice.call(arguments, 2);
         return function() {
@@ -30,9 +29,7 @@ var ot = { exports: {} };
     }
     var ft = !!window.FontFace;
     function A(t, n, e, i) {
-      if (n = t.c.createElement(n), e)
-        for (var o in e)
-          e.hasOwnProperty(o) && (o == "style" ? n.style.cssText = e[o] : n.setAttribute(o, e[o]));
+      if (n = t.c.createElement(n), e) for (var o in e) e.hasOwnProperty(o) && (o == "style" ? n.style.cssText = e[o] : n.setAttribute(o, e[o]));
       return i && n.appendChild(t.c.createTextNode(i)), n;
     }
     function I(t, n, e) {
@@ -44,27 +41,23 @@ var ot = { exports: {} };
     function d(t, n, e) {
       n = n || [], e = e || [];
       for (var i = t.className.split(/\s+/), o = 0; o < n.length; o += 1) {
-        for (var s = !1, r = 0; r < i.length; r += 1)
-          if (n[o] === i[r]) {
-            s = !0;
-            break;
-          }
+        for (var s = !1, r = 0; r < i.length; r += 1) if (n[o] === i[r]) {
+          s = !0;
+          break;
+        }
         s || i.push(n[o]);
       }
       for (n = [], o = 0; o < i.length; o += 1) {
-        for (s = !1, r = 0; r < e.length; r += 1)
-          if (i[o] === e[r]) {
-            s = !0;
-            break;
-          }
+        for (s = !1, r = 0; r < e.length; r += 1) if (i[o] === e[r]) {
+          s = !0;
+          break;
+        }
         s || n.push(i[o]);
       }
       t.className = n.join(" ").replace(/\s+/g, " ").replace(/^\s+|\s+$/, "");
     }
     function P(t, n) {
-      for (var e = t.className.split(/\s+/), i = 0, o = e.length; i < o; i++)
-        if (e[i] == n)
-          return !0;
+      for (var e = t.className.split(/\s+/), i = 0, o = e.length; i < o; i++) if (e[i] == n) return !0;
       return !1;
     }
     function ct(t) {
@@ -114,8 +107,7 @@ var ot = { exports: {} };
       this.a = t || "-";
     }
     q.prototype.c = function(t) {
-      for (var n = [], e = 0; e < arguments.length; e++)
-        n.push(arguments[e].replace(/[\W_]+/g, "").toLowerCase());
+      for (var n = [], e = 0; e < arguments.length; e++) n.push(arguments[e].replace(/[\W_]+/g, "").toLowerCase());
       return n.join(this.a);
     };
     function p(t, n) {
@@ -167,11 +159,10 @@ var ot = { exports: {} };
     }
     function vt(t, n, e) {
       var i = [], o;
-      for (o in n)
-        if (n.hasOwnProperty(o)) {
-          var s = t.c[o];
-          s && i.push(s(n[o], e));
-        }
+      for (o in n) if (n.hasOwnProperty(o)) {
+        var s = t.c[o];
+        s && i.push(s(n[o], e));
+      }
       return i;
     }
     function _(t, n) {
@@ -220,9 +211,7 @@ var ot = { exports: {} };
       this.f.serif = this.j.a.offsetWidth, this.f["sans-serif"] = this.m.a.offsetWidth, this.A = x(), V(this);
     };
     function U(t, n, e) {
-      for (var i in E)
-        if (E.hasOwnProperty(i) && n === t.f[E[i]] && e === t.f[E[i]])
-          return !0;
+      for (var i in E) if (E.hasOwnProperty(i) && n === t.f[E[i]] && e === t.f[E[i]]) return !0;
       return !1;
     }
     function V(t) {
@@ -267,23 +256,19 @@ var ot = { exports: {} };
       var s = --t.h == 0;
       (t.f || t.g) && setTimeout(function() {
         var r = o || null, a = i || null || {};
-        if (e.length === 0 && s)
-          M(n.a);
+        if (e.length === 0 && s) M(n.a);
         else {
           n.f += e.length, s && (n.j = s);
           var f, c = [];
           for (f = 0; f < e.length; f++) {
             var h = e[f], u = a[h.c], g = n.a, y = h;
-            if (g.g && d(g.f, [g.a.c("wf", y.c, l(y).toString(), "loading")]), w(g, "fontloading", y), g = null, C === null)
-              if (window.FontFace) {
-                var y = /Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent), Nt = /OS X.*Version\/10\..*Safari/.exec(window.navigator.userAgent) && /Apple/.exec(window.navigator.vendor);
-                C = y ? 42 < parseInt(y[1], 10) : !Nt;
-              } else
-                C = !1;
+            if (g.g && d(g.f, [g.a.c("wf", y.c, l(y).toString(), "loading")]), w(g, "fontloading", y), g = null, C === null) if (window.FontFace) {
+              var y = /Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent), Nt = /OS X.*Version\/10\..*Safari/.exec(window.navigator.userAgent) && /Apple/.exec(window.navigator.vendor);
+              C = y ? 42 < parseInt(y[1], 10) : !Nt;
+            } else C = !1;
             C ? g = new G(v(n.g, n), v(n.h, n), n.c, h, n.s, u) : g = new K(v(n.g, n), v(n.h, n), n.c, h, n.s, r, u), c.push(g);
           }
-          for (f = 0; f < c.length; f++)
-            c[f].start();
+          for (f = 0; f < c.length; f++) c[f].start();
         }
       }, 0);
     }
@@ -291,10 +276,9 @@ var ot = { exports: {} };
       var o = [], i = e.timeout;
       pt(n);
       var o = vt(t.a, e, t.c), s = new W(t.c, n, i);
-      for (t.h = o.length, n = 0, e = o.length; n < e; n++)
-        o[n].load(function(r, a, f) {
-          dt(t, s, r, a, f);
-        });
+      for (t.h = o.length, n = 0, e = o.length; n < e; n++) o[n].load(function(r, a, f) {
+        dt(t, s, r, a, f);
+      });
     }
     function Q(t, n) {
       this.c = t, this.a = n;
@@ -303,16 +287,14 @@ var ot = { exports: {} };
       function n() {
         if (s["__mti_fntLst" + i]) {
           var r = s["__mti_fntLst" + i](), a = [], f;
-          if (r)
-            for (var c = 0; c < r.length; c++) {
-              var h = r[c].fontfamily;
-              r[c].fontStyle != null && r[c].fontWeight != null ? (f = r[c].fontStyle + r[c].fontWeight, a.push(new p(h, f))) : a.push(new p(h));
-            }
+          if (r) for (var c = 0; c < r.length; c++) {
+            var h = r[c].fontfamily;
+            r[c].fontStyle != null && r[c].fontWeight != null ? (f = r[c].fontStyle + r[c].fontWeight, a.push(new p(h, f))) : a.push(new p(h));
+          }
           t(a);
-        } else
-          setTimeout(function() {
-            n();
-          }, 50);
+        } else setTimeout(function() {
+          n();
+        }, 50);
       }
       var e = this, i = e.a.projectId, o = e.a.version;
       if (i) {
@@ -322,23 +304,17 @@ var ot = { exports: {} };
             return e.a;
           }, n());
         }).id = "__MonotypeAPIScript__" + i;
-      } else
-        t([]);
+      } else t([]);
     };
     function Y(t, n) {
       this.c = t, this.a = n;
     }
     Y.prototype.load = function(t) {
       var n, e, i = this.a.urls || [], o = this.a.families || [], s = this.a.testStrings || {}, r = new k();
-      for (n = 0, e = i.length; n < e; n++)
-        B(this.c, i[n], D(r));
+      for (n = 0, e = i.length; n < e; n++) B(this.c, i[n], D(r));
       var a = [];
-      for (n = 0, e = o.length; n < e; n++)
-        if (i = o[n].split(":"), i[1])
-          for (var f = i[1].split(","), c = 0; c < f.length; c += 1)
-            a.push(new p(i[0], f[c]));
-        else
-          a.push(new p(i[0]));
+      for (n = 0, e = o.length; n < e; n++) if (i = o[n].split(":"), i[1]) for (var f = i[1].split(","), c = 0; c < f.length; c += 1) a.push(new p(i[0], f[c]));
+      else a.push(new p(i[0]));
       L(r, function() {
         t(a, s);
       });
@@ -356,12 +332,9 @@ var ot = { exports: {} };
       }
     }
     function _t(t) {
-      if (t.a.length == 0)
-        throw Error("No fonts to load!");
-      if (t.c.indexOf("kit=") != -1)
-        return t.c;
-      for (var n = t.a.length, e = [], i = 0; i < n; i++)
-        e.push(t.a[i].replace(/ /g, "+"));
+      if (t.a.length == 0) throw Error("No fonts to load!");
+      if (t.c.indexOf("kit=") != -1) return t.c;
+      for (var n = t.a.length, e = [], i = 0; i < n; i++) e.push(t.a[i].replace(/ /g, "+"));
       return n = t.c + "?family=" + e.join("%7C"), 0 < t.f.length && (n += "&subset=" + t.f.join(",")), 0 < t.g.length && (n += "&text=" + encodeURIComponent(t.g)), n;
     }
     function Tt(t) {
@@ -373,28 +346,22 @@ var ot = { exports: {} };
         var i = t.f[e].split(":"), o = i[0].replace(/\+/g, " "), s = ["n4"];
         if (2 <= i.length) {
           var r, a = i[1];
-          if (r = [], a)
-            for (var a = a.split(","), f = a.length, c = 0; c < f; c++) {
-              var h;
-              if (h = a[c], h.match(/^[\w-]+$/)) {
-                var u = Ct.exec(h.toLowerCase());
-                if (u == null)
-                  h = "";
-                else {
-                  if (h = u[2], h = h == null || h == "" ? "n" : Et[h], u = u[1], u == null || u == "")
-                    u = "4";
-                  else
-                    var g = St[u], u = g || (isNaN(u) ? "4" : u.substr(0, 1));
-                  h = [h, u].join("");
-                }
-              } else
-                h = "";
-              h && r.push(h);
-            }
+          if (r = [], a) for (var a = a.split(","), f = a.length, c = 0; c < f; c++) {
+            var h;
+            if (h = a[c], h.match(/^[\w-]+$/)) {
+              var u = Ct.exec(h.toLowerCase());
+              if (u == null) h = "";
+              else {
+                if (h = u[2], h = h == null || h == "" ? "n" : Et[h], u = u[1], u == null || u == "") u = "4";
+                else var g = St[u], u = g || (isNaN(u) ? "4" : u.substr(0, 1));
+                h = [h, u].join("");
+              }
+            } else h = "";
+            h && r.push(h);
+          }
           0 < r.length && (s = r), i.length == 3 && (i = i[2], r = [], i = i ? i.split(",") : r, 0 < i.length && (i = Z[i[0]]) && (t.c[o] = i));
         }
-        for (t.c[o] || (i = Z[o]) && (t.c[o] = i), i = 0; i < s.length; i += 1)
-          t.a.push(new p(o, s[i]));
+        for (t.c[o] || (i = Z[o]) && (t.c[o] = i), i = 0; i < s.length; i += 1) t.a.push(new p(o, s[i]));
       }
     }
     function tt(t, n) {
@@ -415,13 +382,10 @@ var ot = { exports: {} };
     nt.prototype.load = function(t) {
       var n = this.a.id, e = this.c.o;
       n ? b(this.c, (this.a.api || "https://use.typekit.net") + "/" + n + ".js", function(i) {
-        if (i)
-          t([]);
+        if (i) t([]);
         else if (e.Typekit && e.Typekit.config && e.Typekit.config.fn) {
           i = e.Typekit.config.fn;
-          for (var o = [], s = 0; s < i.length; s += 2)
-            for (var r = i[s], a = i[s + 1], f = 0; f < a.length; f++)
-              o.push(new p(r, a[f]));
+          for (var o = [], s = 0; s < i.length; s += 2) for (var r = i[s], a = i[s + 1], f = 0; f < a.length; f++) o.push(new p(r, a[f]));
           try {
             e.Typekit.load({ events: !1, classes: !1, async: !0 });
           } catch {

package/dist/client/{webimage-D2c098k3-DLj1LQxB.js → webimage-BM_pbLN3-L2cGWK5l.js}

@@ -1,4 +1,4 @@
-import { g as r } from "./basedecoder-Qm25PwVp-CHo5Pomv.js";
+import { g as r } from "./basedecoder-DHcBySSe-BmCFNFnw.js";
 class d extends r {
   constructor() {
     if (super(), typeof createImageBitmap > "u")

package/dist/node/cli.js

@@ -17,4 +17,4 @@ ${i.lib?`<eo-dash style="height:100dvh;"/>
 <script type="module" src="${t.resolve(`/@fs/${c}`,"core/client/render.js")}"><\/script>
 `}
 </body>
-</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}})();
+</html>`,D=C(({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/dist/node/types.d.ts

@@ -1,53 +1,47 @@
 /**
  * Eodash CLI configuration
+ *
  * @group CLI
  */
 export interface EodashConfig {
   dev?: {
-    /** serving  port */
-    port?: string | number
-    host?: string | boolean
-    /** open default browser when the server starts */
-    open?: boolean
-  }
+    /** Serving port */
+    port?: string | number;
+    host?: string | boolean;
+    /** Open default browser when the server starts */
+    open?: boolean;
+  };
   preview?: {
-    /** serving  port */
-    port?: string | number
-    host?: string | boolean
-    /** open default browser when the server starts */
-    open?: boolean
-  }
-  /**
-   * Base public path
-   */
+    /** Serving port */
+    port?: string | number;
+    host?: string | boolean;
+    /** Open default browser when the server starts */
+    open?: boolean;
+  };
+  /** Base public path */
   base?: string;
-  /**
-   * Build target folder path
-   */
+  /** Build target folder path */
   outDir?: string;
   /**
-   * Path to statically served assets folder, can be set to `false`
-   * to disable serving assets statically
-   **/
-  publicDir?: string | false;
-  /**
-   * Cache folder
-   */
-  cacheDir?: string
-  /** Specifies main entry file, exporting `createEodash`*/
-  entryPoint?: string
-  /**
-   * File exporting eodash client runtime config
+   * Path to statically served assets folder, can be set to `false` to disable
+   * serving assets statically
    */
-  runtime?: string
-  /** set a custom path for importing user defined internal widgets */
-  widgets?: string
-  /** builds eodash as a web component library */
-  lib?: boolean
+  publicDir?: string | false;
+  /** Cache folder */
+  cacheDir?: string;
+  /** Specifies main entry file, exporting `createEodash` */
+  entryPoint?: string;
+  /** File exporting eodash client runtime config */
+  runtime?: string;
+  /** Set a custom path for importing user defined internal widgets */
+  widgets?: string;
+  /** Builds eodash as a web component library */
+  lib?: boolean;
 }
 /**
- *  helper function that provides intellisense
- *  without the need for JSDOC for `eodash.config.js`:
+ * Helper function that provides intellisense without the need for JSDOC for
+ * `eodash.config.js`:
+ *
  * @group CLI
  */
-export declare const defineConfig: (config: EodashConfig) => EodashConfig
+export declare const defineConfig: (config: EodashConfig) => EodashConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-alpha.2.5",
+  "version": "5.0.0-alpha.2.6",
   "type": "module",
   "types": "./core/client/types.d.ts",
   "files": [
@@ -32,6 +32,7 @@
     "build:lib": "npx eodash build --entryPoint core/client/eodash.js --lib --outDir dist/client",
     "build:cli": "rollup -c",
     "check": "vue-tsc --noEmit --skipLibCheck && eslint .",
+    "format": "prettier . --write --ignore-unknown",
     "preview": "npx eodash preview",
     "lint": "eslint . --fix",
     "cypress": "cypress open --component ",
@@ -45,9 +46,9 @@
     "docs:generate": "typedoc --options typedoc.config.json"
   },
   "dependencies": {
-    "@eox/itemfilter": "^0.14.0",
+    "@eox/itemfilter": "^0.14.1",
     "@eox/layout": "^0.1.0",
-    "@eox/map": "^1.4.0",
+    "@eox/map": "^1.9.1",
     "@eox/stacinfo": "^0.3.0",
     "@mdi/js": "^7.4.47",
     "@vitejs/plugin-vue": "^5.0.0",
@@ -68,26 +69,25 @@
   },
   "devDependencies": {
     "@babel/types": "^7.21.4",
+    "@eox/eslint-config": "^2.0.0",
     "@pinia/testing": "^0.1.3",
     "@types/node": "latest",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "@vue/eslint-config-typescript": "^11.0.0",
     "cypress": "^13.6.6",
-    "eslint": "^8.56.0",
-    "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-vue": "^9.19.2",
+    "eslint": "^9.4.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "prettier": "^3.3.2",
     "terminate": "^2.6.1",
-    "typedoc": "^0.25.7",
-    "typedoc-plugin-markdown": "^4.0.0-next.54",
+    "typedoc": "^0.26.3",
+    "typedoc-plugin-markdown": "^4.1.0",
     "typedoc-plugin-vue": "^1.1.0",
     "typedoc-vitepress-theme": "^1.0.0-next.0",
     "typescript": "^5.0.0",
     "unplugin-fonts": "^1.0.3",
     "vitepress": "^1.0.0",
     "vitest": "^1.4.0",
-    "vue-eslint-parser": "^9.3.2",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "2.0.22"
   },
   "bin": {
     "eodash": "./dist/node/cli.js"

package/widgets/EodashDatePicker.vue

@@ -1,44 +1,73 @@
 <template>
   <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
+        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-row align="center" justify="center" style="margin-top: 6px">
+    <v-btn
+      style="padding: 0px; margin-right: 4px"
+      density="compact"
+      v-tooltip:bottom="'Set date to oldest available dataset'"
+      @click="jumpDate(true)"
+    >
+      <v-icon :icon="[mdiRayEndArrow]" />
+    </v-btn>
+    <v-btn
+      style="padding: 0px; margin-left: 4px"
+      density="compact"
+      v-tooltip:bottom="'Set date to latest available dataset'"
+      @click="jumpDate(false)"
+    >
       <v-icon :icon="[mdiRayStartArrow]" />
     </v-btn>
   </v-row>
 </template>
 
 <script setup>
-import { DatePicker as VCDatePicker } from 'v-calendar';
-import 'v-calendar/style.css';
+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 { useSTAcStore } from "@/store/stac";
 import { datetime } from "@/store/States";
-import { mdiRayStartArrow } from '@mdi/js';
+import { mdiRayStartArrow, mdiRayEndArrow } from "@mdi/js";
+import { extractCollectionUrls } from "@/utils/eodashSTAC";
 
-function jumpDate() {
+/**
+ * @param {boolean} reverse
+ */
+function jumpDate(reverse) {
   if (attributes.value && attributes.value.length > 0) {
     // We have potentially multiple collections we need to iterate (currently only one)
-    let latestDateMS = 0;
+    let latestDateMS = reverse ? Infinity : -Infinity;
     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 (d instanceof Date) {
+            if (
+              (!reverse && d.getTime() > latestDateMS) ||
+              (reverse && d.getTime() < latestDateMS)
+            ) {
+              latestDateMS = d.getTime();
+            }
           }
-        })
+        });
       }
-    })
+    });
     if (latestDateMS !== 0) {
       currentDate.value = new Date(latestDateMS);
     }
@@ -48,28 +77,35 @@ function jumpDate() {
 const eodashConfig = /** @type {import("@/types").Eodash} */ inject(eodashKey);
 
 const masks = ref({
-  input: 'YYYY-MM-DD',
+  input: "YYYY-MM-DD",
 });
 
 /**
  * Attributes displayed on datepicker
- * @type {import("vue").Ref<(import('v-calendar/dist/types/src/utils/attribute').AttributeConfig|undefined)[]>}
+ *
+ * @type {import("vue").Ref<
+ *   (
+ *     | import("v-calendar/dist/types/src/utils/attribute").AttributeConfig
+ *     | undefined
+ *   )[]
+ * >}
  */
 const attributes = ref([]);
 
 const currentDate = computed({
   get() {
-    return new Date(datetime.value) ?? new Date()
+    return datetime.value ? new Date(datetime.value) : new Date();
   },
   /** @param {Date | string} updatedDate */
   set(updatedDate) {
-    //@ts-expect-error
-    if (updatedDate instanceof Date && !isNaN(updatedDate)) {
-      datetime.value = new Date(updatedDate.getTime() - updatedDate.getTimezoneOffset() * 60000).toISOString()
+    if (updatedDate instanceof Date && !isNaN(updatedDate.getTime())) {
+      datetime.value = new Date(
+        updatedDate.getTime() - updatedDate.getTimezoneOffset() * 60000,
+      ).toISOString();
     } else {
-      datetime.value = new Date().toISOString()
+      datetime.value = new Date().toISOString();
     }
-  }
+  },
 });
 /** @type {import("@/types").WebComponentProps["onMounted"]} */
 onMounted(() => {
@@ -80,31 +116,46 @@ onMounted(() => {
       if (updatedStac) {
         const parentCollUrl = toAbsolute(
           `./${updatedStac.id}/collection.json`,
-          eodashConfig.stacEndpoint
+          eodashConfig.stacEndpoint,
         );
-        const childCollUrl = toAbsolute(
-          updatedStac.links[1].href,
-          parentCollUrl
+        const collectionUrls = extractCollectionUrls(
+          selectedStac.value,
+          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,
-          }
+        const wongPalette = [
+          "#009E73",
+          "#0072B2",
+          "#E69F00",
+          "#CC79A7",
+          "#56B4E9",
+          "#D55E00",
         ];
+        for (let idx = 0; idx < collectionUrls.length; idx++) {
+          const stacCollection = await (
+            await fetch(collectionUrls[idx])
+          ).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: {
+                style: {
+                  backgroundColor: wongPalette[idx % wongPalette.length],
+                },
+              },
+              dates,
+            },
+          ];
+        }
       }
     },
-    { immediate: true }
+    { immediate: true },
   );
 });
-
 </script>