@esri/solutions-components 0.6.6 → 0.6.8

package/dist/components/esri-loader.js

@@ -0,0 +1,301 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
+
+var esriLoader = createCommonjsModule(function (module, exports) {
+(function (global, factory) {
+	factory(exports) ;
+}(commonjsGlobal, (function (exports) {
+/* Copyright (c) 2017 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) 2017 Environmental Systems Research Institute, Inc.
+ * Apache-2.0 */
+var DEFAULT_VERSION = '4.22';
+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.22' or '3.39'. Defaults to the latest 4.x version.
+ */
+function getCdnUrl(version) {
+    if (version === void 0) { version = DEFAULT_VERSION; }
+    return "https://js.arcgis.com/" + version + "/";
+}
+/**
+ * Get the CDN url for a the CSS for a given version and/or theme
+ *
+ * @param version Ex: '4.22', '3.39', 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 "" + baseUrl + path + "esri/css/esri.css";
+    }
+    else {
+        // assume 4.x
+        return baseUrl + "esri/themes/light/main.css";
+    }
+}
+
+/* Copyright (c) 2017 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*=\"" + 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) 2017 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 " + 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 (" + 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) 2017 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) 2017 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
+});
+
+export { esriLoader as e };

package/dist/components/filter2.js

@@ -209,5 +209,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Filter as F, defineCustomElement as d };

package/dist/components/graph.js

@@ -245,5 +245,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Graph as G, defineCustomElement as d };

package/dist/components/handle.js

@@ -190,5 +190,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Handle as H, defineCustomElement as d };

package/dist/components/icon.js

@@ -190,5 +190,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Icon as I, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",

package/dist/components/index.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { d as darkMode, a as autoMode } from './resources.js';
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/components/info-card2.js

@@ -269,5 +269,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { InfoCard as I, defineCustomElement as d };

package/dist/components/input-message.js

@@ -86,5 +86,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { InputMessage as I, defineCustomElement as d };

package/dist/components/input-number.js

@@ -640,5 +640,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { InputNumber as I, defineCustomElement as d };

package/dist/components/input-text.js

@@ -405,5 +405,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { InputText as I, defineCustomElement as d };

package/dist/components/input.js

@@ -735,5 +735,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Input as I, defineCustomElement as d };

package/dist/components/json-editor2.js

@@ -436,5 +436,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { JsonEditor as J, defineCustomElement as d };

package/dist/components/label2.js

@@ -73,5 +73,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Label as L, defineCustomElement as d };

package/dist/components/layer-table2.js

@@ -44,6 +44,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * number[]: A list of all IDs for the current layer
      */
     this._allIds = [];
+    /**
+     * bool: When true the table is being sorted
+     */
+    this._tableSorting = false;
     /**
      * Store a reference to the table node after it's first created
      * and initializes the FeatureTable
@@ -54,15 +58,16 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     this.onTableNodeCreate = (node) => {
       this._tableNode = node;
-      this._getTable(node);
     };
     this.mapView = undefined;
+    this.showNewestFirst = undefined;
     this.zoomAndScrollToSelected = undefined;
     this._alertOpen = false;
     this._fetchingData = false;
     this._layer = undefined;
     this._selectedIndexes = [];
     this._showOnlySelected = false;
+    this._sortActive = false;
     this._translations = undefined;
   }
   //--------------------------------------------------------------------------
@@ -77,7 +82,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     this._fetchingData = true;
     const mapLayerIds = await getMapLayerIds(this.mapView);
     this._layer = await getLayer(this.mapView, mapLayerIds[0]);
-    this._resetTable();
     this.reactiveUtils.on(() => this.mapView, "click", (event) => {
       void this._mapClicked(event);
     });
@@ -88,9 +92,17 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    */
   async _layerWatchHandler() {
     this._fetchingData = true;
-    this._resetTable();
+    await this._resetTable();
     this._fetchingData = false;
   }
+  /**
+   * When sortActive is false the user has not defined a sort and we should use the default sort
+   */
+  async _sortActiveWatchHandler() {
+    if (!this._sortActive) {
+      await this._sortTable();
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Methods (public)
@@ -195,31 +207,39 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    *
    * @returns void
    */
-  _getTable(node) {
+  async _getTable(node) {
     if (this._layer) {
-      this._table = new this.FeatureTable({
-        layer: this._layer,
-        view: this.mapView,
-        //editingEnabled: this._editEnabled,
-        highlightEnabled: true,
-        multiSortEnabled: false,
-        visibleElements: {
-          header: false,
-          menu: false
-        },
-        container: node
-      });
-      this._table.highlightIds.on("change", () => {
-        this._selectedIndexes = this._table.highlightIds.toArray();
-        if (this._showOnlySelected) {
-          if (this._selectedIndexes.length > 0) {
-            this._table.filterBySelection();
-          }
-          else {
-            this._toggleShowSelected();
-          }
-        }
-        this.featureSelectionChange.emit(this._selectedIndexes);
+      await this._layer.when(async () => {
+        this._table = new this.FeatureTable({
+          layer: this._layer,
+          view: this.mapView,
+          //editingEnabled: this._editEnabled,
+          highlightEnabled: true,
+          multiSortEnabled: false,
+          visibleElements: {
+            header: false,
+            menu: false
+          },
+          container: node
+        });
+        await this._table.when(async () => {
+          this._table.highlightIds.on("change", () => {
+            this._selectedIndexes = this._table.highlightIds.toArray();
+            if (this._showOnlySelected) {
+              if (this._selectedIndexes.length > 0) {
+                this._table.filterBySelection();
+              }
+              else {
+                this._toggleShowSelected();
+              }
+            }
+            this.featureSelectionChange.emit(this._selectedIndexes);
+          });
+          this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
+            var _a, _b;
+            this._sortActive = sortOrders.length > 0 && ((_a = sortOrders[0]) === null || _a === void 0 ? void 0 : _a.direction) === "asc" || ((_b = sortOrders[0]) === null || _b === void 0 ? void 0 : _b.direction) === "desc";
+          });
+        });
       });
     }
   }
@@ -228,9 +248,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    *
    * @returns void
    */
-  _resetTable() {
+  async _resetTable() {
     if (this._layer && this._table) {
       this._clearSelection();
+      this._allIds = [];
       this.featureSelectionChange.emit(this._selectedIndexes);
       this._table.layer = this._layer;
       this._editEnabled = this._layer.editingEnabled;
@@ -238,6 +259,26 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
       this._table.editingEnabled = this._editEnabled;
       this._table.clearSelectionFilter();
       this._showOnlySelected = false;
+      this._sortActive = false;
+      await this._sortTable();
+    }
+  }
+  /**
+   * Sort the objectid field in descending order
+   *
+   * @returns void
+   */
+  async _sortTable() {
+    if (this._table && this._layer && !this._sortActive) {
+      if (!this._tableSorting && this.showNewestFirst) {
+        this._tableSorting = true;
+        await this._table.when(async () => {
+          await this._layer.when(async () => {
+            this._table.sortColumn(this._layer.objectIdField, "desc");
+            this._tableSorting = false;
+          });
+        });
+      }
     }
   }
   /**
@@ -416,14 +457,21 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     const id = evt.detail[0];
     if (id !== this._layer.id || this._allIds.length === 0) {
       this._fetchingData = true;
-      this._table.highlightIds.removeAll();
       this._layer = await getLayer(this.mapView, id);
       this._allIds = await queryAllIds(this._layer);
+      if (!this._table) {
+        await this._getTable(this._tableNode);
+      }
+      await this._table.when(() => {
+        this._table.highlightIds.removeAll();
+      });
       this._selectedIndexes = [];
       this._table.layer = this._layer;
       this._table.render();
-      this._fetchingData = false;
     }
+    this._sortActive = false;
+    await this._sortTable();
+    this._fetchingData = false;
   }
   /**
    * Fetches the component's translations
@@ -438,17 +486,20 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
   get el() { return this; }
   static get watchers() { return {
     "mapView": ["mapViewWatchHandler"],
-    "_layer": ["_layerWatchHandler"]
+    "_layer": ["_layerWatchHandler"],
+    "_sortActive": ["_sortActiveWatchHandler"]
   }; }
   static get style() { return layerTableCss; }
 }, [0, "layer-table", {
     "mapView": [16],
+    "showNewestFirst": [4, "show-newest-first"],
     "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
     "_alertOpen": [32],
     "_fetchingData": [32],
     "_layer": [32],
     "_selectedIndexes": [32],
     "_showOnlySelected": [32],
+    "_sortActive": [32],
     "_translations": [32],
     "getSelectedGraphics": [64]
   }, [[8, "selectionChanged", "selectionChanged"]]]);
@@ -580,5 +631,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { LayerTable as L, defineCustomElement as d };

package/dist/components/layout-manager2.js

@@ -131,5 +131,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { LayoutManager as L, defineCustomElement as d };

package/dist/components/link.js

@@ -133,5 +133,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Link as L, defineCustomElement as d };

package/dist/components/list-item.js

@@ -82,6 +82,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const ListItem = ListItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/list-item2.js

@@ -446,5 +446,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { ListItem as L, defineCustomElement as d };

package/dist/components/list.js

@@ -547,5 +547,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { List as L, defineCustomElement as d };

package/dist/components/loadModules.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { e as esriLoader } from './locale.js';
+import { e as esriLoader } from './esri-loader.js';
 
 /** @license
  * Copyright 2022 Esri

package/dist/components/loader.js

@@ -94,5 +94,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { Loader as L, defineCustomElement as d };