@esri/solutions-components 0.7.39 → 0.7.41

package/dist/cjs/calcite-alert_4.cjs.entry.js

@@ -16,7 +16,7 @@ const openCloseComponent = require('./openCloseComponent-19a769d0.js');
 const t9n = require('./t9n-993a84de.js');
 const resources = require('./resources-dd8ff1b4.js');
 const locale$1 = require('./locale-8c42ba7a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
 const popupUtils = require('./popupUtils-824d2f7c.js');
 require('./guid-ae73cd27.js');
 require('./resources-9447c777.js');

package/dist/cjs/calcite-combobox_5.cjs.entry.js

@@ -26,7 +26,7 @@ const Validation = require('./Validation-b02c6710.js');
 const debounce = require('./debounce-30afab47.js');
 const key = require('./key-c5504030.js');
 const locale$1 = require('./locale-8c42ba7a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
 const publicNotificationStore = require('./publicNotificationStore-ef379d11.js');
 require('./resources-9447c777.js');
 require('./browser-d08a5f99.js');

package/dist/cjs/calcite-flow_5.cjs.entry.js

@@ -16,7 +16,7 @@ const locale = require('./locale-d237c9d5.js');
 const t9n = require('./t9n-993a84de.js');
 const resources = require('./resources-3e593312.js');
 const locale$1 = require('./locale-8c42ba7a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
 const popupUtils = require('./popupUtils-824d2f7c.js');
 require('./guid-ae73cd27.js');
 require('./resources-9447c777.js');
@@ -771,6 +771,8 @@ const LayerList = class {
         index.registerInstance(this, hostRef);
         this.layerSelect = index.createEvent(this, "layerSelect", 7);
         this.layersListLoaded = index.createEvent(this, "layersListLoaded", 7);
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.mapView = undefined;
         this.layers = undefined;
         this.noLayerErrorMsg = undefined;
@@ -823,7 +825,7 @@ const LayerList = class {
      */
     render() {
         return (index.h(index.Fragment, null, this._isLoading && index.h("calcite-loader", { label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            index.h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, index.h("div", { slot: "title" }, this._translations.error), index.h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            index.h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, index.h("div", { slot: "title" }, this._translations.error), index.h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
             index.h("calcite-list", { "selection-appearance": "border", "selection-mode": this.showNextIcon ? "none" : "single-persist" }, this.renderLayerList())));
     }
     //--------------------------------------------------------------------------

package/dist/cjs/calcite-input-date-picker_3.cjs.entry.js

@@ -778,7 +778,7 @@ function resetDatePicker(datePicker) {
   }
 }
 
-const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:48px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
+const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;--calcite-font-size--1:16px}.instant-apps-filter-list__item-container--user-input calcite-combobox-item{--calcite-font-size--1:12px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:64px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1:16px}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
 
 const CSS$1 = {
     base: 'instant-apps-filter-list',
@@ -865,6 +865,7 @@ const InstantAppsFilterList = class {
         this.geometryJsonUtils = geometryJsonUtils;
         this.reactiveUtils = reactiveUtils;
         this.locale = intl.getLocale();
+        this.intl = intl;
         return Promise.resolve();
     }
     render() {
@@ -896,24 +897,13 @@ const InstantAppsFilterList = class {
     }
     renderCombobox(layerExpression, expression) {
         var _a;
-        return (index.h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, index.h("span", null, expression.name), index.h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, overlayPositioning: "fixed", selectionMode: "multiple", scale: "s", "max-items": "6" }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
+        return (index.h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, index.h("span", null, expression.name), index.h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6" }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
     }
     renderComboboxItem(expression, value, index$1) {
-        var _a, _b;
-        let label = value;
-        if (expression.type === 'coded-value') {
-            label = (_a = expression.codedValues) === null || _a === void 0 ? void 0 : _a[value];
-        }
-        else if (expression.type === 'number' && typeof value === 'number' && expression.format != null) {
-            if (expression.format.places != null) {
-                label = this.roundNumber(value, expression.format.places);
-            }
-            if (expression.format.digitSeparator) {
-                label = this.numberWithCommas(label);
-            }
-        }
+        var _a;
+        const label = this.createLabel(expression, value);
         const selectedFields = expression === null || expression === void 0 ? void 0 : expression.selectedFields;
-        const selected = (_b = selectedFields === null || selectedFields === void 0 ? void 0 : selectedFields.includes(value)) !== null && _b !== void 0 ? _b : false;
+        const selected = (_a = selectedFields === null || selectedFields === void 0 ? void 0 : selectedFields.includes(value)) !== null && _a !== void 0 ? _a : false;
         return index.h("calcite-combobox-item", { key: `${label}-${index$1}`, value: value, textLabel: `${label}`, selected: selected });
     }
     initFilterConfig() {
@@ -945,11 +935,10 @@ const InstantAppsFilterList = class {
     }
     renderDatePicker(layerExpression, expression) {
         var _a, _b, _c, _d;
-        const min = convertToDate(expression.min);
-        const max = convertToDate(expression.max);
+        const { min, max } = expression;
         const value = [(_a = expression === null || expression === void 0 ? void 0 : expression.range) === null || _a === void 0 ? void 0 : _a.min, (_b = expression === null || expression === void 0 ? void 0 : expression.range) === null || _b === void 0 ? void 0 : _b.max];
         const check = min != null && max != null;
-        return check ? (index.h("label", { class: CSS$1.filterUIItemContainer }, index.h("span", null, expression === null || expression === void 0 ? void 0 : expression.name), index.h("div", { class: CSS$1.dateInputContainer }, index.h("calcite-input-date-picker", { id: expression === null || expression === void 0 ? void 0 : expression.id.toString(), onCalciteInputDatePickerChange: this.handleDatePickerRangeChange.bind(this, expression, layerExpression), min: min, max: max, scale: "s", lang: (_c = this.locale) !== null && _c !== void 0 ? _c : 'en', "overlay-positioning": "fixed", layout: "vertical", value: value, range: true }), index.h("calcite-action", { onClick: this.handleResetDatePicker.bind(this, expression, layerExpression), icon: "reset", text: (_d = this.messages) === null || _d === void 0 ? void 0 : _d.resetDatePicker, scale: "s" })))) : null;
+        return check ? (index.h("label", { class: CSS$1.filterUIItemContainer }, index.h("span", null, expression === null || expression === void 0 ? void 0 : expression.name), index.h("div", { class: CSS$1.dateInputContainer }, index.h("calcite-input-date-picker", { id: expression === null || expression === void 0 ? void 0 : expression.id.toString(), onCalciteInputDatePickerChange: this.handleDatePickerRangeChange.bind(this, expression, layerExpression), min: min, max: max, "overlay-positioning": "fixed", lang: (_c = this.locale) !== null && _c !== void 0 ? _c : 'en', layout: "vertical", value: value, range: true }), index.h("calcite-action", { onClick: this.handleResetDatePicker.bind(this, expression, layerExpression), icon: "reset", text: (_d = this.messages) === null || _d === void 0 ? void 0 : _d.resetDatePicker, scale: "s" })))) : null;
     }
     renderFooter() {
         var _a;
@@ -1019,7 +1008,12 @@ const InstantAppsFilterList = class {
                     this.resetCombobox(expression);
                 }
                 else if (type === 'date') {
-                    this.resetDatePicker(expression);
+                    if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
+                        this.resetCombobox(expression);
+                    }
+                    else {
+                        this.resetDatePicker(expression);
+                    }
                 }
                 else if (type === 'number' || type === 'range') {
                     if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
@@ -1095,9 +1089,15 @@ const InstantAppsFilterList = class {
         });
     }
     async updateStringExpression(layerExpression, expression) {
-        const { field } = expression;
+        const { field, type } = expression;
         const layer = this.findFilterLayer(layerExpression);
         expression.fields = await this.getFeatureAttributes(layer, field);
+        if (type === 'date') {
+            const layerField = layer.fields.find(({ name }) => name === field);
+            if ((layerField === null || layerField === void 0 ? void 0 : layerField.type) === 'date-only') {
+                expression.dateOnly = true;
+            }
+        }
         if (expression === null || expression === void 0 ? void 0 : expression.selectedFields) {
             const selectedFields = expression.selectedFields.map((field) => (typeof field === 'number' ? field : `'${handleSingleQuote(field)}'`));
             expression.definitionExpression = `${field} IN (${selectedFields.join(',')})`;
@@ -1358,12 +1358,18 @@ const InstantAppsFilterList = class {
     handleComboSelect(expression, layerExpression, event) {
         const combobox = event.target;
         const items = combobox.selectedItems;
-        const { field } = expression;
+        const { field, type } = expression;
         if (items && items.length) {
             const values = items.map(({ value }) => (typeof value === 'number' ? value : `'${handleSingleQuote(value)}'`));
-            expression.selectedFields = items.map(({ value }) => value);
-            const definitionExpression = `${field} IN (${values.join(',')})`;
-            expression.definitionExpression = definitionExpression;
+            if (type === 'date') {
+                expression.selectedFields = items.map(({ value }) => value);
+                expression.definitionExpression = values.map(value => this.buildDateExpression(value, field)).join(' OR ');
+            }
+            else {
+                expression.selectedFields = items.map(({ value }) => value);
+                const definitionExpression = `${field} IN (${values.join(',')})`;
+                expression.definitionExpression = definitionExpression;
+            }
             expression.active = true;
         }
         else {
@@ -1420,20 +1426,20 @@ const InstantAppsFilterList = class {
     }
     createURLParamExpression(layerExpression, expression) {
         const { id, range, selectedFields, type } = expression;
-        if (type === 'number' || type === 'range' || type === 'date') {
+        if (type === 'string' || type === 'coded-value' || (expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
             return {
-                type: 'range',
+                type: 'select',
                 layerId: layerExpression.id,
                 expressionId: id.toString(),
-                range,
+                selectedFields,
             };
         }
-        else if (type === 'string' || type === 'coded-value') {
+        else if (type === 'number' || type === 'range' || type === 'date') {
             return {
-                type: 'select',
+                type: 'range',
                 layerId: layerExpression.id,
                 expressionId: id.toString(),
-                selectedFields,
+                range,
             };
         }
         else {
@@ -1729,6 +1735,39 @@ const InstantAppsFilterList = class {
             return layer;
         }
     }
+    createLabel(expression, value) {
+        var _a;
+        let label = value;
+        if (expression.type === 'coded-value') {
+            label = (_a = expression.codedValues) === null || _a === void 0 ? void 0 : _a[value];
+        }
+        else if (expression.type === 'number' && typeof value === 'number' && expression.format != null) {
+            if (expression.format.places != null) {
+                label = this.roundNumber(value, expression.format.places);
+            }
+            if (expression.format.digitSeparator) {
+                label = this.numberWithCommas(label);
+            }
+        }
+        else if (expression.type === 'date' && !expression.dateOnly) {
+            const format = expression.dateOnly ? this.intl.convertDateFormatToIntlOptions('short-date-long-time') : undefined;
+            label = this.intl.formatDate(value, format);
+        }
+        return label;
+    }
+    buildDateExpression(date, field) {
+        if (date) {
+            const tmpDate = new Date(date);
+            const tmpCompareDate = new Date(date);
+            const tmpCompareDate1 = new Date(tmpCompareDate.setDate(tmpDate.getDate() + 1));
+            const formattedDate = `${tmpDate.getFullYear()}-${tmpDate.getMonth() + 1}-${tmpDate.getDate()}`;
+            const time = `${tmpDate.getHours()}:${tmpDate.getMinutes()}:${tmpDate.getSeconds()}`;
+            const compareTime = `${tmpCompareDate1.getHours()}:${tmpCompareDate1.getMinutes()}:${tmpCompareDate1.getSeconds()}`;
+            const compareFormattedDate = `${tmpCompareDate1.getFullYear()}-${tmpCompareDate1.getMonth() + 1}-${tmpCompareDate1.getDate()}`;
+            return `${field} BETWEEN '${formattedDate} ${time}' AND '${compareFormattedDate} ${compareTime}'`;
+        }
+        return;
+    }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "view": ["watchViewHandler"],

package/dist/cjs/card-manager_3.cjs.entry.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-105cf2b9.js');
 const locale = require('./locale-8c42ba7a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
-const downloadUtils = require('./downloadUtils-c22a71da.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
+const downloadUtils = require('./downloadUtils-b10e3b8c.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 require('./interfaces-7cd0a48a.js');
@@ -176,6 +176,7 @@ const LayerTable = class {
         this.showNewestFirst = undefined;
         this.zoomAndScrollToSelected = undefined;
         this._controlsThatFit = undefined;
+        this._csvExporting = false;
         this._fetchingData = false;
         this._filterActive = false;
         this._filterOpen = false;
@@ -452,8 +453,8 @@ const LayerTable = class {
             if (cur && !cur.isOverflow) {
                 prev.push(cur.isDanger ?
                     this._getDangerAction(cur.icon, cur.label, cur.func, cur.disabled) :
-                    cur.isSublist ? (index.h("calcite-dropdown", { closeOnSelectDisabled: true, id: this._getId(cur.icon), onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._showHideDropdown = el }, this._getAction(cur.active, this._showHideOpen ? "chevron-down" : cur.icon, cur.indicator, cur.label, cur.func, cur.disabled, "trigger"), this._showHideOpen ? this._getFieldlist() : undefined)) :
-                        this._getAction(cur.active, cur.icon, cur.indicator, cur.label, cur.func, cur.disabled));
+                    cur.isSublist ? (index.h("calcite-dropdown", { closeOnSelectDisabled: true, id: this._getId(cur.icon), onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._showHideDropdown = el }, this._getAction(cur.active, this._showHideOpen ? "chevron-down" : cur.icon, cur.indicator, cur.label, cur.func, cur.disabled, cur.loading, "trigger"), this._showHideOpen ? this._getFieldlist() : undefined)) :
+                        this._getAction(cur.active, cur.icon, cur.indicator, cur.label, cur.func, cur.disabled, cur.loading));
             }
             return prev;
         }, []);
@@ -605,6 +606,7 @@ const LayerTable = class {
                     indicator: false,
                     func: () => void this._exportToCSV(),
                     label: this._translations.exportCSV,
+                    loading: this._csvExporting,
                     disabled: featuresEmpty,
                     isOverflow: false
                 } : undefined, {
@@ -789,7 +791,7 @@ const LayerTable = class {
     _getDropdown(id) {
         const dropdownItems = this._getDropdownItems();
         return dropdownItems.length > 0 ? (index.h("calcite-dropdown", { closeOnSelectDisabled: true, disabled: this._layer === undefined, id: "solutions-more", onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._moreDropdown = el }, index.h("calcite-action", { appearance: "solid", id: id, label: "", onClick: () => this._closeShowHide(), slot: "trigger", text: "" }, index.h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), index.h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
-            return (index.h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.icon, id: "solutions-subset-list", onClick: item.func }, item.label)));
+            return (index.h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: "solutions-subset-list", onClick: item.func }, item.loading ? (index.h("div", { class: "display-flex" }, index.h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
         })), this._showHideOpen ? this._getFieldlist() : undefined)) : undefined;
     }
     /**
@@ -811,9 +813,9 @@ const LayerTable = class {
      *
      * @returns VNode The node representing the DOM element that will contain the action
      */
-    _getAction(active, icon, indicator, label, func, disabled, slot) {
+    _getAction(active, icon, indicator, label, func, disabled, loading, slot) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (index.h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, index.h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: icon, indicator: indicator, label: label, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
+        return (index.h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, index.h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: icon, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Get an action and tooltip for share
@@ -1267,13 +1269,9 @@ const LayerTable = class {
         const hitTestResult = await this.mapView.hitTest(evt.screenPoint, opts);
         if (hitTestResult.results.length > 0) {
             hitTestResult.results.forEach((result) => {
-                this._clearSelection();
                 const id = result.graphic.getObjectId();
                 const index = this._table.highlightIds.indexOf(id);
-                if (index > -1) {
-                    this._table.highlightIds.removeAt(index);
-                }
-                else {
+                if (index < 0) {
                     this._table.highlightIds.add(id);
                 }
             });
@@ -1281,6 +1279,9 @@ const LayerTable = class {
                 this._table.filterBySelection();
             }
         }
+        else {
+            this._clearSelection();
+        }
     }
     /**
      * Select or deselect all rows
@@ -1369,11 +1370,26 @@ const LayerTable = class {
             }
             return prev;
         }, []);
-        void downloadUtils.downloadCSV(null, //???
+        this._updateToolInfoLoading("export", true);
+        this._csvExporting = true;
+        await downloadUtils.downloadCSV(null, //???
         exportInfos, false, // formatUsingLayerPopup
         false, // removeDuplicates
         true, // addColumnTitle
         fields, true);
+        this._updateToolInfoLoading("export", false);
+        this._csvExporting = false;
+    }
+    /**
+     * Set the loading prop in the stored toolInfos
+     */
+    _updateToolInfoLoading(name, isLoading) {
+        this._toolInfos.some(tool => {
+            if ((tool === null || tool === void 0 ? void 0 : tool.icon) === name) {
+                tool.loading = isLoading;
+                return true;
+            }
+        });
     }
     /**
      * Refreshes the table and maintains the curent scroll position

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-105cf2b9.js');
 const locale = require('./locale-8c42ba7a.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-105cf2b9.js');
 const locale = require('./locale-8c42ba7a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 require('./interfaces-7cd0a48a.js');
@@ -20,6 +20,8 @@ const CrowdsourceReporter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.togglePanel = index.createEvent(this, "togglePanel", 7);
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.description = undefined;
         this.isMobile = undefined;
         this.enableAnonymousAccess = undefined;
@@ -32,6 +34,8 @@ const CrowdsourceReporter = class {
         this.mapView = undefined;
         this.layerId = undefined;
         this.objectId = undefined;
+        this.center = undefined;
+        this.level = undefined;
         this.reportButtonText = undefined;
         this.reportsHeader = undefined;
         this.reportSubmittedMessage = undefined;
@@ -163,7 +167,7 @@ const CrowdsourceReporter = class {
      */
     getLayerListFlowItem() {
         return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports &&
-            index.h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), 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), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
+            index.h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), 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._noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
     }
     /**
      * Get the layer list for creating a report
@@ -171,7 +175,7 @@ const CrowdsourceReporter = class {
      * @protected
      */
     getChooseCategoryFlowItem() {
-        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("div", { class: "width-full", slot: "footer" }, index.h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), index.h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), index.h("calcite-panel", { "full-height": true, "full-width": true }, index.h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, index.h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), index.h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
+        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("div", { class: "width-full", slot: "footer" }, index.h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), index.h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), index.h("calcite-panel", { "full-height": true, "full-width": true }, index.h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, index.h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), index.h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
     }
     /**
      * Get Feature create form of the selected feature layer
@@ -517,11 +521,17 @@ const CrowdsourceReporter = class {
      * @protected
      */
     async loadFeatureFromURLParams() {
+        if (this.center && this.level) {
+            await this.mapView.goTo({
+                center: this.center.split(';').map(Number),
+                zoom: this.level
+            });
+        }
         if (this.layerId && this.objectId) {
             const layer = await mapViewUtils.getLayerOrTable(this.mapView, this.layerId);
             if (layer) {
                 // only query if we have some ids...query with no ids will result in all features being returned
-                const featureSet = await mapViewUtils.queryFeaturesByID([Number(this.objectId)], layer, [], false, this.mapView.spatialReference);
+                const featureSet = await mapViewUtils.queryFeaturesByID([Number(this.objectId)], layer, [], true, this.mapView.spatialReference);
                 if (featureSet.length) {
                     //update the selectedFeature
                     this._selectedFeature = featureSet;
@@ -533,6 +543,7 @@ const CrowdsourceReporter = class {
                     else {
                         this._flowItems = [...this._flowItems];
                     }
+                    await this.highlightOnMap(featureSet[0]);
                 }
             }
         }

package/dist/cjs/{downloadUtils-c22a71da.js → downloadUtils-b10e3b8c.js}

@@ -8,7 +8,7 @@
 const _commonjsHelpers = require('./_commonjsHelpers-384729db.js');
 const index = require('./index-105cf2b9.js');
 const locale = require('./locale-8c42ba7a.js');
-const mapViewUtils = require('./mapViewUtils-cd29b129.js');
+const mapViewUtils = require('./mapViewUtils-290dbc9e.js');
 require('./solution-resource-abec7452.js');
 require('./index-f64944ad.js');
 const restHelpersGet = require('./restHelpersGet-e0737480.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-8d317f5e.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-b9d6eff6.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

package/dist/cjs/{index.es-8d317f5e.js → index.es-b9d6eff6.js}

@@ -6,11 +6,11 @@
 'use strict';
 
 const _commonjsHelpers = require('./_commonjsHelpers-384729db.js');
-const downloadUtils = require('./downloadUtils-c22a71da.js');
+const downloadUtils = require('./downloadUtils-b10e3b8c.js');
 require('./index-105cf2b9.js');
 require('./locale-8c42ba7a.js');
 require('./esri-loader-a91c0ec1.js');
-require('./mapViewUtils-cd29b129.js');
+require('./mapViewUtils-290dbc9e.js');
 require('./interfaces-7cd0a48a.js');
 require('./solution-resource-abec7452.js');
 require('./index-f64944ad.js');

package/dist/cjs/instant-apps-ckeditor-wrapper_3.cjs.entry.js

@@ -204,13 +204,13 @@ const InstantAppsLanguageTranslatorItem = class {
         return (index.h("div", { class: `${CSS$1.section}${selected}` }, this.renderItemHeader(utils.EInputType.User, label, uid), this.handleInputRender(utils.EInputType.User, value, uid)));
     }
     renderTranslatedLanguageSection() {
-        var _a;
+        var _a, _b;
         const uiDataItem = this.getUIDataItem();
         const uid = this.setting.id;
         const locale = utils.store.get('currentLanguage');
         const data = utils.store.get('portalItemResourceT9n');
-        const label = this.translatedLanguageLabels[this.fieldName];
-        const value = (_a = data === null || data === void 0 ? void 0 : data[locale]) === null || _a === void 0 ? void 0 : _a[uid];
+        const label = (_a = this.translatedLanguageLabels) === null || _a === void 0 ? void 0 : _a[this.fieldName];
+        const value = (_b = data === null || data === void 0 ? void 0 : data[locale]) === null || _b === void 0 ? void 0 : _b[uid];
         const selected = (uiDataItem === null || uiDataItem === void 0 ? void 0 : uiDataItem.selected) ? ` ${CSS$1.selected}` : '';
         return (index.h("div", { class: `${CSS$1.section}${selected}` }, this.renderItemHeader(utils.EInputType.Translation, label, uid), this.handleInputRender(utils.EInputType.Translation, value, uid)));
     }
@@ -225,13 +225,14 @@ const InstantAppsLanguageTranslatorItem = class {
         return content === null || content === void 0 ? void 0 : content.map(contentItem => (contentItem.hasOwnProperty('content') ? this.renderNestedInputs(inputType, contentItem) : this.renderNestedInput(inputType, contentItem)));
     }
     renderNestedInput(inputType, contentItem) {
+        var _a;
         const locale = utils.store.get('currentLanguage');
         const data = utils.store.get('portalItemResourceT9n');
         const uid = contentItem === null || contentItem === void 0 ? void 0 : contentItem.id;
         const localeData = data === null || data === void 0 ? void 0 : data[locale];
         const translatedValue = localeData === null || localeData === void 0 ? void 0 : localeData[uid];
         const { label, value, id } = contentItem;
-        const inputLabel = inputType === utils.EInputType.Translation ? this.translatedLanguageLabels[id] : label;
+        const inputLabel = inputType === utils.EInputType.Translation ? (_a = this.translatedLanguageLabels) === null || _a === void 0 ? void 0 : _a[id] : label;
         const isUser = inputType === utils.EInputType.User;
         const inputValue = isUser ? value : translatedValue;
         return (index.h("div", { class: CSS$1.nestedInput }, this.renderItemHeader(inputType, inputLabel, uid, contentItem), this.renderInput(inputType, inputValue, uid, contentItem)));