@esri/solutions-components 0.10.33 → 0.10.35

package/dist/components/delete-dialog.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { D as DeleteDialog$1, d as defineCustomElement$1 } from './delete-dialog2.js';
+
+const DeleteDialog = DeleteDialog$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DeleteDialog, defineCustomElement };

package/dist/components/delete-dialog2.js

@@ -0,0 +1,165 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { g as getLocaleComponentStrings } from './locale.js';
+import { d as defineCustomElement$5 } from './button.js';
+import { d as defineCustomElement$4 } from './icon.js';
+import { d as defineCustomElement$3 } from './loader.js';
+import { d as defineCustomElement$2 } from './modal.js';
+import { d as defineCustomElement$1 } from './scrim.js';
+
+const deleteDialogCss = ":host{display:block}.delete-modal{position:fixed}";
+const DeleteDialogStyle0 = deleteDialogCss;
+
+const DeleteDialog = /*@__PURE__*/ proxyCustomElement(class DeleteDialog extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.editsComplete = createEvent(this, "editsComplete", 7);
+        this.deleteDialogClose = createEvent(this, "deleteDialogClose", 7);
+        this.ids = [];
+        this.layer = undefined;
+        this.open = false;
+        this._isDeleting = false;
+        this._translations = undefined;
+    }
+    get el() { return this; }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Emitted on demand when features have been deleted
+     */
+    editsComplete;
+    /**
+     * Emitted on demand when features have been deleted
+     */
+    deleteDialogClose;
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     *
+     * @returns Promise when complete
+     */
+    async componentWillLoad() {
+        await this._getTranslations();
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        const confirmMessage = this.ids.length === 1 ? this._translations?.confirmSingle :
+            this._translations?.confirmMultiple;
+        return (h(Host, { key: '64cd1440f80a9609f90056b919fa807e975eff70' }, h("calcite-modal", { key: '022302455960cbcf894dc2f0079d88be6fb59367', "aria-labelledby": "modal-title", class: "delete-modal", kind: "danger", onCalciteModalClose: () => this._close(), open: this.open, widthScale: "s" }, h("div", { key: '7484caedbdd759efbe972182ddd41a6ebaa2bd64', class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.deleteFeature), h("div", { key: 'e31136a6eed46dd0cbc4d919deb732a623097fbf', slot: "content" }, confirmMessage), h("calcite-button", { key: '7de42845a99777bcec59221fb6ab863e72ca2654', appearance: "outline", kind: "danger", onClick: () => this._close(), slot: "secondary", width: "full" }, this._translations?.cancel), h("calcite-button", { key: '67921ff64fc5c4439e66833fd8502f7e95671b5d', kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations?.delete))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Delete the currently selected features
+     */
+    async _deleteFeatures() {
+        this._isDeleting = true;
+        const deleteFeatures = this.ids.map((objectId) => {
+            return { objectId };
+        });
+        await this.layer.applyEdits({
+            deleteFeatures
+        });
+        this._isDeleting = false;
+        this._close();
+        this.editsComplete.emit("delete");
+    }
+    /**
+     * Set the alertOpen member to false when the alert is closed
+     */
+    _close() {
+        this.open = false;
+        this.deleteDialogClose.emit();
+    }
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    static get style() { return DeleteDialogStyle0; }
+}, [1, "delete-dialog", {
+        "ids": [16],
+        "layer": [16],
+        "open": [4],
+        "_isDeleting": [32],
+        "_translations": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["delete-dialog", "calcite-button", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-scrim"];
+    components.forEach(tagName => { switch (tagName) {
+        case "delete-dialog":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DeleteDialog);
+            }
+            break;
+        case "calcite-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "calcite-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DeleteDialog as D, defineCustomElement as d };

package/dist/components/edit-card2.js

@@ -190,7 +190,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: '9f4aaad65aed5e7b8d05e6171fdbfdb4f6534c12' }, h("div", { key: 'ded5d125959b11da1a48faf2f28baa9779e36e57', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '6eb7dd1c025f3385f68a08176558e07a0c4bf3cd', class: "position-absolute" }, h("div", { key: 'a56ac68bc0bda73a2153d89fc29d5bef3313ae7f', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: 'a1323d9db0e6de6df48573de7fbc954280b27b8f', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: 'ff6d1819cfd084e9f11a1c87d89c49d13035b289' }, h("div", { key: '797882acbcc26283719be4c08936e93b93931bcd', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '34ce92da0b7c452f0fbae98d9f557543da59f5b8', class: "position-absolute" }, h("div", { key: '81af3854249e193d0d508c022cb4075be63f052d', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: 'd7aa82424f87c47039a8a8f8c61240da7a5ca971', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/feature-comments.js

@@ -51,7 +51,7 @@ const FeatureComments$1 = /*@__PURE__*/ proxyCustomElement(class FeatureComments
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '9d6d06f2466bbbfba74ead0dd8af4354834006c6' }, h("slot", { key: '25722c28a43a7a005a0c55b16c0df536a7a19a61' })));
+        return (h(Host, { key: 'b58aca4fb9f05091f7b4c9a622755afed968a539' }, h("slot", { key: '806ab314b95a05252b5d558722b3dcb68e9b5b44' })));
     }
     static get style() { return FeatureCommentsStyle0; }
 }, [1, "feature-comments"]);

package/dist/components/feature-details2.js

@@ -6,30 +6,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 import { f as getAllTables } from './mapViewUtils.js';
-import { d as defineCustomElement$r } from './action.js';
-import { d as defineCustomElement$q } from './action-menu.js';
-import { d as defineCustomElement$p } from './alert.js';
-import { d as defineCustomElement$o } from './avatar.js';
-import { d as defineCustomElement$n } from './button.js';
-import { d as defineCustomElement$m } from './chip.js';
-import { d as defineCustomElement$l } from './filter2.js';
-import { d as defineCustomElement$k } from './handle.js';
-import { d as defineCustomElement$j } from './icon.js';
-import { d as defineCustomElement$i } from './input.js';
-import { d as defineCustomElement$h } from './list.js';
-import { d as defineCustomElement$g } from './list-item.js';
-import { d as defineCustomElement$f } from './loader.js';
-import { d as defineCustomElement$e } from './modal.js';
-import { d as defineCustomElement$d } from './notice.js';
-import { d as defineCustomElement$c } from './pagination.js';
-import { d as defineCustomElement$b } from './panel.js';
-import { d as defineCustomElement$a } from './popover.js';
-import { d as defineCustomElement$9 } from './progress.js';
-import { d as defineCustomElement$8 } from './scrim.js';
-import { d as defineCustomElement$7 } from './shell.js';
-import { d as defineCustomElement$6 } from './stack.js';
-import { d as defineCustomElement$5 } from './tooltip.js';
-import { d as defineCustomElement$4 } from './delete-button2.js';
+import { d as defineCustomElement$s } from './action.js';
+import { d as defineCustomElement$r } from './action-menu.js';
+import { d as defineCustomElement$q } from './alert.js';
+import { d as defineCustomElement$p } from './avatar.js';
+import { d as defineCustomElement$o } from './button.js';
+import { d as defineCustomElement$n } from './chip.js';
+import { d as defineCustomElement$m } from './filter2.js';
+import { d as defineCustomElement$l } from './handle.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './input.js';
+import { d as defineCustomElement$i } from './list.js';
+import { d as defineCustomElement$h } from './list-item.js';
+import { d as defineCustomElement$g } from './loader.js';
+import { d as defineCustomElement$f } from './modal.js';
+import { d as defineCustomElement$e } from './notice.js';
+import { d as defineCustomElement$d } from './pagination.js';
+import { d as defineCustomElement$c } from './panel.js';
+import { d as defineCustomElement$b } from './popover.js';
+import { d as defineCustomElement$a } from './progress.js';
+import { d as defineCustomElement$9 } from './scrim.js';
+import { d as defineCustomElement$8 } from './shell.js';
+import { d as defineCustomElement$7 } from './stack.js';
+import { d as defineCustomElement$6 } from './tooltip.js';
+import { d as defineCustomElement$5 } from './delete-button2.js';
+import { d as defineCustomElement$4 } from './delete-dialog2.js';
 import { d as defineCustomElement$3 } from './edit-card2.js';
 import { d as defineCustomElement$2 } from './feature-list2.js';
 import { d as defineCustomElement$1 } from './info-card2.js';
@@ -198,12 +199,12 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
     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: '05a12e56500ab833e856b8f5ac0f8371de522170', "full-height": true }, h("info-card", { key: '53c2102681c8005322c1711b038087b1a70d9a53', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, 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: '1cf9a8eb026a2ed6c15ccafc3910fed388e63e5d', class: "buttons-container" }, this._commentsAvailable &&
-                h("calcite-button", { key: 'c95920ae526cfeaa9a8824b985f593c95807c3ae', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
-                h("calcite-button", { key: 'cf6cab791332884e63615058d6d0a1861534177b', 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: '1fe322958b367df620c73834353251d05566d8c7', 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: '8eefe98bc8af36db6793879c38dbed85f45b4a36', class: "height-full", 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: 'e09b693348a5d446f6ea3c774af3c2fd14e66daf', "full-height": true }, h("info-card", { key: '4483a15e4e0bdd62c2c21bc4622d3bbddf3cd113', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, 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: 'ac24bb5fd56a7561e78d90c3a1b10027cfab6b2b', class: "buttons-container" }, this._commentsAvailable &&
+                h("calcite-button", { key: '676c5da52465f295212668f8db9b353e219070f2', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
+                h("calcite-button", { key: 'b3fe54ea2fcf5361e6ec0a91bd52775d24408d77', 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: 'd83c9b9fdd287e07670ca9a5aeafd1a4cc38c0f8', 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: '9d72181a778e08b632d802689a66fa21924cd5b3', class: "height-full", 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 })));
     }
     /**
      * Load esri javascript api modules
@@ -226,11 +227,13 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
      * @protected
      */
     async getCompleteGraphic(graphic) {
-        const layer = graphic.layer;
-        const query = layer.createQuery();
-        query.objectIds = [graphic.getObjectId()];
-        const completeGraphic = await layer.queryFeatures(query);
-        this._selectedGraphic = completeGraphic.features[0];
+        if (graphic) {
+            const layer = graphic.layer;
+            const query = layer.createQuery();
+            query.objectIds = [graphic.getObjectId()];
+            const completeGraphic = await layer.queryFeatures(query);
+            this._selectedGraphic = completeGraphic.features[0];
+        }
     }
     /**
      * Process the comments functionality.
@@ -500,7 +503,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["feature-details", "calcite-action", "calcite-action-menu", "calcite-alert", "calcite-avatar", "calcite-button", "calcite-chip", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-pagination", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-shell", "calcite-stack", "calcite-tooltip", "delete-button", "edit-card", "feature-list", "info-card"];
+    const components = ["feature-details", "calcite-action", "calcite-action-menu", "calcite-alert", "calcite-avatar", "calcite-button", "calcite-chip", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-pagination", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-shell", "calcite-stack", "calcite-tooltip", "delete-button", "delete-dialog", "edit-card", "feature-list", "info-card"];
     components.forEach(tagName => { switch (tagName) {
         case "feature-details":
             if (!customElements.get(tagName)) {
@@ -509,120 +512,125 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "calcite-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "calcite-avatar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "calcite-filter":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "calcite-handle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "calcite-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "calcite-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "calcite-list-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "calcite-pagination":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "calcite-progress":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "calcite-stack":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "calcite-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "delete-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "delete-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/components/feature-form-flow-item.js

@@ -51,7 +51,7 @@ const FeatureFormFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class FeatureForm
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '69a6d88e4a58724a61b964ab9e4cc44df1879be4' }, h("slot", { key: '57bb8fc9d5fc942af7a47d4735b358510e406818' })));
+        return (h(Host, { key: 'ada36a5353ae5c21f81ab8ffea24fab3312acc85' }, h("slot", { key: '424cb194632c9ea0ade6cf848e01a414c05abc42' })));
     }
     static get style() { return FeatureFormFlowItemStyle0; }
 }, [1, "feature-form-flow-item"]);

package/dist/components/feature-list2.js

@@ -192,9 +192,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { key: '381f7da40e715848d4601810aacedbe3a7a46d6d', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '62d128eee1b0a987fe24764b8cfbff148dcf9084', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: '975aef0b4c33676fc2be4aa85a51641d0b203cd4', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'c002eb4d59d8bab086d91266ca4a0ca56a185db3', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '50f0c269f30e9619561ea61f462fb964f91a93a9', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: '97f837035b89d3045efd2771c0ef77d12fbb333b', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'd88adbe6499b358395bd7bf5917c3d0c1506d8b1', 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: '59289a87561105e3edcbd52bac96b974b1387a16', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '59629285e49227209761d2f16bdd62a90750538f', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
+            h("calcite-notice", { key: 'bc6c2e6e0fdf959374caf79f2027784e2fdaca15', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '052207ce0b0e2d8030ac7a4a7985c718371a9667', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '3f17ea85f2265717aa13c9c71f19c259470c9fcc', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            h("div", { key: 'ce3179bcdc7af254488dea909034c58db17ec565', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'd6a4b8c7a940918388b3b9891a666c4a142edae7', 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 }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -429,7 +429,7 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
         const popupTitlePaddingClass = this.showUserImageInList || this.showFeatureSymbol ? '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, 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.appendChild(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: `${popupTitleClass} ${popupTitlePaddingClass}`, slot: "content-start" }, 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" })));
     }
     /**

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

@@ -51,7 +51,7 @@ const FeaturesFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class FeaturesFlowIt
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '8154ad4de3a112bcdef4b1495c6fbeab1a13e292' }, h("slot", { key: '6c12197599bd5742f4ffacbae64170929e485d99' })));
+        return (h(Host, { key: 'b775a26ab493f17e0e93ba5713b407566d37683d' }, h("slot", { key: '05f063062f8cced80ae18d36e7ef08abe6b15839' })));
     }
     static get style() { return FeaturesFlowItemStyle0; }
 }, [1, "features-flow-item"]);

package/dist/components/floor-filter2.js

@@ -117,7 +117,7 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '51da7a656e7f56ecc8cc4093d3dab856f77b5c7a' }, h("div", { key: 'd2fda7047f09a673216484f5c202f039fca20108', ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '7890927db517fe8e1133fce3e0fe977a441f2abf' }, h("div", { key: '34ad695eb04dd20a0b9893817a33df5020de7da1', ref: (el) => { this._floorFilterElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.