@esri/solutions-components 0.8.1 → 0.8.3

package/dist/components/index6.js

@@ -3,69 +3,202 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-class NativeDateEngine {
-    constructor() {
-        this._formatterCache = new Map();
-        this._commonDateTimeFormatterOptions = {
-            year: 'numeric',
-            month: '2-digit',
-            day: '2-digit',
-            timeZoneName: 'shortOffset',
-        };
-    }
-    get name() {
-        return 'native';
-    }
-    create(date) {
-        return new Date(date);
+const supportedTimeZones = (() => {
+    const platformTimeZones = Intl.supportedValuesOf('timeZone');
+    // not all browsers include these time zones, so we add them to ensure consistent groups
+    const etcTimeZones = [
+        "Etc/GMT+1",
+        "Etc/GMT+10",
+        "Etc/GMT+11",
+        "Etc/GMT+12",
+        "Etc/GMT+2",
+        "Etc/GMT+3",
+        "Etc/GMT+4",
+        "Etc/GMT+5",
+        "Etc/GMT+6",
+        "Etc/GMT+7",
+        "Etc/GMT+8",
+        "Etc/GMT+9",
+        "Etc/GMT-1",
+        "Etc/GMT-10",
+        "Etc/GMT-11",
+        "Etc/GMT-12",
+        "Etc/GMT-13",
+        "Etc/GMT-14",
+        "Etc/GMT-2",
+        "Etc/GMT-3",
+        "Etc/GMT-4",
+        "Etc/GMT-5",
+        "Etc/GMT-6",
+        "Etc/GMT-7",
+        "Etc/GMT-8",
+        "Etc/GMT-9"
+    ];
+    return [...new Set([...platformTimeZones, ...etcTimeZones])];
+})();
+
+const now = new Date();
+const startDate = now.toISOString();
+const daysInYear = 365;
+const groupDateRange = daysInYear;
+const defaultGroupingOptions = {
+    startDate,
+    groupDateRange,
+    debug: false,
+};
+
+const continentAllowList = new Set([
+    'Europe',
+    'Asia',
+    'America',
+    'America/Argentina',
+    'Africa',
+    'Australia',
+    'Pacific',
+    'Atlantic',
+    'Antarctica',
+    'Arctic',
+    'Indian',
+]);
+const _getDates = (startDate, numberDays, dateEngine) => {
+    const dateArray = [];
+    let date = dateEngine.create(startDate);
+    for (let i = 0; i <= numberDays; i++) {
+        date = dateEngine.increase(date);
+        dateArray.push(dateEngine.formatToIsoDateString(date));
     }
-    increase(date) {
-        const oneDayInMs = 86400000;
-        return new Date(date.getTime() + oneDayInMs);
+    return dateArray;
+};
+const _extractContinent = (label) => {
+    if (label.includes('Istanbul')) {
+        return 'Europe';
     }
-    formatToIsoDateString(date) {
-        const year = date.getFullYear();
-        const month = date.getMonth() + 1;
-        const day = date.getDate();
-        return `${year}-${month.toString().padStart(2, '0')}-${day
-            .toString()
-            .padStart(2, '0')}`;
+    const lastIndex = label.lastIndexOf('/');
+    return lastIndex === -1 ? label : label.slice(0, lastIndex);
+};
+const _isRegularContinent = (continent) => continentAllowList.has(continent);
+const generateTimeZoneMetadata = (timeZoneItems, startDate, numberDays, dateEngine, debug = false) => {
+    const processedDates = new Map();
+    if (debug) {
+        console.log(`Initializing data starting ${startDate} with ${numberDays} days in the future, comparing ${timeZoneItems.length} timezones`);
     }
-    isoToTimeZone(isoDate, tz) {
-        const date = this._toDate(isoDate);
-        const formatter = this._getFormatter(tz);
-        const parts = formatter.formatToParts(date);
-        const [offset] = parts
-            .filter(({ type }) => type === 'timeZoneName')
-            .map(({ value }) => value);
-        const tzOffset = this._getTimeZoneOffsetInMins(offset);
-        const tzOffsetMinutes = date.getMinutes() - (date.getTimezoneOffset() - tzOffset);
-        date.setMinutes(tzOffsetMinutes);
-        return date;
+    const theDates = _getDates(startDate, numberDays, dateEngine);
+    return timeZoneItems.map((tzItem) => {
+        const label = tzItem.label;
+        const continent = _extractContinent(label);
+        const dates = theDates.map((date) => {
+            const key = `${date}-${label}`;
+            let utc = processedDates.get(key);
+            if (utc) {
+                return utc;
+            }
+            utc = dateEngine.isoToTimeZone(date, label);
+            processedDates.set(key, utc);
+            return utc;
+        });
+        return {
+            ...tzItem,
+            continent,
+            isRegularContinent: _isRegularContinent(continent),
+            dates,
+        };
+    });
+};
+const compareDateArrs = (array1, array2, dateEngine) => array1.length === array2.length &&
+    array1.every((value, index) => dateEngine.same(value, array2[index]));
+const getGroupLabelTimeZoneIndices = (rawTZs, max = 5) => {
+    const shrinkedTzs = rawTZs.filter(({ label }) => _isRegularContinent(_extractContinent(label)));
+    if (shrinkedTzs.length === 0) {
+        return [0];
     }
-    same(date1, date2) {
-        return date1.getTime() === date2.getTime();
+    const validLabels = shrinkedTzs.map((tz) => rawTZs.indexOf(tz));
+    return equallyDistributedSampling(validLabels, max);
+};
+function equallyDistributedSampling(items, maxItems = 5) {
+    const totalItems = items.length;
+    if (totalItems <= maxItems) {
+        return items;
     }
-    _toDate(isoDate) {
-        return new Date(isoDate);
+    const numberItemsToSelect = Math.min(totalItems - 2, maxItems - 2);
+    const stepSize = (totalItems - 1) / (numberItemsToSelect + 1);
+    return [
+        items[0],
+        ...Array.from({ length: numberItemsToSelect }, (_, i) => items[Math.round((i + 1) * stepSize)]),
+        items[totalItems - 1],
+    ];
+}
+
+async function groupTimeZones(options) {
+    const { debug, groupDateRange, hooks, startDate, dateEngine } = {
+        ...defaultGroupingOptions,
+        ...options,
+    };
+    const grouping = [];
+    if (!dateEngine) {
+        throw new Error('dateEngine is required');
     }
-    _getFormatter(tz) {
-        let formatter = this._formatterCache.get(tz);
-        if (!formatter) {
-            formatter = new Intl.DateTimeFormat('en-US', {
-                timeZone: tz,
-                ...this._commonDateTimeFormatterOptions,
-            });
-            this._formatterCache.set(tz, formatter);
+    const timeZoneItems = supportedTimeZones.map((tz) => ({ label: tz }));
+    hooks?.onBeforeTimeZoneMetadataCreate?.(timeZoneItems);
+    const timeZoneMetadata = generateTimeZoneMetadata(timeZoneItems, startDate, groupDateRange, dateEngine, debug);
+    hooks?.onTimeZoneMetadataCreate?.(timeZoneMetadata);
+    // We traverse the mappedDB and see if we find matches by comparing each set
+    // of transformed date for that specific TZ.
+    for (const tzMetadatumI of timeZoneMetadata) {
+        const { label, continent, dates } = tzMetadatumI;
+        // ignore if we visited this element already
+        if (tzMetadatumI.visited) {
+            continue;
+        }
+        // Mark element as already visited
+        tzMetadatumI.visited = true;
+        // The grouped timezone that we want as a result
+        const newGroup = {
+            labelTzIndices: undefined,
+            tzs: [{ label }],
+        };
+        hooks?.onGroupCreate?.(newGroup, tzMetadatumI);
+        for (const tzMetadatumJ of timeZoneMetadata.filter((_) => !_.visited)) {
+            const { label: labelJ, continent: continentJ, isRegularContinent: isRegularContinentJ, dates: datesJ, } = tzMetadatumJ;
+            // We define a matching TZ by:
+            // 1) if both continents match (avoid grouping Antarctica with anything else)
+            // 2) if the transformed dates match in both TZs
+            if ((continent === continentJ || !isRegularContinentJ) &&
+                compareDateArrs(dates, datesJ, dateEngine)) {
+                const tzItem = { label: labelJ };
+                newGroup.tzs.push(tzItem);
+                hooks?.onGroupTimeZoneAdd?.(newGroup, tzItem, tzMetadatumJ);
+                // Mark element as already visited
+                tzMetadatumJ.visited = true;
+            }
         }
-        return formatter;
+        grouping.push(newGroup);
+        hooks?.onGroupAdd?.(newGroup);
     }
-    _getTimeZoneOffsetInMins(gmtTimeZone) {
-        const [sign, ...hoursMinutes] = gmtTimeZone.slice(3);
-        const [hours, minutes] = hoursMinutes.join('').split(':');
-        const signMultiplier = sign === '+' ? 1 : -1;
-        return signMultiplier * (Number(hours) * 60 + Number(minutes || 0));
+    // Now that we have a group, we want an easy way to find a fitting label for the group
+    // which is defined as the list of the most-common 7 cities, shown in alphabetical order
+    const finalGrouping = grouping
+        .map((group) => {
+        hooks?.onBeforeFinalGroupCreate?.(group);
+        group.tzs = group.tzs.sort((a, b) => a.label.localeCompare(b.label));
+        const finalGrouping = {
+            labelTzIndices: getGroupLabelTimeZoneIndices(group.tzs, 7),
+            tzs: group.tzs.map((_) => _.label),
+        };
+        hooks?.onFinalGroupCreate?.(finalGrouping, group);
+        return finalGrouping;
+    })
+        .sort((a, b) => b.tzs.length - a.tzs.length);
+    if (debug) {
+        const missingTzs = supportedTimeZones
+            .map((tz) => (finalGrouping.some((y) => y.tzs.includes(tz)) ? null : tz))
+            .filter(Boolean);
+        if (missingTzs.length > 0) {
+            throw new Error(`There are ${missingTzs.length} missing timezones: ${missingTzs.toString()}`);
+        }
     }
+    return hooks?.onFinalGroupingCreate
+        ? hooks.onFinalGroupingCreate(finalGrouping)
+        : finalGrouping;
 }
 
-export { NativeDateEngine as DateEngine };
+export { groupTimeZones };

package/dist/components/index7.js

@@ -0,0 +1,71 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+class NativeDateEngine {
+    constructor() {
+        this._formatterCache = new Map();
+        this._commonDateTimeFormatterOptions = {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit',
+            timeZoneName: 'shortOffset',
+        };
+    }
+    get name() {
+        return 'native';
+    }
+    create(date) {
+        return new Date(date);
+    }
+    increase(date) {
+        const oneDayInMs = 86400000;
+        return new Date(date.getTime() + oneDayInMs);
+    }
+    formatToIsoDateString(date) {
+        const year = date.getFullYear();
+        const month = date.getMonth() + 1;
+        const day = date.getDate();
+        return `${year}-${month.toString().padStart(2, '0')}-${day
+            .toString()
+            .padStart(2, '0')}`;
+    }
+    isoToTimeZone(isoDate, tz) {
+        const date = this._toDate(isoDate);
+        const formatter = this._getFormatter(tz);
+        const parts = formatter.formatToParts(date);
+        const [offset] = parts
+            .filter(({ type }) => type === 'timeZoneName')
+            .map(({ value }) => value);
+        const tzOffset = this._getTimeZoneOffsetInMins(offset);
+        const tzOffsetMinutes = date.getMinutes() - (date.getTimezoneOffset() - tzOffset);
+        date.setMinutes(tzOffsetMinutes);
+        return date;
+    }
+    same(date1, date2) {
+        return date1.getTime() === date2.getTime();
+    }
+    _toDate(isoDate) {
+        return new Date(isoDate);
+    }
+    _getFormatter(tz) {
+        let formatter = this._formatterCache.get(tz);
+        if (!formatter) {
+            formatter = new Intl.DateTimeFormat('en-US', {
+                timeZone: tz,
+                ...this._commonDateTimeFormatterOptions,
+            });
+            this._formatterCache.set(tz, formatter);
+        }
+        return formatter;
+    }
+    _getTimeZoneOffsetInMins(gmtTimeZone) {
+        const [sign, ...hoursMinutes] = gmtTimeZone.slice(3);
+        const [hours, minutes] = hoursMinutes.join('').split(':');
+        const signMultiplier = sign === '+' ? 1 : -1;
+        return signMultiplier * (Number(hours) * 60 + Number(minutes || 0));
+    }
+}
+
+export { NativeDateEngine as DateEngine };

package/dist/components/info-card2.js

@@ -439,6 +439,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InfoCard);
 
 export { InfoCard as I, defineCustomElement as d };

package/dist/components/input-date-picker.js

@@ -838,6 +838,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InputDatePicker);
 
 export { InputDatePicker as I, defineCustomElement as d };

package/dist/components/input-message.js

@@ -89,6 +89,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InputMessage);
 
 export { InputMessage as I, defineCustomElement as d };

package/dist/components/input-number.js

@@ -682,6 +682,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InputNumber);
 
 export { InputNumber as I, defineCustomElement as d };

package/dist/components/input-text.js

@@ -410,6 +410,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InputText);
 
 export { InputText as I, defineCustomElement as d };

package/dist/components/input.js

@@ -768,6 +768,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(Input);
 
 export { Input as I, defineCustomElement as d };

package/dist/components/instant-apps-ckeditor-wrapper2.js

@@ -137,6 +137,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsCkeditorWrapper);
 
 export { InstantAppsCkeditorWrapper as I, defineCustomElement as d };

package/dist/components/instant-apps-control-panel.js

@@ -106,7 +106,7 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
+defineCustomElement$1(InstantAppsControlPanel$1);
 
 const InstantAppsControlPanel = InstantAppsControlPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/instant-apps-export.js

@@ -167,7 +167,7 @@ const printStyling = `
   }
 
   .instant-apps-export-print .esri-legend--card__service-caption-text {
-    padding-bottom: 0;
+    padding-bottom: 4px;
   }
 
   .instant-apps-export-print__compass-container {
@@ -602,8 +602,10 @@ const InstantAppsExport$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsEx
         }
     }
     handleLegendSetup() {
+        var _a;
         if (this.showIncludeLegend && this.view != null && this.includeMap && this.legendContainerEl != null) {
-            this.legendContainerEl.style.display = this.includeLegend ? 'block' : 'none';
+            const hasActiveLayers = this.legend != null && ((_a = this.legend.activeLayerInfos) === null || _a === void 0 ? void 0 : _a.length) > 0;
+            this.legendContainerEl.style.display = this.includeLegend && hasActiveLayers ? 'block' : 'none';
         }
     }
     handleWidgetCreation() {
@@ -611,11 +613,11 @@ const InstantAppsExport$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsEx
         this.handleCompassCreation();
     }
     handleLegendCreation() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (this.includeMap && this.view != null && this.showIncludeLegend && this.legendContainerEl != null) {
             const map = this.view.map;
             const legendMap = (_b = (_a = this.legend) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map;
-            const checkId = ((_c = map === null || map === void 0 ? void 0 : map.portalItem) === null || _c === void 0 ? void 0 : _c.id) === ((_d = legendMap === null || legendMap === void 0 ? void 0 : legendMap.portalItem) === null || _d === void 0 ? void 0 : _d.id);
+            const checkId = ((_c = map === null || map === void 0 ? void 0 : map.portalItem) === null || _c === void 0 ? void 0 : _c.id) != null && ((_d = map === null || map === void 0 ? void 0 : map.portalItem) === null || _d === void 0 ? void 0 : _d.id) === ((_e = legendMap === null || legendMap === void 0 ? void 0 : legendMap.portalItem) === null || _e === void 0 ? void 0 : _e.id);
             if (!checkId) {
                 this.updateLegend();
             }
@@ -624,13 +626,17 @@ const InstantAppsExport$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsEx
     updateLegend() {
         var _a;
         (_a = this.view) === null || _a === void 0 ? void 0 : _a.when(async (view) => {
-            var _a;
-            (_a = this.legend) === null || _a === void 0 ? void 0 : _a.destroy();
+            if (this.legend != null) {
+                this.legend.destroy();
+                this.legend = null;
+            }
             if (this.legendContainerEl != null) {
                 this.legendContainerEl.innerHTML = '';
+                const legendCont = document.createElement('div');
+                this.legendContainerEl.append(legendCont);
                 const [Legend] = await loadModules(['esri/widgets/Legend']);
                 this.legend = new Legend({
-                    container: this.legendContainerEl,
+                    container: legendCont,
                     view,
                     style: {
                         type: 'card',
@@ -978,7 +984,7 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
+defineCustomElement$1(InstantAppsExport$1);
 
 const InstantAppsExport = InstantAppsExport$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/instant-apps-filter-list2.js

@@ -34,6 +34,7 @@ import { d as defineCustomElement$1 } from './slider.js';
 const baseClassLight = 'instant-apps-filter-list calcite-mode-light';
 const baseClassDark = 'instant-apps-filter-list calcite-mode-dark';
 const supportedTypes = ['feature', 'geojson', 'wfs', 'csv', 'scene', 'subtype-group', 'point-cloud', 'map-image', 'sublayer'];
+const supportedQueryTypes = ['feature', 'geojson', 'wfs', 'csv', 'scene'];
 
 function handleSingleQuote(value) {
   return value.replaceAll("'", "''");
@@ -1226,6 +1227,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsFilterList);
 
 export { InstantAppsFilterList as I, defineCustomElement as d };

package/dist/components/instant-apps-header2.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getElementDir } from './languageUtil.js';
-import { S as Sanitizer } from './index3.js';
+import { S as Sanitizer } from './index5.js';
 import { w as widthBreakpoints } from './breakpoints.js';
 import { g as getFontFamily } from './styles.js';
 import { d as defineCustomElement$3 } from './button.js';
@@ -171,6 +171,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsHeader);
 
 export { InstantAppsHeader as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-classic2.js

@@ -7,7 +7,7 @@ import { h, proxyCustomElement, HTMLElement, forceUpdate } from '@stencil/core/i
 import { s as store, i as interactiveLegendState } from './store.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
 import { l as loadModules } from './loadModules2.js';
-import { h as handleFilterChange, a as generateData, g as getTheme, v as validateInteractivity, b as getParentLegendElementInfoData, c as getCategoryData, d as checkNoneSelected, e as handleFeatureCount, f as createInteractiveLegendDataForLayer, u as updateStore, i as handleFilter, j as getIntLegendLayerData } from './helpers.js';
+import { h as handleFilterChange, a as generateData, g as getTheme, v as validateInteractivity, b as getIntLegendLayerData, c as getParentLegendElementInfoData, d as getCategoryData, e as checkNoneSelected, f as handleFeatureCount, i as createInteractiveLegendDataForLayer, u as updateStore, j as handleFilter } from './helpers.js';
 import { d as defineCustomElement$c } from './action.js';
 import { d as defineCustomElement$b } from './button.js';
 import { d as defineCustomElement$a } from './icon.js';
@@ -31,8 +31,11 @@ function pt2px(pt) {
 
 var maquette_umd = createCommonjsModule(function (module, exports) {
 (function (global, factory) {
-    factory(exports) ;
-})(commonjsGlobal, (function (exports) {
+    'object' === 'object' && 'object' !== 'undefined' ? factory(exports) :
+    typeof undefined === 'function' && undefined.amd ? undefined(['exports'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.maquette = {}));
+})(commonjsGlobal, (function (exports) { 'use strict';
+
     var NAMESPACE_W3 = "http://www.w3.org/";
     var NAMESPACE_SVG = "".concat(NAMESPACE_W3, "2000/svg");
     var NAMESPACE_XLINK = "".concat(NAMESPACE_W3, "1999/xlink");
@@ -1439,7 +1442,7 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
             return this.renderLegendForElement(elementInfo, layer, effectList, activeLayerInfo, legendElementIndex, true, elementInfo);
         }
         let content;
-        const isStretched = !isImageryStretchedLegend();
+        const isStretched = !isImageryStretchedLegend(layer, legendElement.type);
         if (elementInfo.preview) {
             content = h("div", { class: CSS.symbol, innerHTML: `${elementInfo.preview.outerHTML}` });
         }
@@ -1449,8 +1452,8 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
         if (!content) {
             return null;
         }
-        const imageryLayerInfoStretched = '';
-        const sizeRamp = isSizeRamp ? ` ${CSS.sizeRamp}` : '';
+        const imageryLayerInfoStretched = isStretched ? ` ${CSS.imageryLayerInfoStretched}` : '';
+        const sizeRamp = !isStretched && isSizeRamp ? ` ${CSS.sizeRamp}` : '';
         let selected;
         const data = getIntLegendLayerData(layer);
         const parentLegendElementInfoData = getParentLegendElementInfoData(data, parentLegendElementInfo);
@@ -1691,6 +1694,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendClassic);
 
 export { InstantAppsInteractiveLegendClassic as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-count2.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules2.js';
 import { i as interactiveLegendState } from './store.js';
-import { g as getTheme, k as getCategoriesArray, l as checkNestedUniqueSymbol, m as calculateTotalFeatureCountForNestedSymbols, n as checkRelationshipRamp, o as calculateTotalCount, p as getNestedInfoData, j as getIntLegendLayerData } from './helpers.js';
+import { g as getTheme, k as getNestedInfoData, l as getCategoriesArray, m as checkNestedUniqueSymbol, n as calculateTotalFeatureCountForNestedSymbols, o as checkRelationshipRamp, b as getIntLegendLayerData, p as calculateTotalCount } from './helpers.js';
 
 const instantAppsInteractiveLegendCountCss = ".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__info-count-text.sc-instant-apps-interactive-legend-count{font-size:var(--instant-apps-interactive-legend-info-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.calcite-mode-dark.instant-apps-interactive-legend__info-count-text.instant-apps-interactive-legend__info-count-text--selected.sc-instant-apps-interactive-legend-count{color:var(--calcite-color-text-inverse)}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";
 
@@ -116,6 +116,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendCount);
 
 export { InstantAppsInteractiveLegendCount as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-group-legend-element-caption.js

@@ -89,7 +89,7 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
+defineCustomElement$1(InstantAppsInteractiveLegendGroupLegendElementCaption$1);
 
 const InstantAppsInteractiveLegendGroupLegendElementCaption = InstantAppsInteractiveLegendGroupLegendElementCaption$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/instant-apps-interactive-legend-group-legend-element2.js

@@ -94,6 +94,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendGroupLegendElement);
 
 export { InstantAppsInteractiveLegendGroupLegendElement as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-layer-element-caption2.js

@@ -87,6 +87,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendLayerElementCaption);
 
 export { InstantAppsInteractiveLegendLayerElementCaption as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-layer-element2.js

@@ -95,6 +95,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendLayerElement);
 
 export { InstantAppsInteractiveLegendLayerElement as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-legend-element-caption2.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { q as checkNestedUniqueSymbolLegendElement, n as checkRelationshipRamp, b as getParentLegendElementInfoData, z as zoomTo, j as getIntLegendLayerData, s as showAllNestedUniqueSymbol, u as updateStore, r as showAll } from './helpers.js';
+import { q as checkNestedUniqueSymbolLegendElement, o as checkRelationshipRamp, b as getIntLegendLayerData, c as getParentLegendElementInfoData, z as zoomTo, s as showAllNestedUniqueSymbol, u as updateStore, r as showAll } from './helpers.js';
 import { i as interactiveLegendState, s as store } from './store.js';
 import { d as defineCustomElement$5 } from './action.js';
 import { d as defineCustomElement$4 } from './button.js';
@@ -147,6 +147,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendLegendElementCaption);
 
 export { InstantAppsInteractiveLegendLegendElementCaption as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-legend-element2.js

@@ -117,6 +117,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendLegendElement);
 
 export { InstantAppsInteractiveLegendLegendElement as I, defineCustomElement as d };

package/dist/components/instant-apps-interactive-legend-relationship2.js

@@ -560,6 +560,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(InstantAppsInteractiveLegendRelationship);
 
 export { InstantAppsInteractiveLegendRelationship as I, defineCustomElement as d };