@eodash/eodash 5.0.0-rc.2.3 → 5.0.0-rc.2.4

package/dist/client/{asWebComponent-DBkwthjq.js → asWebComponent-DZpMGxEY.js}

@@ -1,8 +1,8 @@
-import { ref, reactive, watch, onScopeDispose, effectScope, Fragment, computed, watchEffect, toRefs, capitalize, shallowRef, warn, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, toRaw, createVNode, mergeProps, onBeforeUnmount, readonly, onMounted, onDeactivated, onActivated, nextTick, shallowReactive, onUnmounted, isRef, toRef, onUpdated, Text, Transition, resolveDynamicComponent, withDirectives, useModel, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, defineAsyncComponent, onErrorCaptured, Suspense, normalizeProps, createElementBlock, withAsyncContext, normalizeStyle, defineCustomElement } from 'vue';
+import { ref, reactive, watch, onScopeDispose, effectScope, capitalize, computed, watchEffect, toRefs, shallowRef, Fragment, warn, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, toRaw, createVNode, mergeProps, onBeforeUnmount, readonly, onMounted, onDeactivated, onActivated, nextTick, shallowReactive, onUnmounted, isRef, toRef, onUpdated, Text, Transition, resolveDynamicComponent, withDirectives, useModel, createBlock, createCommentVNode, openBlock, withCtx, createTextVNode, createElementVNode, toDisplayString, defineAsyncComponent, onErrorCaptured, Suspense, createElementBlock, normalizeProps, withAsyncContext, normalizeStyle, defineCustomElement } from 'vue';
 import { defineStore, storeToRefs, createPinia } from 'pinia';
 import { setupCache } from 'axios-cache-interceptor';
 import log from 'loglevel';
-import { mdiViewDashboardVariant, mdiViewDashboard, mdiBarley, mdiWater, mdiImageFilterHdr, mdiHospitalBoxOutline, mdiSetCenter, mdiWeatherWindy, mdiCurrencyEur, mdiAlertCircle, mdiClose, mdiChevronRight, mdiChevronLeft, mdiMenuDown, mdiPlus } from '@mdi/js';
+import { mdiViewDashboardVariant, mdiViewDashboard, mdiCurrencyEur, mdiWeatherWindy, mdiSetCenter, mdiHospitalBoxOutline, mdiImageFilterHdr, mdiWater, mdiBarley, mdiClose, mdiAlertCircle, mdiPlus, mdiMenuDown, mdiChevronLeft, mdiChevronRight } from '@mdi/js';
 import { useEventBus, createSharedComposable } from '@vueuse/core';
 import WebFontLoader from 'webfontloader';
 import { toAbsolute } from 'stac-js/src/http.js';
@@ -783,7 +783,7 @@ const utils$1 = {
  *
  * @returns {Error} The created error.
  */
-function AxiosError(message, code, config, request, response) {
+function AxiosError$1(message, code, config, request, response) {
   Error.call(this);
 
   if (Error.captureStackTrace) {
@@ -803,7 +803,7 @@ function AxiosError(message, code, config, request, response) {
   }
 }
 
-utils$1.inherits(AxiosError, Error, {
+utils$1.inherits(AxiosError$1, Error, {
   toJSON: function toJSON() {
     return {
       // Standard
@@ -825,7 +825,7 @@ utils$1.inherits(AxiosError, Error, {
   }
 });
 
-const prototype$1 = AxiosError.prototype;
+const prototype$1 = AxiosError$1.prototype;
 const descriptors = {};
 
 [
@@ -846,11 +846,11 @@ const descriptors = {};
   descriptors[code] = {value: code};
 });
 
-Object.defineProperties(AxiosError, descriptors);
+Object.defineProperties(AxiosError$1, descriptors);
 Object.defineProperty(prototype$1, 'isAxiosError', {value: true});
 
 // eslint-disable-next-line func-names
-AxiosError.from = (error, code, config, request, response, customProps) => {
+AxiosError$1.from = (error, code, config, request, response, customProps) => {
   const axiosError = Object.create(prototype$1);
 
   utils$1.toFlatObject(error, axiosError, function filter(obj) {
@@ -859,7 +859,7 @@ AxiosError.from = (error, code, config, request, response, customProps) => {
     return prop !== 'isAxiosError';
   });
 
-  AxiosError.call(axiosError, error.message, code, config, request, response);
+  AxiosError$1.call(axiosError, error.message, code, config, request, response);
 
   axiosError.cause = error;
 
@@ -951,7 +951,7 @@ const predicates = utils$1.toFlatObject(utils$1, {}, null, function filter(prop)
  *
  * @returns
  */
-function toFormData(obj, formData, options) {
+function toFormData$1(obj, formData, options) {
   if (!utils$1.isObject(obj)) {
     throw new TypeError('target must be an object');
   }
@@ -989,7 +989,7 @@ function toFormData(obj, formData, options) {
     }
 
     if (!useBlob && utils$1.isBlob(value)) {
-      throw new AxiosError('Blob is not supported. Use a Buffer instead.');
+      throw new AxiosError$1('Blob is not supported. Use a Buffer instead.');
     }
 
     if (utils$1.isArrayBuffer(value) || utils$1.isTypedArray(value)) {
@@ -1118,7 +1118,7 @@ function encode$1(str) {
 function AxiosURLSearchParams(params, options) {
   this._pairs = [];
 
-  params && toFormData(params, this, options);
+  params && toFormData$1(params, this, options);
 }
 
 const prototype = AxiosURLSearchParams.prototype;
@@ -1349,7 +1349,7 @@ const platform = {
 };
 
 function toURLEncodedForm(data, options) {
-  return toFormData(data, new platform.classes.URLSearchParams(), Object.assign({
+  return toFormData$1(data, new platform.classes.URLSearchParams(), Object.assign({
     visitor: function(value, key, path, helpers) {
       if (platform.isNode && utils$1.isBuffer(value)) {
         this.append(key, value.toString('base64'));
@@ -1473,7 +1473,7 @@ function stringifySafely(rawValue, parser, encoder) {
     }
   }
 
-  return (0, JSON.stringify)(rawValue);
+  return (encoder || JSON.stringify)(rawValue);
 }
 
 const defaults = {
@@ -1524,7 +1524,7 @@ const defaults = {
       if ((isFileList = utils$1.isFileList(data)) || contentType.indexOf('multipart/form-data') > -1) {
         const _FormData = this.env && this.env.FormData;
 
-        return toFormData(
+        return toFormData$1(
           isFileList ? {'files[]': data} : data,
           _FormData && new _FormData(),
           this.formSerializer
@@ -1558,7 +1558,7 @@ const defaults = {
       } catch (e) {
         if (strictJSONParsing) {
           if (e.name === 'SyntaxError') {
-            throw AxiosError.from(e, AxiosError.ERR_BAD_RESPONSE, this, null, this.response);
+            throw AxiosError$1.from(e, AxiosError$1.ERR_BAD_RESPONSE, this, null, this.response);
           }
           throw e;
         }
@@ -1721,7 +1721,7 @@ function buildAccessors(obj, header) {
   });
 }
 
-class AxiosHeaders {
+let AxiosHeaders$1 = class AxiosHeaders {
   constructor(headers) {
     headers && this.set(headers);
   }
@@ -1932,12 +1932,12 @@ class AxiosHeaders {
 
     return this;
   }
-}
+};
 
-AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']);
+AxiosHeaders$1.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']);
 
 // reserved names hotfix
-utils$1.reduceDescriptors(AxiosHeaders.prototype, ({value}, key) => {
+utils$1.reduceDescriptors(AxiosHeaders$1.prototype, ({value}, key) => {
   let mapped = key[0].toUpperCase() + key.slice(1); // map `set` => `Set`
   return {
     get: () => value,
@@ -1947,7 +1947,7 @@ utils$1.reduceDescriptors(AxiosHeaders.prototype, ({value}, key) => {
   }
 });
 
-utils$1.freezeMethods(AxiosHeaders);
+utils$1.freezeMethods(AxiosHeaders$1);
 
 /**
  * Transform the data for a request or a response
@@ -1960,7 +1960,7 @@ utils$1.freezeMethods(AxiosHeaders);
 function transformData(fns, response) {
   const config = this || defaults;
   const context = response || config;
-  const headers = AxiosHeaders.from(context.headers);
+  const headers = AxiosHeaders$1.from(context.headers);
   let data = context.data;
 
   utils$1.forEach(fns, function transform(fn) {
@@ -1972,7 +1972,7 @@ function transformData(fns, response) {
   return data;
 }
 
-function isCancel(value) {
+function isCancel$1(value) {
   return !!(value && value.__CANCEL__);
 }
 
@@ -1985,13 +1985,13 @@ function isCancel(value) {
  *
  * @returns {CanceledError} The created error.
  */
-function CanceledError(message, config, request) {
+function CanceledError$1(message, config, request) {
   // eslint-disable-next-line no-eq-null,eqeqeq
-  AxiosError.call(this, message == null ? 'canceled' : message, AxiosError.ERR_CANCELED, config, request);
+  AxiosError$1.call(this, message == null ? 'canceled' : message, AxiosError$1.ERR_CANCELED, config, request);
   this.name = 'CanceledError';
 }
 
-utils$1.inherits(CanceledError, AxiosError, {
+utils$1.inherits(CanceledError$1, AxiosError$1, {
   __CANCEL__: true
 });
 
@@ -2009,9 +2009,9 @@ function settle(resolve, reject, response) {
   if (!response.status || !validateStatus || validateStatus(response.status)) {
     resolve(response);
   } else {
-    reject(new AxiosError(
+    reject(new AxiosError$1(
       'Request failed with status code ' + response.status,
-      [AxiosError.ERR_BAD_REQUEST, AxiosError.ERR_BAD_RESPONSE][Math.floor(response.status / 100) - 4],
+      [AxiosError$1.ERR_BAD_REQUEST, AxiosError$1.ERR_BAD_RESPONSE][Math.floor(response.status / 100) - 4],
       response.config,
       response.request,
       response
@@ -2257,7 +2257,7 @@ function buildFullPath(baseURL, requestedURL) {
   return requestedURL;
 }
 
-const headersToObject = (thing) => thing instanceof AxiosHeaders ? { ...thing } : thing;
+const headersToObject = (thing) => thing instanceof AxiosHeaders$1 ? { ...thing } : thing;
 
 /**
  * Config-specific merge-function which creates a new config-object
@@ -2268,7 +2268,7 @@ const headersToObject = (thing) => thing instanceof AxiosHeaders ? { ...thing }
  *
  * @returns {Object} New object resulting from merging config2 to config1
  */
-function mergeConfig(config1, config2) {
+function mergeConfig$1(config1, config2) {
   // eslint-disable-next-line no-param-reassign
   config2 = config2 || {};
   const config = {};
@@ -2360,11 +2360,11 @@ function mergeConfig(config1, config2) {
 }
 
 const resolveConfig = (config) => {
-  const newConfig = mergeConfig({}, config);
+  const newConfig = mergeConfig$1({}, config);
 
   let {data, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth} = newConfig;
 
-  newConfig.headers = headers = AxiosHeaders.from(headers);
+  newConfig.headers = headers = AxiosHeaders$1.from(headers);
 
   newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url), config.params, config.paramsSerializer);
 
@@ -2413,7 +2413,7 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
   return new Promise(function dispatchXhrRequest(resolve, reject) {
     const _config = resolveConfig(config);
     let requestData = _config.data;
-    const requestHeaders = AxiosHeaders.from(_config.headers).normalize();
+    const requestHeaders = AxiosHeaders$1.from(_config.headers).normalize();
     let {responseType, onUploadProgress, onDownloadProgress} = _config;
     let onCanceled;
     let uploadThrottled, downloadThrottled;
@@ -2440,7 +2440,7 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
         return;
       }
       // Prepare the response
-      const responseHeaders = AxiosHeaders.from(
+      const responseHeaders = AxiosHeaders$1.from(
         'getAllResponseHeaders' in request && request.getAllResponseHeaders()
       );
       const responseData = !responseType || responseType === 'text' || responseType === 'json' ?
@@ -2495,7 +2495,7 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
         return;
       }
 
-      reject(new AxiosError('Request aborted', AxiosError.ECONNABORTED, config, request));
+      reject(new AxiosError$1('Request aborted', AxiosError$1.ECONNABORTED, config, request));
 
       // Clean up request
       request = null;
@@ -2505,7 +2505,7 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
     request.onerror = function handleError() {
       // Real errors are hidden from us by the browser
       // onerror should only fire if it's a network error
-      reject(new AxiosError('Network Error', AxiosError.ERR_NETWORK, config, request));
+      reject(new AxiosError$1('Network Error', AxiosError$1.ERR_NETWORK, config, request));
 
       // Clean up request
       request = null;
@@ -2518,9 +2518,9 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
       if (_config.timeoutErrorMessage) {
         timeoutErrorMessage = _config.timeoutErrorMessage;
       }
-      reject(new AxiosError(
+      reject(new AxiosError$1(
         timeoutErrorMessage,
-        transitional.clarifyTimeoutError ? AxiosError.ETIMEDOUT : AxiosError.ECONNABORTED,
+        transitional.clarifyTimeoutError ? AxiosError$1.ETIMEDOUT : AxiosError$1.ECONNABORTED,
         config,
         request));
 
@@ -2570,7 +2570,7 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
         if (!request) {
           return;
         }
-        reject(!cancel || cancel.type ? new CanceledError(null, config, request) : cancel);
+        reject(!cancel || cancel.type ? new CanceledError$1(null, config, request) : cancel);
         request.abort();
         request = null;
       };
@@ -2584,7 +2584,7 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
     const protocol = parseProtocol(_config.url);
 
     if (protocol && platform.protocols.indexOf(protocol) === -1) {
-      reject(new AxiosError('Unsupported protocol ' + protocol + ':', AxiosError.ERR_BAD_REQUEST, config));
+      reject(new AxiosError$1('Unsupported protocol ' + protocol + ':', AxiosError$1.ERR_BAD_REQUEST, config));
       return;
     }
 
@@ -2607,13 +2607,13 @@ const composeSignals = (signals, timeout) => {
         aborted = true;
         unsubscribe();
         const err = reason instanceof Error ? reason : this.reason;
-        controller.abort(err instanceof AxiosError ? err : new CanceledError(err instanceof Error ? err.message : err));
+        controller.abort(err instanceof AxiosError$1 ? err : new CanceledError$1(err instanceof Error ? err.message : err));
       }
     };
 
     let timer = timeout && setTimeout(() => {
       timer = null;
-      onabort(new AxiosError(`timeout ${timeout} of ms exceeded`, AxiosError.ETIMEDOUT));
+      onabort(new AxiosError$1(`timeout ${timeout} of ms exceeded`, AxiosError$1.ETIMEDOUT));
     }, timeout);
 
     const unsubscribe = () => {
@@ -2770,7 +2770,7 @@ isFetchSupported && (((res) => {
   ['text', 'arrayBuffer', 'blob', 'formData', 'stream'].forEach(type => {
     !resolvers[type] && (resolvers[type] = utils$1.isFunction(res[type]) ? (res) => res[type]() :
       (_, config) => {
-        throw new AxiosError(`Response type '${type}' is not supported`, AxiosError.ERR_NOT_SUPPORT, config);
+        throw new AxiosError$1(`Response type '${type}' is not supported`, AxiosError$1.ERR_NOT_SUPPORT, config);
       });
   });
 })(new Response));
@@ -2919,7 +2919,7 @@ const fetchAdapter = isFetchSupported && (async (config) => {
     return await new Promise((resolve, reject) => {
       settle(resolve, reject, {
         data: responseData,
-        headers: AxiosHeaders.from(response.headers),
+        headers: AxiosHeaders$1.from(response.headers),
         status: response.status,
         statusText: response.statusText,
         config,
@@ -2931,14 +2931,14 @@ const fetchAdapter = isFetchSupported && (async (config) => {
 
     if (err && err.name === 'TypeError' && /fetch/i.test(err.message)) {
       throw Object.assign(
-        new AxiosError('Network Error', AxiosError.ERR_NETWORK, config, request),
+        new AxiosError$1('Network Error', AxiosError$1.ERR_NETWORK, config, request),
         {
           cause: err.cause || err
         }
       )
     }
 
-    throw AxiosError.from(err, err && err.code, config, request);
+    throw AxiosError$1.from(err, err && err.code, config, request);
   }
 });
 
@@ -2983,7 +2983,7 @@ const adapters = {
         adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];
 
         if (adapter === undefined) {
-          throw new AxiosError(`Unknown adapter '${id}'`);
+          throw new AxiosError$1(`Unknown adapter '${id}'`);
         }
       }
 
@@ -3005,7 +3005,7 @@ const adapters = {
         (reasons.length > 1 ? 'since :\n' + reasons.map(renderReason).join('\n') : ' ' + renderReason(reasons[0])) :
         'as no adapter specified';
 
-      throw new AxiosError(
+      throw new AxiosError$1(
         `There is no suitable adapter to dispatch the request ` + s,
         'ERR_NOT_SUPPORT'
       );
@@ -3029,7 +3029,7 @@ function throwIfCancellationRequested(config) {
   }
 
   if (config.signal && config.signal.aborted) {
-    throw new CanceledError(null, config);
+    throw new CanceledError$1(null, config);
   }
 }
 
@@ -3043,7 +3043,7 @@ function throwIfCancellationRequested(config) {
 function dispatchRequest(config) {
   throwIfCancellationRequested(config);
 
-  config.headers = AxiosHeaders.from(config.headers);
+  config.headers = AxiosHeaders$1.from(config.headers);
 
   // Transform request data
   config.data = transformData.call(
@@ -3067,11 +3067,11 @@ function dispatchRequest(config) {
       response
     );
 
-    response.headers = AxiosHeaders.from(response.headers);
+    response.headers = AxiosHeaders$1.from(response.headers);
 
     return response;
   }, function onAdapterRejection(reason) {
-    if (!isCancel(reason)) {
+    if (!isCancel$1(reason)) {
       throwIfCancellationRequested(config);
 
       // Transform response data
@@ -3081,7 +3081,7 @@ function dispatchRequest(config) {
           config.transformResponse,
           reason.response
         );
-        reason.response.headers = AxiosHeaders.from(reason.response.headers);
+        reason.response.headers = AxiosHeaders$1.from(reason.response.headers);
       }
     }
 
@@ -3089,7 +3089,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION = "1.7.9";
+const VERSION$1 = "1.7.9";
 
 const validators$1 = {};
 
@@ -3113,15 +3113,15 @@ const deprecatedWarnings = {};
  */
 validators$1.transitional = function transitional(validator, version, message) {
   function formatMessage(opt, desc) {
-    return '[Axios v' + VERSION + '] Transitional option \'' + opt + '\'' + desc + (message ? '. ' + message : '');
+    return '[Axios v' + VERSION$1 + '] Transitional option \'' + opt + '\'' + desc + (message ? '. ' + message : '');
   }
 
   // eslint-disable-next-line func-names
   return (value, opt, opts) => {
     if (validator === false) {
-      throw new AxiosError(
+      throw new AxiosError$1(
         formatMessage(opt, ' has been removed' + (version ? ' in ' + version : '')),
-        AxiosError.ERR_DEPRECATED
+        AxiosError$1.ERR_DEPRECATED
       );
     }
 
@@ -3160,7 +3160,7 @@ validators$1.spelling = function spelling(correctSpelling) {
 
 function assertOptions(options, schema, allowUnknown) {
   if (typeof options !== 'object') {
-    throw new AxiosError('options must be an object', AxiosError.ERR_BAD_OPTION_VALUE);
+    throw new AxiosError$1('options must be an object', AxiosError$1.ERR_BAD_OPTION_VALUE);
   }
   const keys = Object.keys(options);
   let i = keys.length;
@@ -3171,12 +3171,12 @@ function assertOptions(options, schema, allowUnknown) {
       const value = options[opt];
       const result = value === undefined || validator(value, opt, options);
       if (result !== true) {
-        throw new AxiosError('option ' + opt + ' must be ' + result, AxiosError.ERR_BAD_OPTION_VALUE);
+        throw new AxiosError$1('option ' + opt + ' must be ' + result, AxiosError$1.ERR_BAD_OPTION_VALUE);
       }
       continue;
     }
     if (allowUnknown !== true) {
-      throw new AxiosError('Unknown option ' + opt, AxiosError.ERR_BAD_OPTION);
+      throw new AxiosError$1('Unknown option ' + opt, AxiosError$1.ERR_BAD_OPTION);
     }
   }
 }
@@ -3195,7 +3195,7 @@ const validators = validator.validators;
  *
  * @return {Axios} A new instance of Axios
  */
-class Axios {
+let Axios$1 = class Axios {
   constructor(instanceConfig) {
     this.defaults = instanceConfig;
     this.interceptors = {
@@ -3249,7 +3249,7 @@ class Axios {
       config = configOrUrl || {};
     }
 
-    config = mergeConfig(this.defaults, config);
+    config = mergeConfig$1(this.defaults, config);
 
     const {transitional, paramsSerializer, headers} = config;
 
@@ -3295,7 +3295,7 @@ class Axios {
       }
     );
 
-    config.headers = AxiosHeaders.concat(contextHeaders, headers);
+    config.headers = AxiosHeaders$1.concat(contextHeaders, headers);
 
     // filter out skipped interceptors
     const requestInterceptorChain = [];
@@ -3368,17 +3368,17 @@ class Axios {
   }
 
   getUri(config) {
-    config = mergeConfig(this.defaults, config);
+    config = mergeConfig$1(this.defaults, config);
     const fullPath = buildFullPath(config.baseURL, config.url);
     return buildURL(fullPath, config.params, config.paramsSerializer);
   }
-}
+};
 
 // Provide aliases for supported request methods
 utils$1.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
   /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, config) {
-    return this.request(mergeConfig(config || {}, {
+  Axios$1.prototype[method] = function(url, config) {
+    return this.request(mergeConfig$1(config || {}, {
       method,
       url,
       data: (config || {}).data
@@ -3391,7 +3391,7 @@ utils$1.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method)
 
   function generateHTTPMethod(isForm) {
     return function httpMethod(url, data, config) {
-      return this.request(mergeConfig(config || {}, {
+      return this.request(mergeConfig$1(config || {}, {
         method,
         headers: isForm ? {
           'Content-Type': 'multipart/form-data'
@@ -3402,9 +3402,9 @@ utils$1.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method)
     };
   }
 
-  Axios.prototype[method] = generateHTTPMethod();
+  Axios$1.prototype[method] = generateHTTPMethod();
 
-  Axios.prototype[method + 'Form'] = generateHTTPMethod(true);
+  Axios$1.prototype[method + 'Form'] = generateHTTPMethod(true);
 });
 
 /**
@@ -3414,7 +3414,7 @@ utils$1.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method)
  *
  * @returns {CancelToken}
  */
-class CancelToken {
+let CancelToken$1 = class CancelToken {
   constructor(executor) {
     if (typeof executor !== 'function') {
       throw new TypeError('executor must be a function.');
@@ -3462,7 +3462,7 @@ class CancelToken {
         return;
       }
 
-      token.reason = new CanceledError(message, config, request);
+      token.reason = new CanceledError$1(message, config, request);
       resolvePromise(token.reason);
     });
   }
@@ -3535,7 +3535,7 @@ class CancelToken {
       cancel
     };
   }
-}
+};
 
 /**
  * Syntactic sugar for invoking a function and expanding an array for arguments.
@@ -3558,7 +3558,7 @@ class CancelToken {
  *
  * @returns {Function}
  */
-function spread(callback) {
+function spread$1(callback) {
   return function wrap(arr) {
     return callback.apply(null, arr);
   };
@@ -3571,11 +3571,11 @@ function spread(callback) {
  *
  * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false
  */
-function isAxiosError(payload) {
+function isAxiosError$1(payload) {
   return utils$1.isObject(payload) && (payload.isAxiosError === true);
 }
 
-const HttpStatusCode = {
+const HttpStatusCode$1 = {
   Continue: 100,
   SwitchingProtocols: 101,
   Processing: 102,
@@ -3641,8 +3641,8 @@ const HttpStatusCode = {
   NetworkAuthenticationRequired: 511,
 };
 
-Object.entries(HttpStatusCode).forEach(([key, value]) => {
-  HttpStatusCode[value] = key;
+Object.entries(HttpStatusCode$1).forEach(([key, value]) => {
+  HttpStatusCode$1[value] = key;
 });
 
 /**
@@ -3653,18 +3653,18 @@ Object.entries(HttpStatusCode).forEach(([key, value]) => {
  * @returns {Axios} A new instance of Axios
  */
 function createInstance$1(defaultConfig) {
-  const context = new Axios(defaultConfig);
-  const instance = bind(Axios.prototype.request, context);
+  const context = new Axios$1(defaultConfig);
+  const instance = bind(Axios$1.prototype.request, context);
 
   // Copy axios.prototype to instance
-  utils$1.extend(instance, Axios.prototype, context, {allOwnKeys: true});
+  utils$1.extend(instance, Axios$1.prototype, context, {allOwnKeys: true});
 
   // Copy context to instance
   utils$1.extend(instance, context, null, {allOwnKeys: true});
 
   // Factory for creating new instances
   instance.create = function create(instanceConfig) {
-    return createInstance$1(mergeConfig(defaultConfig, instanceConfig));
+    return createInstance$1(mergeConfig$1(defaultConfig, instanceConfig));
   };
 
   return instance;
@@ -3674,17 +3674,17 @@ function createInstance$1(defaultConfig) {
 const axios$1 = createInstance$1(defaults);
 
 // Expose Axios class to allow class inheritance
-axios$1.Axios = Axios;
+axios$1.Axios = Axios$1;
 
 // Expose Cancel & CancelToken
-axios$1.CanceledError = CanceledError;
-axios$1.CancelToken = CancelToken;
-axios$1.isCancel = isCancel;
-axios$1.VERSION = VERSION;
-axios$1.toFormData = toFormData;
+axios$1.CanceledError = CanceledError$1;
+axios$1.CancelToken = CancelToken$1;
+axios$1.isCancel = isCancel$1;
+axios$1.VERSION = VERSION$1;
+axios$1.toFormData = toFormData$1;
 
 // Expose AxiosError class
-axios$1.AxiosError = AxiosError;
+axios$1.AxiosError = AxiosError$1;
 
 // alias for CanceledError for backward compatibility
 axios$1.Cancel = axios$1.CanceledError;
@@ -3694,24 +3694,46 @@ axios$1.all = function all(promises) {
   return Promise.all(promises);
 };
 
-axios$1.spread = spread;
+axios$1.spread = spread$1;
 
 // Expose isAxiosError
-axios$1.isAxiosError = isAxiosError;
+axios$1.isAxiosError = isAxiosError$1;
 
 // Expose mergeConfig
-axios$1.mergeConfig = mergeConfig;
+axios$1.mergeConfig = mergeConfig$1;
 
-axios$1.AxiosHeaders = AxiosHeaders;
+axios$1.AxiosHeaders = AxiosHeaders$1;
 
 axios$1.formToJSON = thing => formDataToJSON(utils$1.isHTMLForm(thing) ? new FormData(thing) : thing);
 
 axios$1.getAdapter = adapters.getAdapter;
 
-axios$1.HttpStatusCode = HttpStatusCode;
+axios$1.HttpStatusCode = HttpStatusCode$1;
 
 axios$1.default = axios$1;
 
+// This module is intended to unwrap Axios default export as named.
+// Keep top-level export same with static properties
+// so that it can keep same with es module or cjs
+const {
+  Axios,
+  AxiosError,
+  CanceledError,
+  isCancel,
+  CancelToken,
+  VERSION,
+  all,
+  Cancel,
+  isAxiosError,
+  spread,
+  toFormData,
+  AxiosHeaders,
+  HttpStatusCode,
+  formToJSON,
+  getAdapter,
+  mergeConfig
+} = axios$1;
+
 const instance = axios$1.create();
 
 const axios = setupCache(instance, { cacheTakeover: false });
@@ -3774,14 +3796,14 @@ const states = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 const eodash = reactive({
   id: "demo",
   stacEndpoint:
-    "https://esa-eodash.github.io/RACE-catalog/RACE/catalog.json",
+    // "https://esa-eodash.github.io/RACE-catalog/RACE/catalog.json",
     // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
     // "https://eodashcatalog.eox.at/samplecatalog/samples/catalog.json",
     // "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
     // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
     // "https://gtif-cerulean.github.io/deside-catalog/deside/catalog.json",
     // "https://gtif-cerulean.github.io/cerulean-catalog/cerulean/catalog.json",
-    // "https://gtif-austria.github.io/public-catalog/GTIF-Austria/catalog.json",
+    "https://gtif-austria.github.io/public-catalog/GTIF-Austria/catalog.json",
   brand: {
     noLayout: true,
     name: "Demo",
@@ -4356,10 +4378,9 @@ function has(obj, key) {
 // Array of keys
 function pick(obj, paths) {
   const found = {};
-  const keys = new Set(Object.keys(obj));
-  for (const path of paths) {
-    if (keys.has(path)) {
-      found[path] = obj[path];
+  for (const key of paths) {
+    if (Object.hasOwn(obj, key)) {
+      found[key] = obj[key];
     }
   }
   return found;
@@ -6498,15 +6519,24 @@ const makeDisplayProps = propsFactory({
   mobileBreakpoint: [Number, String]
 }, 'display');
 function useDisplay() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    mobile: null
+  };
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const display = inject$1(DisplaySymbol);
   if (!display) throw new Error('Could not find Vuetify display injection');
   const mobile = computed(() => {
-    if (props.mobile != null) return props.mobile;
-    if (!props.mobileBreakpoint) return display.mobile.value;
-    const breakpointValue = typeof props.mobileBreakpoint === 'number' ? props.mobileBreakpoint : display.thresholds.value[props.mobileBreakpoint];
-    return display.width.value < breakpointValue;
+    if (props.mobile) {
+      return true;
+    } else if (typeof props.mobileBreakpoint === 'number') {
+      return display.width.value < props.mobileBreakpoint;
+    } else if (props.mobileBreakpoint) {
+      return display.width.value < display.thresholds.value[props.mobileBreakpoint];
+    } else if (props.mobile === null) {
+      return display.mobile.value;
+    } else {
+      return false;
+    }
   });
   const displayClasses = computed(() => {
     if (!name) return {};
@@ -7451,7 +7481,7 @@ function createLayout(props) {
 }
 
 function createVuetify() {
-  let vuetify = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let vuetify = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   const {
     blueprint,
     ...rest
@@ -7538,7 +7568,7 @@ function createVuetify() {
     goTo
   };
 }
-const version$1 = "3.7.7";
+const version$1 = "3.7.13";
 createVuetify.version = version$1;
 function inject(key) {
   const vm = this.$;
@@ -8653,12 +8683,6 @@ async function createLayersFromAssets(
       layer.properties = { ...layer.properties, ...(extraProperties ?? {}) };
 
       jsonArray.push(layer);
-      const layer2 = structuredClone(layer);
-      // temporary solution to avoid selection of the same layer
-      // to be removed
-      layer2.interactions = [];
-      layer2.properties.id = layer2.properties.id + "_selection";
-      jsonArray.push(layer2);
     } else if (assets[ast]?.type === "image/tiff") {
       geoTIFFIdx = idx;
       geoTIFFSources.push({
@@ -10841,10 +10865,10 @@ function useBackButton(router, cb) {
   let popped = false;
   let removeBefore;
   let removeAfter;
-  if (IN_BROWSER) {
+  if (IN_BROWSER && router?.beforeEach) {
     nextTick(() => {
       window.addEventListener('popstate', onPopstate);
-      removeBefore = router?.beforeEach((to, from, next) => {
+      removeBefore = router.beforeEach((to, from, next) => {
         if (!inTransition) {
           setTimeout(() => popped ? cb(next) : next());
         } else {
@@ -10966,11 +10990,13 @@ const ripples = {
     animation.classList.add('v-ripple__animation--visible');
     transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
     animation.dataset.activated = String(performance.now());
-    setTimeout(() => {
-      animation.classList.remove('v-ripple__animation--enter');
-      animation.classList.add('v-ripple__animation--in');
-      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-    }, 0);
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        animation.classList.remove('v-ripple__animation--enter');
+        animation.classList.add('v-ripple__animation--in');
+        transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+      });
+    });
   },
   hide(el) {
     if (!el?._ripple?.enabled) return;
@@ -11627,7 +11653,7 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-a
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-E5GjnQQ2.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-DN77Uqgg.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DduVhg2O.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-CeNnYuaC.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-C3bgcNJk.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-B73UApEn.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-IQPnj17j.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-CeZqI75-.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CAE604ZJ.js'),"/widgets/ExportState.vue": () => import('./ExportState-DXw8Dwvk.js'),"/widgets/PopUp.vue": () => import('./PopUp-B12NWJHU.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-YI9ZycgC.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-CYU0MZX5.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-SE9oW3oZ.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-BuGe29Nt.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-6wLl-Gtd.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-DhVCoYMi.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-BWWu6eHG.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-GSj_LMsK.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-DjRSGLHM.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CJ4hBH_X.js'),"/widgets/ExportState.vue": () => import('./ExportState-BqnlEpzR.js'),"/widgets/PopUp.vue": () => import('./PopUp-Ba6mY2jQ.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-DRVb_73N.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -11740,7 +11766,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-DQPKIscC.js'),
+        loader: () => import('./DynamicWebComponent-DtZ_mHL9.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -11748,7 +11774,7 @@ const getWidgetDefinition = (config) => {
       break;
     case "iframe":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./IframeWrapper-BgM9aU8f.js'),
+        loader: () => import('./IframeWrapper-XzQDZy0T.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -12135,34 +12161,9 @@ return (_ctx, _cache) => {
 
 };
 
-const name = "@eodash/eodash";
-const version = "5.0.0-rc.2.3";
-const type = "module";
-const types = "./dist/types/core/client/types.d.ts";
-const files = ["core/client","widgets","dist"];
-const typesVersions = {"*":{".":["./dist/types/core/client/types.d.ts"],"webcomponent":["./dist/types/core/client/asWebComponent.d.ts"],"config":["./dist/node/types.d.ts"]}};
-const exports = {".":{"default":"./core/client/main.js"},"./webcomponent":{"default":"./dist/client/eo-dash.js"},"./webcomponent.css":"./dist/client/eo-dash.css","./config":{"default":"./dist/node/main.js"}};
-const browser = "./core/client/main.js";
-const scripts = {"start":"npx eodash dev --entryPoint core/client/eodash.js","prepare":"rollup -c","prepack":"npm run build:lib && npm run build:types","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","build:types":"vue-tsc --declaration  --emitDeclarationOnly && tsc-alias","check":"vue-tsc --noEmit --skipLibCheck && eslint .","format":"prettier . --write --ignore-unknown","preview":"npx eodash preview","lint":"eslint . --fix","cypress":"cypress open --component ","vitest":"vitest --isolate --ui","test":"npm run test:client && npm run test:cli","test:cli":"vitest run tests/cli --isolate","test:client":"cypress run --component","docs:dev":"vitepress dev docs --port 3333","docs:build":"npm run docs:generate && vitepress build docs","docs:preview":"vitepress preview docs","docs:generate":"typedoc --options typedoc.config.json"};
-const dependencies = {"@eox/chart":"^0.3.1","@eox/drawtools":"^0.13.3","@eox/itemfilter":"^1.7.1","@eox/jsonform":"^0.12.2","@eox/layercontrol":"^0.29.0","@eox/layout":"^0.3.0","@eox/map":"^1.19.2","@eox/stacinfo":"^0.6.1","@eox/timecontrol":"^0.12.2","@mdi/js":"^7.4.47","@vitejs/plugin-vue":"^5.2.1","@vueuse/core":"^12.0.0","animated-details":"gist:2912bb049fa906671807415eb0e87188","axios":"^1.7.9","axios-cache-interceptor":"^1.6.2","color-legend-element":"^1.3.0","commander":"^12.1.0","core-js":"^3.40.0","loglevel":"^1.9.2","mustache":"^4.2.0","pinia":"^2.3.1","sass":"^1.83.4","stac-js":"^0.0.9","stac-ts":"^1.0.4","v-calendar":"3.0.0","vega":"^5.30.0","vega-embed":"^6.29.0","vega-lite":"^5.23.0","vite":"^6.0.11","vite-plugin-vuetify":"^2.0.4","vue":"^3.5.0","vuetify":"^3.7.7","webfontloader":"^1.6.28"};
-const devDependencies = {"@babel/types":"^7.26.5","@eox/eslint-config":"^2.0.0","@pinia/testing":"^0.1.7","@types/mustache":"^4.2.5","@types/node":"^22.10.7","@types/openlayers":"^4.6.23","@types/webfontloader":"^1.6.38","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","tsc-alias":"^1.8.10","typedoc":"^0.27.6","typedoc-plugin-markdown":"^4.4.1","typedoc-plugin-vue":"^1.3.0","typedoc-vitepress-theme":"^1.1.2","typescript":"^5.7.3","unplugin-fonts":"^1.3.1","vitepress":"^1.6.2","vitest":"^1.6.0","vue-tsc":"2.2.0"};
-const engines = {"node":">=20.15.1"};
-const bin = {"eodash":"./dist/node/cli.js"};
+const version = "5.0.0-rc.2.4";
 const pkgJson = {
-  name,
-  version,
-  type,
-  types,
-  files,
-  typesVersions,
-  exports,
-  browser,
-  scripts,
-  dependencies,
-  devDependencies,
-  engines,
-  bin,
-};
+  version};
 
 const _hoisted_1$1 = {
   key: 0,
@@ -12262,15 +12263,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-Du5n5XyY.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-Reny_s87.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-CDbupC9v.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-D1UcB3RV.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-qH_kBs-u.js'),
+  () => import('./Header-D_hcGpNG.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-Bl9tQTyj.js'),
+  () => import('./Footer-C_3WrfI4.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";
@@ -12470,4 +12471,4 @@ function register() {
 
 register();
 
-export { useSTAcStore as $, makeDensityProps as A, useDensity as B, useBackgroundColor as C, provideDefaults as D, isObject as E, useDefineTemplate as F, useLayout as G, makeDimensionProps as H, IconValue as I, useDimension as J, makeBorderProps as K, makeElevationProps as L, makeRoundedProps as M, useBorder as N, useElevation as O, useRounded as P, VDefaultsProvider as Q, clamp as R, consoleWarn as S, makeLayoutItemProps as T, useToggleScope as U, VBtn as V, useLayoutItem as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, collectionsPalette as a1, makePanelTransparent as a2, mapCompareEl as a3, mapEl as a4, eodashCompareCollections as a5, layerControlFormValue as a6, getColFromLayer as a7, eoxLayersKey as a8, setMapProjFromCol as a9, usePosition as aA, useLink as aB, LoaderSlot as aC, removeUnneededProperties as aD, VRow as aE, VCol as aF, copyToClipBoard as aG, SUPPORTS_INTERSECTION as aH, getCurrentInstance as aI, useDefineWidgets as aJ, isOn as aK, eventName as aL, destructComputed as aM, parseAnchor as aN, flipSide as aO, flipAlign as aP, flipCorner as aQ, getAxis as aR, defer as aS, templateRef as aT, matchesSelector as aU, useRouter as aV, useBackButton as aW, EodashConstructor as aX, register as aY, store as aZ, posIsSetFromUrl as aa, useOnLayersUpdate as ab, EodashCollection as ac, mapPosition as ad, availableMapProjection as ae, changeMapProjection as af, setActiveTemplate as ag, axios$1 as ah, getLayers as ai, extractLayerConfig as aj, currentUrl as ak, activeTemplate as al, getUid as am, createSimpleFunctional as an, makeSizeProps as ao, makeVariantProps as ap, useVariant as aq, useSize as ar, genOverlays as as, makeLoaderProps as at, makeLocationProps as au, makePositionProps as av, makeRouterProps as aw, Ripple as ax, useLoader as ay, useLocation as az, makeComponentProps as b, makeTagProps as c, makeThemeProps as d, provideTheme as e, useRtl as f, genericComponent as g, useLocale as h, useGroup as i, useProxiedModel as j, keys as k, makeGroupItemProps as l, makeVBtnProps as m, useGroupItem as n, omit as o, propsFactory as p, convertToUnit as q, makeDisplayProps as r, makeGroupProps as s, useDisplay as t, useTextColor as u, useResizeObserver as v, useGoTo as w, IN_BROWSER as x, VIcon as y, focusableChildren as z };
+export { useSTAcStore as $, useDensity as A, useBackgroundColor as B, provideDefaults as C, makeDensityProps as D, isObject as E, useDefineTemplate as F, useLayout as G, useDimension as H, IN_BROWSER as I, makeDimensionProps as J, useBorder as K, useElevation as L, useRounded as M, VDefaultsProvider as N, makeRoundedProps as O, makeElevationProps as P, makeBorderProps as Q, clamp as R, consoleWarn as S, useToggleScope as T, useLayoutItem as U, VBtn as V, makeLayoutItemProps as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, collectionsPalette as a1, makePanelTransparent as a2, mapCompareEl as a3, mapEl as a4, eodashCompareCollections as a5, layerControlFormValue as a6, getColFromLayer as a7, eoxLayersKey as a8, setMapProjFromCol as a9, makeLocationProps as aA, makeLoaderProps as aB, LoaderSlot as aC, removeUnneededProperties as aD, VRow as aE, VCol as aF, copyToClipBoard as aG, SUPPORTS_INTERSECTION as aH, getCurrentInstance as aI, useDefineWidgets as aJ, isOn as aK, eventName as aL, destructComputed as aM, parseAnchor as aN, flipSide as aO, flipAlign as aP, flipCorner as aQ, getAxis as aR, defer as aS, templateRef as aT, matchesSelector as aU, useRouter as aV, useBackButton as aW, EodashConstructor as aX, register as aY, store as aZ, posIsSetFromUrl as aa, useOnLayersUpdate as ab, EodashCollection as ac, mapPosition as ad, availableMapProjection as ae, changeMapProjection as af, setActiveTemplate as ag, axios$1 as ah, getLayers as ai, extractLayerConfig as aj, currentUrl as ak, activeTemplate as al, getUid as am, createSimpleFunctional as an, useVariant as ao, useSize as ap, genOverlays as aq, makeVariantProps as ar, makeSizeProps as as, Ripple as at, useLoader as au, useLocation as av, usePosition as aw, useLink as ax, makeRouterProps as ay, makePositionProps as az, provideTheme as b, useRtl as c, useLocale as d, useGroup as e, makeThemeProps as f, genericComponent as g, makeTagProps as h, makeComponentProps as i, useProxiedModel as j, keys as k, useGroupItem as l, makeVBtnProps as m, makeGroupItemProps as n, omit as o, propsFactory as p, convertToUnit as q, useDisplay as r, useResizeObserver as s, useGoTo as t, useTextColor as u, VIcon as v, makeGroupProps as w, makeDisplayProps as x, IconValue as y, focusableChildren as z };