@esri/solutions-components 0.8.14 → 0.8.16

package/dist/components/deduct-calculator2.js

@@ -874,7 +874,7 @@ const DeductCalculator = /*@__PURE__*/ proxyCustomElement(class DeductCalculator
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '4fde9075cfece4eb107c303c5425501663902e66' }, h("div", { key: '5c2d7e3116f87eb19d55cb4c207bfb658bcc9376', class: "label-display" }, h("calcite-label", { key: '924692372a5294dc8ab4cd8f5d83e879b48d33e7', class: "label-display" }, "Density %", this._getDensityInput()), h("calcite-label", { key: '6afaa68fef4a16718159a297ca421a11b0bd5f6b', class: "label-display" }, "Type", this._getTypeInput()), h("calcite-label", { key: 'e147fa289c58bad96e7affde75a5cc6a62739d70', class: "label-display" }, "Severity", this._getSeverityInput())), h("div", { key: 'd3562ae77e679866031fd1fb0f13c954591d5081' }, this._getCalculateInput())));
+        return (h(Host, { key: '68401afdbb18147910d55f13cae4c019bda9f020' }, h("div", { key: '88b89c1a9b260024f28315574539f47bd0bd0a3a', class: "label-display" }, h("calcite-label", { key: '8e81c5e65fe272c547addd3915ccc6a7da48a5b8', class: "label-display" }, "Density %", this._getDensityInput()), h("calcite-label", { key: 'f549369baa3b681922c07b2c91a626664e98309f', class: "label-display" }, "Type", this._getTypeInput()), h("calcite-label", { key: 'e850fbf5d9728f969c289946c3518a30316e88b9', class: "label-display" }, "Severity", this._getSeverityInput())), h("div", { key: '2485c0b0f0c2681b1af7cf55478ec34efb734a46' }, this._getCalculateInput())));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/delete-button2.js

@@ -71,7 +71,7 @@ const DeleteButton = /*@__PURE__*/ proxyCustomElement(class DeleteButton extends
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '885179064344fde1e5387efcf7fe2807bd2786c9' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
+        return (h(Host, { key: '09821225eb29ad6eef021f81977cabc3b7852167' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/components/downloadUtils.js

@@ -2195,7 +2195,7 @@ class PDFLabels {
 * @param initialImageDataUrl Data URL of image for first page
  */
 function exportPDF(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
-    downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
+    void downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
 }
 //#endregion
 //#region Private functions
@@ -2208,42 +2208,38 @@ function exportPDF(filename, labels, labelPageDescription, title = "", initialIm
  * @param title Title for each page
  * @param initialImageDataUrl Data URL of image for first page
  */
-function downloadPDFFile(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
+async function downloadPDFFile(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
     const pdfLib = new PDFCreator_jsPDF();
-    pdfLib.initialize({
+    await pdfLib.initialize({
         pageType: "ANSI_A"
     }, getAssetPath(`../assets/arcgis-pdf-creator/`), "en", filename // filename without ".pdf"
-    )
-        .then(() => {
-        const labeller = new PDFLabels();
-        labeller.initialize(pdfLib)
-            .then(async () => {
-            const labelSpec = labelPageDescription.labelSpec;
-            let startingPageNum = 1;
-            // Add the screenshot to the PDF
-            if (initialImageDataUrl) {
-                const pageProperties = labelSpec.pageProperties;
-                const pageSize = PDFCreator.getPageSize(pageProperties.pageType);
-                pdfLib.drawImage(initialImageDataUrl, {
-                    x: pageProperties.leftMargin,
-                    y: pageProperties.topMargin,
-                    width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
-                    height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
-                });
-                if (title) {
-                    labeller.drawSupplementalText(title, 0, -0.1);
-                }
-                if (labels.length > 0) {
-                    pdfLib.addPage();
-                    ++startingPageNum;
-                }
-            }
-            // Add the labels to the PDF
-            await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading
-            );
-            pdfLib.save();
+    );
+    const labeller = new PDFLabels();
+    await labeller.initialize(pdfLib);
+    const labelSpec = labelPageDescription.labelSpec;
+    let startingPageNum = 1;
+    // Add the screenshot to the PDF
+    if (initialImageDataUrl) {
+        const pageProperties = labelSpec.pageProperties;
+        const pageSize = PDFCreator.getPageSize(pageProperties.pageType);
+        pdfLib.drawImage(initialImageDataUrl, {
+            x: pageProperties.leftMargin,
+            y: pageProperties.topMargin,
+            width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
+            height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
         });
-    });
+        if (title) {
+            labeller.drawSupplementalText(title, 0, -0.1);
+        }
+        if (labels.length > 0) {
+            pdfLib.addPage();
+            ++startingPageNum;
+        }
+    }
+    // Add the labels to the PDF
+    await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading
+    );
+    pdfLib.save();
 }
 //#endregion
 

package/dist/components/edit-card2.js

@@ -108,7 +108,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: 'b806acb1c7ec5a72ce3eecf2260343a099d2afa2' }, h("div", { key: 'c4d10fd157da5b0974b240d37245eb67bca9cce9', 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: 'c1c66ecdb69497d9a376799f579fff913ac7bd52', class: "position-absolute" }, h("div", { key: 'a9aec76ba816e85ca50ce68beb355426da3bd16f', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '2a745303bea886b223bc47aa06950d1ca8e39c1a', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: 'fbb55e4f99e4fde338fb1ca9debc6cd4eeb46787' }, h("div", { key: '10f7468920f81c1b97a2b23c8069e5b821683788', 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: '4badfa94e30d2a8108812c780ea6e636ca4e6e00', class: "position-absolute" }, h("div", { key: '7ce280938b7ae435fbffd358969a23577a0a8ce8', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '13e23afb8e6d012f6abebad43b24485ac0e72805', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/feature-comments.js

@@ -50,7 +50,7 @@ const FeatureComments$1 = /*@__PURE__*/ proxyCustomElement(class FeatureComments
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '2f5fccede034515212bdcfae66b1a050f63400d0' }, h("slot", { key: '3539f90873c3771e33c8655c12cce9adfbfa772b' })));
+        return (h(Host, { key: '388f7097c0cfc5b9c6cc6649ff00e9fd0be1c6aa' }, h("slot", { key: '31a2a3694358fe14a2195da82063f3be0500b3d8' })));
     }
     get el() { return this; }
     static get style() { return FeatureCommentsStyle0; }

package/dist/components/feature-details2.js

@@ -5,25 +5,35 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
-import { d as defineCustomElement$h } from './action.js';
-import { d as defineCustomElement$g } from './action-menu.js';
-import { d as defineCustomElement$f } from './alert.js';
-import { d as defineCustomElement$e } from './button.js';
-import { d as defineCustomElement$d } from './chip.js';
-import { d as defineCustomElement$c } from './icon.js';
-import { d as defineCustomElement$b } from './loader.js';
-import { d as defineCustomElement$a } from './modal.js';
-import { d as defineCustomElement$9 } from './notice.js';
-import { d as defineCustomElement$8 } from './panel.js';
-import { d as defineCustomElement$7 } from './popover.js';
-import { d as defineCustomElement$6 } from './scrim.js';
-import { d as defineCustomElement$5 } from './shell.js';
-import { d as defineCustomElement$4 } from './tooltip.js';
-import { d as defineCustomElement$3 } from './delete-button2.js';
-import { d as defineCustomElement$2 } from './edit-card2.js';
+import { f as getAllTables } from './mapViewUtils.js';
+import { d as defineCustomElement$q } from './action.js';
+import { d as defineCustomElement$p } from './action-menu.js';
+import { d as defineCustomElement$o } from './alert.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$3 } from './edit-card2.js';
+import { d as defineCustomElement$2 } from './feature-list2.js';
 import { d as defineCustomElement$1 } from './info-card2.js';
 
-const featureDetailsCss = ":host{display:block}.buttons{align-items:center;background-color:white;display:flex;padding:10px 0 10px 15px;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}.comment-btn{display:flex;gap:5px;width:35px}";
+const featureDetailsCss = ":host{display:block}.buttons-container{align-items:center;display:flex;padding:10px 0 10px 15px;color:var(--calcite-color-text-1) !important;background-color:var(--calcite-color-foreground-1) !important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}.comment-btn{display:flex;gap:5px;width:37px;font-size:var(--calcite-font-size--2);align-items:center}";
 const FeatureDetailsStyle0 = featureDetailsCss;
 
 const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails extends HTMLElement {
@@ -31,6 +41,7 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
         super();
         this.__registerHost();
         this.loadingStatus = createEvent(this, "loadingStatus", 7);
+        this.featureSelect = createEvent(this, "featureSelect", 7);
         /**
          * string[]: Valid field types for like and dislike
          */
@@ -42,8 +53,10 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
         this._likeCount = 0;
         this._disLikeCount = 0;
         this._dislikeFieldAvailable = false;
+        this._commentsAvailable = false;
         this._isLikeBtnClicked = false;
         this._isDislikeBtnClicked = false;
+        this._relatedFeaturesOIDs = undefined;
     }
     //--------------------------------------------------------------------------
     //
@@ -56,19 +69,23 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
     async graphicsWatchHandler() {
         await this.getCompleteGraphic(this.graphics[0]);
         this.checkLikeDislikeFields();
+        await this.processComments();
     }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
     /**
      * Refresh the features comments which will fetch like, dislike and update the component
      * @returns Promise that resolves when the operation is complete
      */
     async refresh(graphic) {
+        await this.getCompleteGraphic(graphic);
+        await this.processComments();
         if (this.isLikeDislikeConfigured(graphic.layer)) {
             // in case of multiple features selected fetch complete feature and update like dislike for current feature 
             if (graphic && this.graphics.length > 1) {
-                await this.getCompleteGraphic(graphic);
                 this.checkLikeDislikeFields();
             }
         }
@@ -102,15 +119,21 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
      */
     async componentWillLoad() {
         await this._initModules();
+        //Apply query to get complete graphic with complete attributes
         await this.getCompleteGraphic(this.graphics[0]);
         this.checkLikeDislikeFields();
+        await this.processComments();
     }
     render() {
-        var _a, _b, _c, _d;
-        return (h("calcite-panel", { key: 'c37e61727e2d94fb11c1c82b68de90b63a68385c', "full-height": true }, h("info-card", { key: 'b8ee6ec6705ec1903800f42f9009d92e0ff41fcc', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable) &&
-            h("div", { key: '3a48acd141dbdcb921b2b24296587b130c4e0fcb', class: 'buttons' }, this._likeFieldAvailable &&
-                h("calcite-button", { key: 'cfde8c0825109ec48beb61348c1846596994f6d2', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_b = (_a = this._likeCount) !== null && _a !== void 0 ? _a : this._selectedGraphic.attributes[this._likeField]) !== null && _b !== void 0 ? _b : 0), this._dislikeFieldAvailable &&
-                h("calcite-button", { key: 'e5e69fefa92a0189b955c4869b7755d0e68436c9', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_d = (_c = this._disLikeCount) !== null && _c !== void 0 ? _c : this._selectedGraphic.attributes[this._dislikeField]) !== null && _d !== void 0 ? _d : 0))));
+        var _a, _b, _c, _d, _e;
+        //When related features found show comments list of only those features else comments list will be empty
+        const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
+        return (h("calcite-panel", { key: 'c39c0eec021627b920972f7d4bce0d45bfe0a9c2', "full-height": true }, h("info-card", { key: 'e90cb427a1f874216afcfdf0a33804bf14fb6a2c', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
+            h("div", { key: 'ecfdf111612c92eacfd97dae7bb3080b7ad50e96', class: "buttons-container" }, this._commentsAvailable &&
+                h("div", { key: '07a8213e11585041fb1c5f56254447a720033f04', class: "comment-btn" }, h("span", { key: 'f4071fbd03372a0e88857962e9c31530e2dc693a' }, this._relatedFeaturesOIDs.length), h("calcite-icon", { key: '30258e1daae5f1e00d18dd4ec052861de46b45bf', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
+                h("calcite-button", { key: 'fa76245789a29e49be06482fd8cd0244f44d19ab', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
+                h("calcite-button", { key: 'ac9adc799a93f08319b2f0b797cd5d4773b1a6cb', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
+            h("feature-list", { key: '165b2ac0af65cbbab945a0dfd4ac878cc41af56c', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
     }
     /**
      * Load esri javascript api modules
@@ -120,9 +143,11 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
      * @protected
      */
     async _initModules() {
-        const [Graphic] = await loadModules([
+        const [RelationshipQuery, Graphic] = await loadModules([
+            "esri/rest/support/RelationshipQuery",
             "esri/Graphic"
         ]);
+        this.RelationshipQuery = RelationshipQuery;
         this.Graphic = Graphic;
     }
     /**
@@ -137,6 +162,56 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
         const completeGraphic = await layer.queryFeatures(query);
         this._selectedGraphic = completeGraphic.features[0];
     }
+    /**
+     * Process the comments functionality.
+     * If comments are configured, fetches the related comments ans creates the input for comments list
+     * @protected
+     */
+    async processComments() {
+        var _a;
+        const selectedLayer = this._selectedGraphic.layer;
+        const commentsConfigured = this.reportingOptions[selectedLayer.id].comment && ((_a = selectedLayer.relationships) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        if (commentsConfigured) {
+            //Get comments table id from map
+            const relatedTableIdFromRelnship = selectedLayer.relationships[0].relatedTableId;
+            const allTables = await getAllTables(this.mapView);
+            const relatedTable = allTables.filter((table) => relatedTableIdFromRelnship === table.layerId);
+            this.relatedTableId = (relatedTable === null || relatedTable === void 0 ? void 0 : relatedTable.length) > 0 ? relatedTable[0].id : '';
+            //**Get the related records for the current selected feature**
+            if (this.relatedTableId) {
+                //current selected feature's objectId
+                const objectId = this._selectedGraphic.attributes[selectedLayer.objectIdField];
+                //create relationship query to get all the related records with the current selected feature
+                const relationshipQuery = new this.RelationshipQuery({
+                    objectIds: [objectId],
+                    outFields: ['*'],
+                    relationshipId: selectedLayer.relationships[0].id
+                });
+                const result = await selectedLayer.queryRelatedFeatures(relationshipQuery).catch((e) => {
+                    console.error(e);
+                });
+                const relatedOIDs = [];
+                if (result[objectId]) {
+                    result[objectId].features.forEach((feature) => {
+                        relatedOIDs.push(feature.attributes.OBJECTID);
+                    });
+                }
+                // Store the objectid's of the related features, this will be used to show the comments and its count
+                this._relatedFeaturesOIDs = relatedOIDs;
+                //Set comments available or not
+                this._commentsAvailable = true;
+            }
+            else {
+                this._relatedFeaturesOIDs = [];
+                this._commentsAvailable = false;
+            }
+        }
+        else {
+            this._relatedFeaturesOIDs = [];
+            this._commentsAvailable = false;
+            this.relatedTableId = '';
+        }
+    }
     /**
      * Checks if the layers is configured for like dislike or not
      * @param selectedLayer Feature layer
@@ -158,6 +233,7 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
             if (!likeField && !dislikeField) {
                 return false;
             }
+            //Check if selected layer have the configured like and dislike field and it is of integer types
             selectedLayer.fields.forEach((eachField) => {
                 if (this._validFieldTypes.indexOf(eachField.type) > -1) {
                     if (eachField.name === likeField && this.reportingOptions[selectedLayer.id].like) {
@@ -338,8 +414,10 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
         "_likeCount": [32],
         "_disLikeCount": [32],
         "_dislikeFieldAvailable": [32],
+        "_commentsAvailable": [32],
         "_isLikeBtnClicked": [32],
         "_isDislikeBtnClicked": [32],
+        "_relatedFeaturesOIDs": [32],
         "refresh": [64],
         "back": [64],
         "next": [64],
@@ -351,7 +429,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["feature-details", "calcite-action", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-shell", "calcite-tooltip", "delete-button", "edit-card", "info-card"];
+    const components = ["feature-details", "calcite-action", "calcite-action-menu", "calcite-alert", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "feature-details":
             if (!customElements.get(tagName)) {
@@ -360,80 +438,125 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$q();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$p();
             }
             break;
         case "calcite-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$o();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$n();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$m();
+            }
+            break;
+        case "calcite-filter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "calcite-handle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$j();
+            }
+            break;
+        case "calcite-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "calcite-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "calcite-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$f();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$e();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$d();
+            }
+            break;
+        case "calcite-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$b();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$a();
+            }
+            break;
+        case "calcite-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-stack":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
             }
             break;
         case "calcite-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "delete-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "edit-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "feature-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -50,7 +50,7 @@ const FeatureFormFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class FeatureForm
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'eafd28a38226545f6e4047bd03fe7eaf0ec20cfa' }, h("slot", { key: '5ad9661525b0126f0848064f5d5bdae69c393d11' })));
+        return (h(Host, { key: '2607999cdad5fbe75eac4366256b589eeb33fe36' }, h("slot", { key: 'a9443a71e40b37449d01f4c40ca5f21b83bf005a' })));
     }
     get el() { return this; }
     static get style() { return FeatureFormFlowItemStyle0; }