@esri/solutions-components 0.8.2 → 0.8.3

package/dist/esm/instant-apps-header.entry.js

@@ -3,13 +3,14 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
-import { g as getElementDir } from './languageUtil-dc3111c1.js';
+import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
+import { g as getElementDir } from './languageUtil-71a7a914.js';
 import { S as Sanitizer } from './index-a1e91462.js';
 import { w as widthBreakpoints } from './breakpoints-f0f1417d.js';
 import { g as getFontFamily } from './styles-367380b5.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
 
 const instantAppsHeaderCss = ":host{--instant-apps-header-height:auto;--instant-apps-header-min-height:50px;--instant-apps-header-title-text-link-decoration:underline;--instant-apps-header-height--logo-scale--s:55px;--instant-apps-header-logo-width--logo-scale--s:35px;--instant-apps-header-logo-height--logo-scale--s:35px;--instant-apps-header-height--logo-scale--m:70px;--instant-apps-header-logo-width--logo-scale--m:50px;--instant-apps-header-logo-height--logo-scale--m:50px;--instant-apps-header-height--logo-scale--l:80px;--instant-apps-header-logo-width--logo-scale--l:60px;--instant-apps-header-logo-height--logo-scale--l:60px;width:100%}:host .image.image_resized img{width:100%}:host .instant-apps-header--standard{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--instant-apps-header-height);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);font-family:var(--calcite-sans-family);min-height:var(--instant-apps-header-min-height)}:host .instant-apps-header--standard .instant-apps-header__header-container{display:flex;align-items:center;width:100%;height:inherit}:host .instant-apps-header--standard .instant-apps-header__header-container slot{display:flex;height:inherit}:host .instant-apps-header--standard .instant-apps-header__header-container ::slotted(*){display:flex;min-height:var(--instant-apps-header-min-height);height:var(--instant-apps-header-height)}:host .instant-apps-header--standard .instant-apps-header__header-container ::slotted(*) calcite-button{height:100%}:host .instant-apps-header--standard .instant-apps-header__header-content{box-sizing:border-box;display:flex;align-items:center;width:100%;min-width:0;height:inherit;padding:5px 10px}:host .instant-apps-header--standard .instant-apps-header__header-content a{display:flex;align-items:center;-webkit-text-decoration:var(--instant-apps-header-title-text-link-decoration);text-decoration:var(--instant-apps-header-title-text-link-decoration)}:host .instant-apps-header--standard .instant-apps-header__header-content a img{padding-right:0}:host .instant-apps-header--standard .instant-apps-header__header-content img{margin:10px}:host .instant-apps-header--standard .instant-apps-header__header-content h1{margin:0;font-size:1.25rem;color:var(--calcite-color-text-1);font-weight:430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .instant-apps-header--standard .instant-apps-header__header-content #infoButton{margin-inline-start:10px}:host .instant-apps-header--standard .instant-apps-header__header-content--center{justify-content:center}:host .instant-apps-header--standard .instant-apps-header__header-content--right{justify-content:end}:host .instant-apps-header__logo-height--s{height:var(--instant-apps-header-height--logo-scale--s)}:host .instant-apps-header__logo-height--s .instant-apps-header__header-content h1{font-size:1.125rem}:host .instant-apps-header__logo-scale--s{width:var(--instant-apps-header-logo-width--logo-scale--s);height:var(--instant-apps-header-logo-height--logo-scale--s)}:host .instant-apps-header__logo-height--m{height:var(--instant-apps-header-height--logo-scale--m)}:host .instant-apps-header__logo-scale--m{width:var(--instant-apps-header-logo-width--logo-scale--m);height:var(--instant-apps-header-logo-height--logo-scale--m)}:host .instant-apps-header__logo-height--l{height:var(--instant-apps-header-height--logo-scale--l)}:host .instant-apps-header__logo-height--l .instant-apps-header__header-content h1{font-size:1.375rem}:host .instant-apps-header__logo-scale--l{width:var(--instant-apps-header-logo-width--logo-scale--l);height:var(--instant-apps-header-logo-height--logo-scale--l)}:host .instant-apps-header__logo-height--s,:host .instant-apps-header__logo-height--m,:host .instant-apps-header__logo-height--l{padding-right:10px}:host .instant-apps-header--rtl.instant-apps-header__logo-height--s,:host .instant-apps-header--rtl.instant-apps-header__logo-height--m,:host .instant-apps-header--rtl.instant-apps-header__logo-height--l{padding-right:0;padding-left:10px}";
 

package/dist/esm/instant-apps-interactive-legend-classic.entry.js

@@ -3,12 +3,13 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { h, r as registerInstance, f as forceUpdate, g as getElement } from './index-164d485a.js';
-import { h as handleFilterChange, a as generateData, s as store, i as interactiveLegendState, g as getTheme, v as validateInteractivity, b as getParentLegendElementInfoData, c as getCategoryData, d as checkNoneSelected, e as handleFeatureCount, f as createInteractiveLegendDataForLayer, u as updateStore, j as handleFilter, k as getIntLegendLayerData } from './helpers-aeddac74.js';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0f74c230.js';
-import { l as loadModules } from './loadModules-877bbb89.js';
-import './index-477ea182.js';
-import './esri-loader-1b324844.js';
+import { h, r as registerInstance, i as forceUpdate, g as getElement } from './index-bdfaac50.js';
+import { s as store, i as interactiveLegendState } from './store-194c1a01.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-3cd6d4ee.js';
+import { l as loadModules } from './loadModules-acccbc1c.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-85ca7251.js';
+import './index-91eeaf01.js';
+import './esri-loader-af2bbfd5.js';
 
 const DPI = 96;
 function pt2px(pt) {
@@ -20,8 +21,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");
@@ -1427,7 +1431,7 @@ const InstantAppsInteractiveLegendClassic = class {
             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}` });
         }
@@ -1437,8 +1441,8 @@ const InstantAppsInteractiveLegendClassic = class {
         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);

package/dist/esm/instant-apps-interactive-legend-count.entry.js

@@ -0,0 +1,100 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, i as forceUpdate, h, g as getElement } from './index-bdfaac50.js';
+import { l as loadModules } from './loadModules-acccbc1c.js';
+import { i as interactiveLegendState } from './store-194c1a01.js';
+import { g as getTheme, n as getNestedInfoData, o as getCategoriesArray, p as checkNestedUniqueSymbol, q as calculateTotalFeatureCountForNestedSymbols, l as checkRelationshipRamp, b as getIntLegendLayerData, r as calculateTotalCount } from './helpers-85ca7251.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './index-91eeaf01.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}";
+
+const CSS = {
+    countText: ' instant-apps-interactive-legend__info-count-text',
+    countTextSelected: ' instant-apps-interactive-legend__info-count-text--selected',
+};
+const InstantAppsInteractiveLegendCount = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.showTotal = false;
+        this.legendvm = undefined;
+        this.activeLayerInfo = undefined;
+        this.categoryId = undefined;
+        this.infoIndex = undefined;
+        this.messages = undefined;
+        this.selected = undefined;
+        this.legendElement = undefined;
+    }
+    async componentWillLoad() {
+        const observer = new MutationObserver(() => {
+            forceUpdate(this.el);
+        });
+        observer.observe(this.el, {
+            attributes: true,
+        });
+        const [intl] = await loadModules(['esri/intl', 'esri/core/reactiveUtils', 'esri/core/Handles']);
+        this.intl = intl;
+    }
+    render() {
+        var _a;
+        return (h("div", { key: "int-legend-count" }, this.showTotal ? (h("span", null, (_a = this.messages) === null || _a === void 0 ? void 0 :
+            _a.totalFeatureCount, ": ", this.getTotalFeatureCount())) : (h("span", { key: "element-info-count", class: `${CSS.countText} ${getTheme(this.el)}${this.selected ? CSS.countTextSelected : ''}` }, this.getCount()))));
+    }
+    getCount() {
+        var _a, _b;
+        const { categoryId } = this;
+        const layerId = this.activeLayerInfo.layer.id;
+        const isSingleElement = (_b = (_a = interactiveLegendState.data[layerId]) === null || _a === void 0 ? void 0 : _a.categories) === null || _b === void 0 ? void 0 : _b.size;
+        if ((!interactiveLegendState.data || !layerId || !categoryId) && !isSingleElement)
+            return '';
+        const dataFromActiveLayerInfo = interactiveLegendState.data[layerId];
+        if (!dataFromActiveLayerInfo)
+            return;
+        const { categories } = dataFromActiveLayerInfo;
+        const category = categories.get(categoryId);
+        let categoryData;
+        if (category === null || category === void 0 ? void 0 : category.nestedInfos) {
+            // nested
+            categoryData = getNestedInfoData(category, this.infoIndex);
+        }
+        else {
+            categoryData = category;
+        }
+        return !isNaN(categoryData === null || categoryData === void 0 ? void 0 : categoryData.count) ? this.intl.formatNumber(categoryData.count) : '';
+    }
+    getTotalFeatureCount() {
+        const layerId = this.activeLayerInfo.layer.id;
+        if (!interactiveLegendState.data || !layerId)
+            return '';
+        const dataFromActiveLayerInfo = interactiveLegendState.data[layerId];
+        if (!dataFromActiveLayerInfo)
+            return;
+        const { categories } = dataFromActiveLayerInfo;
+        const categoriesArr = getCategoriesArray(categories);
+        const isNestedUniqueSymbol = checkNestedUniqueSymbol(categories);
+        let total;
+        if (isNestedUniqueSymbol) {
+            // nested
+            total = calculateTotalFeatureCountForNestedSymbols(categoriesArr);
+        }
+        else {
+            if (checkRelationshipRamp(this.activeLayerInfo)) {
+                const layerData = getIntLegendLayerData(this.activeLayerInfo.layer);
+                const categoriesArr = getCategoriesArray(layerData.categories)[1];
+                total = categoriesArr.count;
+            }
+            else {
+                total = calculateTotalCount(categoriesArr);
+            }
+        }
+        return this.intl.formatNumber(total);
+    }
+    get el() { return getElement(this); }
+};
+InstantAppsInteractiveLegendCount.style = instantAppsInteractiveLegendCountCss;
+
+export { InstantAppsInteractiveLegendCount as instant_apps_interactive_legend_count };

package/dist/esm/instant-apps-interactive-legend-count_2.entry.js

@@ -4,8 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-164d485a.js';
-import { l as loadModules } from './loadModules-877bbb89.js';
-import { g as getTheme, i as interactiveLegendState, q as getCategoriesArray, r as checkNestedUniqueSymbol, t as calculateTotalFeatureCountForNestedSymbols, m as checkRelationshipRamp, w as calculateTotalCount, x as getNestedInfoData, k as getIntLegendLayerData, v as validateInteractivity } from './helpers-aeddac74.js';
+import { l as loadModules } from './loadModules-7a5f1022.js';
+import { g as getTheme, i as interactiveLegendState, q as getCategoriesArray, r as checkNestedUniqueSymbol, t as calculateTotalFeatureCountForNestedSymbols, m as checkRelationshipRamp, w as calculateTotalCount, x as getNestedInfoData, k as getIntLegendLayerData, v as validateInteractivity } from './helpers-f9256189.js';
 import './esri-loader-1b324844.js';
 import './_commonjsHelpers-0f74c230.js';
 import './index-477ea182.js';

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

@@ -3,12 +3,13 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-164d485a.js';
-import { v as validateInteractivity, g as getTheme } from './helpers-aeddac74.js';
-import './loadModules-877bbb89.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './index-477ea182.js';
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-bdfaac50.js';
+import { v as validateInteractivity, g as getTheme } from './helpers-85ca7251.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './store-194c1a01.js';
+import './index-91eeaf01.js';
 
 const instantAppsInteractiveLegendGroupLegendElementCaptionCss = ".sc-instant-apps-interactive-legend-group-legend-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-group-legend-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-group-legend-element-caption{overflow:hidden;margin:0;overflow-x:hidden;display:inline-block;font-size:var(--instant-apps-interactive-legend-heading-font-size);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-group-legend-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-group-legend-element-caption header.sc-instant-apps-interactive-legend-group-legend-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-group-legend-element-caption-h header.sc-instant-apps-interactive-legend-group-legend-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-group-legend-element-caption-h header.sc-instant-apps-interactive-legend-group-legend-element-caption h3.sc-instant-apps-interactive-legend-group-legend-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-group-legend-element-caption-h header.sc-instant-apps-interactive-legend-group-legend-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-group-legend-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-group-legend-element-caption-h header.sc-instant-apps-interactive-legend-group-legend-element-caption span.sc-instant-apps-interactive-legend-group-legend-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-group-legend-element-caption-h header.sc-instant-apps-interactive-legend-group-legend-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-group-legend-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-group-legend-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-group-legend-element-caption header.sc-instant-apps-interactive-legend-group-legend-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-group-legend-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-group-legend-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-group-legend-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-group-legend-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-group-legend-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-group-legend-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";
 

package/dist/esm/instant-apps-interactive-legend-group-legend-element.entry.js

@@ -0,0 +1,52 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, i as forceUpdate, h, g as getElement } from './index-bdfaac50.js';
+import { g as getTheme } from './helpers-85ca7251.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './store-194c1a01.js';
+import './index-91eeaf01.js';
+
+const instantAppsInteractiveLegendGroupLegendElementCss = ".sc-instant-apps-interactive-legend-group-legend-element-h{display:block}.sc-instant-apps-interactive-legend-group-legend-element-h .esri-legend__service.sc-instant-apps-interactive-legend-group-legend-element{margin:0;padding:0}.sc-instant-apps-interactive-legend-group-legend-element-h .hide.sc-instant-apps-interactive-legend-group-legend-element{display:none}";
+
+const CSS = {
+    service: 'esri-legend__service',
+    groupLayer: 'esri-legend__group-layer',
+    groupContent: 'esri-legend__group-content',
+};
+const InstantAppsInteractiveLegendGroupLegendElement = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.legendvm = undefined;
+        this.featureCount = undefined;
+        this.activeLayerInfo = undefined;
+        this.messages = undefined;
+        this.isChild = false;
+        this.expanded = true;
+    }
+    layerCaptionElementExpandUpdatedEmitted() {
+        var _a;
+        this.expanded = !!((_a = this.layerCaption) === null || _a === void 0 ? void 0 : _a.expanded);
+    }
+    async componentWillLoad() {
+        const observer = new MutationObserver(() => {
+            forceUpdate(this.el);
+        });
+        observer.observe(this.el, {
+            attributes: true,
+        });
+    }
+    render() {
+        return (h("div", { style: {
+                borderLeft: '1px solid var(--calcite-color-border-3)',
+            }, class: `${CSS.service} ${CSS.groupLayer}` }, h("instant-apps-interactive-legend-layer-element-caption", { ref: node => (this.layerCaption = node), class: getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), h("div", { class: `${CSS.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { name: "content" }))));
+    }
+    get el() { return getElement(this); }
+};
+InstantAppsInteractiveLegendGroupLegendElement.style = instantAppsInteractiveLegendGroupLegendElementCss;
+
+export { InstantAppsInteractiveLegendGroupLegendElement as instant_apps_interactive_legend_group_legend_element };

package/dist/esm/instant-apps-interactive-legend-group-legend-element_5.entry.js

@@ -4,8 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-164d485a.js';
-import { g as getTheme, l as checkNestedUniqueSymbolLegendElement, s as store, i as interactiveLegendState, b as getParentLegendElementInfoData, z as zoomTo, m as checkRelationshipRamp, k as getIntLegendLayerData, n as showAllNestedUniqueSymbol, u as updateStore, o as showAll, p as getMergedEffect } from './helpers-aeddac74.js';
-import { l as loadModules } from './loadModules-877bbb89.js';
+import { g as getTheme, l as checkNestedUniqueSymbolLegendElement, s as store, i as interactiveLegendState, b as getParentLegendElementInfoData, z as zoomTo, m as checkRelationshipRamp, k as getIntLegendLayerData, n as showAllNestedUniqueSymbol, u as updateStore, o as showAll, p as getMergedEffect } from './helpers-f9256189.js';
+import { l as loadModules } from './loadModules-7a5f1022.js';
 import './index-477ea182.js';
 import './esri-loader-1b324844.js';
 import './_commonjsHelpers-0f74c230.js';

package/dist/esm/instant-apps-interactive-legend-layer-element-caption.entry.js

@@ -0,0 +1,51 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-bdfaac50.js';
+import { v as validateInteractivity, g as getTheme } from './helpers-85ca7251.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './store-194c1a01.js';
+import './index-91eeaf01.js';
+
+const instantAppsInteractiveLegendLayerElementCaptionCss = ".sc-instant-apps-interactive-legend-layer-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;overflow-x:hidden;display:inline-block;font-size:var(--instant-apps-interactive-legend-heading-font-size);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption h3.sc-instant-apps-interactive-legend-layer-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-layer-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption span.sc-instant-apps-interactive-legend-layer-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-layer-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";
+
+const CSS = {
+    label: 'esri-legend__service-label',
+    header: 'esri-widget__heading',
+    interacitveLegendHeader: 'instant-apps-interactive-legend__header',
+    headerActionContainer: 'instant-apps-interactive-legend__header-action-container',
+};
+const InstantAppsInteractiveLegendLayerElementCaption = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.layerCaptionElementExpandUpdatedEvent = createEvent(this, "layerCaptionElementExpandUpdated", 7);
+        this.legendvm = undefined;
+        this.featureCount = undefined;
+        this.activeLayerInfo = undefined;
+        this.messages = undefined;
+        this.isChild = false;
+        this.expanded = true;
+    }
+    render() {
+        var _a, _b, _c;
+        const isInteractive = validateInteractivity(this.activeLayerInfo);
+        const { expanded } = this;
+        const expandCollapseText = expanded ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.collapse : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.expand;
+        const isChild = this.isChild ? ' instant-apps-interactive-legend__heading-text--group-item' : '';
+        return (h("header", { class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}` }, h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("span", null, h("span", { class: CSS.headerActionContainer }, h("h3", { class: `${CSS.header} ${CSS.label}${isChild}` }, (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
+    }
+    toggleExpanded() {
+        return () => {
+            this.expanded = !this.expanded;
+            this.layerCaptionElementExpandUpdatedEvent.emit(this.expanded);
+        };
+    }
+    get el() { return getElement(this); }
+};
+InstantAppsInteractiveLegendLayerElementCaption.style = instantAppsInteractiveLegendLayerElementCaptionCss;
+
+export { InstantAppsInteractiveLegendLayerElementCaption as instant_apps_interactive_legend_layer_element_caption };

package/dist/esm/instant-apps-interactive-legend-layer-element.entry.js

@@ -0,0 +1,53 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, i as forceUpdate, h, g as getElement } from './index-bdfaac50.js';
+import { g as getTheme } from './helpers-85ca7251.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './store-194c1a01.js';
+import './index-91eeaf01.js';
+
+const instantAppsInteractiveLegendLayerElementCss = ".sc-instant-apps-interactive-legend-layer-element-h{display:block}.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__service.sc-instant-apps-interactive-legend-layer-element{padding:0}.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer-body.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer-table.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__group-layer-child.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer-child-table.sc-instant-apps-interactive-legend-layer-element{margin:0;overflow:hidden}.sc-instant-apps-interactive-legend-layer-element-h .hide.sc-instant-apps-interactive-legend-layer-element{display:none}";
+
+const CSS = {
+    service: 'esri-legend__service',
+    groupLayerChild: 'esri-legend__group-layer-child',
+    layer: 'esri-legend__layer',
+};
+const InstantAppsInteractiveLegendLayerElement = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.legendvm = undefined;
+        this.featureCount = undefined;
+        this.activeLayerInfo = undefined;
+        this.messages = undefined;
+        this.isChild = undefined;
+        this.expanded = true;
+    }
+    layerCaptionElementExpandUpdatedEmitted() {
+        this.expanded = this.layerCaption.expanded;
+    }
+    componentWillLoad() {
+        const observer = new MutationObserver(() => {
+            forceUpdate(this.el);
+        });
+        observer.observe(this.el, {
+            attributes: true,
+        });
+    }
+    render() {
+        var _a, _b;
+        const layerClasses = !!this.activeLayerInfo.parent ? ` ${CSS.groupLayerChild}` : '';
+        return (h("div", { style: {
+                borderLeft: '1px solid var(--calcite-color-border-3)',
+            }, class: `${CSS.service}${layerClasses}`, tabIndex: 0 }, h("instant-apps-interactive-legend-layer-element-caption", { ref: node => (this.layerCaption = node), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: !!this.isChild, class: getTheme(this.el) }), h("div", { id: `${(_b = (_a = this.activeLayerInfo) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id}-legend-layer`, class: `${CSS.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { name: "content" }))));
+    }
+    get el() { return getElement(this); }
+};
+InstantAppsInteractiveLegendLayerElement.style = instantAppsInteractiveLegendLayerElementCss;
+
+export { InstantAppsInteractiveLegendLayerElement as instant_apps_interactive_legend_layer_element };

package/dist/esm/instant-apps-interactive-legend-legend-element-caption.entry.js

@@ -0,0 +1,100 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-bdfaac50.js';
+import { k as checkNestedUniqueSymbolLegendElement, l as checkRelationshipRamp, b as getIntLegendLayerData, c as getParentLegendElementInfoData, z as zoomTo, s as showAllNestedUniqueSymbol, u as updateStore, m as showAll } from './helpers-85ca7251.js';
+import { i as interactiveLegendState, s as store } from './store-194c1a01.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './index-91eeaf01.js';
+
+const instantAppsInteractiveLegendLegendElementCaptionCss = ".sc-instant-apps-interactive-legend-legend-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-caption-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-field-name-font-size:1rem;--instant-apps-interactive-legend-total-feature-count-font-size:0.875rem;--instant-apps-interactive-legend-info-font-size:0.875rem;--instant-apps-interactive-legend-info-item-background--selected:#c7ebff;--instant-apps-interactive-legend-info-item-color--selected:var(--calcite-color-text-2);--instant-apps-interactive-legend-secondary-background-color:var(--calcite-color-background);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption calcite-action.sc-instant-apps-interactive-legend-legend-element-caption{margin-left:20px}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__legend-layer-caption-text.sc-instant-apps-interactive-legend-legend-element-caption{display:inline-block;margin-left:5px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption{white-space:nowrap}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption calcite-button.sc-instant-apps-interactive-legend-legend-element-caption{margin:2px}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight);padding:var(--instant-apps-interactive-legend-ui-padding)}html[dir=rtl] .sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption calcite-action.sc-instant-apps-interactive-legend-legend-element-caption{margin-left:unset;margin-right:20px}";
+
+const CSS = {
+    layerCaption: 'esri-legend__layer-caption',
+    layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
+    layerCaptionBtnContainerNoText: 'instant-apps-interactive-legend__layer-caption-btn-container--no-text',
+    layerCaptionText: 'instant-apps-interactive-legend__legend-layer-caption-text',
+};
+const InstantAppsInteractiveLegendLegendElementCaption = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.showAllSelectedEvent = createEvent(this, "showAllSelected", 7);
+        this.legendLayerExpandUpdatedEvent = createEvent(this, "legendLayerExpandUpdated", 7);
+        this.legendvm = undefined;
+        this.activeLayerInfo = undefined;
+        this.layer = undefined;
+        this.titleText = undefined;
+        this.legendElementIndex = undefined;
+        this.zoomTo = undefined;
+        this.isInteractive = undefined;
+        this.legendElement = undefined;
+        this.expanded = true;
+        this.messages = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const isNestedUniqueSymbols = checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
+        const isRelationship = checkRelationshipRamp(this.activeLayerInfo);
+        const { expanded } = this;
+        return isNestedUniqueSymbols && !this.titleText ? null : (h("div", { class: CSS.layerCaption }, h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), this.isInteractive || isRelationship ? this.renderLegendElementCaptionControls() : null, this.titleText ? h("span", { class: CSS.layerCaptionText }, this.titleText) : null));
+    }
+    renderLegendElementCaptionControls() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const noText = !this.titleText ? ` ${CSS.layerCaptionBtnContainerNoText}` : '';
+        const showAllButton = ((_d = (_c = (_a = interactiveLegendState.data) === null || _a === void 0 ? void 0 : _a[(_b = this.layer) === null || _b === void 0 ? void 0 : _b.id]) === null || _c === void 0 ? void 0 : _c.categories) === null || _d === void 0 ? void 0 : _d.size) > 1 ? (h("calcite-button", { key: "show-all-button", id: "showAll", onClick: this.handleShowAll(), "icon-start": "list-check-all", appearance: "outline", round: true, label: (_e = this.messages) === null || _e === void 0 ? void 0 : _e.showAll })) : null;
+        const zoomToButton = (h("calcite-button", { key: "zoom-to-button", id: "zoomTo", onClick: this.handleZoomTo(), "icon-start": "magnifying-glass-plus", appearance: "outline", round: true, label: (_f = this.messages) === null || _f === void 0 ? void 0 : _f.zoomTo }));
+        return (h("div", { key: "layer-caption-btn-container", class: `${CSS.layerCaptionBtnContainer}${noText}` }, showAllButton, h("calcite-tooltip", { "reference-element": "showAll", placement: "top", label: (_g = this.messages) === null || _g === void 0 ? void 0 : _g.showAll }, (_h = this.messages) === null || _h === void 0 ? void 0 : _h.showAll), this.zoomTo
+            ? [
+                zoomToButton,
+                h("calcite-tooltip", { "reference-element": "zoomTo", placement: "top", label: (_j = this.messages) === null || _j === void 0 ? void 0 : _j.zoomTo }, (_k = this.messages) === null || _k === void 0 ? void 0 : _k.zoomTo),
+            ]
+            : null));
+    }
+    toggleExpanded() {
+        return () => {
+            var _a, _b;
+            this.expanded = !this.expanded;
+            this.legendLayerExpandUpdatedEvent.emit();
+            const relationshipRampElements = (_b = (_a = this.activeLayerInfo) === null || _a === void 0 ? void 0 : _a.legendElements) === null || _b === void 0 ? void 0 : _b.filter(legendElement => legendElement.type === 'relationship-ramp');
+            if (relationshipRampElements.length > 0) {
+                store.set('relationshipRampExpandStates', Object.assign(Object.assign({}, interactiveLegendState.relationshipRampExpandStates), { [this.activeLayerInfo.layer.id]: this.expanded }));
+            }
+        };
+    }
+    handleZoomTo() {
+        return () => {
+            const data = getIntLegendLayerData(this.layer);
+            const nestedCategory = getParentLegendElementInfoData(data, this.legendElement);
+            zoomTo(data, this.legendvm.view, nestedCategory);
+        };
+    }
+    handleShowAll() {
+        return () => {
+            var _a, _b;
+            const handleNestedCategory = () => {
+                const layerData = showAllNestedUniqueSymbol(data, this.legendElement.title);
+                updateStore({ intLegendLayerData: layerData, layerId: this.layer.id });
+            };
+            const handleCategory = () => {
+                const layerData = showAll(data);
+                updateStore({ intLegendLayerData: layerData, layerId: this.layer.id });
+            };
+            const data = (_a = interactiveLegendState.data) === null || _a === void 0 ? void 0 : _a[(_b = this.layer) === null || _b === void 0 ? void 0 : _b.id];
+            const nestedCategory = getParentLegendElementInfoData(data, this.legendElement);
+            if (nestedCategory) {
+                handleNestedCategory();
+                return;
+            }
+            handleCategory();
+            this.showAllSelectedEvent.emit();
+        };
+    }
+    get el() { return getElement(this); }
+};
+InstantAppsInteractiveLegendLegendElementCaption.style = instantAppsInteractiveLegendLegendElementCaptionCss;
+
+export { InstantAppsInteractiveLegendLegendElementCaption as instant_apps_interactive_legend_legend_element_caption };

package/dist/esm/instant-apps-interactive-legend-legend-element.entry.js

@@ -0,0 +1,61 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h } from './index-bdfaac50.js';
+import { k as checkNestedUniqueSymbolLegendElement } from './helpers-85ca7251.js';
+import { s as store } from './store-194c1a01.js';
+import './loadModules-acccbc1c.js';
+import './esri-loader-af2bbfd5.js';
+import './_commonjsHelpers-3cd6d4ee.js';
+import './index-91eeaf01.js';
+
+const instantAppsInteractiveLegendLegendElementCss = ".sc-instant-apps-interactive-legend-legend-element-h{display:block}.sc-instant-apps-interactive-legend-legend-element-h .esri-legend__layer-table.sc-instant-apps-interactive-legend-legend-element,.sc-instant-apps-interactive-legend-legend-element-h .instant-apps-interactive-legend__nested-unique-symbol.sc-instant-apps-interactive-legend-legend-element{margin:0}.sc-instant-apps-interactive-legend-legend-element-h .hide.sc-instant-apps-interactive-legend-legend-element{display:none}";
+
+const CSS = {
+    layerTableSizeRamp: 'esri-legend__layer-table--size-ramp',
+    layerChildTable: 'esri-legend__layer-child-table',
+    layerTable: 'esri-legend__layer-table',
+    nestedUniqueSymbol: 'instant-apps-interactive-legend__nested-unique-symbol',
+    nonInteractive: 'instant-apps-interactive-legend__non-interactive',
+};
+const InstantAppsInteractiveLegendLegendElement = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.activeLayerInfo = undefined;
+        this.isSizeRamp = undefined;
+        this.isChild = undefined;
+        this.isColorRamp = undefined;
+        this.isRelationshipRamp = undefined;
+        this.isInteractive = undefined;
+        this.zoomTo = undefined;
+        this.legendElement = undefined;
+        this.titleText = undefined;
+        this.legendvm = undefined;
+        this.legendElementIndex = undefined;
+        this.messages = undefined;
+        this.expanded = true;
+    }
+    legendLayerExpandUpdatedEmitted() {
+        this.expanded = this.legendLayerCaption.expanded;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const tableClass = this.isChild ? CSS.layerChildTable : CSS.layerTable;
+        const singleSymbol = ((_b = (_a = this.legendElement) === null || _a === void 0 ? void 0 : _a.infos) === null || _b === void 0 ? void 0 : _b.length) === 1 && !((_e = (_d = (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.layer) === null || _d === void 0 ? void 0 : _d.renderer) === null || _e === void 0 ? void 0 : _e.field);
+        const tableClasses = (this.isSizeRamp || !this.isChild) && !this.isColorRamp ? ` ${CSS.layerTableSizeRamp}` : '';
+        const nonInteractiveClass = !this.isInteractive ? ` ${CSS.nonInteractive}` : '';
+        const nestedUniqueSymbolClass = checkNestedUniqueSymbolLegendElement(this.activeLayerInfo) ? ` ${CSS.nestedUniqueSymbol}` : '';
+        let expanded = singleSymbol && !this.expanded && !this.zoomTo ? true : this.expanded;
+        if (this.isRelationshipRamp) {
+            const relationshipRampExpandStates = store.get('relationshipRampExpandStates');
+            const expandState = relationshipRampExpandStates[this.activeLayerInfo.layer.id];
+            expanded = expandState;
+        }
+        return (h("div", { class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, h("div", { id: `${(_g = (_f = this.activeLayerInfo) === null || _f === void 0 ? void 0 : _f.layer) === null || _g === void 0 ? void 0 : _g.id}-legend-element-caption`, class: `${this.isRelationshipRamp || (!this.titleText && !this.zoomTo && singleSymbol) ? 'hide' : 'show'}` }, h("instant-apps-interactive-legend-legend-element-caption", { ref: node => (this.legendLayerCaption = node), legendvm: this.legendvm, activeLayerInfo: this.activeLayerInfo, layer: this.activeLayerInfo.layer, titleText: this.titleText, legendElement: this.legendElement, legendElementIndex: this.legendElementIndex, zoomTo: this.zoomTo, isInteractive: this.isInteractive, messages: this.messages })), h("div", { key: "content", id: `${(_j = (_h = this.activeLayerInfo) === null || _h === void 0 ? void 0 : _h.layer) === null || _j === void 0 ? void 0 : _j.id}-legend-element-content-${this.legendElementIndex}`, class: `${expanded === false ? 'hide' : 'show'}` }, h("slot", { name: "content" }))));
+    }
+};
+InstantAppsInteractiveLegendLegendElement.style = instantAppsInteractiveLegendLegendElementCss;
+
+export { InstantAppsInteractiveLegendLegendElement as instant_apps_interactive_legend_legend_element };