@esri/solutions-components 0.8.13 → 0.8.15

package/dist/cjs/{downloadUtils-88c011ad.js → downloadUtils-2e36a300.js}

@@ -8,7 +8,7 @@
 const esriLoader = require('./esri-loader-fce6a9cb.js');
 const index = require('./index-79b35510.js');
 const locale = require('./locale-48d76c59.js');
-const mapViewUtils = require('./mapViewUtils-82018df6.js');
+const mapViewUtils = require('./mapViewUtils-6e46ba33.js');
 require('./solution-resource-a577e84f.js');
 require('./index-f64944ad.js');
 const restHelpersGet = require('./restHelpersGet-dbaa28df.js');
@@ -1512,7 +1512,7 @@ function(t){var e=function(t){for(var e=t.length,r=new Uint8Array(e),n=0;n<e;n++
  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  * ====================================================================
  */
-function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):Promise.resolve().then(function () { return require('./index.es-1d5ee842.js'); })).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
+function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):Promise.resolve().then(function () { return require('./index.es-56415e48.js'); })).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
 /** ====================================================================
  * @license
  * jsPDF XMP metadata plugin
@@ -2197,7 +2197,7 @@ class PDFLabels {
 * @param initialImageDataUrl Data URL of image for first page
  */
 function exportPDF(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
-    downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
+    void downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
 }
 //#endregion
 //#region Private functions
@@ -2210,42 +2210,38 @@ function exportPDF(filename, labels, labelPageDescription, title = "", initialIm
  * @param title Title for each page
  * @param initialImageDataUrl Data URL of image for first page
  */
-function downloadPDFFile(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
+async function downloadPDFFile(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
     const pdfLib = new PDFCreator_jsPDF();
-    pdfLib.initialize({
+    await pdfLib.initialize({
         pageType: "ANSI_A"
     }, index.getAssetPath(`../assets/arcgis-pdf-creator/`), "en", filename // filename without ".pdf"
-    )
-        .then(() => {
-        const labeller = new PDFLabels();
-        labeller.initialize(pdfLib)
-            .then(async () => {
-            const labelSpec = labelPageDescription.labelSpec;
-            let startingPageNum = 1;
-            // Add the screenshot to the PDF
-            if (initialImageDataUrl) {
-                const pageProperties = labelSpec.pageProperties;
-                const pageSize = PDFCreator.getPageSize(pageProperties.pageType);
-                pdfLib.drawImage(initialImageDataUrl, {
-                    x: pageProperties.leftMargin,
-                    y: pageProperties.topMargin,
-                    width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
-                    height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
-                });
-                if (title) {
-                    labeller.drawSupplementalText(title, 0, -0.1);
-                }
-                if (labels.length > 0) {
-                    pdfLib.addPage();
-                    ++startingPageNum;
-                }
-            }
-            // Add the labels to the PDF
-            await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading
-            );
-            pdfLib.save();
+    );
+    const labeller = new PDFLabels();
+    await labeller.initialize(pdfLib);
+    const labelSpec = labelPageDescription.labelSpec;
+    let startingPageNum = 1;
+    // Add the screenshot to the PDF
+    if (initialImageDataUrl) {
+        const pageProperties = labelSpec.pageProperties;
+        const pageSize = PDFCreator.getPageSize(pageProperties.pageType);
+        pdfLib.drawImage(initialImageDataUrl, {
+            x: pageProperties.leftMargin,
+            y: pageProperties.topMargin,
+            width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
+            height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
         });
-    });
+        if (title) {
+            labeller.drawSupplementalText(title, 0, -0.1);
+        }
+        if (labels.length > 0) {
+            pdfLib.addPage();
+            ++startingPageNum;
+        }
+    }
+    // Add the labels to the PDF
+    await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading
+    );
+    pdfLib.save();
 }
 //#endregion
 

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

@@ -52,7 +52,7 @@ const FeatureComments = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '2f5fccede034515212bdcfae66b1a050f63400d0' }, index.h("slot", { key: '3539f90873c3771e33c8655c12cce9adfbfa772b' })));
+        return (index.h(index.Host, { key: '388f7097c0cfc5b9c6cc6649ff00e9fd0be1c6aa' }, index.h("slot", { key: '31a2a3694358fe14a2195da82063f3be0500b3d8' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -52,7 +52,7 @@ const FeatureFormFlowItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: 'eafd28a38226545f6e4047bd03fe7eaf0ec20cfa' }, index.h("slot", { key: '5ad9661525b0126f0848064f5d5bdae69c393d11' })));
+        return (index.h(index.Host, { key: '2607999cdad5fbe75eac4366256b589eeb33fe36' }, index.h("slot", { key: 'a9443a71e40b37449d01f4c40ca5f21b83bf005a' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -0,0 +1,297 @@
+/*!
+ * 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-79b35510.js');
+const locale = require('./locale-48d76c59.js');
+const popupUtils = require('./popupUtils-500c1544.js');
+const mapViewUtils = require('./mapViewUtils-6e46ba33.js');
+require('./esri-loader-fce6a9cb.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)}.feature-list-popup-title{font-weight:500;padding:10px 12px}.feature-list-popup-title-small{font-size:x-small;padding:10px 12px}";
+const FeatureListStyle0 = featureListCss;
+
+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.highlightOnHover = false;
+        this.sortingInfo = undefined;
+        this.whereClause = undefined;
+        this.textSize = "large";
+        this.showInitialLoading = true;
+        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();
+    }
+    /**
+     * Watch for sorting field or order change and update the features list
+     */
+    async sortingInfoWatchHandler() {
+        await this.initializeFeatureItems();
+    }
+    /**
+     * Watch for whereclause change and update the features list
+     */
+    async whereClauseHandler() {
+        await this.initializeFeatureItems();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    /**
+     * Refresh the feature list which will fetch the latest features and update the features list
+     * @returns Promise that resolves when the operation is complete
+     */
+    async refresh() {
+        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.initModules();
+        await this._getTranslations();
+        this._isLoading = this.showInitialLoading;
+        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", { key: '37f83a9c019e68213493f5e890324470389cd36f', "full-height": true, "full-width": true }, this._isLoading && index.h("calcite-loader", { key: '671559375bb5fcdc8a01f9f10a82ab71edc0d836', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
+            index.h("calcite-notice", { key: 'f6101de52464f2316bfbb83919036b4cf035f8b9', class: "error-msg", icon: "feature-details", kind: "info", open: true }, index.h("div", { key: 'e49017399909f1d0b93ec4e24341b9042267977f', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), index.h("calcite-list", { key: '2e90c0aec739fcce422ff730a39adc85b71a84cb', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            index.h("div", { key: '4b59248846c5b433bb88171c322070a13002f23d', class: "width-full", slot: "footer" }, index.h("calcite-pagination", { key: '1ca5dbccdc59379999a94198d7ac6111e1ef547b', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, "start-item": "1", "total-items": this._featuresCount }))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+   * Load esri javascript api modules
+   * @returns Promise resolving when function is done
+   * @protected
+   */
+    async initModules() {
+        const [Color] = await locale.loadModules([
+            "esri/Color"
+        ]);
+        this.Color = Color;
+    }
+    /**
+     * Return the where condition string considering the defined where clause and layer's definition expression
+     * @protected
+     */
+    getWhereCondition() {
+        var _a;
+        //By Default load all the features
+        let whereClause = '1=1';
+        //if where clause is defined use it
+        if (this.whereClause) {
+            whereClause = this.whereClause;
+        }
+        //if layer has definitionExpression append it to the where clause
+        if ((_a = this._selectedLayer) === null || _a === void 0 ? void 0 : _a.definitionExpression) {
+            whereClause = whereClause + ' AND ' + this._selectedLayer.definitionExpression;
+        }
+        return whereClause;
+    }
+    /**
+     * Initialize the features list using the selected layer
+     * @protected
+     */
+    async initializeFeatureItems() {
+        if (this._selectedLayer) {
+            this._isLoading = this.showInitialLoading;
+            this._featureItems = await this.queryPage(0);
+            const query = {
+                where: this.getWhereCondition()
+            };
+            this._featuresCount = await this._selectedLayer.queryFeatureCount(query);
+            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
+        this.clearHighlights();
+        //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);
+        }
+        await this.emitSelectedFeature(selectedFeature);
+    }
+    /**
+     * Emit selected feature with its complete graphics and attributes
+     * @param graphic selected feature graphic
+     * @protected
+     */
+    async emitSelectedFeature(graphic) {
+        const layer = graphic.layer;
+        const query = layer.createQuery();
+        query.returnGeometry = true;
+        query.objectIds = [graphic.getObjectId()];
+        const completeGraphic = await layer.queryFeatures(query);
+        this.featureSelect.emit(completeGraphic.features[0]);
+    }
+    /**
+     * On feature hover in feature list highlight the feature on the map
+     * @param selectedFeature mouse hovered feature graphic
+     * @protected
+     */
+    async onFeatureHover(selectedFeature) {
+        //clear previous highlight and remove the highlightHandle
+        this.clearHighlights();
+        if (this.highlightOnHover) {
+            const oId = selectedFeature.getObjectId();
+            const selectedLayerView = await mapViewUtils.getFeatureLayerView(this.mapView, this.selectedLayerId);
+            selectedLayerView.highlightOptions = { color: new this.Color("#FFFF00") };
+            this._highlightHandle = selectedLayerView.highlight([oId]);
+        }
+    }
+    /**
+     * Clears the highlight
+     * @protected
+     */
+    clearHighlights() {
+        //if a feature is already highlighted, then remove the highlight
+        if (this._highlightHandle) {
+            this._highlightHandle.remove();
+        }
+    }
+    /**
+     * 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) {
+        var _a, _b;
+        const featureLayer = this._selectedLayer;
+        const sortField = ((_a = this.sortingInfo) === null || _a === void 0 ? void 0 : _a.field) ? this.sortingInfo.field : featureLayer.objectIdField;
+        const sortOrder = ((_b = this.sortingInfo) === null || _b === void 0 ? void 0 : _b.order) ? this.sortingInfo.order : 'desc';
+        const query = {
+            start: page,
+            num: this.pageSize,
+            outFields: ["*"],
+            returnGeometry: true,
+            where: this.getWhereCondition(),
+            outSpatialReference: this.mapView.spatialReference.toJSON()
+        };
+        //sort only when sort field and order is valid
+        if (sortField && sortOrder) {
+            query.orderByFields = [sortField.toString() + " " + sortOrder];
+        }
+        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;
+        const popupTitleClass = this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
+        return (index.h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, index.h("div", { class: popupTitleClass, 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"],
+        "sortingInfo": ["sortingInfoWatchHandler"],
+        "whereClause": ["whereClauseHandler"]
+    }; }
+};
+FeatureList.style = FeatureListStyle0;
+
+exports.feature_list = FeatureList;

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

@@ -52,7 +52,7 @@ const FeaturesFlowItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '47fde9252d4b8eff91b413cf22282b8d61d127a7' }, index.h("slot", { key: '725e3a0a4ad6ef4827a5036187b2f0e59cf34ecd' })));
+        return (index.h(index.Host, { key: 'e0d4102af27d4ca25cb6257292797c2900337ec7' }, index.h("slot", { key: 'ea50a07d3d33ee0b67bc5a27a71bc7ea597fb008' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{index.es-1d5ee842.js → index.es-56415e48.js}

@@ -6,10 +6,10 @@
 'use strict';
 
 const esriLoader = require('./esri-loader-fce6a9cb.js');
-const downloadUtils = require('./downloadUtils-88c011ad.js');
+const downloadUtils = require('./downloadUtils-2e36a300.js');
 require('./index-79b35510.js');
 require('./locale-48d76c59.js');
-require('./mapViewUtils-82018df6.js');
+require('./mapViewUtils-6e46ba33.js');
 require('./interfaces-7cd0a48a.js');
 require('./solution-resource-a577e84f.js');
 require('./index-f64944ad.js');

package/dist/cjs/layout-manager.cjs.entry.js

@@ -47,7 +47,7 @@ const LayoutManager = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'b8c4efb8e0990e7590411a467125edc54f1c9039' }, index.h("div", { key: 'ac235066e5891e3dd06c55432dd30366e14d702b', class: "display-flex" }, index.h("div", { key: 'aa743b87f77d2ee066b7594493ca64a0d930fc35', class: "display-flex action-center" }, index.h("calcite-icon", { key: 'f0b001707fe2b3c6bfb8077ce9f888c7e82fd253', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { key: '010acee7b5301ce85ddb892683efe6635612a64c', closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { key: 'bc2d7c2b4b2b15ef19ea82ed845282c9d0c7e81b', class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { key: '429386c5b13d349d6a28c5756bc1f0d261259c0e', class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal))));
+        return (index.h(index.Host, { key: '3e5a7de439b797078a7d58aed615f49c1139ac6f' }, index.h("div", { key: 'bb4a32b540600d0c46e1cdf2eb6b37a9242f70ee', class: "display-flex" }, index.h("div", { key: '560014821ef89ac3c0ad916257cf77efea54c752', class: "display-flex action-center" }, index.h("calcite-icon", { key: 'f8db949f64ddfaa893380b91de757044dc5a127a', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { key: '32d453ff1767573cf8fb0c1c33243ec39a3a82e1', closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { key: '056dde09c448eb2b1e4f3c86b9eef3e836b6bce1', class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { key: '82ac72ab969f1292f83762d536e10aa4ece255e8', class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -52,7 +52,7 @@ const ListFlowItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: 'b6d40c70e611fdba0e57f85ac707cc852b5a64f1' }, index.h("slot", { key: '0892b0046607b71954bf4a48496eff72dedf406a' })));
+        return (index.h(index.Host, { key: '294c2df1aa37bf2276716e93953fb9670d08ed2d' }, index.h("slot", { key: 'b57b34de225e39fda047027286f8eb8367f335df' })));
     }
     get el() { return index.getElement(this); }
 };