@esri/solutions-components 0.8.11 → 0.8.13

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

@@ -88,7 +88,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("calcite-select", { disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: '9000c9345745d07d14f6cb0407148a1f51ef86dd' }, h("calcite-select", { key: 'baf8494fbae44f1141cdaf846b73c0caf1b45de8', 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

@@ -185,7 +185,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, null, h("calcite-shell", null, h("calcite-action-bar", { 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: '43aab03c2d2d410df21ed346314d9cf0c5adae0b' }, h("calcite-shell", { key: 'b83fa5f301f68eac73012a8e8ead64c6811d991a' }, h("calcite-action-bar", { key: '43cd7e3f7c82c6e20fdd5e7dc185a0ce1175b356', 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

@@ -56,7 +56,7 @@ export class RefineResultsFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '778d61f80594a620086b74e8a0f17f880d895095' }, h("slot", { key: 'ba3dc07c6d4b70b1d21b949ef15d8e5b0d52e4be' })));
     }
     static get is() { return "refine-results-flow-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class RefineSelection {
     render() {
         var _a, _b;
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { 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", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100", width: "full" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { 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: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: 'b5ae4c3738bbfd2a06370dd151589aac4315afd5' }, h("div", { key: 'e2c4bfd4db7a562b6b04c846432585a6458e18e9', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '1643b468fac117cea41286d42b22155b6817ca5f', class: "display-flex" }, h("calcite-label", { key: '7bb67b57a439e04b48c4e6048ab8542a43c90166', class: "font-bold width-full label-margin-0" }, h("div", { key: '785299bbe0a8d2da9e78ad1a5d135824fa3f2142', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '9df730f9d904fe17a9d7cc780eb3565c7c27adb3', class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '7d15a1f23c149b7085a46880eaa20dcc3cc133e9', 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: '66ba212b5d012a63246fec374c63a113420a5877', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '16eb2bea0b03afd50a1426adae13529d1e36f6af', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'c692eec707159c808445338cab82524d5643c85f', class: "padding-1" }, h("div", { key: '7442d3d39a5da78779d9efdf7b4d918b4a2c0a22', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '657d552d51c9a23b25a52be2c7d666bf965ec290', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '03768edc16633a5b042c7c1e510a7999371a9f0b', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '5c7fa3fcc69d671f73f00d157037161ee462a480', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '96f27ca8167839ab9f733f79b71e418509a24aa2', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'cb43cbc574b1535a8024200a03ef0bf4b989a073', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '9c86cf4341c719ef795033455943c1d417bb16fb' }, h("map-draw-tools", { key: 'b86de58c8ba773f8abf707036899fbadc92fb1f8', 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: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", { key: '3c9448455924aff46754127259ad19bee129648b' }), (h("calcite-list", { key: 'bebb72254a24f6d540b020b57598046ba58005f3', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -56,7 +56,7 @@ export class ShareItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: 'ecac7be8a24568f7f326f2f973bc5e1155281a12' }, h("slot", { key: '711c21f7e48e2775c4d8d18dd420f40da0c5e818' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -84,11 +84,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, null, !this._solutionIsLoaded
+        return (h(Host, { key: '49da1cac194bccfd4eff5b631cfc965ba97c351d' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { class: "configuration-container" }, h("div", { class: "configuration" }, h("calcite-tabs", { class: "config-tabs" }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: '33aa3f25870a5d287387cc3f465e3235cce6bb75', class: "configuration-container" }, h("div", { key: 'b8366c1abab2870d526c34d28b79b1330a2d65a4', class: "configuration" }, h("calcite-tabs", { key: '471c9f8b520e4ef38a96b74c8d81bcb995910a6e', class: "config-tabs" }, h("calcite-tab-nav", { key: 'c2d1454e3f5f2a234e7e12c38ab031e08aa451b1', slot: "tab-nav" }, h("calcite-tab-title", { key: '8fe68f8d9c860a901ab7debcf1e90d85ab1fb8a4' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { class: "config-tab", selected: true }, h("div", { class: "config-solution" }, h("div", { 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", { 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", { 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: 'bc5527ea0153d9cd36462549caadd5357593cf44', class: "config-tab", selected: true }, h("div", { key: '3fe562f4ec3a3a04e25c89a5e12889448a5f86d9', class: "config-solution" }, h("div", { key: 'd8ff90d93af66ab17e9c2e89a642635f8c42189b', 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: 'e58ea8bdb011508b39f19d522a6069efc55948f8', 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: 'fdd2e2752c4c9889a2a0d1b94907a0fbcda949cd', 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", { defaultWkid: wkid, id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, locked: !wkid, services: state.getStoreInfo("featureServices").map(fs => fs.name) })))
             : null)))));
     }

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

@@ -42,7 +42,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("calcite-tree", null, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '13cf454e7d24dca39bddd4e8d07c680ded84056a' }, h("calcite-tree", { key: '3eda97bd8096d4b06cc8a72b74f5773c11f49630' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

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

@@ -50,7 +50,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", { class: "configuration-container" }, h("div", { class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: 'eb78d204e4a7bb8a64be9978deb6e85e851d66f2' }, h("div", { key: 'f817c407fbf5a9b105a7a801a1b618a6119b124b', class: "configuration-container" }, h("div", { key: 'aac0b5cbe5410d5dd18c9cc2fa15f6be7ceebaba', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -61,7 +61,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", { class: "parent-container" }, h("div", { class: "inputBottomSeparation" }, h("calcite-input", { id: "item-title", value: this.itemDetails.title })), h("div", { class: "inputBottomSeparation" }, h("input", { 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", { class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { 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", { class: "flex" }, h("div", { class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { class: "snippet-count-container" }, h("calcite-input", { id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", null, this._translations.description, h("label", { id: "item-description-label" }, h("calcite-input", { id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", null, this._translations.tags, h("label", { id: "item-tags-label" }, h("calcite-input", { 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: 'b024dd7e92270d93643a1ca7844387e7d9286d22' }, h("div", { key: 'af20723425ccb1e99fea5109950cc79ba79cb038', class: "parent-container" }, h("div", { key: 'a96c1a9692cdf1dc24e371a25dfa83a749d14e2f', class: "inputBottomSeparation" }, h("calcite-input", { key: '578ab10eb0191760a90077c36b208e5f41305712', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'b8eb46d621dced49afbe42a1cce376e067521386', class: "inputBottomSeparation" }, h("input", { key: 'c6ab5acbd0064b4214f062d1864ae7b54caea4cd', 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: '9bd35cf2da98f3b3725afcca05f65abd4c7e2165', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'c2daa2b714ccb86d6bca6676d144f8466aaefe5c', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '88eb1adaf5790a4adceb8600df483cbfe143f799', 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: '8d894bb4b84b5d1e4bbcc10926156dc3c011468e', class: "flex" }, h("div", { key: '149ada9181ec9c479f37dcb449b67b4a61ba85b6', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'e885543499b816432fd54271df84db3f70ed01df', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '6acf404d210c4b8f904ac39022f50e458a642172', class: "snippet-count-container" }, h("calcite-input", { key: '89bfc2acb3288ac6bee9892fdda5ea0907c55474', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'eea362da2aed987549c39982b1801fa6e9cdf515', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: 'b0d046164d0f892fdc8a151e7cf66f6d27dcbe56' }, this._translations.description, h("label", { key: 'e5ecbd825898edab2373250259ba8ed7659897af', id: "item-description-label" }, h("calcite-input", { key: '1a2d590ddd98461b6a1b731f6dbcd5efdf0c3cd9', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'a5b70cc0634bab9dc41857172b6e68c313da5716' }, this._translations.tags, h("label", { key: 'eb5931bcaa7e35d86814cb2798035d9193549e5b', id: "item-tags-label" }, h("calcite-input", { key: '2fb2184ee1b5e48a92eb40ef5dc128fe8cf24388', 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

@@ -34,7 +34,7 @@ export class SolutionItemIcon {
      * Renders the component.
      */
     render() {
-        return h("div", { title: this.type }, h("img", { class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: '0aa9a6d8daa50133d4892bb0b959dad548b65854', title: this.type }, h("img", { key: 'fbf3c97a4408a2ad94bc36a84e36858bc0e641b9', 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

@@ -46,7 +46,7 @@ export class SolutionItemSharing {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", { class: "container-border" }, h("calcite-label", null, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '657a2174982d6942663a83c169ab502be0c69434' }, h("div", { key: 'c2639e6e48fd5ceeded9b71736207edfa4c8b26f', class: "container-border" }, h("calcite-label", { key: 'e11466b5fdebdd068d13bdf821b8b2e3e47c6321' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -44,7 +44,7 @@ export class SolutionOrganizationVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", null, h("h4", { class: "org-var-header" }, this._translations.orgVariables)), h("div", { class: "container-border" }, h("calcite-tree", { id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '95351bd18894c2ebd9be825859fc69fba20fa423' }, h("div", { key: '0decb53f2575a2c09ca7c355aa9189d356980bdf' }, h("h4", { key: '1dba6ec3e8e5df0e80072705a590c40c1b03333c', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '3c3f96660454bd66ec518bb5ac45f5c7f966fa5e', class: "container-border" }, h("calcite-tree", { key: 'a37f5706819c7caabf9e3ca2498c0dd57c1e099c', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -56,7 +56,7 @@ export class SolutionResourceItem {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, null, h("div", { class: "resource-item" }, h("div", { class: "margin-bottom-1" }, h("calcite-button", { appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '02074f7f10921e975b52c13c55f4b3f71d8c7cf5' }, h("div", { key: 'c85c4acf1899e009ace234bb393d98e6d41ba0df', class: "resource-item" }, h("div", { key: '7650c0f83cab10dfde8cad2876c8208015e36ef5', class: "margin-bottom-1" }, h("calcite-button", { key: '555ff36b4a53ac5146d8017d9b602027ea6d6223', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '1973334d9061b2ec78695e7422cae2c4ba4f0e36', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: 'd047f35fc949f996c8e40ff23334a0e4a9f3760f', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js

@@ -57,7 +57,7 @@ export class SolutionSpatialRef {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", { class: "spatial-ref" }, h("div", { class: "spatial-ref-desc" }, h("calcite-label", null, this._translations.paramDescription)), h("label", { class: "switch-label" }, h("calcite-switch", { checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", null, this._translations.spatialReferenceInfo, h("label", { class: "spatial-ref-default" }, h("spatial-ref", { defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services)))));
+        return (h(Host, { key: 'af661ccdc74929591088673da5b814b75cfa0513' }, h("div", { key: 'c9324de9910290892a17420dbee953ac1a5ef02c', class: "spatial-ref" }, h("div", { key: '15393aae23e59eb24a24d1617bf2f43f3ff00e22', class: "spatial-ref-desc" }, h("calcite-label", { key: 'b29058fff715447916a003139da72ef2eadb1f52' }, this._translations.paramDescription)), h("label", { key: '6ca159d44baa13ad5f9650004c355f3b3d687a9a', class: "switch-label" }, h("calcite-switch", { key: '55842e62224985e952ea730ff36206db70a193ef', checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { key: '0f79a4014d786468ea857a19fda4a1c978140754', class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", { key: 'df9b90a12916ef4a8f87c13192ecd8cb31fcf8a6' }, this._translations.spatialReferenceInfo, h("label", { key: 'a819ff1161774963f187d801e8f29ca119f3fc3a', class: "spatial-ref-default" }, h("spatial-ref", { key: 'fe85e9f5f010b8f0be04a6d0272ae845310905d2', defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services)))));
     }
     /**
      * Saves changes to the embedded spatial reference value

package/dist/collection/components/solution-template-data/solution-template-data.js

@@ -72,7 +72,7 @@ export class SolutionTemplateData {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", { class: "solution-data-container" }, h("calcite-shell", { class: "light var-container", dir: "ltr" }, h("calcite-panel", { class: "json-editor" }, h("div", { class: "solution-data-child-container calcite-match-height" }, h("json-editor", { class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { value: this.organizationVariables })), h("div", { class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { value: this.solutionVariables }))))))));
+        return (h(Host, { key: '22705ebd3a386a84f4592856bdc9649c2cba30b8' }, h("div", { key: 'd0a814b481b061a9ed1ab30fd969045e50ba5c57', class: "solution-data-container" }, h("calcite-shell", { key: '59b716b131212438271699969faef49ea98e056e', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '06dd9ab60db4c7e1301030cd27a9a917527ddad8', class: "json-editor" }, h("div", { key: '745bb83632217731bea14d066af4781e358c86a4', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'df07ee691600b663dc7e44b962ab34a3bf55dc9c', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'e1c3bde76aec90b857a4c7314ce2f4c1ec664d50', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '9765a724bb1f526381e5e04e7d2bfe36a3b511a6', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '2ff758dd95bfb295db9af8724ddc7299edf4ca41', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '0e478e966b71dc8de85bdcef299ace2814d14ffd', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'c45e1217a012c63c1d839a313bc4a09da387ab60', value: this.organizationVariables })), h("div", { key: '39a42601f18825b0075838912ca9b9d233829ae7', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '0a8b98737e2674bca82553a3ed637e3ec336b8d8', value: this.solutionVariables }))))))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -44,7 +44,7 @@ export class SolutionVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", null, h("h4", { class: "org-var-header" }, this._translations.solVariables)), h("div", { class: "container-border" }, h("calcite-tree", { id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: 'fdd3472c972374a0a4af6d5584a2ce8031627c4b' }, h("div", { key: 'ff13d6fabe162f55421547fd94bce7b301206acd' }, h("h4", { key: 'dbd2c5e15f9c8abb8b86c0bd2f57df6526e8bdfe', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'b0d045725d76c07e15ac4a9f616ba6892faa4f7c', class: "container-border" }, h("calcite-tree", { key: 'b7a315e65515a84342f753764063ed747cfcfe63', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/spatial-ref/spatial-ref.js

@@ -64,7 +64,7 @@ export class SpatialRef {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", null, h("calcite-input", { disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: '9a870119b767202e85876b5b9d00b1910072e42f' }, h("div", { key: '6500a791a9915f95eebe2174094edb0c47b0fa15' }, h("calcite-input", { key: '5bb156d8f3ee5ffc6de0d94bdd032a1d1ac11d7a', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'd8527df97eb23fc90f231e566e54e3bef84efeb2', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/demos/crowdsource-manager.html

@@ -45,7 +45,6 @@
     // });
 
       function infoIconButtonClick(evt) {
-        alert('Info button Clicked');
       }
 
       function addValues() {

package/dist/collection/utils/test/solution-store.spec.js

@@ -220,8 +220,8 @@ describe("solution-store", () => {
     });
     it("gets resource storage name", async () => {
         const resourcePaths = [
-            { type: common.EFileType.Data, filename: "def.txt" },
-            { type: common.EFileType.Data, filename: "def.doc" },
+            { type: common.EFileType.Data, filename: "def.txt" }, // file extension supported by AGO
+            { type: common.EFileType.Data, filename: "def.doc" }, // file extension not supported by AGO
             { type: common.EFileType.Info, filename: "def" },
             { type: common.EFileType.Metadata, filename: "def" },
             { type: common.EFileType.Resource, filename: "def" },
@@ -394,10 +394,10 @@ describe("solution-store", () => {
             const spatialReferenceInfo = {
                 enabled: true,
                 services: {
-                    "Driver_Activity": false,
-                    "OperationsManagement": true,
-                    "Requests": false,
-                    "ServiceAreas": true,
+                    "Driver_Activity": false, // has "wkid": 102100
+                    "OperationsManagement": true, // has "wkid": 102100
+                    "Requests": false, // has "wkid": "{{params.wkid||102100}}"
+                    "ServiceAreas": true, // has "wkid": "{{params.wkid||102100}}"
                     "SnowRoutes": false // has "wkid": 4326
                 },
                 spatialReference: 2865
@@ -411,10 +411,10 @@ describe("solution-store", () => {
             const spatialReferenceInfo = {
                 enabled: false,
                 services: {
-                    "Driver_Activity": false,
-                    "OperationsManagement": true,
-                    "Requests": false,
-                    "ServiceAreas": true,
+                    "Driver_Activity": false, // has "wkid": 102100
+                    "OperationsManagement": true, // has "wkid": 102100
+                    "Requests": false, // has "wkid": "{{params.wkid||102100}}"
+                    "ServiceAreas": true, // has "wkid": "{{params.wkid||102100}}"
                     "SnowRoutes": false // has "wkid": 4326
                 },
                 spatialReference: 2865

package/dist/components/ExpandToggle.js

@@ -11,7 +11,7 @@ import { S as SLOTS } from './action-menu.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
@@ -67,7 +67,7 @@ const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const ICONS = {
     chevronsLeft: "chevrons-left",

package/dist/components/FloatingArrow.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     arrow: "calcite-floating-ui-arrow",

package/dist/components/Heading.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 function constrainHeadingLevel(level) {
     return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/components/Validation.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     validationContainer: "validation-container",

package/dist/components/action-bar.js

@@ -22,7 +22,7 @@ import { d as debounce } from './debounce.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     actionGroupEnd: "action-group--end",
@@ -34,6 +34,7 @@ const SLOTS = {
 };
 
 const actionBarCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionBarStyle0 = actionBarCss;
 
 const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLElement {
     constructor() {
@@ -237,7 +238,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
         return (h("calcite-action-group", { class: CSS.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
     }
     render() {
-        return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
+        return (h(Host, { key: '578047ec3165559551c136005f1553bb216ecf57', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { key: '74768d564c8f7041d4e0e49c4b117875cb65273f', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
@@ -249,7 +250,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return actionBarCss; }
+    static get style() { return CalciteActionBarStyle0; }
 }, [1, "calcite-action-bar", {
         "actionsEndGroupLabel": [1, "actions-end-group-label"],
         "expandDisabled": [516, "expand-disabled"],

package/dist/components/action-group.js

@@ -8,7 +8,7 @@ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotCom
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n.js';
-import { S as SLOTS$1, d as defineCustomElement$4 } from './action-menu.js';
+import { d as defineCustomElement$4, S as SLOTS$1 } from './action-menu.js';
 import { j as slotChangeHasAssignedElement } from './dom.js';
 import { d as defineCustomElement$5 } from './action.js';
 import { d as defineCustomElement$3 } from './icon.js';
@@ -18,7 +18,7 @@ import { d as defineCustomElement$1 } from './popover.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const SLOTS = {
     menuActions: "menu-actions",
@@ -32,6 +32,7 @@ const CSS = {
 };
 
 const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionGroupStyle0 = actionGroupCss;
 
 const ActionGroup = /*@__PURE__*/ proxyCustomElement(class ActionGroup extends HTMLElement {
     constructor() {
@@ -113,7 +114,7 @@ const ActionGroup = /*@__PURE__*/ proxyCustomElement(class ActionGroup extends H
         return (h("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], hidden: !hasMenuActions, label: messages.more, onCalciteActionMenuOpen: this.setMenuOpen, open: menuOpen, overlayPositioning: overlayPositioning, placement: layout === "horizontal" ? "bottom-start" : "leading-start", scale: scale }, h("calcite-action", { icon: ICONS.menu, scale: scale, slot: SLOTS$1.trigger, text: messages.more, textEnabled: expanded }), h("slot", { name: SLOTS.menuActions, onSlotchange: this.handleMenuActionsSlotChange }), h("slot", { name: SLOTS.menuTooltip, slot: SLOTS$1.tooltip })));
     }
     render() {
-        return (h("div", { "aria-label": this.label, class: CSS.container, role: "group" }, h("slot", null), this.renderMenu()));
+        return (h("div", { key: '689447fecc5bda66fb3b0017288c192033131615', "aria-label": this.label, class: CSS.container, role: "group" }, h("slot", { key: 'd168163c365d6ec486aa5fa975fad904ba3a525e' }), this.renderMenu()));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -123,7 +124,7 @@ const ActionGroup = /*@__PURE__*/ proxyCustomElement(class ActionGroup extends H
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return actionGroupCss; }
+    static get style() { return CalciteActionGroupStyle0; }
 }, [17, "calcite-action-group", {
         "expanded": [516],
         "label": [1],

package/dist/components/action-menu.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { g as getRoundRobinIndex } from './array.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom.js';
+import { t as toAriaBoolean, f as focusElement } from './dom.js';
 import { g as guid } from './guid.js';
 import { i as isActivationKey } from './key.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './popover.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     menu: "menu",
@@ -33,6 +33,7 @@ const ICONS = {
 const activeAttr = "data-active";
 
 const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionMenuStyle0 = actionMenuCss;
 
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTMLElement {
@@ -75,7 +76,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
             if (!menuButtonEl.text) {
                 menuButtonEl.text = label;
             }
-            menuButtonEl.addEventListener("pointerdown", this.menuButtonClick);
+            menuButtonEl.addEventListener("click", this.menuButtonClick);
             menuButtonEl.addEventListener("keydown", this.menuButtonKeyDown);
         };
         this.disconnectMenuButtonEl = () => {
@@ -83,7 +84,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
             if (!menuButtonEl) {
                 return;
             }
-            menuButtonEl.removeEventListener("pointerdown", this.menuButtonClick);
+            menuButtonEl.removeEventListener("click", this.menuButtonClick);
             menuButtonEl.removeEventListener("keydown", this.menuButtonKeyDown);
         };
         this.setMenuButtonEl = (event) => {
@@ -108,10 +109,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
             this.open = false;
             this.setFocus();
         };
-        this.menuButtonClick = (event) => {
-            if (!isPrimaryPointerButton(event)) {
-                return;
-            }
+        this.menuButtonClick = () => {
             this.toggleOpen();
         };
         this.updateTooltip = (event) => {
@@ -296,7 +294,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
         return (h("calcite-popover", { autoClose: true, flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, onCalcitePopoverClose: this.handlePopoverClose, onCalcitePopoverOpen: this.handlePopoverOpen, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
     }
     render() {
-        return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));
+        return (h(Fragment, { key: '172df111e58778a1006253a0eb444e767ad2d12b' }, this.renderMenuButton(), this.renderMenuItems(), h("slot", { key: '1df982aa86cbdd0c2c7d847e9b6f0a4d35b5ba15', name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));
     }
     isValidKey(key, supportedKeys) {
         return !!supportedKeys.find((k) => k === key);
@@ -307,7 +305,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
         "open": ["openHandler"],
         "activeMenuItemIndex": ["activeMenuItemIndexHandler"]
     }; }
-    static get style() { return actionMenuCss; }
+    static get style() { return CalciteActionMenuStyle0; }
 }, [1, "calcite-action-menu", {
         "appearance": [513],
         "expanded": [516],

package/dist/components/action-pad.js

@@ -21,7 +21,7 @@ import { d as defineCustomElement$1 } from './popover.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     actionGroupEnd: "action-group--end",
@@ -32,6 +32,7 @@ const SLOTS = {
 };
 
 const actionPadCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-color-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteActionPadStyle0 = actionPadCss;
 
 const ActionPad = /*@__PURE__*/ proxyCustomElement(class ActionPad extends HTMLElement {
     constructor() {
@@ -151,7 +152,7 @@ const ActionPad = /*@__PURE__*/ proxyCustomElement(class ActionPad extends HTMLE
         return expandToggleNode ? (h("calcite-action-group", { class: CSS.actionGroupEnd, label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode)) : null;
     }
     render() {
-        return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("div", { class: CSS.container }, h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));
+        return (h(Host, { key: 'e8df8bdd77a410f00dd26fe16cf17cb1cd94c2b8', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("div", { key: 'eebbf1f3012dc62ec12e66ffe310716ec98816d4', class: CSS.container }, h("slot", { key: '30f1f28d2dbf9e244e6b14571263973c3d369955', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -162,7 +163,7 @@ const ActionPad = /*@__PURE__*/ proxyCustomElement(class ActionPad extends HTMLE
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return actionPadCss; }
+    static get style() { return CalciteActionPadStyle0; }
 }, [17, "calcite-action-pad", {
         "actionsEndGroupLabel": [1, "actions-end-group-label"],
         "expandDisabled": [516, "expand-disabled"],