@eodash/eodash 5.3.3 → 5.5.0

package/dist/client/{helpers-CtUlAW0N.js → helpers-BBSdbOmv.js}

@@ -3,6 +3,13 @@ import { setupCache } from 'axios-cache-interceptor';
 import log from 'loglevel';
 import { ref, shallowRef } from 'vue';
 
+/**
+ * Create a bound version of a function with a specified `this` context
+ *
+ * @param {Function} fn - The function to bind
+ * @param {*} thisArg - The value to be passed as the `this` parameter
+ * @returns {Function} A new function that will call the original function with the specified `this` context
+ */
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -1255,7 +1262,7 @@ class InterceptorManager {
    *
    * @param {Number} id The ID that was returned by `use`
    *
-   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
+   * @returns {void}
    */
   eject(id) {
     if (this.handlers[id]) {
@@ -2215,27 +2222,38 @@ const cookies = platform.hasStandardBrowserEnv ?
 
   // Standard browser envs support document.cookie
   {
-    write(name, value, expires, path, domain, secure) {
-      const cookie = [name + '=' + encodeURIComponent(value)];
+    write(name, value, expires, path, domain, secure, sameSite) {
+      if (typeof document === 'undefined') return;
 
-      utils$1.isNumber(expires) && cookie.push('expires=' + new Date(expires).toGMTString());
+      const cookie = [`${name}=${encodeURIComponent(value)}`];
 
-      utils$1.isString(path) && cookie.push('path=' + path);
-
-      utils$1.isString(domain) && cookie.push('domain=' + domain);
-
-      secure === true && cookie.push('secure');
+      if (utils$1.isNumber(expires)) {
+        cookie.push(`expires=${new Date(expires).toUTCString()}`);
+      }
+      if (utils$1.isString(path)) {
+        cookie.push(`path=${path}`);
+      }
+      if (utils$1.isString(domain)) {
+        cookie.push(`domain=${domain}`);
+      }
+      if (secure === true) {
+        cookie.push('secure');
+      }
+      if (utils$1.isString(sameSite)) {
+        cookie.push(`SameSite=${sameSite}`);
+      }
 
       document.cookie = cookie.join('; ');
     },
 
     read(name) {
-      const match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
-      return (match ? decodeURIComponent(match[3]) : null);
+      if (typeof document === 'undefined') return null;
+      const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+      return match ? decodeURIComponent(match[1]) : null;
     },
 
     remove(name) {
-      this.write(name, '', Date.now() - 86400000);
+      this.write(name, '', Date.now() - 86400000, '/');
     }
   }
 
@@ -2324,11 +2342,11 @@ function mergeConfig(config1, config2) {
   }
 
   // eslint-disable-next-line consistent-return
-  function mergeDeepProperties(a, b, prop , caseless) {
+  function mergeDeepProperties(a, b, prop, caseless) {
     if (!utils$1.isUndefined(b)) {
-      return getMergedValue(a, b, prop , caseless);
+      return getMergedValue(a, b, prop, caseless);
     } else if (!utils$1.isUndefined(a)) {
-      return getMergedValue(undefined, a, prop , caseless);
+      return getMergedValue(undefined, a, prop, caseless);
     }
   }
 
@@ -2386,7 +2404,7 @@ function mergeConfig(config1, config2) {
     socketPath: defaultToConfig2,
     responseEncoding: defaultToConfig2,
     validateStatus: mergeDirectKeys,
-    headers: (a, b , prop) => mergeDeepProperties(headersToObject(a), headersToObject(b),prop, true)
+    headers: (a, b, prop) => mergeDeepProperties(headersToObject(a), headersToObject(b), prop, true)
   };
 
   utils$1.forEach(Object.keys({...config1, ...config2}), function computeConfigValue(prop) {
@@ -3024,7 +3042,7 @@ const factory = (env) => {
 const seedCache = new Map();
 
 const getFetch = (config) => {
-  let env = config ? config.env : {};
+  let env = (config && config.env) || {};
   const {fetch, Request, Response} = env;
   const seeds = [
     Request, Response, fetch
@@ -3047,6 +3065,15 @@ const getFetch = (config) => {
 
 getFetch();
 
+/**
+ * Known adapters mapping.
+ * Provides environment-specific adapters for Axios:
+ * - `http` for Node.js
+ * - `xhr` for browsers
+ * - `fetch` for fetch API-based requests
+ * 
+ * @type {Object<string, Function|Object>}
+ */
 const knownAdapters = {
   http: httpAdapter,
   xhr: xhrAdapter,
@@ -3055,71 +3082,107 @@ const knownAdapters = {
   }
 };
 
+// Assign adapter names for easier debugging and identification
 utils$1.forEach(knownAdapters, (fn, value) => {
   if (fn) {
     try {
-      Object.defineProperty(fn, 'name', {value});
+      Object.defineProperty(fn, 'name', { value });
     } catch (e) {
       // eslint-disable-next-line no-empty
     }
-    Object.defineProperty(fn, 'adapterName', {value});
+    Object.defineProperty(fn, 'adapterName', { value });
   }
 });
 
+/**
+ * Render a rejection reason string for unknown or unsupported adapters
+ * 
+ * @param {string} reason
+ * @returns {string}
+ */
 const renderReason = (reason) => `- ${reason}`;
 
+/**
+ * Check if the adapter is resolved (function, null, or false)
+ * 
+ * @param {Function|null|false} adapter
+ * @returns {boolean}
+ */
 const isResolvedHandle = (adapter) => utils$1.isFunction(adapter) || adapter === null || adapter === false;
 
-const adapters = {
-  getAdapter: (adapters, config) => {
-    adapters = utils$1.isArray(adapters) ? adapters : [adapters];
-
-    const {length} = adapters;
-    let nameOrAdapter;
-    let adapter;
+/**
+ * Get the first suitable adapter from the provided list.
+ * Tries each adapter in order until a supported one is found.
+ * Throws an AxiosError if no adapter is suitable.
+ * 
+ * @param {Array<string|Function>|string|Function} adapters - Adapter(s) by name or function.
+ * @param {Object} config - Axios request configuration
+ * @throws {AxiosError} If no suitable adapter is available
+ * @returns {Function} The resolved adapter function
+ */
+function getAdapter(adapters, config) {
+  adapters = utils$1.isArray(adapters) ? adapters : [adapters];
 
-    const rejectedReasons = {};
+  const { length } = adapters;
+  let nameOrAdapter;
+  let adapter;
 
-    for (let i = 0; i < length; i++) {
-      nameOrAdapter = adapters[i];
-      let id;
+  const rejectedReasons = {};
 
-      adapter = nameOrAdapter;
+  for (let i = 0; i < length; i++) {
+    nameOrAdapter = adapters[i];
+    let id;
 
-      if (!isResolvedHandle(nameOrAdapter)) {
-        adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];
+    adapter = nameOrAdapter;
 
-        if (adapter === undefined) {
-          throw new AxiosError(`Unknown adapter '${id}'`);
-        }
-      }
+    if (!isResolvedHandle(nameOrAdapter)) {
+      adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];
 
-      if (adapter && (utils$1.isFunction(adapter) || (adapter = adapter.get(config)))) {
-        break;
+      if (adapter === undefined) {
+        throw new AxiosError(`Unknown adapter '${id}'`);
       }
+    }
 
-      rejectedReasons[id || '#' + i] = adapter;
+    if (adapter && (utils$1.isFunction(adapter) || (adapter = adapter.get(config)))) {
+      break;
     }
 
-    if (!adapter) {
+    rejectedReasons[id || '#' + i] = adapter;
+  }
 
-      const reasons = Object.entries(rejectedReasons)
-        .map(([id, state]) => `adapter ${id} ` +
-          (state === false ? 'is not supported by the environment' : 'is not available in the build')
-        );
+  if (!adapter) {
+    const reasons = Object.entries(rejectedReasons)
+      .map(([id, state]) => `adapter ${id} ` +
+        (state === false ? 'is not supported by the environment' : 'is not available in the build')
+      );
 
-      let s = length ?
-        (reasons.length > 1 ? 'since :\n' + reasons.map(renderReason).join('\n') : ' ' + renderReason(reasons[0])) :
-        'as no adapter specified';
+    let s = length ?
+      (reasons.length > 1 ? 'since :\n' + reasons.map(renderReason).join('\n') : ' ' + renderReason(reasons[0])) :
+      'as no adapter specified';
 
-      throw new AxiosError(
-        `There is no suitable adapter to dispatch the request ` + s,
-        'ERR_NOT_SUPPORT'
-      );
-    }
+    throw new AxiosError(
+      `There is no suitable adapter to dispatch the request ` + s,
+      'ERR_NOT_SUPPORT'
+    );
+  }
 
-    return adapter;
-  },
+  return adapter;
+}
+
+/**
+ * Exports Axios adapters and utility to resolve an adapter
+ */
+const adapters = {
+  /**
+   * Resolve an adapter from a list of adapter names or functions.
+   * @type {Function}
+   */
+  getAdapter,
+
+  /**
+   * Exposes all known adapters
+   * @type {Object<string, Function|Object>}
+   */
   adapters: knownAdapters
 };
 
@@ -3196,7 +3259,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION = "1.12.2";
+const VERSION = "1.13.2";
 
 const validators$1 = {};
 
@@ -3751,6 +3814,12 @@ const HttpStatusCode = {
   LoopDetected: 508,
   NotExtended: 510,
   NetworkAuthenticationRequired: 511,
+  WebServerIsDown: 521,
+  ConnectionTimedOut: 522,
+  OriginIsUnreachable: 523,
+  TimeoutOccurred: 524,
+  SslHandshakeFailed: 525,
+  InvalidSslCertificate: 526,
 };
 
 Object.entries(HttpStatusCode).forEach(([key, value]) => {
@@ -3873,24 +3942,50 @@ const poi = ref("");
  */
 const comparePoi = ref("");
 
-/** @type {import("vue").Ref<import("@eox/chart").EOxChart | null>} */
-const chartEl = shallowRef(null);
+/** Whether the map is in globe mode */
+const isGlobe = ref(false);
+
+/** Whether the charts are in fullscreen mode
+ * @type {import("vue").Ref<boolean>}
+ */
+const areChartsSeparateLayout = ref(false);
 
-/** @type {import("vue").Ref<import("@eox/chart").EOxChart | null>} */
-const compareChartEl = shallowRef(null);
+/** Holds main chart data
+ *  @type {import("vue").Ref<Record<string,any>|null>}
+ */
+const chartData = ref(null);
+
+/** Holds compare chart data
+ *  @type {import("vue").Ref<Record<string,any>|null>}
+ */
+const compareChartData = ref(null);
+
+/** Holds main chart spec
+ * @type {import("vue").Ref<import("vega-embed").VisualizationSpec | null>}
+ */
+const chartSpec = ref(null);
+
+/** Holds compare chart spec
+ * @type {import("vue").Ref<import("vega-embed").VisualizationSpec | null>}
+ */
+const compareChartSpec = ref(null);
 
 const states = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   activeTemplate,
+  areChartsSeparateLayout,
   availableMapProjection,
-  chartEl,
-  compareChartEl,
+  chartData,
+  chartSpec,
+  compareChartData,
+  compareChartSpec,
   compareIndicator,
   comparePoi,
   currentCompareUrl,
   currentUrl,
   datetime,
   indicator,
+  isGlobe,
   mapCompareEl,
   mapEl,
   mapPosition,
@@ -3902,26 +3997,13 @@ const states = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  * Returns the current layers of {@link mapEl}
  * @returns {import("@eox/map").EoxLayer[]}
  */
-const getLayers = () => mapEl.value?.layers.toReversed() ?? [];
+const getLayers = () => mapEl.value?.layers ?? [];
 
 /**
  * Returns the current layers of {@link mapCompareEl}
  * * @returns {import("@eox/map").EoxLayer[]}
  */
-const getCompareLayers = () =>
-  mapCompareEl.value?.layers.toReversed() ?? [];
-
-/**
- * Returns the current chart spec from {@link chartEl}
- * @returns {import("vega-embed").VisualizationSpec | null}
- */
-const getChartSpec = () => chartEl.value?.spec ?? null;
-
-/**
- * Returns the current chart spec from {@link compareChartEl}
- * @returns {import("vega-embed").VisualizationSpec | null}
- */
-const getCompareChartSpec = () => compareChartEl.value?.spec ?? null;
+const getCompareLayers = () => mapCompareEl.value?.layers ?? [];
 
 /**
  * Register EPSG projection in `eox-map`
@@ -3996,16 +4078,27 @@ const includesProcess = (collection, compare = false) => {
   );
 };
 
+/**
+ * Check whether main or compare chart have data to show
+ * @param {boolean} [compare=false] - Whether to check for compare collection
+ * @returns
+ */
+const shouldShowChartWidget = (compare = false) => {
+  return (
+    areChartsSeparateLayout.value &&
+    (compare ? compareChartData.value : chartData.value)
+  );
+};
+
 const actions = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   changeMapProjection,
-  getChartSpec,
-  getCompareChartSpec,
   getCompareLayers,
   getLayers,
   includesProcess,
   registerProjection,
-  setActiveTemplate
+  setActiveTemplate,
+  shouldShowChartWidget
 }, Symbol.toStringTag, { value: 'Module' }));
 
 /*
@@ -4073,18 +4166,18 @@ function getStyleVariablesState(collectionId, variables) {
       "",
       "",
     ];
-    return (
-      collection === collectionId &&
-      ["Vector", "WebGLTile", "VectorTile"].includes(layer?.type ?? "")
-    );
+    return collection === collectionId;
   });
 
   if (!matchingLayer) {
     return variables;
   }
+  // TODO instead tap into store for changed variables state per layer
+  // because XYZ and WMTS use tileurlfunction update, where we can not retrieve
+  // current values from OL layers anyhow
 
   const olLayer = mapElement.getLayerById(matchingLayer.properties?.id ?? "");
-  const oldVariablesState =
+  let oldVariablesState =
     /** @type {import("ol/layer").Vector} */ (
       olLayer
       //@ts-expect-error variables doesn't exist in non-flat style
@@ -4145,13 +4238,19 @@ function generateFeatures(links, extraProperties = {}, rel = "item") {
 }
 
 /**
- * Sperates and extracts layerConfig (jsonform schema & legend) from a style json
+ * Spearates and extracts layerConfig (jsonform schema & legend) from a style json
  *
  * @param {string} collectionId
  *  @param { import("@/types").EodashStyleJson} [style]
  * @param {Record<string,any>} [rasterJsonform]
+ * @param {string} [layerConfigType]
  * */
-function extractLayerConfig(collectionId, style, rasterJsonform) {
+function extractLayerConfig(
+  collectionId,
+  style,
+  rasterJsonform,
+  layerConfigType,
+) {
   if (!style && !rasterJsonform) {
     return { layerConfig: undefined, style: undefined };
   }
@@ -4159,6 +4258,10 @@ function extractLayerConfig(collectionId, style, rasterJsonform) {
     style = { ...style };
   }
 
+  if (style?.variables && Object.keys(style.variables ?? {}).length) {
+    style.variables = getStyleVariablesState(collectionId, style.variables);
+  }
+
   if (rasterJsonform) {
     return {
       layerConfig: {
@@ -4170,16 +4273,12 @@ function extractLayerConfig(collectionId, style, rasterJsonform) {
     };
   }
 
-  if (style?.variables && Object.keys(style.variables ?? {}).length) {
-    style.variables = getStyleVariablesState(collectionId, style.variables);
-  }
-
   /** @type {Record<string,unknown> | undefined} */
   let layerConfig = undefined;
 
   if (style?.jsonform) {
     // this explicitly sets legend only if jsonform is configured
-    layerConfig = { schema: style.jsonform, type: "style" };
+    layerConfig = { schema: style.jsonform, type: layerConfigType || "style" };
     delete style.jsonform;
     if (style?.legend) {
       layerConfig.legend = style.legend;
@@ -4193,6 +4292,7 @@ function extractLayerConfig(collectionId, style, rasterJsonform) {
 
   return { layerConfig, style };
 }
+
 /**
  *
  * @param {number[]} bbox
@@ -4267,35 +4367,41 @@ const extractRoles = (properties, linkOrAsset) => {
 
 /**
  * Extracts a single non-link style JSON from a STAC Item optionally for a selected key mapping
- * @param {import("stac-ts").StacItem} item
- * @param {string} itemUrl
- * @param {string | undefined} key
+ * @param { import("stac-ts").StacItem | import("stac-ts").StacCollection } stacObject
+ * @param {string | undefined} linkKey
+ * @param {string | undefined} assetKey
  * @returns
  **/
-const fetchStyle = async (item, itemUrl, key = undefined) => {
+const fetchStyle = async (
+  stacObject,
+  linkKey = undefined,
+  assetKey = undefined,
+) => {
   let styleLink = null;
-  if (key) {
-    styleLink = item.links.find(
+  if (linkKey) {
+    styleLink = stacObject.links.find(
       (link) =>
         link.rel.includes("style") &&
         link["links:keys"] &&
-        /** @type {Array<string>} */ (link["links:keys"]).includes(key),
+        /** @type {Array<string>} */ (link["links:keys"]).includes(linkKey),
+    );
+  } else if (assetKey) {
+    styleLink = stacObject.links.find(
+      (link) =>
+        link.rel.includes("style") &&
+        link["asset:keys"] &&
+        /** @type {Array<string>} */ (link["asset:keys"]).includes(assetKey),
     );
   } else {
-    styleLink = item.links.find(
-      (link) => link.rel.includes("style") && !link["links:keys"],
+    log.debug(
+      "Neither link key, nor asset key input, can not match any style to layer.",
+      stacObject.id,
     );
+    return {};
   }
   if (styleLink) {
-    let url = "";
-    if (styleLink.href.startsWith("http")) {
-      url = styleLink.href;
-    } else {
-      url = toAbsolute(styleLink.href, itemUrl);
-    }
-
     /** @type {import("@/types").EodashStyleJson} */
-    const styleJson = await axios.get(url).then((resp) => resp.data);
+    const styleJson = await axios.get(styleLink.href).then((resp) => resp.data);
 
     log.debug("fetched styles JSON", JSON.parse(JSON.stringify(styleJson)));
     return { ...styleJson };
@@ -4304,18 +4410,15 @@ const fetchStyle = async (item, itemUrl, key = undefined) => {
 
 /**
  * Fetches all style JSONs from a STAC Item and returns an array with style objects
- * @param {import("stac-ts").StacItem} item
- * @param {string} itemUrl
+ * @param {import("stac-ts").StacItem | import("stac-ts").StacCollection} stacObject
  * @returns { Promise <Array<import("@/types").EodashStyleJson>>}
  **/
-const fetchAllStyles = async (item, itemUrl) => {
-  const styleLinks = item.links.filter((link) => link.rel.includes("style"));
+const fetchAllStyles = async (stacObject) => {
+  const styleLinks = stacObject.links.filter((link) =>
+    link.rel.includes("style"),
+  );
   const fetchPromises = styleLinks.map(async (link) => {
-    let url = link.href.startsWith("http")
-      ? link.href
-      : toAbsolute(link.href, itemUrl);
-
-    const styleJson = await axios.get(url).then((resp) => resp.data);
+    const styleJson = await axios.get(link.href).then((resp) => resp.data);
     log.debug("fetched styles JSON", JSON.parse(JSON.stringify(styleJson)));
     return styleJson;
   });
@@ -4525,7 +4628,7 @@ const replaceLayersInStructure = (layers, toRemove, toInsert) => {
       continue;
     }
 
-    result.push(layer);
+    result.unshift(layer);
   }
 
   return result;
@@ -4571,15 +4674,11 @@ const replaceLayer = (currentLayers, oldLayer, newLayers) => {
  * @param {import('ol/layer').Layer} layer
  */
 const getColFromLayer = async (indicators, layer) => {
-  const [collectionId, itemId] = layer.get("id").split(";:;");
+  const [collectionId] = layer.get("id").split(";:;");
 
   for (const ind of indicators) {
     if (ind.collectionStac?.id !== collectionId) continue;
-    const items = await ind.getItems();
-    const itemIds = items?.map((item) => item.id || item.datetime) ?? [];
-    if (itemIds.includes(itemId)) {
-      return ind;
-    }
+    return ind;
   }
 };
 
@@ -4926,4 +5025,18 @@ function extractLayerLegend(collection) {
   return extraProperties;
 }
 
-export { currentUrl as A, datetime as B, poi as C, activeTemplate as D, mapPosition as E, indicator as F, currentCompareUrl as G, compareIndicator as H, comparePoi as I, states as J, actions as K, includesProcess as L, sanitizeBbox as M, mapCompareEl as N, getColFromLayer as O, setMapProjFromCol as P, availableMapProjection as Q, changeMapProjection as R, setActiveTemplate as S, compareChartEl as T, chartEl as U, replaceLayer as V, axios$1 as W, removeUnneededProperties as X, getChartSpec as Y, extractLayerConfig as a, addTooltipInteraction as b, createLayerID as c, createAssetID as d, extractRoles as e, fetchStyle as f, getProjectionCode as g, mapEl as h, isSTACItem as i, axios as j, extractLayerTimeValues as k, fetchApiItems as l, mergeGeojsons as m, getDatetimeProperty as n, fetchAllStyles as o, getLayers as p, getCompareLayers as q, registerProjection as r, findLayer as s, findLayersByLayerPrefix as t, replaceLayersInStructure as u, generateFeatures as v, extractLayerLegend as w, extractCollectionUrls as x, generateLinksFromItems as y, revokeCollectionBlobUrls as z };
+/**
+ * @param { import ("stac-ts").StacLink } link
+ * @returns {object}
+ */
+function extractEoxLegendLink(link) {
+  let extraProperties = {};
+  if (link["eox:colorlegend"]) {
+    extraProperties = {
+      layerLegend: link["eox:colorlegend"],
+    };
+  }
+  return extraProperties;
+}
+
+export { replaceLayer as $, revokeCollectionBlobUrls as A, currentUrl as B, datetime as C, poi as D, activeTemplate as E, mapPosition as F, indicator as G, currentCompareUrl as H, compareIndicator as I, comparePoi as J, states as K, actions as L, areChartsSeparateLayout as M, chartSpec as N, compareChartSpec as O, includesProcess as P, shouldShowChartWidget as Q, sanitizeBbox as R, mapCompareEl as S, getColFromLayer as T, setMapProjFromCol as U, isGlobe as V, setActiveTemplate as W, availableMapProjection as X, changeMapProjection as Y, compareChartData as Z, chartData as _, extractEoxLegendLink as a, axios$1 as a0, removeUnneededProperties as a1, extractLayerConfig as b, createLayerID as c, axios as d, extractRoles as e, fetchStyle as f, getProjectionCode as g, addTooltipInteraction as h, createAssetID as i, mapEl as j, isSTACItem as k, extractLayerTimeValues as l, mergeGeojsons as m, fetchApiItems as n, getDatetimeProperty as o, fetchAllStyles as p, findLayer as q, registerProjection as r, findLayersByLayerPrefix as s, replaceLayersInStructure as t, generateFeatures as u, extractLayerLegend as v, getLayers as w, getCompareLayers as x, extractCollectionUrls as y, generateLinksFromItems as z };

package/dist/client/{index-DBo0F4Fv.js → index-6LlXNkke.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, render, h, mergeProps } from 'vue';
-import { X as consoleError, Y as isObject } from './asWebComponent-DdguWGDI.js';
-import { V as VTooltip } from './VTooltip-BYUZeia1.js';
+import { Y as consoleError, Z as isObject } from './asWebComponent-DaIxULaA.js';
+import { V as VTooltip } from './VTooltip-Cc6au3Sn.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {
@@ -75,8 +75,10 @@ function findComponentParent(vnode, root) {
 
 // Components
 const Tooltip = useDirectiveComponent(VTooltip, binding => {
+  const disabled = isObject(binding.value) ? !binding.value.text : ['', false, null].includes(binding.value); // undefined means true
+
   return {
-    activator: 'parent',
+    activator: disabled ? null : 'parent',
     location: binding.arg?.replace('-', ' '),
     text: typeof binding.value === 'boolean' ? undefined : binding.value
   };