@esri/solutions-components 0.11.29 → 0.11.31

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

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { I as InstantAppsInteractiveLegendCount$1, d as defineCustomElement$1 } from './instant-apps-interactive-legend-count2.js';
-
-const InstantAppsInteractiveLegendCount = InstantAppsInteractiveLegendCount$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegendCount, defineCustomElement };

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

@@ -1,125 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules2.js';
-import { s as store, i as interactiveLegendState } from './store.js';
-import { g as getTheme, l as getCategoriesArray, m as checkNestedUniqueSymbol, n as calculateTotalFeatureCountForNestedSymbols, o as checkRelationshipRamp, p as calculateTotalCount, q as getNestedInfoData, k as getIntLegendLayerData } from './helpers.js';
-
-const instantAppsInteractiveLegendCountCss = ".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.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)}.instant-apps-interactive-legend-count--compact.sc-instant-apps-interactive-legend-count .instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-size:0.75rem}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";
-const InstantAppsInteractiveLegendCountStyle0 = instantAppsInteractiveLegendCountCss;
-
-const CSS = {
-    countText: ' instant-apps-interactive-legend__info-count-text',
-    countTextSelected: ' instant-apps-interactive-legend__info-count-text--selected',
-    totalFeatureCount: 'instant-apps-interactive-legend__total-feature-count',
-    compact: 'instant-apps-interactive-legend-count--compact',
-};
-const InstantAppsInteractiveLegendCount = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendCount extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        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;
-        const compact = store.get('compact') ? CSS.compact : '';
-        return (h("div", { key: "int-legend-count", class: compact }, this.showTotal ? (h("span", { class: CSS.totalFeatureCount }, (_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 this; }
-    static get style() { return InstantAppsInteractiveLegendCountStyle0; }
-}, [2, "instant-apps-interactive-legend-count", {
-        "showTotal": [4, "show-total"],
-        "legendvm": [16],
-        "activeLayerInfo": [16],
-        "categoryId": [1, "category-id"],
-        "infoIndex": [2, "info-index"],
-        "messages": [8],
-        "selected": [4],
-        "legendElement": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-interactive-legend-count"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-interactive-legend-count":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsInteractiveLegendCount);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { InstantAppsInteractiveLegendCount as I, defineCustomElement as d };

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

@@ -1,80 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { v as validateInteractivity, g as getTheme } from './helpers.js';
-import { d as defineCustomElement$2 } from './instant-apps-interactive-legend-count2.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)}";
-const InstantAppsInteractiveLegendGroupLegendElementCaptionStyle0 = instantAppsInteractiveLegendGroupLegendElementCaptionCss;
-
-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 InstantAppsInteractiveLegendGroupLegendElementCaption$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendGroupLegendElementCaption extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.groupLayerCaptionElementExpandUpdatedEvent = createEvent(this, "groupLayerCaptionElementExpandUpdated", 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 = 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", { key: 'f7fc15a482577d3dc46bf2c75a7e3349d7565654', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}`, style: {
-                borderLeft: '1px solid var(--calcite-color-border-3)',
-            } }, h("span", { key: 'e8652d3efbba23460e516c7a482b9c58711bfd6e' }, h("span", { key: '0b3aa10dd2da8634101fca455b5a611f6d3e4436', class: CSS.headerActionContainer }, h("calcite-action", { key: '3f311642dd154822d105fa5ecd21bd5cfe7dcf0c', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("h3", { key: '0d7eb0a5958b4f661772f59faf287836818aaeeb', 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 ? (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.groupLayerCaptionElementExpandUpdatedEvent.emit(this.expanded);
-        };
-    }
-    get el() { return this; }
-    static get style() { return InstantAppsInteractiveLegendGroupLegendElementCaptionStyle0; }
-}, [2, "instant-apps-interactive-legend-group-legend-element-caption", {
-        "legendvm": [16],
-        "featureCount": [4, "feature-count"],
-        "activeLayerInfo": [16],
-        "messages": [8],
-        "isChild": [4, "is-child"],
-        "expanded": [1028]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-interactive-legend-group-legend-element-caption", "instant-apps-interactive-legend-count"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-interactive-legend-group-legend-element-caption":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsInteractiveLegendGroupLegendElementCaption$1);
-            }
-            break;
-        case "instant-apps-interactive-legend-count":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsInteractiveLegendGroupLegendElementCaption = InstantAppsInteractiveLegendGroupLegendElementCaption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegendGroupLegendElementCaption, defineCustomElement };

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

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { I as InstantAppsInteractiveLegendGroupLegendElement$1, d as defineCustomElement$1 } from './instant-apps-interactive-legend-group-legend-element2.js';
-
-const InstantAppsInteractiveLegendGroupLegendElement = InstantAppsInteractiveLegendGroupLegendElement$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegendGroupLegendElement, defineCustomElement };

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

@@ -1,82 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
-import { g as getTheme } from './helpers.js';
-import { d as defineCustomElement$2 } from './instant-apps-interactive-legend-count2.js';
-import { d as defineCustomElement$1 } from './instant-apps-interactive-legend-layer-element-caption2.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 InstantAppsInteractiveLegendGroupLegendElementStyle0 = instantAppsInteractiveLegendGroupLegendElementCss;
-
-const CSS = {
-    service: 'esri-legend__service',
-    groupLayer: 'esri-legend__group-layer',
-    groupContent: 'esri-legend__group-content',
-};
-const InstantAppsInteractiveLegendGroupLegendElement = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendGroupLegendElement extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        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", { key: 'ab9a4911afa5f1021f3270c4fec409a708e2ec51', style: {
-                borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS.service} ${CSS.groupLayer}` }, h("instant-apps-interactive-legend-layer-element-caption", { key: 'bc80abe473c1b47920a78b072033d5b214f7822c', 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", { key: 'cf6dc1620eb0a95430129b9d414a9f6b893b61c2', class: `${CSS.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { key: 'f346b52020e3cf4e3a072fdfa17a3762676aba53', name: "content" }))));
-    }
-    get el() { return this; }
-    static get style() { return InstantAppsInteractiveLegendGroupLegendElementStyle0; }
-}, [6, "instant-apps-interactive-legend-group-legend-element", {
-        "legendvm": [16],
-        "featureCount": [4, "feature-count"],
-        "activeLayerInfo": [16],
-        "messages": [8],
-        "isChild": [4, "is-child"],
-        "expanded": [32]
-    }, [[8, "layerCaptionElementExpandUpdated", "layerCaptionElementExpandUpdatedEmitted"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-interactive-legend-group-legend-element", "instant-apps-interactive-legend-count", "instant-apps-interactive-legend-layer-element-caption"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-interactive-legend-group-legend-element":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsInteractiveLegendGroupLegendElement);
-            }
-            break;
-        case "instant-apps-interactive-legend-count":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "instant-apps-interactive-legend-layer-element-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { InstantAppsInteractiveLegendGroupLegendElement as I, defineCustomElement as d };

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

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { I as InstantAppsInteractiveLegendLayerElementCaption$1, d as defineCustomElement$1 } from './instant-apps-interactive-legend-layer-element-caption2.js';
-
-const InstantAppsInteractiveLegendLayerElementCaption = InstantAppsInteractiveLegendLayerElementCaption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegendLayerElementCaption, defineCustomElement };

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

@@ -1,78 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { v as validateInteractivity, g as getTheme } from './helpers.js';
-import { s as store } from './store.js';
-import { d as defineCustomElement$1 } from './instant-apps-interactive-legend-count2.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:500;--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 .instant-apps-interactive-legend__header--compact.sc-instant-apps-interactive-legend-layer-element-caption .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{font-size:0.9rem}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);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 InstantAppsInteractiveLegendLayerElementCaptionStyle0 = instantAppsInteractiveLegendLayerElementCaptionCss;
-
-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',
-    compact: 'instant-apps-interactive-legend__header--compact',
-};
-const InstantAppsInteractiveLegendLayerElementCaption = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendLayerElementCaption extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        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, _d;
-        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' : '';
-        const compact = store.get('compact') ? ` ${CSS.compact}` : '';
-        return (h("header", { key: '6bc1b3736153ea626431070c6697498f70f89467', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}${compact}` }, h("calcite-action", { key: 'ce171727aa6e4e755717260871d96ab7b48b9341', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("span", { key: '5367ded56ab1ecafd48ac908d82bf90c9be256eb' }, h("span", { key: 'e7cf6987d2dd6ecd49685332f9357b14db571445', class: CSS.headerActionContainer }, h("h3", { key: 'b6948f3130904beaadd30cf8234cfe8753bb69c2', 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 ? (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 this; }
-    static get style() { return InstantAppsInteractiveLegendLayerElementCaptionStyle0; }
-}, [2, "instant-apps-interactive-legend-layer-element-caption", {
-        "legendvm": [16],
-        "featureCount": [4, "feature-count"],
-        "activeLayerInfo": [16],
-        "messages": [8],
-        "isChild": [4, "is-child"],
-        "expanded": [1028]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-interactive-legend-layer-element-caption", "instant-apps-interactive-legend-count"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-interactive-legend-layer-element-caption":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsInteractiveLegendLayerElementCaption);
-            }
-            break;
-        case "instant-apps-interactive-legend-count":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { InstantAppsInteractiveLegendLayerElementCaption as I, defineCustomElement as d };

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

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { I as InstantAppsInteractiveLegendLayerElement$1, d as defineCustomElement$1 } from './instant-apps-interactive-legend-layer-element2.js';
-
-const InstantAppsInteractiveLegendLayerElement = InstantAppsInteractiveLegendLayerElement$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegendLayerElement, defineCustomElement };

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

@@ -1,83 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
-import { g as getTheme } from './helpers.js';
-import { d as defineCustomElement$2 } from './instant-apps-interactive-legend-count2.js';
-import { d as defineCustomElement$1 } from './instant-apps-interactive-legend-layer-element-caption2.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 InstantAppsInteractiveLegendLayerElementStyle0 = instantAppsInteractiveLegendLayerElementCss;
-
-const CSS = {
-    service: 'esri-legend__service',
-    groupLayerChild: 'esri-legend__group-layer-child',
-    layer: 'esri-legend__layer',
-};
-const InstantAppsInteractiveLegendLayerElement = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendLayerElement extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        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", { key: '45305a415db8ba0a08ab69de820ff6b8711e1cee', style: {
-                borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS.service}${layerClasses}`, tabIndex: 0 }, h("instant-apps-interactive-legend-layer-element-caption", { key: '7babce8571540883bca9e0ff07c0a152cbb30fbb', 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", { key: 'c021d9c441c407d5fac6f246eb9f4b6ce76bcaa5', 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", { key: '761834066d924654c87a39601c1670625c88d863', name: "content" }))));
-    }
-    get el() { return this; }
-    static get style() { return InstantAppsInteractiveLegendLayerElementStyle0; }
-}, [6, "instant-apps-interactive-legend-layer-element", {
-        "legendvm": [16],
-        "featureCount": [4, "feature-count"],
-        "activeLayerInfo": [16],
-        "messages": [8],
-        "isChild": [4, "is-child"],
-        "expanded": [32]
-    }, [[8, "layerCaptionElementExpandUpdated", "layerCaptionElementExpandUpdatedEmitted"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-interactive-legend-layer-element", "instant-apps-interactive-legend-count", "instant-apps-interactive-legend-layer-element-caption"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-interactive-legend-layer-element":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsInteractiveLegendLayerElement);
-            }
-            break;
-        case "instant-apps-interactive-legend-count":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "instant-apps-interactive-legend-layer-element-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { InstantAppsInteractiveLegendLayerElement as I, defineCustomElement as d };

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

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { I as InstantAppsInteractiveLegendLegendElementCaption$1, d as defineCustomElement$1 } from './instant-apps-interactive-legend-legend-element-caption2.js';
-
-const InstantAppsInteractiveLegendLegendElementCaption = InstantAppsInteractiveLegendLegendElementCaption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegendLegendElementCaption, defineCustomElement };