@esri/solutions-components 0.8.2 → 0.8.3

package/dist/cjs/esri-loader-5b8fbfa4.js

@@ -0,0 +1,308 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const _commonjsHelpers = require('./_commonjsHelpers-ed90c4ad.js');
+
+var esriLoader = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+(function (global, factory) {
+	'object' === 'object' && 'object' !== 'undefined' ? factory(exports) :
+	typeof undefined === 'function' && undefined.amd ? undefined(['exports'], factory) :
+	(factory((global.esriLoader = global.esriLoader || {})));
+}(_commonjsHelpers.commonjsGlobal, (function (exports) { 'use strict';
+
+/* Copyright (c) 2022 Environmental Systems Research Institute, Inc.
+ * Apache-2.0 */
+var isBrowser = typeof window !== 'undefined';
+// allow consuming libraries to provide their own Promise implementations
+var utils = {
+    Promise: isBrowser ? window['Promise'] : undefined
+};
+
+/* Copyright (c) 2022 Environmental Systems Research Institute, Inc.
+ * Apache-2.0 */
+var DEFAULT_VERSION = '4.25';
+var NEXT = 'next';
+function parseVersion(version) {
+    if (version.toLowerCase() === NEXT) {
+        return NEXT;
+    }
+    var match = version && version.match(/^(\d)\.(\d+)/);
+    return match && {
+        major: parseInt(match[1], 10),
+        minor: parseInt(match[2], 10)
+    };
+}
+/**
+ * Get the CDN url for a given version
+ *
+ * @param version Ex: '4.25' or '3.42'. Defaults to the latest 4.x version.
+ */
+function getCdnUrl(version) {
+    if (version === void 0) { version = DEFAULT_VERSION; }
+    return "https://js.arcgis.com/".concat(version, "/");
+}
+/**
+ * Get the CDN url for a the CSS for a given version and/or theme
+ *
+ * @param version Ex: '4.25', '3.42', or 'next'. Defaults to the latest 4.x version.
+ */
+function getCdnCssUrl(version) {
+    if (version === void 0) { version = DEFAULT_VERSION; }
+    var baseUrl = getCdnUrl(version);
+    var parsedVersion = parseVersion(version);
+    if (parsedVersion !== NEXT && parsedVersion.major === 3) {
+        // NOTE: at 3.11 the CSS moved from the /js folder to the root
+        var path = parsedVersion.minor <= 10 ? 'js/' : '';
+        return "".concat(baseUrl).concat(path, "esri/css/esri.css");
+    }
+    else {
+        // assume 4.x
+        return "".concat(baseUrl, "esri/themes/light/main.css");
+    }
+}
+
+/* Copyright (c) 2022 Environmental Systems Research Institute, Inc.
+ * Apache-2.0 */
+function createStylesheetLink(href) {
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = href;
+    return link;
+}
+function insertLink(link, before) {
+    if (before) {
+        // the link should be inserted before a specific node
+        var beforeNode = document.querySelector(before);
+        beforeNode.parentNode.insertBefore(link, beforeNode);
+    }
+    else {
+        // append the link to then end of the head tag
+        document.head.appendChild(link);
+    }
+}
+// check if the css url has been injected or added manually
+function getCss(url) {
+    return document.querySelector("link[href*=\"".concat(url, "\"]"));
+}
+function getCssUrl(urlOrVersion) {
+    return !urlOrVersion || parseVersion(urlOrVersion)
+        // if it's a valid version string return the CDN URL
+        ? getCdnCssUrl(urlOrVersion)
+        // otherwise assume it's a URL and return that
+        : urlOrVersion;
+}
+// lazy load the CSS needed for the ArcGIS API
+function loadCss(urlOrVersion, before) {
+    var url = getCssUrl(urlOrVersion);
+    var link = getCss(url);
+    if (!link) {
+        // create & load the css link
+        link = createStylesheetLink(url);
+        insertLink(link, before);
+    }
+    return link;
+}
+
+/* Copyright (c) 2022 Environmental Systems Research Institute, Inc.
+ * Apache-2.0 */
+var defaultOptions = {};
+function createScript(url) {
+    var script = document.createElement('script');
+    script.type = 'text/javascript';
+    script.src = url;
+    script.setAttribute('data-esri-loader', 'loading');
+    return script;
+}
+// add a one-time load handler to script
+// and optionally add a one time error handler as well
+function handleScriptLoad(script, callback, errback) {
+    var onScriptError;
+    if (errback) {
+        // set up an error handler as well
+        onScriptError = handleScriptError(script, errback);
+    }
+    var onScriptLoad = function () {
+        // pass the script to the callback
+        callback(script);
+        // remove this event listener
+        script.removeEventListener('load', onScriptLoad, false);
+        if (onScriptError) {
+            // remove the error listener as well
+            script.removeEventListener('error', onScriptError, false);
+        }
+    };
+    script.addEventListener('load', onScriptLoad, false);
+}
+// add a one-time error handler to the script
+function handleScriptError(script, callback) {
+    var onScriptError = function (e) {
+        // reject the promise and remove this event listener
+        callback(e.error || new Error("There was an error attempting to load ".concat(script.src)));
+        // remove this event listener
+        script.removeEventListener('error', onScriptError, false);
+    };
+    script.addEventListener('error', onScriptError, false);
+    return onScriptError;
+}
+// allow the user to configure default script options rather than passing options to `loadModules` each time
+function setDefaultOptions(options) {
+    if (options === void 0) { options = {}; }
+    defaultOptions = options;
+}
+// get the script injected by this library
+function getScript() {
+    return document.querySelector('script[data-esri-loader]');
+}
+// has ArcGIS API been loaded on the page yet?
+function isLoaded() {
+    var globalRequire = window['require'];
+    // .on() ensures that it's Dojo's AMD loader
+    return globalRequire && globalRequire.on;
+}
+// load the ArcGIS API on the page
+function loadScript(options) {
+    if (options === void 0) { options = {}; }
+    // we would have liked to use spread like { ...defaultOptions, ...options }
+    // but TS would inject a polyfill that would require use to configure rollup w content: 'window'
+    // if we have another occasion to use spread, let's do that and replace this for...in
+    var opts = {};
+    [defaultOptions, options].forEach(function (obj) {
+        for (var prop in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, prop)) {
+                opts[prop] = obj[prop];
+            }
+        }
+    });
+    // URL to load
+    var version = opts.version;
+    var url = opts.url || getCdnUrl(version);
+    return new utils.Promise(function (resolve, reject) {
+        var script = getScript();
+        if (script) {
+            // the API is already loaded or in the process of loading...
+            // NOTE: have to test against scr attribute value, not script.src
+            // b/c the latter will return the full url for relative paths
+            var src = script.getAttribute('src');
+            if (src !== url) {
+                // potentially trying to load a different version of the API
+                reject(new Error("The ArcGIS API for JavaScript is already loaded (".concat(src, ").")));
+            }
+            else {
+                if (isLoaded()) {
+                    // the script has already successfully loaded
+                    resolve(script);
+                }
+                else {
+                    // wait for the script to load and then resolve
+                    handleScriptLoad(script, resolve, reject);
+                }
+            }
+        }
+        else {
+            if (isLoaded()) {
+                // the API has been loaded by some other means
+                // potentially trying to load a different version of the API
+                reject(new Error("The ArcGIS API for JavaScript is already loaded."));
+            }
+            else {
+                // this is the first time attempting to load the API
+                var css = opts.css;
+                if (css) {
+                    var useVersion = css === true;
+                    // load the css before loading the script
+                    loadCss(useVersion ? version : css, opts.insertCssBefore);
+                }
+                // create a script object whose source points to the API
+                script = createScript(url);
+                // _currentUrl = url;
+                // once the script is loaded...
+                handleScriptLoad(script, function () {
+                    // update the status of the script
+                    script.setAttribute('data-esri-loader', 'loaded');
+                    // return the script
+                    resolve(script);
+                }, reject);
+                // load the script
+                document.body.appendChild(script);
+            }
+        }
+    });
+}
+
+/* Copyright (c) 2022 Environmental Systems Research Institute, Inc.
+ * Apache-2.0 */
+// wrap Dojo's require() in a promise
+function requireModules(modules) {
+    return new utils.Promise(function (resolve, reject) {
+        // If something goes wrong loading the esri/dojo scripts, reject with the error.
+        var errorHandler = window['require'].on('error', reject);
+        window['require'](modules, function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            // remove error handler
+            errorHandler.remove();
+            // Resolve with the parameters from dojo require as an array.
+            resolve(args);
+        });
+    });
+}
+// returns a promise that resolves with an array of the required modules
+// also will attempt to lazy load the ArcGIS API if it has not already been loaded
+function loadModules(modules, loadScriptOptions) {
+    if (loadScriptOptions === void 0) { loadScriptOptions = {}; }
+    if (!isLoaded()) {
+        // script is not yet loaded, is it in the process of loading?
+        var script = getScript();
+        var src = script && script.getAttribute('src');
+        if (!loadScriptOptions.url && src) {
+            // script is still loading and user did not specify a URL
+            // in this case we want to default to the URL that's being loaded
+            // instead of defaulting to the latest 4.x URL
+            loadScriptOptions.url = src;
+        }
+        // attempt to load the script then load the modules
+        return loadScript(loadScriptOptions).then(function () { return requireModules(modules); });
+    }
+    else {
+        // script is already loaded, just load the modules
+        return requireModules(modules);
+    }
+}
+
+/*
+  Copyright (c) 2022 Esri
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+// re-export the functions that are part of the public API
+
+exports.utils = utils;
+exports.loadModules = loadModules;
+exports.getScript = getScript;
+exports.isLoaded = isLoaded;
+exports.loadScript = loadScript;
+exports.setDefaultOptions = setDefaultOptions;
+exports.loadCss = loadCss;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=esri-loader.js.map
+});
+
+const esriLoader$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(esriLoader);
+
+exports.esriLoader = esriLoader;

package/dist/cjs/et-63c5628d.js

@@ -0,0 +1,93 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-9e93f694.js');
+require('./index-b53bfd7c.js');
+require('./form-da52e819.js');
+require('./dom-cf1e2e9f.js');
+require('./guid-ae73cd27.js');
+require('./resources-a2b1b149.js');
+require('./interactive-08e5bc95.js');
+require('./browser-fe25aefa.js');
+require('./key-86f4a0b0.js');
+require('./label-24b05042.js');
+require('./component-ac7c3bd8.js');
+require('./loadable-41446b78.js');
+require('./locale-a615b02f.js');
+require('./observers-5923a7cc.js');
+require('./focusTrapComponent-946b0666.js');
+require('./time-4a9bf7e2.js');
+require('./math-318a1646.js');
+require('./t9n-463dcbff.js');
+require('./openCloseComponent-8d9cb545.js');
+require('./Validation-20182093.js');
+
+// Estonian [et]
+
+function relativeTimeWithTense(number, withoutSuffix, key, isFuture) {
+  var format = {
+    s: ['mõne sekundi', 'mõni sekund', 'paar sekundit'],
+    m: ['ühe minuti', 'üks minut'],
+    mm: ['%d minuti', '%d minutit'],
+    h: ['ühe tunni', 'tund aega', 'üks tund'],
+    hh: ['%d tunni', '%d tundi'],
+    d: ['ühe päeva', 'üks päev'],
+    M: ['kuu aja', 'kuu aega', 'üks kuu'],
+    MM: ['%d kuu', '%d kuud'],
+    y: ['ühe aasta', 'aasta', 'üks aasta'],
+    yy: ['%d aasta', '%d aastat']
+  };
+
+  if (withoutSuffix) {
+    return (format[key][2] ? format[key][2] : format[key][1]).replace('%d', number);
+  }
+
+  return (isFuture ? format[key][0] : format[key][1]).replace('%d', number);
+}
+
+var locale = {
+  name: 'et',
+  // Estonian
+  weekdays: 'pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev'.split('_'),
+  // Note weekdays are not capitalized in Estonian
+  weekdaysShort: 'P_E_T_K_N_R_L'.split('_'),
+  // There is no short form of weekdays in Estonian except this 1 letter format so it is used for both 'weekdaysShort' and 'weekdaysMin'
+  weekdaysMin: 'P_E_T_K_N_R_L'.split('_'),
+  months: 'jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember'.split('_'),
+  // Note month names are not capitalized in Estonian
+  monthsShort: 'jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets'.split('_'),
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  weekStart: 1,
+  relativeTime: {
+    future: '%s pärast',
+    past: '%s tagasi',
+    s: relativeTimeWithTense,
+    m: relativeTimeWithTense,
+    mm: relativeTimeWithTense,
+    h: relativeTimeWithTense,
+    hh: relativeTimeWithTense,
+    d: relativeTimeWithTense,
+    dd: '%d päeva',
+    M: relativeTimeWithTense,
+    MM: relativeTimeWithTense,
+    y: relativeTimeWithTense,
+    yy: relativeTimeWithTense
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY H:mm',
+    LLLL: 'dddd, D. MMMM YYYY H:mm'
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/feature-comments.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-105cf2b9.js');
+const index = require('./index-b53bfd7c.js');
 
 const featureCommentsCss = ":host{display:block}";
 

package/dist/cjs/feature-form-flow-item.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-105cf2b9.js');
+const index = require('./index-b53bfd7c.js');
 
 const featureFormFlowItemCss = ":host{display:block}";
 

package/dist/cjs/feature-list.cjs.entry.js

@@ -0,0 +1,199 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b53bfd7c.js');
+const popupUtils = require('./popupUtils-4de17e65.js');
+const mapViewUtils = require('./mapViewUtils-6fa5bab1.js');
+const locale = require('./locale-42a9e623.js');
+require('./loadModules-b5f244cd.js');
+require('./esri-loader-5b8fbfa4.js');
+require('./_commonjsHelpers-ed90c4ad.js');
+require('./queryUtils-aba29fcf.js');
+require('./interfaces-7cd0a48a.js');
+
+const featureListCss = ":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.popup-title{font-weight:500;padding:10px 12px}";
+
+const FeatureList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.featureSelect = index.createEvent(this, "featureSelect", 7);
+        this.selectedLayerId = undefined;
+        this.mapView = undefined;
+        this.noFeaturesFoundMsg = undefined;
+        this.pageSize = 100;
+        this.highlightOnMap = false;
+        this._featureItems = [];
+        this._featuresCount = 0;
+        this._isLoading = false;
+        this._translations = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Watch for selectedLayerId change and update layer instance and features list for new layerId
+     */
+    async selectedLayerWatchHandler() {
+        this._selectedLayer = await mapViewUtils.getLayerOrTable(this.mapView, this.selectedLayerId);
+        await this.initializeFeatureItems();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  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;
+        this._popupUtils = new popupUtils.PopupUtils();
+        if (this.mapView && this.selectedLayerId) {
+            this._selectedLayer = await mapViewUtils.getLayerOrTable(this.mapView, this.selectedLayerId);
+        }
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        await this.initializeFeatureItems();
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (index.h("calcite-panel", { "full-height": true, "full-width": true }, this._isLoading && index.h("calcite-loader", { label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
+            index.h("calcite-notice", { class: "error-msg", icon: "feature-details", kind: "info", open: true }, index.h("div", { slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), index.h("calcite-list", { "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            index.h("div", { class: "width-full", slot: "footer" }, index.h("calcite-pagination", { class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, "start-item": "1", "total-items": this._featuresCount }))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Initialize the features list using the selected layer
+     * @protected
+     */
+    async initializeFeatureItems() {
+        if (this._selectedLayer) {
+            this._isLoading = true;
+            this._featureItems = await this.queryPage(0);
+            this._featuresCount = await this._selectedLayer.queryFeatureCount();
+            this._isLoading = false;
+        }
+    }
+    /**
+     * On page change get the next updated feature list
+     * @param event page change event
+     * @protected
+     */
+    async pageChanged(event) {
+        this._isLoading = true;
+        if (this._highlightHandle) {
+            this._highlightHandle.remove();
+            this._highlightHandle = null;
+        }
+        const page = event.target.startItem - 1;
+        this._featureItems = await this.queryPage(page);
+        this._isLoading = false;
+    }
+    /**
+     * On feature click in feature list highlight the feature on the map
+     * @param event feature clicked event
+     * @param selectedFeature selected feature graphic
+     * @protected
+     */
+    async featureClicked(event, selectedFeature) {
+        //clear previous highlight and remove the highlightHandle
+        if (this.highlightOnMap && this._highlightHandle) {
+            this._highlightHandle.remove();
+            this._highlightHandle = null;
+        }
+        //highlight on map only if it is selected item
+        if (this.highlightOnMap) {
+            const selectedFeatureObjectId = Number(event.target.value);
+            const selectedLayerView = await mapViewUtils.getFeatureLayerView(this.mapView, this.selectedLayerId);
+            this._highlightHandle = await mapViewUtils.highlightFeatures([selectedFeatureObjectId], selectedLayerView, this.mapView, true);
+        }
+        this.featureSelect.emit(selectedFeature);
+    }
+    /**
+     * Query the selected feature layer, in descending order of object id's
+     * @param page 0th page number in the pagination item
+     * @returns List of features items to be rendered
+     * @protected
+     */
+    async queryPage(page) {
+        const featureLayer = this._selectedLayer;
+        const objectIdField = featureLayer.objectIdField;
+        const query = {
+            start: page,
+            num: this.pageSize,
+            outFields: ["*"],
+            returnGeometry: true,
+            where: featureLayer.definitionExpression,
+            outSpatialReference: this.mapView.spatialReference.toJSON()
+        };
+        //sort only when objectId field is found
+        if (objectIdField) {
+            query.orderByFields = [objectIdField.toString() + " DESC"];
+        }
+        const featureSet = await featureLayer.queryFeatures(query);
+        return await this.createFeatureItem(featureSet);
+    }
+    /**
+     * Creates list of items using the popup titles
+     * @param featureSet Queried FeatureSet
+     * @returns List of features items to be rendered
+     * @protected
+     */
+    async createFeatureItem(featureSet) {
+        const currentFeatures = featureSet === null || featureSet === void 0 ? void 0 : featureSet.features;
+        const items = currentFeatures.map(async (feature) => {
+            const popupTitle = await this._popupUtils.getPopupTitle(feature, this.mapView.map);
+            return this.getFeatureItem(feature, popupTitle);
+        });
+        return Promise.all(items);
+    }
+    /**
+     * Get each feature item
+     * @param selectedFeature Each individual feature instance to be listed
+     * @param popupTitle feature popup title
+     * @returns individual feature item to be rendered
+     * @protected
+     */
+    getFeatureItem(selectedFeature, popupTitle) {
+        //get the object id value of the feature
+        const oId = selectedFeature.attributes[this._selectedLayer.objectIdField].toString();
+        //use object id if popupTitle is null or undefined
+        popupTitle = popupTitle !== null && popupTitle !== void 0 ? popupTitle : oId;
+        return (index.h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, value: oId }, index.h("div", { class: "popup-title", slot: "content-start" }, popupTitle), index.h("calcite-icon", { icon: "chevron-right", scale: "s", slot: "content-end" })));
+    }
+    /**
+     * Fetches the component's translations
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await locale.getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "selectedLayerId": ["selectedLayerWatchHandler"]
+    }; }
+};
+FeatureList.style = featureListCss;
+
+exports.feature_list = FeatureList;

package/dist/cjs/features-flow-item.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-105cf2b9.js');
+const index = require('./index-b53bfd7c.js');
 
 const featuresFlowItemCss = ":host{display:block}";