@esri/solutions-components 0.7.23 → 0.7.25

package/dist/cjs/crowdsource-reporter.cjs.entry.js

@@ -8,13 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b8a649fc.js');
+const locale = require('./locale-a476e15d.js');
+require('./esri-loader-a91c0ec1.js');
+require('./_commonjsHelpers-384729db.js');
 
-const crowdsourceReporterCss = ":host{display:block}";
+const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.map-container{position:absolute;width:calc(100% - 390px);left:390px}.side-panel{padding:2px;width:390px;height:100%;position:absolute;top:0;left:0;z-index:60}.error-msg{padding:10px}.collapsed-side-panel{top:calc(100% - 55px);height:54px}";
 
 const CrowdsourceReporter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.description = undefined;
+        this.isMobile = undefined;
         this.enableAnonymousAccess = undefined;
         this.enableAnonymousComments = undefined;
         this.enableComments = undefined;
@@ -28,22 +32,39 @@ const CrowdsourceReporter = class {
         this.reportSubmittedMessage = undefined;
         this.searchConfiguration = undefined;
         this.showComments = undefined;
+        this.defaultWebmap = "";
+        this.enableSearch = true;
+        this.enableHome = true;
+        this.mapInfos = [];
+        this.theme = "light";
+        this.enableZoom = true;
+        this._mapInfo = undefined;
+        this._flowItems = ["layer-list"];
+        this._sidePanelCollapsed = false;
+        this._translations = undefined;
+        this._hasValidLayers = false;
     }
     //--------------------------------------------------------------------------
     //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Called each time the mapView prop is changed.
+     */
+    async isMobileWatchHandler() {
+        if (this.isMobile) {
+            this._sidePanelCollapsed = false;
+        }
+    }
+    /**
+     * Called each time the mapView prop is changed.
+     */
+    async mapViewWatchHandler() {
+        await this.mapView.when(async () => {
+            await this.setMapView();
+        });
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -61,18 +82,17 @@ const CrowdsourceReporter = class {
     //--------------------------------------------------------------------------
     /**
      * StencilJS: Called once just after the component is first connected to the DOM.
-     *
+     * Create component translations and monitor the mediaQuery change to detect mobile/desktop mode
      * @returns Promise when complete
      */
-    // async componentWillLoad(): Promise<void> {
-    //   await this._getTranslations();
-    //   await this._initModules();
-    // }
+    async componentWillLoad() {
+        await this._getTranslations();
+    }
     /**
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, null, index.h("slot", null, this.loginTitle + this.description)));
+        return (index.h(index.Host, null, index.h("div", null, index.h("calcite-shell", { "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -80,34 +100,135 @@ const CrowdsourceReporter = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
+     * Get the reporter app functionality
+     * @protected
+     */
+    _getReporter() {
+        const renderLists = [];
+        this._flowItems.forEach((item) => {
+            switch (item) {
+                case "layer-list":
+                    renderLists.push(this.getLayerListFlowItem());
+                    break;
+                case "feature-list":
+                    renderLists.push(this.getFeatureListFlowItem(this._selectedLayerId, this._selectedLayerName));
+                    break;
+                case "feature-details":
+                    renderLists.push(this.getFeatureDetailsFlowItem());
+                    break;
+            }
+        });
+        let sidePanelClass = "side-panel";
+        //in case of mobile handle for collapsed styles of the panel
+        if (this.isMobile && this._sidePanelCollapsed) {
+            sidePanelClass += " collapsed-side-panel";
+        }
+        const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
+        return (index.h("calcite-panel", { class: sidePanelClass + " width-full " + themeClass }, this.mapView
+            ? index.h("calcite-flow", null, (renderLists === null || renderLists === void 0 ? void 0 : renderLists.length) > 0 && renderLists)
+            : index.h("calcite-loader", { scale: "m" })));
+    }
+    /**
+     * Get the feature layer list
+     * @returns the layer list items
+     * @protected
+     */
+    getLayerListFlowItem() {
+        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this._hasValidLayers && index.h("calcite-action", { icon: "sort-ascending-arrow", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this.isMobile }), this._hasValidLayers && index.h("calcite-action", { icon: "filter", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this.isMobile }), this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports && index.h("calcite-button", { appearance: "secondary", slot: "footer", width: "full" }, this.reportButtonText), index.h("calcite-panel", { "full-height": true, "full-width": true }, index.h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this) }))));
+    }
+    /**
+     * When layer list is loaded, we will receive the list of layers, if its  means we don't have any valid layer to be listed
+     * @param evt Event which has list of layers
+     * @protected
+     */
+    layerListLoaded(evt) {
+        const layersListed = evt.detail;
+        this._hasValidLayers = layersListed.length > 0;
+    }
+    /**On click of layer list item show feature list
+     * @param evt Event which has details of selected layerId and layerName
+     * @protected
+     */
+    displayFeaturesList(evt) {
+        this._selectedLayerId = evt.detail.layerId;
+        this._selectedLayerName = evt.detail.layerName;
+        this._flowItems = [...this._flowItems, "feature-list"];
+    }
+    /**
+     * On back from feature list navigate to the Layer list panel
+     * @protected
+     */
+    backFromFeatureList() {
+        const updatedFlowItems = [...this._flowItems];
+        updatedFlowItems.pop();
+        this._flowItems = [...updatedFlowItems];
+    }
+    /**
+     * Toggle side panel in case of mobile mode
+     * @protected
+     */
+    toggleSidePanel() {
+        this._sidePanelCollapsed = !this._sidePanelCollapsed;
+    }
+    /**
+     * When feature is selected from list store that and show feature details
+     * @param evt Event which has details of selected feature
+     */
+    async onFeatureSelectFromList(evt) {
+        this._selectedFeature = [evt.detail];
+        this._flowItems = [...this._flowItems, "feature-details"];
+    }
+    /**
+     * Get feature list of the selected feature layer
+     * @param layerId Layer id
+     * @returns feature list node
      * @protected
      */
-    // protected async _initModules(): Promise<void> {
-    //   const [geometryEngine, jsonUtils]: [
-    //     __esri.geometryEngine,
-    //     __esri.symbolsSupportJsonUtils
-    //   ] = await loadModules([
-    //     "esri/geometry/geometryEngine",
-    //     "esri/symbols/support/jsonUtils"
-    //   ]);
-    //   this._geometryEngine = geometryEngine;
-    //   this._jsonUtils = jsonUtils;
-    // }
+    getFeatureListFlowItem(layerId, layerName) {
+        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: layerName, onCalciteFlowItemBack: this.backFromFeatureList.bind(this) }, index.h("calcite-action", { icon: "sort-ascending-arrow", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this.isMobile }), index.h("calcite-action", { icon: "filter", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this.isMobile }), this.isMobile && this.getActionToExpandCollapsePanel(), this.enableNewReports && index.h("calcite-button", { appearance: "secondary", slot: "footer", width: "full" }, this.reportButtonText), index.h("calcite-panel", { "full-height": true }, index.h("feature-list", { class: "height-full", highlightOnMap: true, mapView: this.mapView, noFeaturesFoundMsg: this._translations.featureErrorMsg, onFeatureSelect: this.onFeatureSelectFromList.bind(this), pageSize: 100, selectedLayerId: layerId }))));
+    }
+    /**
+     * Returns the calcite-flow item for feature details
+     * @returns Node
+     */
+    getFeatureDetailsFlowItem() {
+        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromFeatureList.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("calcite-action", { icon: "share", slot: "header-actions-end", text: this._translations.share }), index.h("calcite-panel", { "full-height": true }, index.h("info-card", { allowEditing: false, graphics: this._selectedFeature, isLoading: false, isMobile: false, mapView: this.mapView, zoomAndScrollToSelected: true }))));
+    }
+    /**
+     * Returns the action button to Expand/Collapse side panel in mobile mode
+     */
+    getActionToExpandCollapsePanel() {
+        return (index.h("calcite-action", { icon: this._sidePanelCollapsed ? "chevrons-up" : "chevrons-down", onClick: this.toggleSidePanel.bind(this), slot: "header-actions-end", text: this._sidePanelCollapsed ? this._translations.expand : this._translations.collapse }));
+    }
+    /**
+     * Set the current map info when maps change
+     * @protected
+     */
+    async setMapView() {
+        this.mapView.popupEnabled = false;
+        if (this._defaultCenter && this._defaultLevel) {
+            await this.mapView.goTo({
+                center: this._defaultCenter,
+                zoom: this._defaultLevel
+            });
+            this._defaultCenter = undefined;
+            this._defaultLevel = undefined;
+        }
+    }
     /**
      * Fetches the component's translations
-     *
      * @returns Promise when complete
      * @protected
      */
     async _getTranslations() {
-        // const messages = await getLocaleComponentStrings(this.el);
-        // this._translations = messages[0] as typeof BufferTools_T9n;
+        const messages = await locale.getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
     }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "isMobile": ["isMobileWatchHandler"],
+        "mapView": ["mapViewWatchHandler"]
+    }; }
 };
 CrowdsourceReporter.style = crowdsourceReporterCss;
 

package/dist/cjs/{downloadUtils-401356b5.js → downloadUtils-83c6d3c3.js}

@@ -7,7 +7,7 @@
 
 const _commonjsHelpers = require('./_commonjsHelpers-384729db.js');
 const index = require('./index-b8a649fc.js');
-const loadModules = require('./loadModules-46d14e81.js');
+const locale = require('./locale-a476e15d.js');
 const mapViewUtils = require('./mapViewUtils-8aa325de.js');
 require('./solution-resource-abec7452.js');
 require('./index-f64944ad.js');
@@ -1510,7 +1510,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-a9a4ff08.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-bd1a93b2.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
@@ -2524,7 +2524,7 @@ function _convertPopupTextToLabelSpec(popupInfo) {
  */
 async function _convertPopupArcadeToLabelSpec(expressionInfo) {
     // Generate an Arcade executor
-    const [arcade] = await loadModules.loadModules(["esri/arcade"]);
+    const [arcade] = await locale.loadModules(["esri/arcade"]);
     const labelingProfile = {
         variables: [
             {
@@ -2572,7 +2572,7 @@ async function _createArcadeExecutors(labelFormat, layer) {
         return Promise.resolve(arcadeExecutors);
     }
     // Generate an Arcade executor for each match
-    const [arcade] = await loadModules.loadModules(["esri/arcade"]);
+    const [arcade] = await locale.loadModules(["esri/arcade"]);
     const labelingProfile = {
         variables: [
             {
@@ -3033,7 +3033,7 @@ async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true,
  * @returns Promise resolving with list of labels, each of which is a list of label lines
  */
 async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames = false) {
-    const [intl] = await loadModules.loadModules(["esri/intl"]);
+    const [intl] = await locale.loadModules(["esri/intl"]);
     // Export all attributes
     const labels = featureSet.map(feature => {
         return Object.keys(feature.attributes).map((attributeName) => {
@@ -3066,7 +3066,7 @@ async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomain
  */
 async function _prepareLabelsFromPattern(layer, featureSet, attributeOrigNames, attributeTypes, attributeDomains, attributeFormats, labelFormat, includeHeaderNames = false) {
     var _a;
-    const [intl] = await loadModules.loadModules(["esri/intl"]);
+    const [intl] = await locale.loadModules(["esri/intl"]);
     // Find the label fields that we need to replace with values
     const attributeExpressionMatches = _getFieldExpressionsFromLabel(labelFormat);
     const attributeNames = _getFieldNamesFromFieldExpressions(attributeExpressionMatches);

package/dist/cjs/{index.es-a9a4ff08.js → index.es-bd1a93b2.js}

@@ -6,9 +6,9 @@
 'use strict';
 
 const _commonjsHelpers = require('./_commonjsHelpers-384729db.js');
-const downloadUtils = require('./downloadUtils-401356b5.js');
+const downloadUtils = require('./downloadUtils-83c6d3c3.js');
 require('./index-b8a649fc.js');
-require('./loadModules-46d14e81.js');
+require('./locale-a476e15d.js');
 require('./esri-loader-a91c0ec1.js');
 require('./mapViewUtils-8aa325de.js');
 require('./interfaces-7cd0a48a.js');

package/dist/cjs/instant-apps-export.cjs.entry.js

@@ -405,7 +405,7 @@ const InstantAppsExport = class {
         const options = this.includeMap ? this.renderMapOptions() : null;
         const print = this.renderPrint();
         const panelClass = this.mode === 'inline' ? CSS.inlineContainer : CSS.popoverContainer;
-        return (index.h("div", { class: panelClass }, headerTitle, includeExtraContent, includeMap, options, this.includeMap ? (index.h("calcite-button", { appearance: "transparent", width: "full", onClick: this.setMapAreaOnClick.bind(this), disabled: this.exportIsLoading }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.setMapArea)) : null, index.h("calcite-button", { width: "full", onClick: this.exportOnClick.bind(this), loading: this.exportIsLoading, disabled: this.exportIsLoading }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.export), print));
+        return (index.h("div", { class: panelClass }, headerTitle, includeExtraContent, includeMap, options, this.includeMap ? (index.h("calcite-button", { appearance: "transparent", width: "full", onClick: this.setMapAreaOnClick.bind(this), disabled: this.exportIsLoading }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.setMapArea)) : null, index.h("calcite-button", { width: "full", onClick: this.exportOnClick.bind(this), disabled: this.exportIsLoading }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.export), print));
     }
     renderTitle() {
         var _a;

package/dist/cjs/instant-apps-language-translator.cjs.entry.js

@@ -159,7 +159,7 @@ const InstantAppsLanguageTranslator = class {
     renderExpandCollapseButton() {
         const { isCollapse, messages } = this;
         const text = isCollapse ? messages === null || messages === void 0 ? void 0 : messages.collapseAll : messages === null || messages === void 0 ? void 0 : messages.expandAll;
-        return (index.h("calcite-button", { onClick: this.handleExpandCollapseAll.bind(this), appearance: "transparent", "icon-start": utils.EIcons.ExpandCollapse }, text));
+        return (index.h(index.Fragment, null, index.h("slot", { name: "primary-custom-action" }), index.h("slot", { name: "secondary-custom-action" }), index.h("calcite-button", { onClick: this.handleExpandCollapseAll.bind(this), appearance: "transparent", "icon-start": utils.EIcons.ExpandCollapse }, text)));
     }
     renderSearch() {
         var _a;
@@ -239,6 +239,46 @@ const InstantAppsLanguageTranslator = class {
         const value = node.value;
         utils.store.set('currentLanguage', value);
     }
+    /**
+     * Gets translation data for all languages and fields.
+     */
+    async getTranslationData() {
+        return utils.store.get('portalItemResourceT9n');
+    }
+    /**
+     * Updates translation data for all languages and fields.
+     */
+    async setTranslationData(data) {
+        return utils.store.set('portalItemResourceT9n', data);
+    }
+    /**
+     * Gets portal item resource containing the translation data.
+     */
+    async getPortalItemResource() {
+        return utils.store.get('portalItemResource');
+    }
+    /**
+     * Batch write data to associated portal item resource.
+     */
+    async batchWriteToPortalItemResource(data) {
+        utils.store.set('saving', true);
+        try {
+            const resource = await this.getPortalItemResource();
+            const dataStr = JSON.stringify(data);
+            const blobParts = [dataStr];
+            const options = { type: 'application/json' };
+            const blob = new Blob(blobParts, options);
+            await resource.update(blob);
+            setTimeout(() => utils.store.set('saving', false), 1500);
+            this.translatorDataUpdated.emit();
+            return Promise.resolve();
+        }
+        catch (err) {
+            console.error('Error writing to portal item resource: ', err);
+            utils.store.set('saving', false);
+            return Promise.reject();
+        }
+    }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "locales": ["handleLocaleChange"],

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

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b8a649fc.js');
-const locale = require('./locale-9db09b63.js');
+const locale = require('./locale-a476e15d.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');