@esri/solutions-components 0.8.3 → 0.8.4

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

@@ -1,100 +0,0 @@
-/*!
- * 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-group-legend-element.entry.js

@@ -1,52 +0,0 @@
-/*!
- * 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-layer-element-caption.entry.js

@@ -1,51 +0,0 @@
-/*!
- * 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

@@ -1,53 +0,0 @@
-/*!
- * 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

@@ -1,100 +0,0 @@
-/*!
- * 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

@@ -1,61 +0,0 @@
-/*!
- * 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 };