@esri/solutions-components 0.10.9 → 0.10.11

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

@@ -34,12 +34,23 @@
 
 .feature-list-popup-title {
   font-weight: 500;
-  padding: 10px 12px;
   white-space: pre-line;
 }
 
 .feature-list-popup-title-small {
   font-size: small;
-  padding: 10px 12px;
   white-space: pre-line;
+}
+
+.feature-list-popup-title-padding {
+  padding: 10px 12px;
+}
+
+.feature-list-popup-title-padding-reduced {
+  padding: 10px 0;
+}
+
+.profile-img {
+  margin: 0 0.75rem;
+  min-width: 32px;
 }

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

@@ -36,6 +36,7 @@ export class FeatureList {
         this.textSize = "large";
         this.showInitialLoading = true;
         this.showErrorWhenNoFeatures = true;
+        this.showUserImageInList = false;
         this._featureItems = [];
         this._featuresCount = 0;
         this._isLoading = false;
@@ -57,6 +58,11 @@ export class FeatureList {
      * The Color instance
      */
     Color;
+    /**
+     * "esri/config": https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html
+     * Esri config
+     */
+    esriConfig;
     /**
      * IPopupUtils: To fetch the list label using popup titles
      */
@@ -146,9 +152,9 @@ export class FeatureList {
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { key: '3d7b707a73bb6c4d566515e50cf2baa155e60816', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '50294111fb6c1e52e727b03e54ca83fc498ca3b9', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: '8dd48fc33e2a9825a95b0d0d50424baf431fed55', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '6ff0dc700cdf40fe6929a9777bca8ebc6325f1ed', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '2412a7b41ab87bfee803460bdea0395ca609d55a', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: '4216b02c264cf88472082f1c6f3cd466bd77d166', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '2bb39768d0fbd0d863b075b0e2e6b750c5f7c2a1', 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 }))));
+        return (h("calcite-panel", { key: 'ace7bcabf497e9a61d261fd7ea29dc664ee0a526', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '675c7f5be7f8456954acdf353f357bac6145c390', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
+            h("calcite-notice", { key: 'b2e6537acdec801ef066a74c78a2c4a13dbbc44b', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '7697470234b396a904906b80e4fc8df3a0cc732b', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'd2b40c9a5e1bf009cb78d640351a16b24711ff59', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            h("div", { key: '15b0dae0fb914faf053a4b0cbea6e35ef7abc038', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '04f8eb02535f8cff8de0c111ac2d4bfa883ac128', 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 }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -161,10 +167,12 @@ export class FeatureList {
    * @protected
    */
     async initModules() {
-        const [Color] = await loadModules([
-            "esri/Color"
+        const [Color, esriConfig] = await loadModules([
+            "esri/Color",
+            "esri/config",
         ]);
         this.Color = Color;
+        this.esriConfig = esriConfig;
     }
     /**
      * Return the where condition string considering the defined where clause and layer's definition expression
@@ -304,7 +312,16 @@ export class FeatureList {
         const currentFeatures = featureSet?.features;
         const items = currentFeatures.map(async (feature) => {
             const popupTitle = await this._popupUtils.getPopupTitle(feature, this.mapView.map);
-            return this.getFeatureItem(feature, popupTitle);
+            //fetch the feature creator user info to show the creator user image
+            let userInfo;
+            if (this.showUserImageInList) {
+                const creatorField = this._selectedLayer.editFieldsInfo?.creatorField.toLowerCase();
+                // if feature's creator field is present then only we can fetch the information of user
+                if (creatorField) {
+                    userInfo = await this.getUserInformation(feature, creatorField);
+                }
+            }
+            return this.getFeatureItem(feature, popupTitle, userInfo);
         });
         return Promise.all(items);
     }
@@ -315,13 +332,40 @@ export class FeatureList {
      * @returns individual feature item to be rendered
      * @protected
      */
-    getFeatureItem(selectedFeature, popupTitle) {
+    getFeatureItem(selectedFeature, popupTitle, userInfo) {
         //get the object id value of the feature
         const oId = selectedFeature.attributes[this._selectedLayer.objectIdField].toString();
         //use object id if popupTitle is null or undefined
         popupTitle = popupTitle ?? oId;
         const popupTitleClass = this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
-        return (h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, h("div", { class: popupTitleClass, slot: "content-start" }, popupTitle), h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
+        const popupTitlePaddingClass = this.showUserImageInList ? 'feature-list-popup-title-padding-reduced' : 'feature-list-popup-title-padding';
+        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, id: userInfo?.id, scale: "m", slot: "content-start", thumbnail: userInfo?.userProfileUrl, username: userInfo?.username }), h("div", { class: `${popupTitleClass} ${popupTitlePaddingClass}`, slot: "content-start" }, popupTitle), h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
+    }
+    /**
+     *
+     * @param feature Each individual feature instance to be listed
+     * @param creatorField Feature's creator field from the layer
+     * @returns user information
+     * @protected
+     */
+    async getUserInformation(feature, creatorField) {
+        const userToken = this.mapView.map.portalItem.portal?.credential?.token;
+        //get the user information
+        let url = `${this.esriConfig.portalUrl}/sharing/rest/community/users/${feature.attributes[creatorField]}?f=json&returnUserLicensedItems=true`;
+        if (userToken) {
+            url += `&token=${userToken}`;
+        }
+        const data = await fetch(url);
+        const userInfo = await data.json();
+        //construct the url to get the user profile image
+        const userName = userInfo?.username ?? feature.attributes[creatorField];
+        let userProfileUrl = `${this.esriConfig.portalUrl}/sharing/rest/community/users/${userName}/info/blob.png`;
+        if (userInfo?.access && userToken) {
+            userProfileUrl += `?token=${userToken}`;
+        }
+        userInfo.userProfileUrl = userProfileUrl;
+        return userInfo;
     }
     /**
      * Fetches the component's translations
@@ -544,6 +588,24 @@ export class FeatureList {
                 "attribute": "show-error-when-no-features",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "showUserImageInList": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: If true display's profile img on each feature item"
+                },
+                "attribute": "show-user-image-in-list",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/features-flow-item/features-flow-item.js

@@ -62,7 +62,7 @@ export class FeaturesFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'eb455611b9248308ef11de0f2b03cb35bbc77e5b' }, h("slot", { key: 'f9829297423e86f028c1415e6c7d27c0967b9e8e' })));
+        return (h(Host, { key: '0070ec5f638adacbae77befed92f4aa61a675c8f' }, h("slot", { key: 'c13088ad63e931160712bdb385e431f63ca14862' })));
     }
     static get is() { return "features-flow-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,7 +127,7 @@ export class FloorFilter {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '8c59ed98841f476670392c6ebd9dc764d72f4733' }, h("div", { key: 'b2400febc768a595dbcc6933af1565da173d97f5', ref: (el) => { this._floorFilterElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

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

@@ -232,8 +232,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: '2d0ebbf98b0d7e6f391d875258effbc6d4dc72f5' }, h("calcite-shell", { key: '260ac176bd21e9012f34ba66e27cd7a4ec1e7ff0', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'f72c7fe39f646655f8ee71ac7d336aaf7dd3afbd', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: '43933c437a046a6505e121e43736aac92382effa', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '4433d5975b6d25dc77932f99b2b7aa9d3ade77e8', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: 'da7610d89193e5594429d26b805ba44ec064904f', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'dc22d8cf61f07085e011b45636e8f4950912e5b3', 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, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '1ee8d69384f85258ed10946206e42634798a700b', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '3b8b822a40ef6932aa3ad34c8e05bb758be7aff8' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: '172bddeb6f0f1d73dbd563e3b244c311ec4904fe', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '66059747f9aad9fabd26a9d7a88e4cac762e096d' }, h("calcite-button", { key: '05b36ba1d5539a16eef53e35cc88eb5134c45104', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: '2736e0047665272cede16b1e3b1d94495075d310', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '7c40eae302564f5bcd7a10471481a65c16be9ee5' }, this._translations.back))), h("calcite-action", { key: '873d07e0ecbf456f4010c80c23baaae3f0ce6335', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: '49dabbcabc8fb64c5cd0581f826c9570270d3ce9', class: "pagination-count" }, this._count)), h("div", { key: '570df27fa721c4cb62c9bd77d7197c830410e387' }, h("calcite-button", { key: '6bd9010b943216af756558e8f062b475d138ee49', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '1ee755e1694d3d4b8d6d5417056e5f287de26912', placement: "top", "reference-element": "solutions-next" }, h("span", { key: 'a59e478daa0de11a3e81c22fa61069fdb77a680c' }, this._translations.next))))), h("edit-card", { key: '7f231459e65132658f08338ca67782d1584c761d', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '76b7c28eea68cb73549e563afcdeab5f4ecc44b8', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '5d6456ce4bc64dc074b238bdf38f05436c1d0ebc', slot: "title" }, this._translations.editDisabled), h("div", { key: 'cf8ebf5e8d2277fb815afdc12ae5f9e37312b2c5', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: '8714c3ab52be88e3622888c7984c9ded5759fa17' }, h("calcite-shell", { key: 'f63b166a00794815af852a1260fe7b67784428d4', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'b937ff64982989f3dec3c94236932698300b0eb6', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: '0f7b914839ab400b1f757eb50cd0ba5f60628336', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '9867c94363da7d060bc718e77eab0ed139d4ba7d', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'a90edcda183289259db99b9255d28d6c31809d40', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'b1bc47ed857efc478c11e1353216bb8925b75885', 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, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: 'd493735dadf6dd34a767332a1a179716fbfa6384', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '663217b0b2c078aa7ac1b99a891af5380b9521c1' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'df2249f431b0df3a25c44fb6d54adec903bbe328', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '31b82d904e766f938c2c1fc5bd76625921e7fe10' }, h("calcite-button", { key: '49656c590d330796f1d508ef33689f909991a6ec', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'f5238fdc65fa68152961253d536be38a044aeb76', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '470c4da1cd28940155bdbd30acc8b742d827a891' }, this._translations.back))), h("calcite-action", { key: 'be9e9b4d4dbabe2c11bf13043bfb33cdae093315', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'd7d3313b537691ac131b958475e6547f3659c6ac', class: "pagination-count" }, this._count)), h("div", { key: '0ef506ac483cf51a958e335b16cbe9a764bb497e' }, h("calcite-button", { key: 'f3c1a25fe1a619275f32058d1fa646467e83cca5', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: 'cddbf1200a3acd465e5ef23f34b5bf26c81ffad5', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '9e9454c303b8f37f12d4ad07b3401d50bd04141d' }, this._translations.next))))), h("edit-card", { key: '3497893bbb59f3a2ace941d3bb1d98b0fa7fac0c', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '4fa290b977bf7c619cc349176bb1e244c554b58d', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '1e3998afedd33582d33e0c1556a1bcac87902761', slot: "title" }, this._translations.editDisabled), h("div", { key: '489ef148cc4da2a7d7e881d4de9cd6a71ac53809', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -135,7 +135,7 @@ export class JsonEditor {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '160ba6c2961d67add84b4f23b4aacd2213d064b2' }, h("div", { key: 'bf0a77eed1d206376244526db6a261cce163ca69', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '65a0f2f69d4b7f9694a6617755c638d9ad19e168', class: "editor-controls" }, h("div", { key: '3fccc399a3e2a45fe55a374c869a7a7c7533eafc', class: "editor-buttons" }, h("calcite-icon", { key: '5007e48c8ecf9d5a037e062bbb3b5ee3710b18eb', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '37f8abf8027e0743e373de473421d06884f61d0b', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '31c88e27793f4e07ccc20df6d6c88fa0d6661977', icon: "undo", scale: "s" })), h("calcite-button", { key: '56a5945e706a5c66044678f768d567286893c7b1', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'b2a2d56e6818ee09be15114fcab357732f9f0c99', icon: "redo", scale: "s" })), h("calcite-button", { key: '63acf48f78d1f9cdcd86c5862e399be2217a16c1', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '677f9c42bbb449fb51325a9dd4b60affd8a73cd7', icon: "compare", scale: "s" })), h("calcite-button", { key: '7cf8fac59ad4096ed541bfd1e6454cec70890c72', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '1e2e4290e7b7254a533a99d85ea2745050b22e55', icon: "search", scale: "s" })), h("calcite-button", { key: 'ec656bcb0a64a6ff6a42760710f8067eae18b9a5', 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: '0210b400f5934c68c45fe61f4bf11d3efca97333', icon: "reset", scale: "s" })))), h("div", { key: 'd14efe742fe79b18a436bf522e33924c2a7e72d5', class: "edit-parent" }, h("div", { key: 'e550bbc5968b71701220a44cba17afa9f5f61c48', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '9778b7229d2f3ec994c8a8d707a7f7b394697823', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: '01ac5edcc26e82397316e8a01229a3d27d6902af' }, h("div", { key: '87e015e58f6a1822ba202f660655078b7f7c1a8c', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '90d98682605a514797da3dc11a9f68dad336759b', class: "editor-controls" }, h("div", { key: 'c5eca5a9750d8f010ce9d749cfe7529a0b5c95c6', class: "editor-buttons" }, h("calcite-icon", { key: '5cdea0dc714261c6fa454d43c5fd3ba3902d9eac', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: 'e7f8e33c62c98a887b06bf20d5a718849f1455c6', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'fb3e4ea4d2120bd2fce4541c6c90b1d16fe7da2f', icon: "undo", scale: "s" })), h("calcite-button", { key: 'ba214ef0fa2d27d4334dd4b10d7bf15c35b49407', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'da359a0692ff1dd777588ab657f2520ca62eeb93', icon: "redo", scale: "s" })), h("calcite-button", { key: '569955fc77faf069f66b3c7376973822cc17f038', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'e477c4ae6d3b2cda3bdcc56660739ffab9b271c1', icon: "compare", scale: "s" })), h("calcite-button", { key: 'a691eb75c7487c6b401f4d35a4e7e8ac84e0d8f9', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '7a0cc6c45b49fb6db3963e7325291dd36dbc95ac', icon: "search", scale: "s" })), h("calcite-button", { key: '1ac31fcbb93e38aff565559174b45a5ef286dc01', 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: 'abcc13ccb46312d8169196af5336bf8d25882ac8', icon: "reset", scale: "s" })))), h("div", { key: 'd70a08eec3c817a38dafb6ed15085efbc3aed090', class: "edit-parent" }, h("div", { key: '6cdec935e00ba08af533c7b2ca565f9a6fefc268', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '1611a95a808ba19133d4c3d5bec6def362771746', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -504,7 +504,7 @@ export class LayerTable {
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '17071727cb283d84afb8beab8382bd3623f35920' }, h("calcite-shell", { key: 'f8508d67fd4b100fdc3f52b7db63194714cf216b' }, this._getTableControlRow("header"), h("div", { key: '5c1ebcb0530764a9568dc5dae153632a3d9491c8', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '7a6420894e4e50e2b4cda6e5ebe043134f4c0397', class: "height-full width-full" }, h("calcite-loader", { key: '48d4fe7e27fae877ca0e4caa22555968636f6c33', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'cce71356e8ca141d1a18b32944d4fa03af8aae33', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '388b0c1f6fc251361b3e1d93310c5077a8244f1f' }, h("calcite-shell", { key: 'ed4d6f8b884ecba4dbcd6b747528fd2e83a2717d' }, this._getTableControlRow("header"), h("div", { key: '6d86a54602feda5dad9e9d4097c9b8e3fe80227c', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'dc4c986af144111acbd21aee82318c90ee920a42', class: "height-full width-full" }, h("calcite-loader", { key: 'd96bbbfa441f9e968fd04e5d17b80c298b690a49', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'afa9e7dea3b195004ef258745b642c05a77ad62d', 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/layout-manager/layout-manager.js

@@ -76,7 +76,7 @@ export class LayoutManager {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '10b8c1f7ee9503c4bd7cb1bbbd8b58cb5009336f' }, h("div", { key: '39ae898c19e24746bfa5f7510006e368f37fe7d5', class: "display-flex" }, h("div", { key: '0080f9562ab26665e26a8447e4484d76e4861f9f', class: "display-flex action-center" }, h("calcite-icon", { key: 'cc941eede331c518fe0944e2bf4b46b0c9799f0c', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: 'd92ccbe95f58f15964fd8b5d0d1446216ef780a7', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: '37d306563b80589652c25809233063c60035397b', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: 'e33a33071990cd0edb32e1c76505ddcc834ae932', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
+        return (h(Host, { key: 'b21325b44c55b4169b7c14ee8a72d4fb329049c0' }, h("div", { key: '9aa53161553d8daecde88138017758885747d357', class: "display-flex" }, h("div", { key: '4efeebd0ee5b9d288ae37a2f3697049eb71c5d4c', class: "display-flex action-center" }, h("calcite-icon", { key: 'aa2a89bc8b1974c56997478c7a1c4080e2f0e5e1', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '920120df5f5036770308422dafe6c76201af303b', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: 'ed38dc29dd382563b9c38fd171f7380965b88fef', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '5d09996c91decfea662e159625ab4c8dd06154ba', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/list-flow-item/list-flow-item.js

@@ -62,7 +62,7 @@ export class ListFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '6691ddbcebb6a78570c1a7d1317aadcccf51c6e3' }, h("slot", { key: 'bca9498b533fa13dfc5d85b690a0cc0d80fef1b8' })));
+        return (h(Host, { key: 'de2fbee0068872b2eed39cb528169156a4f69615' }, h("slot", { key: '2fe9659669fe24fd4921c64548dcca0ed57111b9' })));
     }
     static get is() { return "list-flow-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/location-flow-item/location-flow-item.js

@@ -62,7 +62,7 @@ export class LocationFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '4338ca2001ca75d9994cc468c3d4216724e18a36' }, h("slot", { key: 'fc9dbfade945c848e3b3c259250d7a1c02f7431d' })));
+        return (h(Host, { key: '48471224a5b2cf54e0f88ad58938d716a2388873' }, h("slot", { key: '4a438911cbc255d9be3d3ebe523ac971b58bbbbd' })));
     }
     static get is() { return "location-flow-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -223,7 +223,7 @@ export class MapCard {
         const containerClass = this.isMobile ? "width-full" : "";
         const mobileClass = this.isMobile ? "border-top" : "";
         const headerElements = this.isMapLayout ? "" : "display-none";
-        return (h(Host, { key: '7029e518173a8c1e6e00049b8e68e23bed23d9cb' }, h("div", { key: '2b8d9197dcb68529562728fddeb53d0a7e9cbb86', class: `${mapContainerClass}` }, h("map-picker", { key: '2e50b7c70832f4151fafd06e860846a5efa8f6f1', class: mapPickerClass, isMapLayout: this.isMapLayout, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { key: 'bc01ef7fb34400e3ff58151cab6abbabd9fa8a6f', class: `mapView-header display-flex ${headerElements}` }, h("div", { key: '1f1bf6ffb92fbc182be8333b4ae3d70271ea2f1b', class: `border-end ${containerClass} ${mobileClass}`, id: "solutions-map-layer-picker-container" }, this.mapView && h("map-layer-picker", { key: '47320f3794f060262c4ed29ec1400a50d9744a97', appearance: "transparent", defaultLayerId: this.defaultLayerId, display: "inline-flex", height: 50, isMobile: this.isMobile, mapView: this.mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", selectedIds: this.selectedLayer ? [this.selectedLayer.id] : [], showSingleLayerAsLabel: true, showTables: true, type: "dropdown" })), this._getDropDownItem())), h("div", { key: '7101bfed6c0e0932275b0d28eea0ea5e1603aa8e', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '8ca28e50a77a25699cd6c17fe4f31788ca1cb49d', 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, 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: 'a724cfff5c8cd19703df8443fccf806cca1d37a7' }, h("div", { key: '8ee5d81cea48cbb5d62dd7e75f4d128aa36132ae', class: `${mapContainerClass}` }, h("map-picker", { key: '782526b5429f1b136efd2e0d339caea4b78038dd', class: mapPickerClass, isMapLayout: this.isMapLayout, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { key: 'a8f9a8cd4e02aad729d119a5c04829142931c6dd', class: `mapView-header display-flex ${headerElements}` }, h("div", { key: 'f8e06895d78ed95c1467ba804325b458a54f0ae8', class: `border-end ${containerClass} ${mobileClass}`, id: "solutions-map-layer-picker-container" }, this.mapView && h("map-layer-picker", { key: 'f63739e17afb38bf98ec458a48298514c63a8bf2', appearance: "transparent", defaultLayerId: this.defaultLayerId, display: "inline-flex", height: 50, isMobile: this.isMobile, mapView: this.mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", selectedIds: this.selectedLayer ? [this.selectedLayer.id] : [], showSingleLayerAsLabel: true, showTables: true, type: "dropdown" })), this._getDropDownItem())), h("div", { key: '740f980cadf2ab3ce2692357d39cef1cec31bbae', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'e748b8677208111b7592d035c15abdab645c618e', 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, 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

@@ -183,7 +183,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: '64c06f74fa05d6debb3a34bbb3d51bc9e2d1e8a6' }, h("div", { key: 'b3ac0f7c2f38da701fcee82580d7d4f55792ffb8', class: containerClass }, h("div", { key: '57625c7617de564ad7f62ed8952dd72108d46bbe', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'b1c8a28ef1fab0e0cb4a9617e9d366e1002d619d', class: undoRedoClass }, h("calcite-action", { key: 'ae27d672ad615b54bceb37fa56ac8e652f80df61', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '643d1413f98f8059590fb92c702074c9c732f9b1', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: '29a6976363bf4d6d256a80235fddc4d9f29d3314' }, h("div", { key: 'a377200e030bf41964215c4d456f1aabb3ce0fa1', class: containerClass }, h("div", { key: 'de5b692eaa3d529099e1515daad6345393200039', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '8a710aface1f6c50cb124b0e0a740ae7ba6822be', class: undoRedoClass }, h("calcite-action", { key: '259c132f9b45e9442f9c8060c7ebbeb1ce614e58', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '3a9f249a0f601e1975f73dcd05f53ab768e5f4e2', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -95,7 +95,7 @@ export class MapFullscreen {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '27267ebf4781a3c85addd8339028f7ac8d07bfb2' }, h("div", { key: '0966dae1c7ab9a2cba461d2f19b63bea8e5f28cf', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '57cf43d121435c4db3c4847bb909ee77986d2f39' }, h("div", { key: 'e748dbb1924d588d3aa3cef1cfc7d9524a08ff1e', 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

@@ -146,7 +146,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: '47a42a4855654930ebaf59b1567ab4bd5ccf3133' }, h("div", { key: 'acc05150c663d68ae633a7d293984ae282cfbdfa', class: "map-layer-picker-container", style: style }, h("div", { key: '811bde9a5118862f58b6a9ed99abec0f46fb4a1f', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: 'ac897da6f14eb06e332fd99c29eff339488e37a4' }, h("div", { key: '3d6f53faf1f9a1ac3a7e1469e88f6a74b3b4af20', class: "map-layer-picker-container", style: style }, h("div", { key: '6919f38519caefa15aa0f826b51e50aef30e6c21', 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

@@ -86,7 +86,7 @@ export class MapLegend {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: 'd9f276c9f13ad09a606bda6e2aaf78707824f6e9' }, h("div", { key: 'f2db7bd093313a19ace2ec4340c5d0049b666bdc', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '32e729a3a7b4989ced535b78b5ca4aa38b9dcc71' }, h("div", { key: '87a583eaad85b2b163a6f7349e65f00d5a29d0b7', 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

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

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

@@ -109,7 +109,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'a94dc7a1257336e387d2c761d8584e7a75bbd316' }, h("div", { key: '0a54b1fce8750084563cbc823222a4679a8e7909', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '0c34af04212bf27998363a55afbfe76f57124a93' }, h("div", { key: '2bec13054279a3ca132056269a71356c542354ef', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -296,7 +296,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '5a04e72d23e06c463d7dc3b453ca91ce046359bd' }, this._getMapLayerPicker(), h("div", { key: 'e821ee7452a1a784b485b487cedeff6425e2b063', class: "border-bottom" }), h("div", { key: '53e9a7d16279c9287af730452492d56ace65cdaf', class: "padding-top-sides-1" }, h("div", { key: 'a56f9637ab82b938e8ee2668fceeec2631f270cf', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'c06517880c5e2fca23e45a7392a9d72c159a482c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '54df55d7f39cf68e6bf07ca8ae1c3ac952f8c2ff', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, 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: '1d6ec53f2a270407c62972fb6e5775940821ca18', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '2643969b71b41cad30ade0900eb391abe054a2ff' }, this._getMapLayerPicker(), h("div", { key: 'ed4f34f2f6e1b99c5b133ec6097becd13539ebe6', class: "border-bottom" }), h("div", { key: '5aca91cf4f34d343716d68c4f68f88ce98ba0e07', class: "padding-top-sides-1" }, h("div", { key: '999f1090ea43e2c71ef8f957ed3dab9c11e9233a', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'e92f91fdaba7ec3975fd099c835d013a61af240c', class: mapToolsContainerClass }, h("map-draw-tools", { key: 'a330983f29bb8c866af82ea50970b779a0a04519', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, 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: '022214b69e6c57324c1bc8ffa528adf618f8fe60', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

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

@@ -213,7 +213,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: 'f994555df4df11a4eca6b950c482b393d2ad8e94' }, h("div", { key: 'fa0a53926f01beb8009284da27e82d00ab7ad632', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '09384f900f228b3c452eb137510cc44f6a4615aa', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'ad7751eb21b9024f775c3539b24e462eb68d3c78', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'd0922fed8b30210fce0edc1f0a56895bf20f0022', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'd3d2aa061acd9837bd2cc7e1d558d89f3b40386d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '9a95c34971adcbc0edc749a8b4004ceef79a3f3b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '7261f9b585a9ff2d016eeaced8ee25065c6c1c0b', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'd4774c7ae6c327804d092b4b81f7e3523820726d' }, h("div", { key: '35363080c21040b94276b4362632dc2d46c8eb58', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'd7e547203dfd373e031f424499af9b15193ee76c', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '7518c0e1378bf2343f681677d849535a2ae363ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '0c0d5497546a8ab8afd4169134c7689f964bcf65', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'cf29e237446037731a2b4214634cb7aa3102f6d1', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '3dbc331ed548e13e86cfbc916439b7cf09bb5f10', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '2738d4f1dda01ffb4f71708fdac76be82f36e037', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -70,7 +70,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: '9bc609be932ec1285dcdc2dc3b6336a36494c9f9' }, h("div", { key: '9b64b3fdc3bf3e0265eb544e540c8c32eed8ec9e', class: pciClass }, h("div", { key: 'de7e6a9b213cfb28fcea5c609e664635abf8b782', class: "label-display" }, h("calcite-label", { key: 'e9af278421644f6d23b8b07e3e116affaa576c07', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '0703cf731b5497a09cc6bb54c5e18a63ea2ba244' }, this._getCalculateButton())), h("div", { key: 'bd32e040f6d3789987c53a94484e7aeebc6b82b1', class: deductClass }, h("div", { key: '8f977910db0578ebfc8ea79a19b664e109aba266', class: "position-right" }, h("calcite-action", { key: 'a624606534ff220a97a05aa7cb4f22d4c8bb6ddc', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '0b327b89377b88ec2b11065c6f3ecb4b582ef7e4', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: 'e19ddd889fb0474b01a9b541a4440bcb6d27cd75' }, h("div", { key: '69dca34e21fd274f274786c43377286a8a24dc37', class: pciClass }, h("div", { key: 'a8c3f266e45041a2cbd0228ccce8e75fcdc9a690', class: "label-display" }, h("calcite-label", { key: 'aed5c516d15e33b4dfc10a13b0efa97f21ed679a', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '786c228e29f54ee493227b1c8e8bd6e110b037a3' }, this._getCalculateButton())), h("div", { key: '7cec1f54145ad7e886af0081ee38aed095e1e0a8', class: deductClass }, h("div", { key: '8bcf946c78d410766d1f59b7d0dc9a844fd9b589', class: "position-right" }, h("calcite-action", { key: 'c33a0aedaa859f19dea94da253cda27257b9c235', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '195dbb3fff25c1fbf2e20c785a48c25527abfa2a', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -106,7 +106,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'a33458caa21a1cbe1545b30eeba3d0d9ce868148' }, h("calcite-select", { key: '75623fdf7467da7e45d917a0149b48a9f5c24394', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'a2a528f3bb24b8ea11bac5e4e7bfcc87ba81a794' }, h("calcite-select", { key: '65188bbe9f8c18e5fde98a2f2dd96961a2354d61', 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

@@ -263,7 +263,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: 'de2d5102a42be0ef268b269402a027f9ea91d9b5' }, h("calcite-shell", { key: '9ce77bf23a9d6479e7e65742e7caac2b83033975' }, h("calcite-action-bar", { key: 'c82214eda0751577ca6c40474d418286f3954ce5', 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: '6566efb322c1eebdae473c81dd897e67d287074e' }, h("calcite-shell", { key: 'a367e97f0eaec3c8cba2d02ddf27c45b7385839b' }, h("calcite-action-bar", { key: '9fa26481d990cfac05be11394e95b386038f6398', 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.

package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.js

@@ -62,7 +62,7 @@ export class RefineResultsFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '301d721cbe276288d621e0cd3a54ee5558dea76a' }, h("slot", { key: 'd8d933a33826d99e7455b6fb4d55e93320f09c96' })));
+        return (h(Host, { key: '80b7f73a51e599fecc98483da51aa24ebbd0efed' }, h("slot", { key: '0824e1e1a33659e6161aab76449a6df39538398a' })));
     }
     static get is() { return "refine-results-flow-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refine-selection/refine-selection.js

@@ -119,7 +119,7 @@ export class RefineSelection {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: '48fd9fbbe8560ca4d165e5a3e9399ce5c3c7ba8e' }, h("div", { key: '4b314e3941366d8251238a13171d21ce28a7b87e', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'f7007f8333e1a8c160bcbd5659f6410776c54e2a', class: "display-flex" }, h("calcite-label", { key: 'c24380176e9c4791ef1fcda1a3f955265f51b0d7', class: "font-bold width-full label-margin-0" }, h("div", { key: '403542a6105b28368cd364070abfe6d8cf160d7e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '745e828c6bbb8c7c89259142ca5301561d441128', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '15aa897e1cc858b2bda6a9cefca1d87347592bb0', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: '334ab4b1918e6905b4ab90a683ffa5129e6b449f', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2770007f82ff6dc157e5ffae8c9f61c55cb47a48', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'f29a52a9ac924bf4cd81b5311df6a2a8ca28f0ae', class: "padding-1" }, h("div", { key: 'c0c5815ef8e74971e26517a12c95ca19b2294dc8', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: 'b6338cabb01ba8453df5e00a46ab51e4da924c3d', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '61ecda9667fdf6e3acc7931531ee9a49fdd40295', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '3b48631b4b75716680f15ac0e4790043926bf857', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '1e26bced9c292ffdca78a589f3b78961cb5fceb6', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'b7abd723a8f440d03d35256812229bf2e84e87c6', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '368a335da540fb7c747d6f2abffc3e7f98545833' }, h("map-draw-tools", { key: 'a3cc7f67104512ab108157bd3f7ebd57b1a5f202', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '038fb2b359eb59730de50778d809841ef33471d9' }), (h("calcite-list", { key: '02fdc3e4096a8f88e727118f9ae27a9b823edb3a', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '6ca10ddfe06214aa74a308661290a08147587e5b' }, h("div", { key: 'ecad97854aadc69766dd182c385ba2f5a7447121', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'b68331dcf8ae4a36fbd57494e2b9f8daf92906ed', class: "display-flex" }, h("calcite-label", { key: '31c0fea32fd5fb0c380ab1e561a7f4d9057e06f6', class: "font-bold width-full label-margin-0" }, h("div", { key: 'f3e92e9d216e5ff4c14490e2b0278b88807b9762', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: 'b1a75c06d01eeb7840be6eeb303f403ebd924454', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '27f7e489caf763d87cf4ccf6200f471cb3ae8363', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'c469bcb0fbbfbc08797541043b0c9130e453737f', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2b3ea14d98fd5f699581fc2d3b1bad6b7c114f0e', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '3a73cbd44600beca829f63939777be13ccd22fb3', class: "padding-1" }, h("div", { key: '6be9c1a327b1d8ca01f44884faf4ae6f509387da', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: 'e2115941df58eac148aaf0f21022844ee1ec92a1', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'f554b5def04c12fd529eadcdf34df2e702b72f14', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '4436d09c76c7e1baba359ebb04def82ea873b541', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '62e865762305dae22aa39fa9811e40649c4f6538', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '7dc24184ac22a73d96f9894941dc1ef2628903f3', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'd0830d20118aa73b3ddee7f92365fa8fb13c238f' }, h("map-draw-tools", { key: 'e956f1711607967919c3ede794f0e51e8e3f69d0', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '6290a4690597648838ca68d347a827b42c6b75ff' }), (h("calcite-list", { key: '90a1b32598473fe55861bbce63d77f5481b88194', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/share-item/share-item.js

@@ -62,7 +62,7 @@ export class ShareItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'fb0d98cfbbb4becfc168d715f6198a3923f58e03' }, h("slot", { key: '7d8d7644cd59654a081c22b696790aaf8c493ade' })));
+        return (h(Host, { key: 'a8d200d4f119571b482fa8c9f87d759458157fe3' }, h("slot", { key: '4132e6115646706d66d9648fad26050233045754' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/solution-configuration/solution-configuration.js

@@ -86,11 +86,11 @@ export class SolutionConfiguration {
         const solutionData = state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));
-        return (h(Host, { key: '5109582ea7788928ced7d43f3fac23e501dfdec5' }, !this._solutionIsLoaded
+        return (h(Host, { key: '2711b1daac68d8b061f72837f8db2aec3917741a' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: '610c2047b1e04b19e48caf0e503273d6fb19a2ee', class: "configuration-container" }, h("div", { key: '1be0cf6c381f2eea9e9a633527ab01d39b9b76fd', class: "configuration" }, h("calcite-tabs", { key: '8e87e8b72ccabe61b48f43035ef054fc88f73cee', class: "config-tabs" }, h("calcite-tab-nav", { key: '6b28f9b08a6d217390e2bb71bd77589a7ddae1a4', slot: "tab-nav" }, h("calcite-tab-title", { key: '00ee03b7d9f462866b27be154e84541eb95e9cbd' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: 'a5ceb588322ed02e9108f6382d33303cc63ba5be', class: "configuration-container" }, h("div", { key: '65d23237d5a8e85eab125aee3d81b84cc1ddc8d7', class: "configuration" }, h("calcite-tabs", { key: '702e76542f97faf03df149fb4381ac11a01b2d2f', class: "config-tabs" }, h("calcite-tab-nav", { key: 'd6d2a465be5d46776c7f0bab746caf14572c2465', slot: "tab-nav" }, h("calcite-tab-title", { key: '642fe7233ec4d2cdd7f84d1082ab15deacdc7933' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: '8f7fe3085cbb8eb6ca604cce44570aa0409f286c', class: "config-tab", selected: true }, h("div", { key: 'abe77878ca8872fde8d96f9ff328015851b02707', class: "config-solution" }, h("div", { key: '6949db8cfdb0aa9b97d1f2583eee69fef3d5aa60', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: '09221fe20f65ee00f80e4a7d9aaa30a84fdec536', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '968177e9232d890d70050a7cd275c40bc73cce30', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            null), h("calcite-tab", { key: 'ed3ab07b25d220e2ccb970f7766bdef64f090285', class: "config-tab", selected: true }, h("div", { key: '138657ca570ca6ec3f168bde1d557345181c28eb', class: "config-solution" }, h("div", { key: 'f2faf13331a060957f3eef0fc6115781ae54650f', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'e5bdb4b794ec65874fac81d3b7e6ddc616cae310', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '72196cee63ccde29b7c5ba816a1a569e1fed7220', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
             ? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref` })))
             : null)))));
     }

package/dist/collection/components/solution-contents/solution-contents.js

@@ -48,7 +48,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'd91cfec3e955e635a3196043c935733a7f4c726d' }, h("calcite-tree", { key: '6fcf281c5f61578b8d343893367ab1bd97315387' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '98ca82042eb168779c0c373c9bf5136ae620ff70' }, h("calcite-tree", { key: 'c1c634c98e1a69c88c118a8f61036e04ea1b6b42' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

package/dist/collection/components/solution-item/solution-item.js

@@ -56,7 +56,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'a26e9c7bc3973e47fb139f1fe83bd4541d4dcd90' }, h("div", { key: '80a990272623f4fccd7558306ffd78896a9ae546', class: "configuration-container" }, h("div", { key: 'cd6ef183c9d9acac8c23c7f3ffb616eb03852384', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: 'acd5fdfcaef04991d44f87ea756a1951b3f0642d' }, h("div", { key: 'f5574d3bb9a015353abb66bb82e5266b5ac109ab', class: "configuration-container" }, h("div", { key: 'fa07547d46a264400a85998a16a6a10eeb76d39e', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -67,7 +67,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f93ee5d1152024c4c9d4b7376d8e19e5a0ebaccd' }, h("div", { key: 'd03106d1566be78c478a8ca798cea04161e835a2', class: "parent-container" }, h("div", { key: '78f52543e511e7deecffdc998808fce766863ef3', class: "inputBottomSeparation" }, h("calcite-input", { key: '70783f0059d5e526f56a4ff2cff18e20348c4c16', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'b2cfc981837ee9fd8549dc62057bc98429f3f50a', class: "inputBottomSeparation" }, h("input", { key: '47bdb6fe76a080c297c01ee8624088a501f31f17', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '7c2b6882f87d63f97c609c071b60b62474931c93', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'b530933142b3aa03de26baa33e4be11ea9f4c806', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '57388aa06be3e6c3bed24673ab63386cc433f6c0', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '3906eeaa6bd72d0c53a0e472c3606f0ab879a3d3', class: "flex" }, h("div", { key: 'fa88b2ea055748202ed7c34ce7df2cfc9a1592a0', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '2b5e960405c8f41a66bdf93f47e669d5eae646ad', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '7762aca4498ef2ca8d70beb59cfc5906229c3e5d', class: "snippet-count-container" }, h("calcite-input", { key: '1a6e9e299e551f2c7a3f99395a789fd4e1bf1e88', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'a66a1569c45189e013d230f7d2c11fd315ffaa29', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '1befca128558c7b638d86521f162bcbf44e889a1' }, this._translations.description, h("label", { key: '496939ec6171b926b8f7d6610fa153a0ee63243c', id: "item-description-label" }, h("calcite-input", { key: 'a97b85340d620f4fa909b4b697e058e5398df145', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'eecadd422f35b01124dbf9ac8ce030c561f8b76d' }, this._translations.tags, h("label", { key: 'be9ba3c1c3e4d3bff74bcaf586cef39a8a5c76f2', id: "item-tags-label" }, h("calcite-input", { key: '9772f1e364dcb9810ea81bbf2871ee3c81bb0f92', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: '61d6e5f9703edfb6a936a8a467fc545878c5406f' }, h("div", { key: '377c29de7e5b8e4c06197aad502b167e44579b87', class: "parent-container" }, h("div", { key: '2d97166d07a7f41a8dc250bd749690aae4d94699', class: "inputBottomSeparation" }, h("calcite-input", { key: '144e82dd68c146d06d4c644c0f1476c58cb244fe', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'ea25afac1fcc4428b39719df81e665b18e95a4fc', class: "inputBottomSeparation" }, h("input", { key: 'ab31fedf335a157f8c97eea5adb0eec09486bfb8', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '9e0365412096cdf99707d9d4c23855572912a1e6', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '0f36a04f8b3202022b7898e9bb1c04e164832b18', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '59a63dc2a5c2062ae1e1d0e95a0aff3413bc2bf5', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: 'c259fca582d40cfdaafbd09728037148af9210c9', class: "flex" }, h("div", { key: '6dea250611cca99f6b894540b8f67e6a7435c71d', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '026a0bb189eae1c835ad422168164e1675984c18', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: 'b228b6c0bba23ce7dd158e09314fb33b24c08c34', class: "snippet-count-container" }, h("calcite-input", { key: '77423fd69cb2dd13f935309b59e17b7a310ba202', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '8d267b7f229c9e3810e593cd45410572e0a33b67', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '7762a94cc3594e528ede4e87f8c447fd01eeba1c' }, this._translations.description, h("label", { key: '6f0441fd754851951a85298bb693bd278996900b', id: "item-description-label" }, h("calcite-input", { key: '4211d2472265a2b3056329ee47b217dbceaaa93e', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8e3e4b730a63b2d13ea038d8536a066dafc64898' }, this._translations.tags, h("label", { key: '3c5df3b00ce7f82cc123e0675ceca84287061cd4', id: "item-tags-label" }, h("calcite-input", { key: '0f5b324fecf86953c6e72abdf1d3330b654ae170', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();

package/dist/collection/components/solution-item-icon/solution-item-icon.js

@@ -40,7 +40,7 @@ export class SolutionItemIcon {
      * Renders the component.
      */
     render() {
-        return h("div", { key: '3a30434531363d13bcc0207dbc90f1ee32454113', title: this.type }, h("img", { key: '8ae2eaaeaa00bb86aed97665036fdb1edd14b6be', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: 'e14a2bed4b4c74b5959d7b12f73f9c8a1b374e6d', title: this.type }, h("img", { key: 'd7a7eccc3361946b2641e8499af21b199792a223', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -52,7 +52,7 @@ export class SolutionItemSharing {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b2086d83295956bff47fd5951056000043a4db72' }, h("div", { key: '1344ce75b7ae023544d0c177d883ba1c6eaed05b', class: "container-border" }, h("calcite-label", { key: 'abbd7a7f1e9dbf94d54ef61a2182b2659d60026e' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '8e4b35f389636c179685f0447e536d0eeabdd7ec' }, h("div", { key: 'a87684b15a96e580f9a203bba479f4d3d2c8db45', class: "container-border" }, h("calcite-label", { key: 'b1b62e4887674de5b572c457a1adf2c2a1f977eb' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //