@esri/solutions-components 0.8.67 → 0.9.0

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

@@ -1,104 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const loadModules = require('./loadModules-0a42affb.js');
-const store = require('./store-3ba88099.js');
-const helpers = require('./helpers-d91ad1d6.js');
-require('./esri-loader-9b0ce1a4.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./index-e6154163.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) {
-        index.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(() => {
-            index.forceUpdate(this.el);
-        });
-        observer.observe(this.el, {
-            attributes: true,
-        });
-        const [intl] = await loadModules.loadModules(['esri/intl', 'esri/core/reactiveUtils', 'esri/core/Handles']);
-        this.intl = intl;
-    }
-    render() {
-        var _a;
-        return (index.h("div", { key: "int-legend-count" }, this.showTotal ? (index.h("span", null, (_a = this.messages) === null || _a === void 0 ? void 0 :
-            _a.totalFeatureCount, ": ", this.getTotalFeatureCount())) : (index.h("span", { key: "element-info-count", class: `${CSS.countText} ${helpers.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 = store.interactiveLegendState.data[layerId]) === null || _a === void 0 ? void 0 : _a.categories) === null || _b === void 0 ? void 0 : _b.size;
-        if ((!store.interactiveLegendState.data || !layerId || !categoryId) && !isSingleElement)
-            return '';
-        const dataFromActiveLayerInfo = store.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 = helpers.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 (!store.interactiveLegendState.data || !layerId)
-            return '';
-        const dataFromActiveLayerInfo = store.interactiveLegendState.data[layerId];
-        if (!dataFromActiveLayerInfo)
-            return;
-        const { categories } = dataFromActiveLayerInfo;
-        const categoriesArr = helpers.getCategoriesArray(categories);
-        const isNestedUniqueSymbol = helpers.checkNestedUniqueSymbol(categories);
-        let total;
-        if (isNestedUniqueSymbol) {
-            // nested
-            total = helpers.calculateTotalFeatureCountForNestedSymbols(categoriesArr);
-        }
-        else {
-            if (helpers.checkRelationshipRamp(this.activeLayerInfo)) {
-                const layerData = helpers.getIntLegendLayerData(this.activeLayerInfo.layer);
-                const categoriesArr = helpers.getCategoriesArray(layerData.categories)[1];
-                total = categoriesArr.count;
-            }
-            else {
-                total = helpers.calculateTotalCount(categoriesArr);
-            }
-        }
-        return this.intl.formatNumber(total);
-    }
-    get el() { return index.getElement(this); }
-};
-InstantAppsInteractiveLegendCount.style = instantAppsInteractiveLegendCountCss;
-
-exports.instant_apps_interactive_legend_count = InstantAppsInteractiveLegendCount;

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

@@ -1,56 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const helpers = require('./helpers-d91ad1d6.js');
-require('./loadModules-0a42affb.js');
-require('./esri-loader-9b0ce1a4.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./store-3ba88099.js');
-require('./index-e6154163.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) {
-        index.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(() => {
-            index.forceUpdate(this.el);
-        });
-        observer.observe(this.el, {
-            attributes: true,
-        });
-    }
-    render() {
-        return (index.h("div", { key: '5294fd647e506c8fb1c10bc39178dd1701df0a13', style: {
-                borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS.service} ${CSS.groupLayer}` }, index.h("instant-apps-interactive-legend-layer-element-caption", { key: '5fa320a7a12179a85e157ccbabb5ff0d3fb75ea2', ref: node => (this.layerCaption = node), class: helpers.getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), index.h("div", { key: '68f702a841bf7a89a0534a252465b742c872aa94', class: `${CSS.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, index.h("slot", { key: '7b632a4264a3aead0f53949b972169827b11a4c0', name: "content" }))));
-    }
-    get el() { return index.getElement(this); }
-};
-InstantAppsInteractiveLegendGroupLegendElement.style = instantAppsInteractiveLegendGroupLegendElementCss;
-
-exports.instant_apps_interactive_legend_group_legend_element = InstantAppsInteractiveLegendGroupLegendElement;

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

@@ -1,55 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const helpers = require('./helpers-d91ad1d6.js');
-require('./loadModules-0a42affb.js');
-require('./esri-loader-9b0ce1a4.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./store-3ba88099.js');
-require('./index-e6154163.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) {
-        index.registerInstance(this, hostRef);
-        this.layerCaptionElementExpandUpdatedEvent = index.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, _d;
-        const isInteractive = helpers.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 (index.h("header", { key: '90e0c1317dab1e4f6aeb9f0e6652ba0c437e2738', class: `${CSS.interacitveLegendHeader} ${helpers.getTheme(this.el)}` }, index.h("calcite-action", { key: 'a83eb7e778aba7b5293a4e612e0e48369c1532bf', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), index.h("span", { key: '2ddd88d88356bfd06325bd71f3b379cceaffeac0' }, index.h("span", { key: '974c40e2cd293c18c9cb05963616289484af2ce1', class: CSS.headerActionContainer }, index.h("h3", { key: 'e95395514e1406feb2f590c49398c2321b6c643c', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (index.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 index.getElement(this); }
-};
-InstantAppsInteractiveLegendLayerElementCaption.style = instantAppsInteractiveLegendLayerElementCaptionCss;
-
-exports.instant_apps_interactive_legend_layer_element_caption = InstantAppsInteractiveLegendLayerElementCaption;

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

@@ -1,57 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const helpers = require('./helpers-d91ad1d6.js');
-require('./loadModules-0a42affb.js');
-require('./esri-loader-9b0ce1a4.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./store-3ba88099.js');
-require('./index-e6154163.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) {
-        index.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(() => {
-            index.forceUpdate(this.el);
-        });
-        observer.observe(this.el, {
-            attributes: true,
-        });
-    }
-    render() {
-        var _a, _b;
-        const layerClasses = !!this.activeLayerInfo.parent ? ` ${CSS.groupLayerChild}` : '';
-        return (index.h("div", { key: '14f04807f3c36d4ef8dc2337d126b9657fc8edec', style: {
-                borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS.service}${layerClasses}`, tabIndex: 0 }, index.h("instant-apps-interactive-legend-layer-element-caption", { key: '3917bafae2f4c5d5050d402ab2a3e9257ecfc678', ref: node => (this.layerCaption = node), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: !!this.isChild, class: helpers.getTheme(this.el) }), index.h("div", { key: '8eb250a7a3404561a5ab349406fbfce8dac00608', 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'}` }, index.h("slot", { key: '94f10f632b9409a25f6f5eaf65c7a2e50ecedc29', name: "content" }))));
-    }
-    get el() { return index.getElement(this); }
-};
-InstantAppsInteractiveLegendLayerElement.style = instantAppsInteractiveLegendLayerElementCss;
-
-exports.instant_apps_interactive_legend_layer_element = InstantAppsInteractiveLegendLayerElement;

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

@@ -1,104 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const helpers = require('./helpers-d91ad1d6.js');
-const store = require('./store-3ba88099.js');
-require('./loadModules-0a42affb.js');
-require('./esri-loader-9b0ce1a4.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./index-e6154163.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) {
-        index.registerInstance(this, hostRef);
-        this.showAllSelectedEvent = index.createEvent(this, "showAllSelected", 7);
-        this.legendLayerExpandUpdatedEvent = index.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 = helpers.checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
-        const isRelationship = helpers.checkRelationshipRamp(this.activeLayerInfo);
-        const { expanded } = this;
-        return isNestedUniqueSymbols && !this.titleText ? null : (index.h("div", { class: CSS.layerCaption }, index.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 ? index.h("span", { class: CSS.layerCaptionText, title: this.titleText }, 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 = store.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 ? (index.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 = (index.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 (index.h("div", { key: "layer-caption-btn-container", class: `${CSS.layerCaptionBtnContainer}${noText}` }, showAllButton, index.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,
-                index.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.store.set('relationshipRampExpandStates', Object.assign(Object.assign({}, store.interactiveLegendState.relationshipRampExpandStates), { [this.activeLayerInfo.layer.id]: this.expanded }));
-            }
-        };
-    }
-    handleZoomTo() {
-        return () => {
-            const data = helpers.getIntLegendLayerData(this.layer);
-            const nestedCategory = helpers.getParentLegendElementInfoData(data, this.legendElement);
-            helpers.zoomTo(data, this.legendvm.view, nestedCategory);
-        };
-    }
-    handleShowAll() {
-        return () => {
-            var _a, _b;
-            const handleNestedCategory = () => {
-                const layerData = helpers.showAllNestedUniqueSymbol(data, this.legendElement.title);
-                helpers.updateStore({ intLegendLayerData: layerData, layerId: this.layer.id });
-            };
-            const handleCategory = () => {
-                const layerData = helpers.showAll(data);
-                helpers.updateStore({ intLegendLayerData: layerData, layerId: this.layer.id });
-            };
-            const data = (_a = store.interactiveLegendState.data) === null || _a === void 0 ? void 0 : _a[(_b = this.layer) === null || _b === void 0 ? void 0 : _b.id];
-            const nestedCategory = helpers.getParentLegendElementInfoData(data, this.legendElement);
-            if (nestedCategory) {
-                handleNestedCategory();
-                return;
-            }
-            handleCategory();
-            this.showAllSelectedEvent.emit();
-        };
-    }
-    get el() { return index.getElement(this); }
-};
-InstantAppsInteractiveLegendLegendElementCaption.style = instantAppsInteractiveLegendLegendElementCaptionCss;
-
-exports.instant_apps_interactive_legend_legend_element_caption = InstantAppsInteractiveLegendLegendElementCaption;

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

@@ -1,65 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const helpers = require('./helpers-d91ad1d6.js');
-const store = require('./store-3ba88099.js');
-require('./loadModules-0a42affb.js');
-require('./esri-loader-9b0ce1a4.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./index-e6154163.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) {
-        index.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 = helpers.checkNestedUniqueSymbolLegendElement(this.activeLayerInfo) ? ` ${CSS.nestedUniqueSymbol}` : '';
-        let expanded = singleSymbol && !this.expanded && !this.zoomTo ? true : this.expanded;
-        if (this.isRelationshipRamp) {
-            const relationshipRampExpandStates = store.store.get('relationshipRampExpandStates');
-            const expandState = relationshipRampExpandStates[this.activeLayerInfo.layer.id];
-            expanded = expandState;
-        }
-        return (index.h("div", { key: '4c84ceeed6021b53975ce59397b7942efe0fd861', class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, index.h("div", { key: '71a9a54047a3880f8a800b5c5ada44bd44ddcd37', 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'}` }, index.h("instant-apps-interactive-legend-legend-element-caption", { key: '3f4dedbe202011c88d80269e877de1a137985b04', 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 })), index.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'}` }, index.h("slot", { key: '8b402e2c6dbf5e657cb4518c95bb43220de0a68d', name: "content" }))));
-    }
-};
-InstantAppsInteractiveLegendLegendElement.style = instantAppsInteractiveLegendLegendElementCss;
-
-exports.instant_apps_interactive_legend_legend_element = InstantAppsInteractiveLegendLegendElement;