@esri/solutions-components 0.8.3 → 0.8.4

package/dist/esm/label-16184ce7.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, h as isBefore } from './dom-b91aa537.js';
-import { c as componentOnReady } from './component-edd2c3cd.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.4.0
- */
-/**
- * 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/esm/languageSwitcher-2a9037e5.js

@@ -1,55 +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-acccbc1c.js';
-
-async function fetchResourceData(request, resource) {
-  var _a, _b, _c;
-  try {
-    const token = (_c = (_b = (_a = resource === null || resource === void 0 ? void 0 : resource.portalItem) === null || _a === void 0 ? void 0 : _a.portal) === null || _b === void 0 ? void 0 : _b['credential']) === null || _c === void 0 ? void 0 : _c['token'];
-    const reqConfig = { responseType: 'json' };
-    if (token)
-      reqConfig.query = { token };
-    var cacheBuster = 'cacheBuster=' + Date.now();
-    const url = `${resource.url}?${cacheBuster}`;
-    const reqRes = await request(url, reqConfig);
-    const t9nData = reqRes.data;
-    return Promise.resolve(t9nData);
-  }
-  catch (err) {
-    console.error('Unable to get resource t9n data.');
-  }
-}
-async function getPortalItemResource(portalItem) {
-  if (!portalItem)
-    return null;
-  const [PortalItemResource] = await loadModules(['esri/portal/PortalItemResource']);
-  const existingResourcesRes = await portalItem.fetchResources();
-  const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
-  const resource = new PortalItemResource({ path, portalItem });
-  const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
-  if (existingResourceArr.length === 0) {
-    const type = 'application/json';
-    const content = new Blob([JSON.stringify({})], { type });
-    try {
-      await portalItem.addResource(resource, content);
-      const existingResourcesRes = await portalItem.fetchResources();
-      const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
-      const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
-      const existingResource = existingResourceArr[0].resource;
-      return Promise.resolve(existingResource);
-    }
-    catch (err) {
-      console.error('ERROR: ', err);
-      return Promise.reject(null);
-    }
-  }
-  else {
-    const existingResource = existingResourceArr[0].resource;
-    return Promise.resolve(existingResource);
-  }
-}
-
-export { fetchResourceData as f, getPortalItemResource as g };

package/dist/esm/languageUtil-71a7a914.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-acccbc1c.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/esm/layer-list.entry.js

@@ -1,203 +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-bdfaac50.js';
-import { d as getMapLayerHash, a as getAllLayers } from './mapViewUtils-436a516e.js';
-import { f as formatNumber, g as getLocaleComponentStrings } from './locale-d9463a95.js';
-import './queryUtils-2529c537.js';
-import './interfaces-586e863c.js';
-import './loadModules-827c5581.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.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);
-        //HARDCODED IN EN
-        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
-        this.mapView = undefined;
-        this.layers = undefined;
-        this.noLayerErrorMsg = 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, null, this._isLoading && h("calcite-loader", { label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
-            h("calcite-list", { "selection-appearance": "border", "selection-mode": this.showNextIcon ? "none" : "single-persist" }, 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) => {
-            var _a, _b;
-            //TODO: checking editable condition could be configurable
-            if ((eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature" && (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.editingEnabled) && ((_b = (_a = eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.capabilities) === null || _a === void 0 ? void 0 : _a.operations) === null || _b === void 0 ? void 0 : _b.supportsAdd)) {
-                this._layerItemsHash[eachLayer.id].supportsAdd = true;
-                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.getEditableIds(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 all OR configured layers that support edits with the update capability
-     * @param hash each layer item details
-     * @returns array of layer ids
-     */
-    getEditableIds(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) => {
-            let showLayer = hash[cur].supportsAdd;
-            if ((configuredLayers === null || configuredLayers === void 0 ? void 0 : configuredLayers.length) > 0) {
-                showLayer = configuredLayers.indexOf(cur) > -1 ? hash[cur].supportsAdd : false;
-            }
-            if (showLayer) {
-                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", { 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 };