@esri/solutions-components 0.6.22 → 0.6.25

package/dist/collection/utils/downloadUtils.js

@@ -27,21 +27,6 @@ import { queryFeaturesByID } from "./queryUtils";
 export { ILabel } from "./pdfUtils";
 const lineSeparatorChar = "|";
 import { queryRelated } from "@esri/arcgis-rest-feature-layer";
-/**
- * Get the related records for a feature service.
- *
- * @param url Feature service's URL, e.g., layer.url
- * @param relationshipId Id of relationship
- * @param objectIds Objects in the feature service whose related records are sought
- */
-export function getFeatureServiceRelatedRecords(url, relationshipId, objectIds) {
-  const options = {
-    url: url + `/${relationshipId}`,
-    relationshipId,
-    objectIds
-  };
-  return queryRelated(options);
-}
 //#endregion
 // ------------------------------------------------------------------------------------------------------------------ //
 //#region Public functions
@@ -120,7 +105,8 @@ export async function downloadPDF(webmap, exportInfos, labelPageDescription, rem
       // Remove empty labels
       .filter(label => label.length > 0);
   labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
-  exportPDF(_createFilename(selectionSetNames), labels, labelPageDescription, title, initialImageDataUrl);
+  const exportTitle = title ? title : _createFilename(selectionSetNames);
+  exportPDF(exportTitle, labels, labelPageDescription, title, initialImageDataUrl);
   return Promise.resolve();
 }
 /**
@@ -348,6 +334,27 @@ export function _getExpressionsFromLabel(labelFormat) {
   const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
   return (_a = labelFormat.match(arcadeExpressionRegExp)) !== null && _a !== void 0 ? _a : [];
 }
+/**
+ * Get the related records for a feature service.
+ *
+ * @param url Feature service's URL, e.g., layer.url
+ * @param layerId Id of layer within a feature service
+ * @param relationshipId Id of relationship
+ * @param objectIds Objects in the feature service whose related records are sought
+ */
+export function _getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds) {
+  // See if the URL points to a service rather than a layer
+  const endOfUrl = url.substring(url.lastIndexOf("/") + 1);
+  if (isNaN(parseInt(endOfUrl))) {
+    url += "/" + layerId.toString();
+  }
+  const options = {
+    url,
+    relationshipId,
+    objectIds
+  };
+  return queryRelated(options);
+}
 /**
  * Extracts field name expressions from the lines of a label format.
  *
@@ -543,7 +550,7 @@ export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup =
   let featureSet = [];
   if (typeof (labelFormatProps.relationshipId) !== "undefined") {
     // Get the related items for each id
-    const relatedRecResponse = await getFeatureServiceRelatedRecords(layer.url, labelFormatProps.relationshipId, ids);
+    const relatedRecResponse = await _getFeatureServiceRelatedRecords(layer.url, layer.layerId, labelFormatProps.relationshipId, ids);
     const objectIdField = layer.objectIdField;
     let relatedFeatureIds = [];
     relatedRecResponse.relatedRecordGroups.forEach((relatedRecGroup) => {

package/dist/collection/utils/downloadUtils.ts

@@ -91,26 +91,6 @@ import {
   IRelatedRecordGroup,
   queryRelated
 } from "@esri/arcgis-rest-feature-layer";
-/**
- * Get the related records for a feature service.
- *
- * @param url Feature service's URL, e.g., layer.url
- * @param relationshipId Id of relationship
- * @param objectIds Objects in the feature service whose related records are sought
- */
-export function getFeatureServiceRelatedRecords(
-  url: string,
-  relationshipId?: number,
-  objectIds?: number[]
-): Promise<IQueryRelatedResponse> {
-  const options: IQueryRelatedOptions = {
-    url: url + `/${relationshipId}`,
-    relationshipId,
-    objectIds
-  }
-
-  return queryRelated(options);
-}
 
 //#endregion
 // ------------------------------------------------------------------------------------------------------------------ //
@@ -221,7 +201,8 @@ export async function downloadPDF(
 
   labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
 
-  exportPDF(_createFilename(selectionSetNames), labels, labelPageDescription, title, initialImageDataUrl);
+  const exportTitle = title ? title : _createFilename(selectionSetNames);
+  exportPDF(exportTitle, labels, labelPageDescription, title, initialImageDataUrl);
 
   return Promise.resolve();
 }
@@ -486,6 +467,35 @@ export function _getExpressionsFromLabel(
   return labelFormat.match(arcadeExpressionRegExp) ?? [];
 }
 
+/**
+ * Get the related records for a feature service.
+ *
+ * @param url Feature service's URL, e.g., layer.url
+ * @param layerId Id of layer within a feature service
+ * @param relationshipId Id of relationship
+ * @param objectIds Objects in the feature service whose related records are sought
+ */
+export function _getFeatureServiceRelatedRecords(
+  url: string,
+  layerId: number,
+  relationshipId?: number,
+  objectIds?: number[]
+): Promise<IQueryRelatedResponse> {
+  // See if the URL points to a service rather than a layer
+  const endOfUrl = url.substring(url.lastIndexOf("/") + 1);
+  if (isNaN(parseInt(endOfUrl))) {
+    url += "/" + layerId.toString();
+  }
+
+  const options: IQueryRelatedOptions = {
+    url,
+    relationshipId,
+    objectIds
+  }
+
+  return queryRelated(options);
+}
+
 /**
  * Extracts field name expressions from the lines of a label format.
  *
@@ -722,7 +732,7 @@ export async function _prepareLabels(
   let featureSet: __esri.Graphic[] = [];
   if (typeof(labelFormatProps.relationshipId) !== "undefined") {
     // Get the related items for each id
-    const relatedRecResponse = await getFeatureServiceRelatedRecords(layer.url, labelFormatProps.relationshipId, ids);
+    const relatedRecResponse = await _getFeatureServiceRelatedRecords(layer.url, layer.layerId, labelFormatProps.relationshipId, ids);
 
     const objectIdField = layer.objectIdField;
     let relatedFeatureIds: number[] = [];

package/dist/collection/utils/interfaces.ts

@@ -476,4 +476,5 @@ export interface IExportInfo {
 
 export interface IBasemapConfig {
   basemapIdsToFilter: string[];
+  basemapGroupId: string;
 }

package/dist/collection/utils/test/downloadUtils.spec.js

@@ -20,6 +20,7 @@
  */
 import * as downloadUtils from "../downloadUtils";
 import * as esriLoader from "esri-loader";
+import * as restFeatureLayer from "@esri/arcgis-rest-feature-layer";
 describe("downloadUtils", () => {
   describe('removeDuplicateLabels', () => {
     it('should remove duplicate labels', () => {
@@ -196,6 +197,48 @@ describe("downloadUtils", () => {
       expect(expressions).toEqual(expectedExpressions);
     });
   });
+  describe("_getFeatureServiceRelatedRecords", () => {
+    it("handles a feature layer", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const expectedOptions = {
+        url
+      };
+      const queryResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+    it("handles a feature service", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer";
+      const layerId = 5;
+      const expectedOptions = {
+        url: "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/5"
+      };
+      const queryResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+    it("handles a feature layer with relationship id and object ids supplied", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const relationshipId = 3;
+      const objectIds = [7, 8, 9];
+      const expectedOptions = {
+        url,
+        relationshipId,
+        objectIds
+      };
+      const queryResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+  });
   describe("_getFieldExpressionsFromLabel", () => {
     it("handles a label with ASCII field names", () => {
       const labelSpec = "{expression/expr0}\n{OWNERNM1}\n{PSTLADDRESS}\n{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";

package/dist/collection/utils/test/downloadUtils.spec.tsx

@@ -16,6 +16,7 @@
 
 import * as downloadUtils from "../downloadUtils";
 import * as esriLoader from 'esri-loader';
+import * as restFeatureLayer from "@esri/arcgis-rest-feature-layer";
 
 describe("downloadUtils", () => {
 
@@ -261,6 +262,53 @@ describe("downloadUtils", () => {
 
   });
 
+  describe("_getFeatureServiceRelatedRecords", () => {
+
+    it("handles a feature layer", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const expectedOptions: restFeatureLayer.IQueryRelatedOptions = {
+        url
+      };
+      const queryResponse: restFeatureLayer.IQueryRelatedResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+
+    it("handles a feature service", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer";
+      const layerId = 5;
+      const expectedOptions: restFeatureLayer.IQueryRelatedOptions = {
+        url: "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/5"
+      };
+      const queryResponse: restFeatureLayer.IQueryRelatedResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+
+    it("handles a feature layer with relationship id and object ids supplied", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const relationshipId = 3;
+      const objectIds = [7, 8, 9];
+      const expectedOptions: restFeatureLayer.IQueryRelatedOptions = {
+        url,
+        relationshipId,
+        objectIds
+      };
+      const queryResponse: restFeatureLayer.IQueryRelatedResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+
+  });
+
   describe("_getFieldExpressionsFromLabel", () => {
 
     it("handles a label with ASCII field names", () => {

package/dist/components/ExpandToggle.js

@@ -11,16 +11,17 @@ 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.
- * v1.8.0
+ * v1.9.0
  */
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
 const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
 const geActionDimensions = (actions) => {
-  const actionLen = actions?.length;
+  const actionsNotSlotted = actions.filter((action) => action.slot !== SLOTS$1.menuActions);
+  const actionLen = actionsNotSlotted?.length;
   return {
-    actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,
-    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0,
+    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
   };
 };
 const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
@@ -66,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.
- * v1.8.0
+ * v1.9.0
  */
 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.
- * v1.8.0
+ * v1.9.0
  */
 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.
- * v1.8.0
+ * v1.9.0
  */
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

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.
- * v1.8.0
+ * v1.9.0
  */
 const CSS = {
   actionGroupEnd: "action-group--end",
@@ -147,9 +147,13 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
     this.updateGroups();
   }
   overflowDisabledHandler(overflowActionsDisabled) {
-    overflowActionsDisabled
-      ? this.resizeObserver.disconnect()
-      : this.resizeObserver.observe(this.el);
+    var _a, _b;
+    if (overflowActionsDisabled) {
+      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+      return;
+    }
+    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(this.el);
+    this.overflowActions();
   }
   onMessagesChange() {
     /* wired up by t9n util */
@@ -229,7 +233,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
     const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { collapseText: messages.collapse, el: el, expandText: messages.expand, expanded: expanded, position: position, scale: scale, toggle: toggleExpand, tooltip: this.expandTooltip,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setExpandToggleRef })) : null;
-    return (h("calcite-action-group", { class: CSS.actionGroupEnd, label: actionsEndGroupLabel, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), layout: layout, 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));
+    return (h("calcite-action-group", { class: CSS.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: actionsEndGroupLabel, layout: layout, 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()));

package/dist/components/action-group.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.
- * v1.8.0
+ * v1.9.0
  */
 const SLOTS = {
   menuActions: "menu-actions",
@@ -31,7 +31,7 @@ const CSS = {
   container: "container",
 };
 
-const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-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}.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;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
+const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-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-ui-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 ActionGroup = /*@__PURE__*/ proxyCustomElement(class ActionGroup extends HTMLElement {
   constructor() {

package/dist/components/action-menu.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.
- * v1.8.0
+ * v1.9.0
  */
 const CSS = {
   menu: "menu",
@@ -30,8 +30,9 @@ const SLOTS = {
 const ICONS = {
   menu: "ellipsis",
 };
+const activeAttr = "data-active";
 
-const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:0px}.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{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
+const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[data-active]){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:0px}.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{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
 
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTMLElement {
@@ -136,7 +137,8 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
       if (!action.id) {
         action.id = id;
       }
-      action.active = index === activeMenuItemIndex;
+      // data attribute is used to style the "activeMenuItemIndex" action using token focus styling.
+      action.toggleAttribute(activeAttr, index === activeMenuItemIndex);
     };
     this.updateActions = (actions) => {
       actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);
@@ -212,6 +214,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
       this.el.addEventListener("calcitePopoverOpen", this.toggleOpenEnd);
       this.open = value;
     };
+    this.appearance = "solid";
     this.expanded = false;
     this.flipPlacements = undefined;
     this.label = undefined;
@@ -272,8 +275,8 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
     return focusElement(this.menuButtonEl);
   }
   renderMenuButton() {
-    const { label, scale, expanded } = this;
-    const menuButtonSlot = (h("slot", { name: SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, h("calcite-action", { class: CSS.defaultTrigger, icon: ICONS.menu, scale: scale, text: label, textEnabled: expanded,
+    const { appearance, label, scale, expanded } = this;
+    const menuButtonSlot = (h("slot", { name: SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, h("calcite-action", { appearance: appearance, class: CSS.defaultTrigger, icon: ICONS.menu, scale: scale, text: label, textEnabled: expanded,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setDefaultMenuButtonEl })));
     return menuButtonSlot;
@@ -298,6 +301,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class ActionMenu extends HTM
   }; }
   static get style() { return actionMenuCss; }
 }, [1, "calcite-action-menu", {
+    "appearance": [513],
     "expanded": [516],
     "flipPlacements": [16],
     "label": [1],

package/dist/components/action.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './loader.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.
- * v1.8.0
+ * v1.9.0
  */
 const CSS = {
   button: "button",