@esri/solutions-components 0.8.67 → 0.9.0

package/dist/solutions-components/label-c34ec0cf.js

@@ -1,179 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { q as queryElementRoots, c as closestElementCrossShadowBoundary, j as isBefore } from './dom-1f06a111.js';
-import { c as componentOnReady } from './component-960ddabf.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-/**
- * Exported for testing purposes only
- *
- * @internal
- */
-const labelClickEvent = "calciteInternalLabelClick";
-const labelConnectedEvent = "calciteInternalLabelConnected";
-const labelDisconnectedEvent = "calciteInternalLabelDisconnected";
-const labelTagName = "calcite-label";
-const labelToLabelables = new WeakMap();
-const onLabelClickMap = new WeakMap();
-const onLabelConnectedMap = new WeakMap();
-const onLabelDisconnectedMap = new WeakMap();
-const unlabeledComponents = new Set();
-const findLabelForComponent = (componentEl) => {
-    const { id } = componentEl;
-    const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
-    if (forLabel) {
-        return forLabel;
-    }
-    const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
-    if (!parentLabel ||
-        // labelable components within other custom elements are not considered labelable
-        hasAncestorCustomElements(parentLabel, componentEl)) {
-        return null;
-    }
-    return parentLabel;
-};
-function hasAncestorCustomElements(label, componentEl) {
-    let traversedElements;
-    const customElementAncestorCheckEventType = "custom-element-ancestor-check";
-    const listener = (event) => {
-        event.stopImmediatePropagation();
-        const composedPath = event.composedPath();
-        traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
-    };
-    label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
-    componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
-    label.removeEventListener(customElementAncestorCheckEventType, listener);
-    const ancestorCustomElements = traversedElements
-        .filter((el) => el !== componentEl && el !== label)
-        .filter((el) => el.tagName?.includes("-"));
-    return ancestorCustomElements.length > 0;
-}
-/**
- * Helper to set up label interactions on connectedCallback.
- *
- * @param component
- */
-function connectLabel(component) {
-    if (!component) {
-        return;
-    }
-    const labelEl = findLabelForComponent(component.el);
-    if ((onLabelClickMap.has(labelEl) && labelEl === component.labelEl) ||
-        (!labelEl && unlabeledComponents.has(component))) {
-        return;
-    }
-    const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
-    if (labelEl) {
-        component.labelEl = labelEl;
-        const labelables = labelToLabelables.get(labelEl) || [];
-        labelables.push(component);
-        labelToLabelables.set(labelEl, labelables.sort(sortByDOMOrder));
-        if (!onLabelClickMap.has(component.labelEl)) {
-            onLabelClickMap.set(component.labelEl, onLabelClick);
-            component.labelEl.addEventListener(labelClickEvent, onLabelClick);
-        }
-        unlabeledComponents.delete(component);
-        document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
-        onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
-        document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
-    }
-    else if (!unlabeledComponents.has(component)) {
-        boundOnLabelDisconnected();
-        document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
-    }
-}
-/**
- * Helper to tear down label interactions on disconnectedCallback on labelable components.
- *
- * @param component
- */
-function disconnectLabel(component) {
-    if (!component) {
-        return;
-    }
-    unlabeledComponents.delete(component);
-    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
-    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
-    onLabelConnectedMap.delete(component);
-    onLabelDisconnectedMap.delete(component);
-    if (!component.labelEl) {
-        return;
-    }
-    const labelables = labelToLabelables.get(component.labelEl);
-    if (labelables.length === 1) {
-        component.labelEl.removeEventListener(labelClickEvent, onLabelClickMap.get(component.labelEl));
-        onLabelClickMap.delete(component.labelEl);
-    }
-    labelToLabelables.set(component.labelEl, labelables.filter((labelable) => labelable !== component).sort(sortByDOMOrder));
-    component.labelEl = null;
-}
-function sortByDOMOrder(a, b) {
-    return isBefore(a.el, b.el) ? -1 : 1;
-}
-/**
- * Helper to get the label text from a component.
- *
- * @param component
- */
-function getLabelText(component) {
-    return component.label || component.labelEl?.textContent?.trim() || "";
-}
-function onLabelClick(event) {
-    const labelClickTarget = event.detail.sourceEvent.target;
-    const labelables = labelToLabelables.get(this);
-    const clickedLabelable = labelables.find((labelable) => labelable.el === labelClickTarget);
-    const labelableChildClicked = labelables.includes(clickedLabelable);
-    if (labelableChildClicked) {
-        // no need to forward click as labelable will receive focus
-        return;
-    }
-    const firstLabelable = labelables[0];
-    if (firstLabelable.disabled) {
-        return;
-    }
-    firstLabelable.onLabelClick(event);
-}
-function onLabelConnected() {
-    if (unlabeledComponents.has(this)) {
-        connectLabel(this);
-    }
-}
-function onLabelDisconnected() {
-    unlabeledComponents.add(this);
-    const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);
-    onLabelConnectedMap.set(this, boundOnLabelConnected);
-    document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
-}
-/**
- * Helper to associate an explicit label (i.e., using `for`) with a labelable component that does not have an associated label.
- *
- * @param label - the label element
- */
-async function associateExplicitLabelToUnlabeledComponent(label) {
-    await componentOnReady(label);
-    const alreadyLabeled = labelToLabelables.has(label);
-    if (alreadyLabeled) {
-        return;
-    }
-    const forComponentEl = label.ownerDocument?.getElementById(label.for);
-    if (!forComponentEl) {
-        return;
-    }
-    requestAnimationFrame(() => {
-        for (const labelable of unlabeledComponents) {
-            if (labelable.el === forComponentEl) {
-                connectLabel(labelable);
-                break;
-            }
-        }
-    });
-}
-
-export { associateExplicitLabelToUnlabeledComponent as a, labelDisconnectedEvent as b, connectLabel as c, disconnectLabel as d, getLabelText as g, labelConnectedEvent as l };

package/dist/solutions-components/languageUtil-83ed2742.js

@@ -1,87 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { l as loadModules } from './loadModules-4d6cf31f.js';
-
-/*
- *   Copyright (c) 2024 Esri
- *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
- *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
- *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
- *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
- */
-const languageMap = new Map([
-    ['ar', 'ar'],
-    ['bg', 'bg'],
-    ['bs', 'bs'],
-    ['ca', 'ca'],
-    ['cs', 'cs'],
-    ['da', 'da'],
-    ['de', 'de'],
-    ['el', 'el'],
-    ['en', 'en'],
-    ['es', 'es'],
-    ['et', 'et'],
-    ['fi', 'fi'],
-    ['fr', 'fr'],
-    ['he', 'he'],
-    ['hr', 'hr'],
-    ['hu', 'hu'],
-    ['id', 'id'],
-    ['it', 'it'],
-    ['ja', 'ja'],
-    ['ko', 'ko'],
-    ['lt', 'lt'],
-    ['lv', 'lv'],
-    ['nb', 'nb'],
-    ['nl', 'nl'],
-    ['pl', 'pl'],
-    ['pt-br', 'pt-BR'],
-    ['pt-pt', 'pt-PT'],
-    ['ro', 'ro'],
-    ['ru', 'ru'],
-    ['sk', 'sk'],
-    ['sl', 'sl'],
-    ['sr', 'sr'],
-    ['sv', 'sv'],
-    ['th', 'th'],
-    ['tr', 'tr'],
-    ['uk', 'uk'],
-    ['vi', 'vi'],
-    ['zh-cn', 'zh-CN'],
-    ['zh-hk', 'zh-HK'],
-    ['zh-tw', 'zh-TW'],
-]);
-// rtl
-function getElementDir(el) {
-    return getElementProp(el, 'dir', 'ltr');
-}
-function getElementProp(el, prop, value) {
-    const closestWithProp = el.closest(`[${prop}]`);
-    return closestWithProp ? closestWithProp.getAttribute(prop) : value;
-}
-// css
-const CSS_UTILITY = {
-    rtl: 'arcgis--rtl',
-};
-async function formatNumber(number, options) {
-    const { api = 4, type = 'decimal', places = 2 } = options || {};
-    if (api === 4) {
-        const [intl] = await loadModules(['esri/intl']);
-        const numberFormatIntlOptions = intl.convertNumberFormatToIntlOptions({
-            places,
-            type,
-            digitSeparator: true,
-        });
-        return intl.formatNumber(number, numberFormatIntlOptions);
-    }
-    const [dojoNumber] = await loadModules(['dojo/number']);
-    return dojoNumber.format(number, {
-        type,
-        places,
-    });
-}
-
-export { getElementDir as g, languageMap as l };

package/dist/solutions-components/layer-list.entry.js

@@ -1,193 +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, F as Fragment, g as getElement } from './index-0eecd45f.js';
-import { d as getMapLayerHash, a as getAllLayers } from './mapViewUtils-d4946a31.js';
-import { f as formatNumber, g as getLocaleComponentStrings } from './locale-448ea937.js';
-import './queryUtils-2ee0f383.js';
-import './interfaces-586e863c.js';
-import './loadModules-18662c29.js';
-import './esri-loader-5bf2f164.js';
-import './_commonjsHelpers-9cd17aec.js';
-
-const layerListCss = ":host{display:block}.error-msg{padding:10px}.layer-name{font-weight:500;padding:10px 12px}.feature-count{padding-right:12px}";
-
-const LayerList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.layerSelect = createEvent(this, "layerSelect", 7);
-        this.layersListLoaded = createEvent(this, "layersListLoaded", 7);
-        this.mapView = undefined;
-        this.layers = undefined;
-        this.showFeatureCount = true;
-        this.showNextIcon = false;
-        this._noLayersToDisplay = false;
-        this._mapLayerIds = [];
-        this._isLoading = false;
-        this._translations = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Refresh the layer list which will fetch the latest layer count and update the list
-     * @returns Promise that resolves when the operation is complete
-     */
-    async refresh() {
-        await this.setLayers();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._getTranslations();
-        this._isLoading = true;
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        await this.setLayers();
-        this._isLoading = false;
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Fragment, { key: '9366302a704c1dbdd7a65aef5c43d0ad84a44b23' }, this._isLoading && h("calcite-loader", { key: '69974a23fd42bc37ef13816efbe6d06e28cb2749', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { key: 'a93abb55b4db09727b3634cb1935e482c377d662', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { key: 'b9046685353b8894e6c6094cff47fab7a8e07ffa', slot: "title" }, this._translations.error), h("div", { key: '90a052e1d80779a09a32fdd35563a1ce21d582e0', slot: "message" }, this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
-            h("calcite-list", { key: '709c1b8edd5710a2476ecef638199c2f929b4165', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Fetch the ids of the layers from the map
-     * @returns Promise when the operation has completed
-     * @protected
-     */
-    async setLayers() {
-        if (this.mapView) {
-            await this.initLayerHash();
-        }
-    }
-    /**
-     * Create a layer hash for layer name display
-     * @returns Promise when the operation has completed
-     * @protected
-     */
-    async initLayerHash() {
-        const def = [];
-        this._layerItemsHash = await getMapLayerHash(this.mapView, true);
-        const allMapLayers = await getAllLayers(this.mapView);
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        allMapLayers.forEach(async (eachLayer) => {
-            if ((eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature") {
-                if (this.showFeatureCount) {
-                    const q = eachLayer.createQuery();
-                    const result = eachLayer.queryFeatureCount(q);
-                    def.push(result);
-                    void result.then(async (resCount) => {
-                        const formattedCount = !isNaN(resCount) ? await formatNumber(resCount, {
-                            places: 0,
-                            api: 4,
-                            type: "decimal"
-                        }) : "";
-                        this._layerItemsHash[eachLayer.id].formattedFeatureCount = formattedCount;
-                    });
-                }
-            }
-        });
-        await Promise.all(def).then(() => {
-            const editableLayerIds = this.getLayersToBeShownInList(this._layerItemsHash);
-            this._mapLayerIds = editableLayerIds.reverse();
-            this.handleNoLayersToDisplay();
-        }, () => {
-            this._mapLayerIds = [];
-            this.handleNoLayersToDisplay();
-        });
-    }
-    /**
-     * Set no layers to display state and emit event
-     */
-    handleNoLayersToDisplay() {
-        this._noLayersToDisplay = !(this._mapLayerIds.length > 0);
-        this.layersListLoaded.emit(this._mapLayerIds);
-    }
-    /**
-     * Returns the ids of configured layers that needs to be shown in the list
-     * @param hash each layer item details
-     * @returns array of layer ids
-     */
-    getLayersToBeShownInList(hash) {
-        var _a;
-        const configuredLayers = ((_a = this.layers) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.layers : [];
-        return Object.keys(hash).reduce((prev, cur) => {
-            if (configuredLayers.indexOf(cur) > -1) {
-                prev.push(cur);
-            }
-            return prev;
-        }, []);
-    }
-    /**
-     * Render feature layer list
-     * @returns layer list
-     * @protected
-     */
-    renderLayerList() {
-        return this._mapLayerIds.length > 0 && this._mapLayerIds.reduce((prev, layerId) => {
-            if (this._layerItemsHash[layerId]) {
-                prev.push(this.getLayerListItem(layerId));
-            }
-            return prev;
-        }, []);
-    }
-    /**
-     * Get each item
-     * @param layerId Layer id
-     * @returns individual item
-     * @protected
-     */
-    getLayerListItem(layerId) {
-        const layerName = this._layerItemsHash[layerId].name;
-        const featureCount = this._layerItemsHash[layerId].formattedFeatureCount;
-        return (h("calcite-list-item", { onCalciteListItemSelect: () => { this.onLayerItemSelected(layerId); } }, h("div", { class: "layer-name", slot: "content-start" }, layerName), this.showFeatureCount && featureCount !== undefined && featureCount !== "" && h("div", { class: !this.showNextIcon ? "feature-count" : "", slot: "content-end" }, "(" + featureCount + ")"), this.showNextIcon && h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
-    }
-    /**On click of layer list item emit the event along with the selected layerId and layerName
-     * @param layerId Layer id
-     * @protected
-     */
-    onLayerItemSelected(layerId) {
-        this.layerSelect.emit({ layerId, layerName: this._layerItemsHash[layerId].name });
-    }
-    /**
-     * Fetches the component's translations
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    get el() { return getElement(this); }
-};
-LayerList.style = layerListCss;
-
-export { LayerList as layer_list };