@esri/solutions-components 0.11.15 → 0.11.16

package/dist/collection/components/feature-details/feature-details.js

@@ -57,6 +57,10 @@ export class FeatureDetails {
      * boolean: When true the profile image of the comment creator will be shown in the comments list
      */
     showUserImageInCommentsList = false;
+    /**
+     * boolean: When false comment will shown in single line in the comments list
+     */
+    showFullCommentTitle = true;
     //--------------------------------------------------------------------------
     //
     //  State (internal)
@@ -234,12 +238,12 @@ export class FeatureDetails {
     render() {
         //When related features found show comments list of only those features else comments list will be empty
         const commentsListWhereClause = this._relatedFeaturesOIDs?.length > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
-        return (h("calcite-panel", { key: 'be7bebe9da698d963a2602fcacb95ac7206ac1e9', "full-height": true }, h("info-card", { key: '1e069f52d59d42f3e2b88463ea7c536c65a0a6b5', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, locale: this.locale, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
-            h("div", { key: 'd53f5a1726e4c6299ffd04e266d84005181645f6', class: "buttons-container" }, this._commentsAvailable &&
-                h("calcite-button", { key: '4c2616cc9e0107258f5313b66ae96fa31fe582c5', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
-                h("calcite-button", { key: '7c87aa085df04a8b58625097c2ce70e5853b82f9', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
-                h("calcite-button", { key: '59eb48b91fc2a394cafdcbeeebf5baafae9a8c9b', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
-            h("feature-list", { key: 'f34ee203202944666c40e14bdfdc59265414fbe1', class: "height-full", locale: this.locale, mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
+        return (h("calcite-panel", { key: '577f06f7bc41875b38e07a44f3c734ccc839e596', "full-height": true }, h("info-card", { key: 'e815f75d02bcdfe9cc11796c913be2a6c2bfecd2', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, locale: this.locale, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
+            h("div", { key: '16d0af6b0e75b595573bd0816744f03d9d6dec37', class: "buttons-container" }, this._commentsAvailable &&
+                h("calcite-button", { key: '550b3af830911a1437fa3e967492666ec8c5a2e4', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
+                h("calcite-button", { key: '741848445c2083f4c0a3d9464cd810deee4a1218', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
+                h("calcite-button", { key: '4d5e8ae279559dbf981b1b91238706adbd6ebeef', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
+            h("feature-list", { key: '0daad9b37b13a05afc4b8a3a6eca70a7356afd8f', class: "height-full", locale: this.locale, mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showFullTitle: this.showFullCommentTitle, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
     }
     /**
      * Load esri javascript api modules
@@ -649,6 +653,26 @@ export class FeatureDetails {
                 "attribute": "show-user-image-in-comments-list",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "showFullCommentTitle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When false comment will shown in single line in the comments list"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-full-comment-title",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }

package/dist/collection/components/feature-list/feature-list.css

@@ -42,16 +42,20 @@
   white-space: pre-line;
 }
 
-.feature-list-popup-title-padding {
-  padding: 10px 12px;
+.feature-list-popup-title-small-ellipsis {
+  font-size: small;
+  white-space: nowrap !important;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
-.feature-list-popup-title-padding-reduced {
-  padding: 10px 0;
+.popup-title {
+  padding: 0 5px;
+  word-break: break-word;
 }
 
 .profile-img {
-  margin: 0 0.75rem;
+  padding: 0 5px;
   min-width: 32px;
 }
 
@@ -64,8 +68,14 @@
 }
 
 .feature-symbol {
-  padding: 3px 10px;
+  padding: 0 3px;
   min-width: 30px;
   display: flex;
   justify-content: center;
+}
+
+.search {
+  padding: 10px;
+  background-color: var(--calcite-color-foreground-1) !important;
+  border-block-end: 1px solid var(--calcite-color-border-3);
 }

package/dist/collection/components/feature-list/feature-list.js

@@ -99,6 +99,10 @@ export class FeatureList {
      * IReportingOptions: Key options for reporting
      */
     reportingOptions;
+    /**
+     * boolean: When false popup title will shown in single line
+     */
+    showFullTitle = true;
     //--------------------------------------------------------------------------
     //
     //  State (internal)
@@ -116,6 +120,14 @@ export class FeatureList {
      * boolean: Check if selected layer's features fetching process is completed
      */
     _isLoading = false;
+    /**
+     * string: Placeholder string to show fields included in full text search
+     */
+    _searchPlaceHolder = '';
+    /**
+     * any[]: Contains full text search info object
+     */
+    _fullTextSearchInfo;
     /**
      * Contains the translations for this component.
      * All UI strings should be defined here.
@@ -161,6 +173,10 @@ export class FeatureList {
      * HTMLCalcitePaginationElement: Calcite pagination element instance
      */
     _pagination;
+    /**
+     * HTMLCalciteListElement: Calcite List element instance
+     */
+    _calciteList;
     /**
      * string[]: Valid field types for like
      */
@@ -173,6 +189,10 @@ export class FeatureList {
      * boolean: When true configured like field is available in selected layer
      */
     _likeFieldAvailable = false;
+    /**
+     * string: The current search expression
+     */
+    _searchExpression;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -222,6 +242,9 @@ export class FeatureList {
             };
             await this.pageChanged(event);
         }
+        else if (this._searchExpression) {
+            await this._searchFullText();
+        }
         else {
             await this.initializeFeatureItems();
         }
@@ -253,6 +276,7 @@ export class FeatureList {
         this._popupUtils = new PopupUtils();
         if (this.mapView && this.selectedLayerId) {
             this._selectedLayer = await getLayerOrTable(this.mapView, this.selectedLayerId);
+            this._getFullTextSearchInfo();
         }
     }
     /**
@@ -265,9 +289,11 @@ export class FeatureList {
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { key: '6b6214a3dba7df7c2035203750d547945407ecde', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '1b05d96de0b4d396b13f448311db76315e28b81b', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: 'abe755f0bc5c7ff064249159c3154c9ca1c27594', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '5a8ead1d47151cf088ae9e359052cf35129b09d3', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'cd7049462fb654dad0c4c05f127cf3e5d06bc5de', label: "", "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: 'b65b1f491800e489790d79054affc0ddcd089d1f', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '280aa2b17c78f53a4f110f8dc021e630241ebbe0', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
+        const showSearch = this._canShowFullTextSearch();
+        return (h("calcite-panel", { key: '56599be334eec65be00681d415db28917133b0c1', "full-height": true, "full-width": true }, showSearch &&
+            h("calcite-input", { key: '6de9873f6b7ab961dffe1334d2fc20b4322d8ea8', class: "search", clearable: true, icon: "search", onCalciteInputChange: this._searchTextChanged.bind(this), placeholder: this._searchPlaceHolder, title: '', type: "search" }), this._isLoading && h("calcite-loader", { key: '4189b0d6c2a85116d529f5b7844c1f2d41657350', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
+            h("calcite-notice", { key: '7f2e8276ad5345e21667b2dedc7e23f5c34672f5', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '63d44ac906c8d5584aac2cfbeec4cf0962d61abe', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '5843f8d7ca994cb799a9be0ab2f43a8f1e407e9a', class: this.textSize === 'small' && !this.showFullTitle ? 'overflow-hidden' : '', label: "", ref: el => this._calciteList = el, "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            h("div", { key: '288364bc505fe6bce8b1260dce5173163a795330', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'e30e2d46a0005dd3e0d289deb4721b9155d4df29', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -345,6 +371,112 @@ export class FeatureList {
         this._featureItems = await this.queryPage(page);
         this._isLoading = false;
     }
+    /**
+     * Validates if full text search is enabled and and indexes for fullTextSearch is set as display field on layer
+     * @protected
+     */
+    _canShowFullTextSearch() {
+        return ((this._selectedLayer?.capabilities)?.query)?.supportsFullTextSearch &&
+            this._selectedLayer.indexes.items.filter(i => i.indexType == 'FullText').length > 0;
+    }
+    /**
+     * Create list of full text search info
+     */
+    _getFullTextSearchInfo() {
+        this._fullTextSearchInfo = [];
+        //combine all the fullText index
+        if (((this._selectedLayer?.capabilities)?.query)?.supportsFullTextSearch) {
+            const fullTextIndexes = this._selectedLayer.indexes?.filter(i => i.indexType == 'FullText');
+            if (fullTextIndexes?.length) {
+                //create the search placeholder text
+                const onFields = [];
+                fullTextIndexes.forEach((index) => {
+                    onFields.push(...index.fields.split(','));
+                });
+                //get field alias for fields
+                const fieldAlias = [];
+                onFields.forEach(fieldName => {
+                    //We splitting the fields array so we get leading/trailing spaces, hence trim the fieldName
+                    const fieldInfo = this._selectedLayer.getField(fieldName.trim());
+                    fieldAlias.push(fieldInfo.alias);
+                });
+                this._searchPlaceHolder = this._translations.searchPlaceholder.replace("{{fields}}", fieldAlias.join(', '));
+                this._fullTextSearchInfo.push({
+                    'onFields': ['*'],
+                    'searchTerm': '',
+                    'searchType': 'prefix'
+                });
+            }
+        }
+    }
+    /**
+     * Search using the fullTextSearch on layer and filter the list
+     * @param event The input change event
+     * @protected
+     */
+    async _searchTextChanged(event) {
+        this._fullTextSearchInfo.forEach(searchInfo => {
+            searchInfo.searchTerm = event.target.value;
+        });
+        await this._searchFullText();
+    }
+    /**
+     * Search using the fullTextSearch on layer
+     * @param event The input change event
+     * @protected
+     */
+    async _searchFullText() {
+        //always clear previous search definition
+        if (this._searchExpression) {
+            this._clearSearchDefinitionExpression();
+        }
+        let searchedIds = [];
+        if (this._fullTextSearchInfo) {
+            if (this._fullTextSearchInfo[0].searchTerm) {
+                const searchQueryParams = this._selectedLayer.createQuery();
+                searchQueryParams.fullText = this._fullTextSearchInfo;
+                searchedIds = await this._selectedLayer.queryObjectIds(searchQueryParams);
+                await this._updateSearchDefinitionExpression(searchedIds?.length ? searchedIds : [-1]);
+            }
+        }
+        await this.initializeFeatureItems();
+    }
+    /**
+     * Update the search expression in layer
+     * @param searchedIds Array of objectIds satisfying the full search text
+     * @protected
+     */
+    async _updateSearchDefinitionExpression(searchedIds) {
+        const defExp = this._selectedLayer.definitionExpression;
+        if (searchedIds?.length) {
+            const searchExp = `objectId in(${searchedIds})`;
+            this._selectedLayer.definitionExpression = defExp?.indexOf(this._searchExpression) > -1 ?
+                defExp.replace(this._searchExpression, searchExp) :
+                defExp ? `${defExp} AND (${searchExp})` : searchExp;
+            this._searchExpression = searchExp;
+        }
+        else {
+            this._clearSearchDefinitionExpression();
+        }
+    }
+    /**
+     * Clears the applied search expression on the layer
+     *@protected
+     */
+    _clearSearchDefinitionExpression() {
+        const defExp = this._selectedLayer.definitionExpression;
+        //remove previous search expression first
+        if (this._searchExpression && defExp?.indexOf(this._searchExpression) > -1) {
+            // eslint-disable-next-line unicorn/prefer-ternary
+            if (defExp?.indexOf(' AND (' + this._searchExpression) > -1) {
+                this._selectedLayer.definitionExpression = defExp.replace(` AND (${this._searchExpression})`, '');
+            }
+            else {
+                this._selectedLayer.definitionExpression = defExp.replace(this._searchExpression, '');
+            }
+        }
+        this._searchExpression = undefined;
+    }
     /**
      * On feature click in feature list highlight the feature on the map
      * @param event feature clicked event
@@ -498,11 +630,13 @@ export class FeatureList {
         popupTitle = popupTitle ?? oId;
         // get the formatted like count
         const formattedLikeCount = Number(selectedFeature.attributes[this.reportingOptions?.[this._selectedLayer.id].likeField]).toLocaleString();
-        const popupTitleClass = this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
-        const popupTitlePaddingClass = this.showUserImageInList || this.showFeatureSymbol ? 'feature-list-popup-title-padding-reduced' : 'feature-list-popup-title-padding';
+        const popupTitleClass = (this.textSize === 'small' && !this.showFullTitle) ? 'feature-list-popup-title-small-ellipsis' : this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
+        // Set the width of the popuptitle class depending on calcite list width to avoid icon's overflow
+        const deductedWidth = this.showUserImageInList ? 115 : 65;
+        const width = this._calciteList.offsetWidth - deductedWidth;
         return (h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, this.showUserImageInList &&
             h("calcite-avatar", { class: 'profile-img', "full-name": userInfo?.fullName, scale: "m", slot: "content-start", thumbnail: userInfo?.userProfileUrl, userId: userInfo?.id, username: userInfo?.fullName ? userInfo.username : undefined }), this.showFeatureSymbol &&
-            h("div", { class: 'feature-symbol', ref: (el) => el && el.replaceChildren(featureSymbol), slot: "content-start" }), h("div", { class: `${popupTitleClass} ${popupTitlePaddingClass}`, slot: "content-start" }, popupTitle), this._likeFieldAvailable &&
+            h("div", { class: 'feature-symbol', ref: (el) => el && el.replaceChildren(featureSymbol), slot: "content-start" }), h("div", { class: `popup-title ${popupTitleClass}`, slot: "content-start", style: { maxWidth: this.textSize === 'large' ? 'none' : `${width}px` } }, popupTitle), this._likeFieldAvailable &&
             h("div", { class: "like-container", id: oId.concat("like"), slot: "content-end" }, h("span", null, this._abbreviatedLikeCount), h("calcite-icon", { icon: "thumbs-up", scale: 's' }), h("calcite-tooltip", { overlayPositioning: "fixed", placement: "top", "reference-element": oId.concat("like") }, formattedLikeCount)), h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
     }
     /**
@@ -910,6 +1044,26 @@ export class FeatureList {
                 },
                 "getter": false,
                 "setter": false
+            },
+            "showFullTitle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When false popup title will shown in single line"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-full-title",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
@@ -918,6 +1072,8 @@ export class FeatureList {
             "_featureItems": {},
             "_featuresCount": {},
             "_isLoading": {},
+            "_searchPlaceHolder": {},
+            "_fullTextSearchInfo": {},
             "_translations": {}
         };
     }

package/dist/collection/components/floor-filter/floor-filter.js

@@ -141,7 +141,7 @@ export class FloorFilter {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '51da7a656e7f56ecc8cc4093d3dab856f77b5c7a' }, h("div", { key: 'd2fda7047f09a673216484f5c202f039fca20108', ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'b2ba7504abbc8621f2ad4f561920f2125181350d' }, h("div", { key: '1df2a06b4b99ba0ece38ca3d91b622ce9b692c4a', ref: (el) => { this._floorFilterElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

package/dist/collection/components/info-card/info-card.js

@@ -305,8 +305,8 @@ export class InfoCard {
         const id = this._features?.selectedFeature?.getObjectId();
         const ids = parseInt(id?.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-        return (h(Host, { key: '54e47d0ec2be9149c3e667c9e940842804d96964' }, h("calcite-shell", { key: '14bb280d394ceaa74463979886ab09cdf393b26e', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '3226709e73de16c795c348513183b26b88b7a726', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'ba4b0c34620c60e849bdf0ada785b9976156dd1c', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '440a4d3c0530f97031df2e2ab9511ef6035fb5da', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: '172b2e2cc10bdfb104057376ceba5d7f5f19ad61', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: '242daf0ec6c3fe4fcc11be4bbc19f810836714ec', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, locale: this.locale, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '760f8fcd1bcff2060e0a98e84a222107e55fef22', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '30656b92e9bdbf3a9548586d91fc23bce2da9db3' }, this._translations.edit)), this.isMobile && deleteEnabled ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: '0d119d7d093abfbdd6eb93bf6987be2b106a8c78', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '7b353bc77ef8f816c39a4b5232160755fbea42fe' }, h("calcite-button", { key: '58d9b335eaf691672695bfed171cdd5aaf638aec', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'c5f110544d2c630d374f1c57112a16f3e82d67ca', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '1818844f2daf4afa73677ea6b58392b5a5ec50b3' }, this._translations.back))), h("calcite-action", { key: '36c5dd00320f52eb3421532c7df8f60ccede5230', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'b13cc04e8f093a7a0b9da8ee425d436a0c2fe26a', class: "pagination-count" }, this._count)), h("div", { key: '7c79b82a8ba2bd4eea11a722d67e549121a95679' }, h("calcite-button", { key: '3ff6b99d1743a9ff6a171aea4715199606a21dc6', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '0239927bac7e75a35a811aa695c8c55fda5f9b68', placement: "top", "reference-element": "solutions-next" }, h("span", { key: 'a5bafe4d001d80a1a46de5f9eb10fb4306783e38' }, this._translations.next))))), h("edit-card", { key: 'daaef8c4af1b3567904e5d9590b80069035e93a0', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, locale: this.locale, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '9af909318e687b66d239f64f800b375825ee94e0', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '0a2ac2b669df18fe75adbcc0e84ab7b15a766932', slot: "title" }, this._translations.editDisabled), h("div", { key: '6dd20d646e9754fbaee4dd6c6f8e51964d2f41ff', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: '66070d48134f89d9cf132572fe1adf790b6d3ec6' }, h("calcite-shell", { key: 'b77248dce176df940d8b0c347154b73738a5576d', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'c1638ca8320a0ae12a9ccd1fd8841efde4236ba5', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'cf5ee3be5c0ea3be36205dcf7c0747461802a5f1', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '6fbfa6947fa0fdb1b14a03217da60f07ecff2e1b', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'fdcb078c3b3f183b06dc3a48d27fee46e3a4fffa', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: '7193bec80a40f353d24e5d327d99d94a2c5ff356', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, locale: this.locale, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '228a9691edd916a5d644cb19db24898cdf7cab3b', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '5c696df370bcf230d3fc06523ec3cb9d96f2fe2b' }, this._translations.edit)), this.isMobile && deleteEnabled ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'e1b829a888913af6a9d777a2df0d65571ac3bec1', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '8746737a103266efe64a8f80c2359f9e170586d5' }, h("calcite-button", { key: 'ac6fc23dc2831608cc9c86fe384c0a927cd7d7ac', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'd4a1e2753c35e97064ca66d5c30deccd532fb158', placement: "top", "reference-element": "solutions-back" }, h("span", { key: 'caae32b5e32a0d89265293beccef157d227a7600' }, this._translations.back))), h("calcite-action", { key: 'a87f344a06896ad86886815254979793b057e4cd', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: '6e6f84ebedb2540edb485fa0789fe8ea67e7188f', class: "pagination-count" }, this._count)), h("div", { key: '6acf22348a508c921865bb4c7e531f9a826a8eed' }, h("calcite-button", { key: 'f1d763e1747cff7e0b6bec08ec4fade3d1582379', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: 'def93e3d1f19b4e6eb3e54c5fbd918fed118cc0c', placement: "top", "reference-element": "solutions-next" }, h("span", { key: 'cb9b90a5b3129861b7f58fd0271c6120893dfd53' }, this._translations.next))))), h("edit-card", { key: '524819a6dc64775b88b22aaf24445fd5ebdeae24', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, locale: this.locale, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '394c3b416a5dc94381c8b93afd3308121fbebd81', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: 'f4868bf3b710d91ed7e3f1e34b846bd408febac0', slot: "title" }, this._translations.editDisabled), h("div", { key: '457b7d0c76bfac52340bec73f5d1d2abbd10f25a', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/json-editor/json-editor.js

@@ -170,7 +170,7 @@ export class JsonEditor {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'ba7c8a397da913d86f5d294cdfbb5ec1b84d89de' }, h("div", { key: 'bc5c6d1ee443b2096cc44d0b66850d4ebe8462da', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: 'dbaf682cba354ce7eef21b03a71832fd39911332', class: "editor-controls" }, h("div", { key: 'e454e1dd36aa620abf2ffb7877bebb9adc70ff15', class: "editor-buttons" }, h("calcite-icon", { key: '1de67e151c6e65b004a431d89dc785ca286a8e11', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '33de20955d29287a3ec981e7650562a036343e3a', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '9bed02f1e8a367ad2ed764747f044a4ce27de52b', icon: "undo", scale: "s" })), h("calcite-button", { key: '07562443286c4eeec28577a7cff0401e8cea0ba8', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '5f24902a66eae644d0d358a4826a98d45e905493', icon: "redo", scale: "s" })), h("calcite-button", { key: '02f4f3f8ab93e5f1146176ec3699e2a6d25ecbeb', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '0bcd20d28e9ec34f1736a2888d78bfcd9cb82a4d', icon: "compare", scale: "s" })), h("calcite-button", { key: 'cf3a7672ebd3ebef00123096ec304456b8f102fc', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '36aac5e89ebf593d8d1981d7b8f6267fbbadfd24', icon: "search", scale: "s" })), h("calcite-button", { key: 'cc981ff7580acfa3a3395c4ce7a96b3022bbbb4b', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '3c4fc1da749f4b4f64d814fcd58dc035634f6b1b', icon: "reset", scale: "s" })))), h("div", { key: '6c33ec4851d804dac7fd9762e3c8c7e416a27cf4', class: "edit-parent" }, h("div", { key: 'a6e9721127bbd43f9974af65e0899489370e1868', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: 'c1d1ea305c0e451c24beddb8ac3f8e85a3fca088', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: 'e9c806dbfc886daac9be93350e461246339787dd' }, h("div", { key: '5f31103bc0392042581d1421530f2ddcdebcc507', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '560c74b9864cd94f4e689bf65cb8e1fac42b94af', class: "editor-controls" }, h("div", { key: '73ca9ac97f3d40fb408e98477641a9d94e1cd32e', class: "editor-buttons" }, h("calcite-icon", { key: '2d83934e4493595f66e047c608a87e316279ec1b', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: 'fe95dd90ec0db23c6d6d6766d6d405c32468cec1', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'd802118d2ac7b8cbf2750f3af11252fd52173dd0', icon: "undo", scale: "s" })), h("calcite-button", { key: '9e9af33be6b712ff83ec70e024776c2429086761', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'bb5bfd3a99902b03c4ffb704b8fdc963c006e664', icon: "redo", scale: "s" })), h("calcite-button", { key: 'a88fcffeb9c82394470717ebc6659b42ad9a1c20', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'f902baf72fee24ef3b56da2c4d9337db96ab63b1', icon: "compare", scale: "s" })), h("calcite-button", { key: '841abd705338fb1e43c892c4858bff00591958c3', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '01c24bdbf30cd22a06064bf26a47b38516508879', icon: "search", scale: "s" })), h("calcite-button", { key: '2d6b9dc60e26e347272c76ff9f8ada529975265b', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'a373dc694d97992dfbd60f49f38536ba34684381', icon: "reset", scale: "s" })))), h("div", { key: '6cdebae478b9d1b61e317155000bf62ad4c5b8a3', class: "edit-parent" }, h("div", { key: 'e3914618f86335e9538969b5cb7f7797212985c2', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '4a17fd062060ddf2e5dca5c2fb6c9883ed9aadd4', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/layer-list/layer-list.css

@@ -24,9 +24,9 @@
 
 .layer-name {
   font-weight: 500;
-  padding: 10px 12px;
+  word-break: break-word;
 }
 
 .feature-count {
-  padding-right: 12px;
+  padding: 0 10px;
 }

package/dist/collection/components/layer-list/layer-list.js

@@ -259,7 +259,7 @@ export class LayerList {
     getLayerListItem(layerId) {
         const layerName = this._layerItemsHash[layerId].name;
         const featureCount = this._layerItemsHash[layerId].formattedFeatureCount;
-        return (h("calcite-list-item", { onCalciteListItemSelect: () => { this.onLayerItemSelected(layerId); } }, h("div", { class: "layer-name", slot: "content-start" }, layerName), this.showFeatureCount && featureCount !== undefined && featureCount !== "" && h("div", { class: !this.showNextIcon ? "feature-count" : "", slot: "content-end" }, "(" + featureCount + ")"), this.showNextIcon && h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
+        return (h("calcite-list-item", { onCalciteListItemSelect: () => { this.onLayerItemSelected(layerId); } }, h("div", { class: "layer-name", slot: "content-start" }, layerName), this.showFeatureCount && featureCount !== undefined && featureCount !== "" && h("div", { class: "feature-count", slot: "content-end" }, "(" + featureCount + ")"), this.showNextIcon && h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
     }
     /**On click of layer list item emit the event along with the selected layerId and layerName
      * @param layerId Layer id

package/dist/collection/components/layer-table/layer-table.js

@@ -734,8 +734,8 @@ export class LayerTable {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: 'f51377beacfa93e7f6faccb054748c33f0fe41e2' }, h("div", { key: '1c4745468d68c3394d2479ddc0128cee2f8f8119' }, h("calcite-scrim", { key: '107f64b58b12fd258cdd6cac17ab671f3bf761b9', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '770b53edf5626c49f941f46cf120fe97cb5161a2' }, this._getTableControlRow("header"), h("div", { key: '452b1d740d7e1e3a27fcdc0366fbe4f3cfb6d2e3', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '63b8dd565344f7a04f42bd6ec63596a0599095bc', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'c2fc7178a79e00527ed1d383bd54788e476dc7a5', class: "search-container" }, h("calcite-input", { key: 'b8e81f96528ebf2cdb3650b6ef0492c9f492c5c7', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'bce4751b3d1d568f916d40e50893b88cb84b4b70', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '9fdcdfec8f715b68e01ec75a328d4b91ad4975ea', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '68d6d57fbc9122b15340e0be3426ad00d398c7b2' }, h("div", { key: 'c4839ef8df0c5d3937b68c444264ce3bbb5c808d' }, h("calcite-scrim", { key: 'd4fa1a66ddcc5d0e83ee4ee43b2a3230e7f0298f', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '2ae1aee8a242902f3fbc9a1a19b62a8b721e5de7' }, this._getTableControlRow("header"), h("div", { key: '73d424f4bb07f56245c2c0858544d6cb7d9fcc74', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'a2404478e2daf5ebac1ff3ac10378a98c868bcb2', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'e18c71ccab7853438c51fe7168b7a98087d215e2', class: "search-container" }, h("calcite-input", { key: '39ecb52bacd4560a94310a56faf084941aa44a2a', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ce2aeb5e108b1d76da8694a071dcd46098e6bb28', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '78e596cb45427bb9d21a11368361f67e1ed306a5', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }

package/dist/collection/components/map-card/map-card.js

@@ -483,7 +483,7 @@ export class MapCard {
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: 'c75f46c3c93b03c8ffbd63b281623a63ea790ca7' }, h("div", { key: '786c752edecfc230c0c80ef221160c8f91ca2013', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '73fc88be2657f9f2483c624b2251192b318705e6', class: progressClass, value: 0 }), h("div", { key: '196fdeb21377ff9cd67327c8172ef96371e4397f', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'edf7abde0350d0627fc84ae05c829885e37a4624', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: 'a47f4ac21db985fb91ff3f5378594f60405f312c' }, h("div", { key: 'fdf76fd829a8e88725b43f8174a0d95fbf7a3dd1', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: 'b5b672726b4a4c812c386faad2077135a1e1231c', class: progressClass, value: 0 }), h("div", { key: 'f815ef4dba45b53c0ec4a49fe12e741b3331ce51', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '8e2ed31f49d349786caa4827a473a8e70e6ae611', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded

package/dist/collection/components/map-draw-tools/map-draw-tools.js

@@ -243,7 +243,7 @@ export class MapDrawTools {
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: '55983c5e2102a1bc5c1936946a6c343d8b5e6ce4' }, h("div", { key: 'd0cd16b9f3d1386ce39236aacd7cd1ef9e585a55', class: containerClass }, h("div", { key: 'cbeea2fc130e72a2b1739702cf49e35b798975ed', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '50a103c4b4daf46f8da6607d6820545b44128aeb', class: undoRedoClass }, h("calcite-action", { key: '35f3767f23b1e86545df36b765571f90a2f2fa32', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '28961fa0141eda4848257fe7dd40e4c5a22ed65b', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: 'da7ef0973544c8b88ced49ef8c5a89b5d5cf48ea' }, h("div", { key: '6cf3a4276a2a319c6f1a74d2824b0bb3003c9f9b', class: containerClass }, h("div", { key: 'dade38f4d01fa7c28915a4fce879f9383d5892b9', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '6e2fbb2dcfb2e4e51f35aa615c0003a65fa3bd66', class: undoRedoClass }, h("calcite-action", { key: '8156802d2740aaa483e4f312cadadc5744f13486', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'cd05845f66e187a317215e18d6a18696328960bf', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/map-fullscreen/map-fullscreen.js

@@ -109,7 +109,7 @@ export class MapFullscreen {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '657b81420a155322e56e3cb20b8656605233c0d4' }, h("div", { key: '5ebf1f1b368f1d32bbcc4d8b1380d4aa7b985ab1', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '50488298d31b85071bb8ec898781b8af52a800ae' }, h("div", { key: '24b4c28cd69ce487c851412a839f6762ceaf02b1', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

package/dist/collection/components/map-layer-picker/map-layer-picker.js

@@ -276,7 +276,7 @@ export class MapLayerPicker {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (h(Host, { key: '61600c26f6e6f66b2b8fdfc4694059015cc83235' }, h("div", { key: '211b48bb10b86e2b48729a02c21b2cb2d320b581', class: "map-layer-picker-container", style: style }, h("div", { key: 'b2f00e60282715337af2d0db3a1d4552b77aefae', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: 'a4d7a923fcf0b6ec488fafa3af8b3c3a9599d61a' }, h("div", { key: '54d5cde231707391537fbd649647a5b9e86a1ab3', class: "map-layer-picker-container", style: style }, h("div", { key: '1d1329f393778e561bfed22a1c1542cd75d4b55b', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

package/dist/collection/components/map-legend/map-legend.js

@@ -97,7 +97,7 @@ export class MapLegend {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: 'dd7414c2dccf150f1d47d8f9491d89905feb64af' }, h("div", { key: '16951986e7602ea0b66a3f55ee1a678cc0af84ce', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '60b355f71d25b3c683f6218941e342899006d839' }, h("div", { key: '7686d302e16fd42cd26777d14c682dc0e951c058', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/collection/components/map-picker/map-picker.js

@@ -166,7 +166,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f02389d06d3e4030387c0cded08b665fe8ee36eb' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'a16cef5d3d16de605f51ce77450365e8c7f5ba08' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

package/dist/collection/components/map-search/map-search.js

@@ -136,7 +136,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '9c344160df28da3a895a9b7c3c7e32b8a43fa6b8' }, h("div", { key: 'd98417c82b0fae1c7abc5ef54886579182d5464a', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: 'fec180c41817a6388f5fdb3f14b72355cbbb1467' }, h("div", { key: '72b3931995d7157572d54069e73fb6bd95eb6f44', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -416,7 +416,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '5aa96f3189490b1f544bc6802772e99ce24e30ca' }, this._getMapLayerPicker(), h("div", { key: '677afdaf1c84e5c7cf0217abe331afe47682b61f', class: "border-bottom" }), h("div", { key: '45d85c333df0e1f081a85b11e94e2a29fe5b8782', class: "padding-top-sides-1" }, h("div", { key: 'f26f760210ee8307eea537e0df28a4856876fccc', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'd9d703d05bc2990f2345036a227fe1e57c9d79ce', class: mapToolsContainerClass }, h("map-draw-tools", { key: '8f0eff15a801d654dfaf855f16fe165fad013c49', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '89a597f46094f93d80b87c4c86a5b7f3fb6a1889', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: 'a5001c196db1464bffa746310638b2853ff5fdf9' }, this._getMapLayerPicker(), h("div", { key: '3e023a81f76bdd371c84d9ecb42e97a9160c6f89', class: "border-bottom" }), h("div", { key: 'c6be571bee2d2c1fe82407aee9a1cf9f1f27280d', class: "padding-top-sides-1" }, h("div", { key: 'aaf5992f616728f6be5be034700ac09b9b5b733f', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'a86b4e147b7baf4b93272bed7f189a47faf65ab8', class: mapToolsContainerClass }, h("map-draw-tools", { key: '9b3c2faaa8f612d055189206e2baeb868d55dceb', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '73b3039f0861046a3f955872180b64c15bd5c5d9', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

package/dist/collection/components/map-tools/map-tools.js

@@ -310,7 +310,7 @@ export class MapTools {
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, { key: '2fc2ec5b50545b65962e3942512a935e4017908d' }, h("div", { key: 'aa7824c19b2dbdaf7e21d1bc59dd066f2b3623b5', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '7cd0c1f2f69cf961c11c7b8b3c1989342a300f77', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'f6c9fc50b1e8360d4d60df85bd0c2341a0504fcf', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '3e231e74bff5d0b373e6105b738a27aeef880094', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'ce1388b4892e6870ac3a38399e5ad619ab843be1', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '414ea8be82bbc1a9fd7f9ab63f5c1ee7e3dc25b1', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '9dcada2a4f2cd48a1db01d26b74b75aa09f37f8b', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '4630a876708781097e02cf1aa94a3f77e30c0fee' }, h("div", { key: '28be602bad246ef82214f3724aaf5f8480473456', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '25694e233efe5b917f0a4b25cc4c707c0584cae4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'db1c9cd3e1851957f9be86d43dc94355f6894a26', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '558c28360b5e295a886becff4a07c5ec3d22c570', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '8e9a8c3e0619773b10ed51543717c2c63d7caa7a', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '0fba4904ba25f4122e57dc77f3bc64f2bd59d7c1', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '696d3bc16a3464770e96a45af8224537550c90a2', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pci-calculator/pci-calculator.js

@@ -81,7 +81,7 @@ export class PciCalculator {
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: '9ebd821665a19fc6708e09b2e44260214990dcdd' }, h("div", { key: '02f0a5c314fe16375507a74703aea0f9e2328eae', class: pciClass }, h("div", { key: '051c8b68051cb9f2942d7314c9362551f9da5fc5', class: "label-display" }, h("calcite-label", { key: 'd4cc480632b676835357bb6b6bc49faa64d88a67', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'd31ae7e152dc81a64f23fa3afe417cc2819dda18' }, this._getCalculateButton())), h("div", { key: 'e1b9defe18ae895870bae941833d58680cad6f32', class: deductClass }, h("div", { key: '832a4e9cf3f6b216bb5c8141fac98262c1b7fac2', class: "position-right" }, h("calcite-action", { key: '892c1c30895c1e6d076a1a38d7f1c3f5db3ab5ca', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'f2690de17acd803348f25743a3b9f1db482afd0a', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '6ee5741fe10030324155d5f05a9e4a0eeb337028' }, h("div", { key: '14e0c3495ad57d8d1ec4da9b6c5df80323ef1735', class: pciClass }, h("div", { key: 'ef2e48f06b194ee7806e2f6b5c60d77e17ac1e5f', class: "label-display" }, h("calcite-label", { key: '60695651cdad1e30570f76f3621740fb8c0b62e9', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '19e2db05e7b45fb012892ffa539cb2037da9f449' }, this._getCalculateButton())), h("div", { key: '4a2cd1a80a86d2ba7e4b24935dbebbaecd316cd0', class: deductClass }, h("div", { key: 'f288ef667dd2532c8f409ef12a033d6b4f13ad7e', class: "position-right" }, h("calcite-action", { key: '0d62669dd9660098f6ac4eb10334c5a9ea3897aa', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'dd0a3cb656e7e2c707b1956e40e8a597d8972cfa', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pdf-download/pdf-download.js

@@ -135,7 +135,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'afa6cf667c52c3923d99db3f53854f5acb12ecb3' }, h("calcite-select", { key: '97eed0501514f4b1466d02dfc8f58ddce55cc2ec', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: '2fd2ec44e8962468e3698b81e98746ddf6b7a3ca' }, h("calcite-select", { key: 'd24fca5c39aa358116ee8557249f7a4b09727b3f', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR

package/dist/collection/components/public-notification/public-notification.js

@@ -422,7 +422,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: 'f181d473e00426938204de5a5c178aefb4bb407a' }, h("calcite-shell", { key: '8ad537ed97ff0df163367f2bb5fb5abe543acc07' }, h("calcite-action-bar", { key: 'b2189df6eb2bbee518a7f312ca8c2644d6d812b6', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '61ed8da1de1c6780188fb7bd4f69c82036ddf705' }, h("calcite-shell", { key: '9eb929b7d27d103a207be34681623ca2e0097ef1' }, h("calcite-action-bar", { key: '3c7ad5516fdca78819ebdbdc7c41642c816239ec', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.