@arcgis/common-components 5.2.0-next.64 → 5.2.0-next.66

package/dist/index.d.ts

@@ -61,6 +61,12 @@ import type { ArcgisSlider } from "./components/arcgis-slider/customElement.js";
 import type { ArcgisSliderField } from "./components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "./components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "./components/arcgis-ticks/customElement.js";
+import type { ArcgisToolbar } from "./components/arcgis-toolbar/customElement.js";
+import type { ArcgisToolbarAction } from "./components/arcgis-toolbar-action/customElement.js";
+import type { ArcgisToolbarGroup } from "./components/arcgis-toolbar-group/customElement.js";
+import type { ArcgisToolbarItem } from "./components/arcgis-toolbar-item/customElement.js";
+import type { ArcgisToolbarMoreButton } from "./components/arcgis-toolbar-more-button/customElement.js";
+import type { ArcgisToolbarSplitButton } from "./components/arcgis-toolbar-split-button/customElement.js";
 import type { ArcgisUniqueValuesList } from "./components/arcgis-unique-values-list/customElement.js";
 import type { ArcgisValuePicker } from "./components/arcgis-value-picker/customElement.js";
 import type { ArcgisValuePickerCollection } from "./components/arcgis-value-picker-collection/customElement.js";
@@ -135,6 +141,16 @@ export interface ArcgisTicksCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisTicks;
   currentTarget: ArcgisTicks;
 }
+export interface ArcgisToolbarActionCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisToolbarAction;
+  currentTarget: ArcgisToolbarAction;
+}
+export interface ArcgisToolbarItemCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisToolbarItem;
+  currentTarget: ArcgisToolbarItem;
+}
 export interface ArcgisUniqueValuesListCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: ArcgisUniqueValuesList;
@@ -186,6 +202,12 @@ declare global {
     "arcgis-slider-field": ArcgisSliderField;
     "arcgis-slider-input": ArcgisSliderInput;
     "arcgis-ticks": ArcgisTicks;
+    "arcgis-toolbar": ArcgisToolbar;
+    "arcgis-toolbar-action": ArcgisToolbarAction;
+    "arcgis-toolbar-group": ArcgisToolbarGroup;
+    "arcgis-toolbar-item": ArcgisToolbarItem;
+    "arcgis-toolbar-more-button": ArcgisToolbarMoreButton;
+    "arcgis-toolbar-split-button": ArcgisToolbarSplitButton;
     "arcgis-unique-values-list": ArcgisUniqueValuesList;
     "arcgis-value-picker": ArcgisValuePicker;
     "arcgis-value-picker-collection": ArcgisValuePickerCollection;
@@ -242,6 +264,20 @@ declare global {
   type HTMLArcgisTicksElementEventMap = ArcgisTicks["@eventTypes"];
   type HTMLArcgisTicksElement = ArcgisTicks;
 
+  type HTMLArcgisToolbarElement = ArcgisToolbar;
+
+  type HTMLArcgisToolbarActionElementEventMap = ArcgisToolbarAction["@eventTypes"];
+  type HTMLArcgisToolbarActionElement = ArcgisToolbarAction;
+
+  type HTMLArcgisToolbarGroupElement = ArcgisToolbarGroup;
+
+  type HTMLArcgisToolbarItemElementEventMap = ArcgisToolbarItem["@eventTypes"];
+  type HTMLArcgisToolbarItemElement = ArcgisToolbarItem;
+
+  type HTMLArcgisToolbarMoreButtonElement = ArcgisToolbarMoreButton;
+
+  type HTMLArcgisToolbarSplitButtonElement = ArcgisToolbarSplitButton;
+
   type HTMLArcgisUniqueValuesListElementEventMap = ArcgisUniqueValuesList["@eventTypes"];
   type HTMLArcgisUniqueValuesListElement = ArcgisUniqueValuesList;
 

package/dist/loader.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as a } from "@arcgis/lumina";
-const l = a(e, {
+const s = a(e, {
   "arcgis-ckeditor5": [() => import("./components/arcgis-ckeditor5/customElement.js"), "canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],
   "arcgis-ckeditor5-popover": [() => import("./components/arcgis-ckeditor5-popover/customElement.js"), "guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],
   "arcgis-color-input": [() => import("./components/arcgis-color-input/customElement.js"), "_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],
@@ -19,6 +19,12 @@ const l = a(e, {
   "arcgis-slider-field": [() => import("./components/arcgis-slider-field/customElement.js"), "activeValue:,disabled,fieldType,fillPlacement,label,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesAsDateOnly:,valuesAsFieldType:,valuesAsNumbers:,valuesAsTimeOnly:,valuesAsTimestampOffset:"],
   "arcgis-slider-input": [() => import("./components/arcgis-slider-input/customElement.js"), "disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],
   "arcgis-ticks": [() => import("./components/arcgis-ticks/customElement.js"), "interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],
+  "arcgis-toolbar": [() => import("./components/arcgis-toolbar/customElement.js"), "barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance"],
+  "arcgis-toolbar-action": [() => import("./components/arcgis-toolbar-action/customElement.js"), "actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],
+  "arcgis-toolbar-group": [() => import("./components/arcgis-toolbar-group/customElement.js"), "preferEndSlot,priority;;measure,proxiedRender"],
+  "arcgis-toolbar-item": [() => import("./components/arcgis-toolbar-item/customElement.js"), "actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],
+  "arcgis-toolbar-more-button": [() => import("./components/arcgis-toolbar-more-button/customElement.js"), "menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],
+  "arcgis-toolbar-split-button": [() => import("./components/arcgis-toolbar-split-button/customElement.js"), "menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],
   "arcgis-unique-values-list": [() => import("./components/arcgis-unique-values-list/customElement.js"), "_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],
   "arcgis-value-picker": [() => import("./components/arcgis-value-picker/customElement.js"), "autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],
   "arcgis-value-picker-collection": [() => import("./components/arcgis-value-picker-collection/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],
@@ -27,5 +33,5 @@ const l = a(e, {
   "arcgis-value-picker-slider": [() => import("./components/arcgis-value-picker-slider/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue,disabled,labelFormatter:,labels:,layout,majorTicks:,max,min,minorTicks:,mirrored,steps:;destroy;reset,step"]
 });
 export {
-  l as defineCustomElements
+  s as defineCustomElements
 };

package/dist/types/lumina.d.ts

@@ -16,6 +16,12 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
+import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
+import type { ArcgisToolbarAction } from "../components/arcgis-toolbar-action/customElement.js";
+import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/customElement.js";
+import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
+import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
+import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
 import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
@@ -117,6 +123,27 @@ interface LuminaArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "i
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
+interface LuminaArcgisToolbar extends Partial<Pick<ArcgisToolbar, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, h.JSX.HTMLAttributes<ArcgisToolbar> {
+}
+
+interface LuminaArcgisToolbarAction extends Partial<Pick<ArcgisToolbarAction, "active" | "appearance" | "disabled" | "icon" | "iconFlipRtl" | "indicator" | "kind" | "labelText" | "loading" | "textEnabled" | "tooltipText">>, h.JSX.HTMLAttributes<ArcgisToolbarAction> {
+  onarcgisRenderedActionChanged?: EventHandler<ArcgisToolbarAction["arcgisRenderedActionChanged"]>;
+  onarcgisToolbarItemSelected?: EventHandler<ArcgisToolbarAction["arcgisToolbarItemSelected"]>;
+}
+
+interface LuminaArcgisToolbarGroup extends Partial<Pick<ArcgisToolbarGroup, "preferEndSlot" | "priority">>, h.JSX.HTMLAttributes<ArcgisToolbarGroup> {
+}
+
+interface LuminaArcgisToolbarItem extends Partial<Pick<ArcgisToolbarItem, "active" | "disabled" | "icon" | "iconFlipRtl" | "labelText" | "lastActivated" | "loading" | "tooltipText">>, h.JSX.HTMLAttributes<ArcgisToolbarItem> {
+  onarcgisItemSelected?: EventHandler<ArcgisToolbarItem["arcgisItemSelected"]>;
+}
+
+interface LuminaArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreButton, "menuAppearance" | "overflowActionLabel" | "priority">>, h.JSX.HTMLAttributes<ArcgisToolbarMoreButton> {
+}
+
+interface LuminaArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, h.JSX.HTMLAttributes<ArcgisToolbarSplitButton> {
+}
+
 interface LuminaArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, h.JSX.HTMLAttributes<ArcgisUniqueValuesList> {
   onarcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onarcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -169,6 +196,12 @@ declare module "@arcgis/lumina" {
       "arcgis-slider-field": LuminaArcgisSliderField;
       "arcgis-slider-input": LuminaArcgisSliderInput;
       "arcgis-ticks": LuminaArcgisTicks;
+      "arcgis-toolbar": LuminaArcgisToolbar;
+      "arcgis-toolbar-action": LuminaArcgisToolbarAction;
+      "arcgis-toolbar-group": LuminaArcgisToolbarGroup;
+      "arcgis-toolbar-item": LuminaArcgisToolbarItem;
+      "arcgis-toolbar-more-button": LuminaArcgisToolbarMoreButton;
+      "arcgis-toolbar-split-button": LuminaArcgisToolbarSplitButton;
       "arcgis-unique-values-list": LuminaArcgisUniqueValuesList;
       "arcgis-value-picker": LuminaArcgisValuePicker;
       "arcgis-value-picker-collection": LuminaArcgisValuePickerCollection;

package/dist/types/preact.d.ts

@@ -16,6 +16,12 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
+import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
+import type { ArcgisToolbarAction } from "../components/arcgis-toolbar-action/customElement.js";
+import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/customElement.js";
+import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
+import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
+import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
 import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
@@ -118,6 +124,27 @@ interface PreactArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "i
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
+interface PreactArcgisToolbar extends Partial<Pick<ArcgisToolbar, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, HTMLAttributes<ArcgisToolbar> {
+}
+
+interface PreactArcgisToolbarAction extends Partial<Pick<ArcgisToolbarAction, "active" | "appearance" | "disabled" | "icon" | "iconFlipRtl" | "indicator" | "kind" | "labelText" | "loading" | "textEnabled" | "tooltipText">>, HTMLAttributes<ArcgisToolbarAction> {
+  onarcgisRenderedActionChanged?: EventHandler<ArcgisToolbarAction["arcgisRenderedActionChanged"]>;
+  onarcgisToolbarItemSelected?: EventHandler<ArcgisToolbarAction["arcgisToolbarItemSelected"]>;
+}
+
+interface PreactArcgisToolbarGroup extends Partial<Pick<ArcgisToolbarGroup, "preferEndSlot" | "priority">>, HTMLAttributes<ArcgisToolbarGroup> {
+}
+
+interface PreactArcgisToolbarItem extends Partial<Pick<ArcgisToolbarItem, "active" | "disabled" | "icon" | "iconFlipRtl" | "labelText" | "lastActivated" | "loading" | "tooltipText">>, HTMLAttributes<ArcgisToolbarItem> {
+  onarcgisItemSelected?: EventHandler<ArcgisToolbarItem["arcgisItemSelected"]>;
+}
+
+interface PreactArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreButton, "menuAppearance" | "overflowActionLabel" | "priority">>, HTMLAttributes<ArcgisToolbarMoreButton> {
+}
+
+interface PreactArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, HTMLAttributes<ArcgisToolbarSplitButton> {
+}
+
 interface PreactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, HTMLAttributes<ArcgisUniqueValuesList> {
   onarcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onarcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -170,6 +197,12 @@ declare module 'preact' {
       "arcgis-slider-field": PreactArcgisSliderField;
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
+      "arcgis-toolbar": PreactArcgisToolbar;
+      "arcgis-toolbar-action": PreactArcgisToolbarAction;
+      "arcgis-toolbar-group": PreactArcgisToolbarGroup;
+      "arcgis-toolbar-item": PreactArcgisToolbarItem;
+      "arcgis-toolbar-more-button": PreactArcgisToolbarMoreButton;
+      "arcgis-toolbar-split-button": PreactArcgisToolbarSplitButton;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
       "arcgis-value-picker": PreactArcgisValuePicker;
       "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;
@@ -197,6 +230,12 @@ declare module 'preact' {
       "arcgis-slider-field": PreactArcgisSliderField;
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
+      "arcgis-toolbar": PreactArcgisToolbar;
+      "arcgis-toolbar-action": PreactArcgisToolbarAction;
+      "arcgis-toolbar-group": PreactArcgisToolbarGroup;
+      "arcgis-toolbar-item": PreactArcgisToolbarItem;
+      "arcgis-toolbar-more-button": PreactArcgisToolbarMoreButton;
+      "arcgis-toolbar-split-button": PreactArcgisToolbarSplitButton;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
       "arcgis-value-picker": PreactArcgisValuePicker;
       "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;

package/dist/types/react.d.ts

@@ -16,6 +16,12 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
+import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
+import type { ArcgisToolbarAction } from "../components/arcgis-toolbar-action/customElement.js";
+import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/customElement.js";
+import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
+import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
+import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
 import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
@@ -118,6 +124,27 @@ interface ReactArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "in
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
+interface ReactArcgisToolbar extends Partial<Pick<ArcgisToolbar, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, HTMLProps<ArcgisToolbar> {
+}
+
+interface ReactArcgisToolbarAction extends Partial<Pick<ArcgisToolbarAction, "active" | "appearance" | "disabled" | "icon" | "iconFlipRtl" | "indicator" | "kind" | "labelText" | "loading" | "textEnabled" | "tooltipText">>, HTMLProps<ArcgisToolbarAction> {
+  onarcgisRenderedActionChanged?: EventHandler<ArcgisToolbarAction["arcgisRenderedActionChanged"]>;
+  onarcgisToolbarItemSelected?: EventHandler<ArcgisToolbarAction["arcgisToolbarItemSelected"]>;
+}
+
+interface ReactArcgisToolbarGroup extends Partial<Pick<ArcgisToolbarGroup, "preferEndSlot" | "priority">>, HTMLProps<ArcgisToolbarGroup> {
+}
+
+interface ReactArcgisToolbarItem extends Partial<Pick<ArcgisToolbarItem, "active" | "disabled" | "icon" | "iconFlipRtl" | "labelText" | "lastActivated" | "loading" | "tooltipText">>, HTMLProps<ArcgisToolbarItem> {
+  onarcgisItemSelected?: EventHandler<ArcgisToolbarItem["arcgisItemSelected"]>;
+}
+
+interface ReactArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreButton, "menuAppearance" | "overflowActionLabel" | "priority">>, HTMLProps<ArcgisToolbarMoreButton> {
+}
+
+interface ReactArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, HTMLProps<ArcgisToolbarSplitButton> {
+}
+
 interface ReactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, HTMLProps<ArcgisUniqueValuesList> {
   onarcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onarcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -170,6 +197,12 @@ declare module "react" {
       "arcgis-slider-field": ReactArcgisSliderField;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
+      "arcgis-toolbar": ReactArcgisToolbar;
+      "arcgis-toolbar-action": ReactArcgisToolbarAction;
+      "arcgis-toolbar-group": ReactArcgisToolbarGroup;
+      "arcgis-toolbar-item": ReactArcgisToolbarItem;
+      "arcgis-toolbar-more-button": ReactArcgisToolbarMoreButton;
+      "arcgis-toolbar-split-button": ReactArcgisToolbarSplitButton;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
       "arcgis-value-picker": ReactArcgisValuePicker;
       "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
@@ -199,6 +232,12 @@ declare module "react/jsx-runtime" {
       "arcgis-slider-field": ReactArcgisSliderField;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
+      "arcgis-toolbar": ReactArcgisToolbar;
+      "arcgis-toolbar-action": ReactArcgisToolbarAction;
+      "arcgis-toolbar-group": ReactArcgisToolbarGroup;
+      "arcgis-toolbar-item": ReactArcgisToolbarItem;
+      "arcgis-toolbar-more-button": ReactArcgisToolbarMoreButton;
+      "arcgis-toolbar-split-button": ReactArcgisToolbarSplitButton;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
       "arcgis-value-picker": ReactArcgisValuePicker;
       "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
@@ -228,6 +267,12 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-slider-field": ReactArcgisSliderField;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
+      "arcgis-toolbar": ReactArcgisToolbar;
+      "arcgis-toolbar-action": ReactArcgisToolbarAction;
+      "arcgis-toolbar-group": ReactArcgisToolbarGroup;
+      "arcgis-toolbar-item": ReactArcgisToolbarItem;
+      "arcgis-toolbar-more-button": ReactArcgisToolbarMoreButton;
+      "arcgis-toolbar-split-button": ReactArcgisToolbarSplitButton;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
       "arcgis-value-picker": ReactArcgisValuePicker;
       "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;

package/dist/types/stencil.d.ts

@@ -16,6 +16,12 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
+import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
+import type { ArcgisToolbarAction } from "../components/arcgis-toolbar-action/customElement.js";
+import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/customElement.js";
+import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
+import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
+import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
 import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
@@ -118,6 +124,27 @@ interface StencilArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "
   onArcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
+interface StencilArcgisToolbar extends Partial<Pick<ArcgisToolbar, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, StencilJsx.HTMLAttributes<ArcgisToolbar> {
+}
+
+interface StencilArcgisToolbarAction extends Partial<Pick<ArcgisToolbarAction, "active" | "appearance" | "disabled" | "icon" | "iconFlipRtl" | "indicator" | "kind" | "labelText" | "loading" | "textEnabled" | "tooltipText">>, StencilJsx.HTMLAttributes<ArcgisToolbarAction> {
+  onArcgisRenderedActionChanged?: EventHandler<ArcgisToolbarAction["arcgisRenderedActionChanged"]>;
+  onArcgisToolbarItemSelected?: EventHandler<ArcgisToolbarAction["arcgisToolbarItemSelected"]>;
+}
+
+interface StencilArcgisToolbarGroup extends Partial<Pick<ArcgisToolbarGroup, "preferEndSlot" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarGroup> {
+}
+
+interface StencilArcgisToolbarItem extends Partial<Pick<ArcgisToolbarItem, "active" | "disabled" | "icon" | "iconFlipRtl" | "labelText" | "lastActivated" | "loading" | "tooltipText">>, StencilJsx.HTMLAttributes<ArcgisToolbarItem> {
+  onArcgisItemSelected?: EventHandler<ArcgisToolbarItem["arcgisItemSelected"]>;
+}
+
+interface StencilArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreButton, "menuAppearance" | "overflowActionLabel" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarMoreButton> {
+}
+
+interface StencilArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarSplitButton> {
+}
+
 interface StencilArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, StencilJsx.HTMLAttributes<ArcgisUniqueValuesList> {
   onArcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onArcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -168,6 +195,12 @@ interface ExposedElements {
   "arcgis-slider-field": StencilArcgisSliderField;
   "arcgis-slider-input": StencilArcgisSliderInput;
   "arcgis-ticks": StencilArcgisTicks;
+  "arcgis-toolbar": StencilArcgisToolbar;
+  "arcgis-toolbar-action": StencilArcgisToolbarAction;
+  "arcgis-toolbar-group": StencilArcgisToolbarGroup;
+  "arcgis-toolbar-item": StencilArcgisToolbarItem;
+  "arcgis-toolbar-more-button": StencilArcgisToolbarMoreButton;
+  "arcgis-toolbar-split-button": StencilArcgisToolbarSplitButton;
   "arcgis-unique-values-list": StencilArcgisUniqueValuesList;
   "arcgis-value-picker": StencilArcgisValuePicker;
   "arcgis-value-picker-collection": StencilArcgisValuePickerCollection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.2.0-next.64",
+  "version": "5.2.0-next.66",
   "description": "ArcGIS Maps SDK for JavaScript common components",
   "keywords": [
     "2D",
@@ -49,12 +49,12 @@
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
     "tslib": "^2.8.1",
-    "@arcgis/lumina": "5.2.0-next.64",
-    "@arcgis/toolkit": "5.2.0-next.64"
+    "@arcgis/lumina": "5.2.0-next.66",
+    "@arcgis/toolkit": "5.2.0-next.66"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.2.0-next",
-    "@esri/calcite-components": "^5.1.1"
+    "@esri/calcite-components": "^5.2.0-next.43"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/4S3TDYPJ.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as m}from"./BMAH7QBK.js";import{c as d}from"./DWUHV2MR.js";import{b as r}from"./TWW63D32.js";import{D as o,E as h,G as a,J as c,h as n,j as s,s as i}from"./PECTYCLV.js";var u=n`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-inline-size:300px;min-block-size:48px}:host([layout="vertical"]) slot{min-inline-size:300px;min-block-size:144px}slot{display:flex}slot.empty{display:none}.container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.root{display:flex;flex-direction:row;align-items:stretch}calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}calcite-action-bar{--calcite-action-bar-items-space: var(--calcite-space-none);--calcite-spacing-sm: var(--calcite-space-none);background-color:var(--calcite-color-foreground-1)}.separator{border-inline-end:solid 1px var(--calcite-color-border-3);width:1px}`,l=class extends o{constructor(){super(),this.messages=m({blocking:!0}),this._isPlaying=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.hideNextButton=!1,this.hidePlayButton=!1,this.hidePreviousButton=!1,this.icon="list-rectangle",this.label="",this.layout="horizontal",this.loop=!1,this.playRate=1e3,this.arcgisPropertyChange=d()("layout","loop","playRate","state"),this.arcgisAnimate=i(),this.arcgisNext=i(),this.arcgisPrevious=i(),this.arcgisPlay=i(),this.arcgisPause=i(),this.arcgisSlottedElementChange=i(),this.listen("arcgisPropertyChange",()=>this.requestUpdate())}static{this.properties={_isPlaying:16,_slottedElement:16,autoDestroyDisabled:5,disabled:5,hideNextButton:5,hidePlayButton:5,hidePreviousButton:5,icon:1,label:1,layout:3,loop:5,playRate:9,state:32}}static{this.styles=u}get state(){return this._isPlaying?"playing":"ready"}async destroy(){await this.manager.destroy()}next(){this.arcgisNext.emit(),this._slottedElement?.canNext&&this._slottedElement.step("next")}pause(){this._isPlaying=!1,this.arcgisPause.emit()}play(){this._isPlaying||(this._isPlaying=!0,this.arcgisPlay.emit(),this._startPlayRate(!0))}previous(){this.arcgisPrevious.emit(),this._slottedElement?.canPrevious&&this._slottedElement.step("previous")}disconnectedCallback(){super.disconnectedCallback(),this._isPlaying&&this.pause()}willUpdate(t){t.has("layout")&&this._isElementWithLayout(this._slottedElement)&&(this._slottedElement.layout=this.layout),t.has("disabled")&&this._isElementWithDisabled(this._slottedElement)&&(this._slottedElement.disabled=this.disabled)}_handleSlotChange(t){let[e]=r(t);this._slottedElement=e,this.arcgisSlottedElementChange.emit({slottedElement:e}),!e&&this._isPlaying&&this.pause(),this._isElementWithLayout(e)&&(e.layout=this.layout),this._isElementWithDisabled(e)&&(e.disabled=this.disabled),this._isElementWithComponentOnReady(e)&&e.componentOnReady().then(()=>{this._slottedElement===e&&this.requestUpdate()})}_isElementWithComponentOnReady(t){return!!t&&"componentOnReady"in t}_isElementWithLayout(t){return!!t&&"layout"in t}_isElementWithDisabled(t){return!!t&&"disabled"in t}_startPlayRate(t){setTimeout(()=>{if(this._isPlaying){if(!this._slottedElement?.canNext&&this.loop)this._slottedElement?.reset();else if(this._slottedElement?.step("next"),this._slottedElement&&!this._slottedElement?.canNext&&!this.loop){this.pause();return}this.arcgisAnimate.emit({first:t}),this._startPlayRate(!1)}},this.playRate)}render(){let t=!!this._slottedElement&&!this._slottedElement.hidden,e=this.state==="playing";return s`<div class="container"><div class="root"><calcite-action-bar expand-disabled .layout=${this.layout}>${!this.hidePlayButton&&s`<calcite-action alignment=center .disabled=${this.disabled||this._slottedElement&&!this._slottedElement.canPlay} .icon=${e?"pause":"play"} .text=${e?this.messages.pause:this.messages.play} title=${(e?this.messages.pause:this.messages.play)??a} @click=${()=>{if(this._slottedElement&&!this._slottedElement.canNext&&!this.loop){this._slottedElement.reset(),this.play();return}e?this.pause():this.play()}}></calcite-action>`||""}${!this.hidePreviousButton&&s`<calcite-action alignment=center .disabled=${this.disabled||e||this._slottedElement&&!this._slottedElement.canPrevious} .icon=${this.layout==="horizontal"?"chevron-left":"chevron-up"} .text=${this.messages.previous} title=${this.messages.previous??a} @click=${this.previous}></calcite-action>`||""}${!this.hideNextButton&&s`<calcite-action alignment=center .disabled=${this.disabled||e||this._slottedElement&&!this._slottedElement.canNext} .icon=${this.layout==="horizontal"?"chevron-right":"chevron-down"} .text=${this.messages.next} title=${this.messages.next??a} @click=${this.next}></calcite-action>`||""}</calcite-action-bar>${t&&s`<div class="separator"></div>`||""}<slot @slotchange=${({currentTarget:p})=>{this._handleSlotChange(p)}} class=${h(t?"component-slot":"empty")}></slot></div></div>`}};c("arcgis-value-picker",l);export{l as ArcgisValuePicker};

package/dist/cdn/DWUHV2MR.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{d as A,g as N}from"./TWW63D32.js";import{a as x,b as C,c as L,d as f,e as m,f as P,g as O,n as g,q as v,r as w,t as $}from"./PECTYCLV.js";var _=t=>(...s)=>{let o=m(),e=new t(...s),r=e.exports;f(o.at(-1));let n=e.component.manager;n.W(e,r),e.watchExports(n.W.bind(n,e)),P(e);let a=[e.component,...o].reverse();return v(a,i=>i===void 0?void 0:M(e,i,r),r)},M=(t,{host:s,key:o,isReactive:e},r)=>{let n=s,a=n[o]!==t.exports,i=n[o]!==r,c=r!==t.exports;if(a&&!i&&c&&(n[o]=t.exports),s===t.component){if(e){let l=t.component.manager;i&&l.W(t,n[o]),t.onUpdate(u=>{if(u.has(o)){let y=n[o];y!==t.exports&&l.W(t,y)}})}t.O=e?void 0:o}let d=t.component.constructor.elementProperties.get(o)?.readOnly;t.watchExports(()=>{n[o]!==t.exports&&(d?O(()=>{n[o]=t.exports}):n[o]=t.exports)})};var b=t=>{let s=N(t,"lang",globalThis.navigator?.language||h);return{lang:s,t9nLocale:k(s)}},D=(t,s,o,e)=>{let r,n=()=>S(t,s(),e).then(a=>{(r?.lang!==a.lang||r.t9nLocale!==a.t9nLocale||r.t9nStrings!==a.t9nStrings)&&o(a),r=a}).catch(a=>{g("error","intl","Error updating component locale state",{detail:{error:a}})});return queueMicrotask(n),A(t,["lang"],n)},S=async(t,s,o=t.localName.split("-").slice(1).join("-"))=>{let{lang:e,t9nLocale:r}=b(t),n=`${s}/${o}/t9n`,i=o===null?{}:await W(r,n,"messages.");return{lang:e,t9nLocale:r,t9nStrings:i}};var T="ar,bg,bs,ca,cs,da,de,el,en,es,et,fi,fr,he,hr,hu,id,it,ja,ko,lt,lv,nl,nb,no,pl,pt-BR,pt-PT,ro,ru,sk,sl,sr,sv,th,tr,uk,vi,zh-CN,zh-HK,zh-TW".split(","),U=new Set(T),h="en",F={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},W=async(t,s,o="")=>{let e=`${s}/${o}`,r=`${e}${t}.json`;return j[r]??=V(t,e),await j[r]},j={},V=async(t,s)=>{let o=`${s}${t}.json`;try{let e=await fetch(o);if(e.ok)return await e.json()}catch(e){return g("error","intl",`An unknown error occurred while fetching localization strings at ${o}`,{detail:{error:e}}),{}}return t===h?{}:await V(h,s)},k=t=>{let[s,o]=t.split("-"),e=s.toLowerCase(),r=e;return o&&(r=`${e}-${o.toUpperCase()}`),r=F[r]??r,U.has(r)?r:o?k(e):h};var K=t=>q(void 0,t);var E=class extends ${constructor(s,o){super(s);let e=this.exports;try{C(this.component);let r=o(this.component,this),n=this.exports!==e;if(x(r)){n||this.setProvisionalExports(r);let a=r.then(i=>{this.exports=i,super.catchUpLifecycle()}).catch(i=>{this.P.reject(i)});this.onLoad(async()=>await a)}else(!n||r!==void 0)&&(this.exports=r),queueMicrotask(()=>super.catchUpLifecycle())}catch(r){this.P.reject(r)}}catchUpLifecycle(){}},q=_(E);var nt=t=>(s={})=>K((o,e)=>{let r=b(o.el),n={_lang:r.lang,_t9nLocale:r.t9nLocale,_loading:!0},a=o;e.onLifecycle(()=>D(o.el,()=>t("./assets"),({t9nLocale:c,t9nStrings:p,lang:d})=>{let l={...p,_lang:d,_t9nLocale:c,_loading:!1};e.exports=l;let u=p.componentLabel;typeof u=="string"&&"label"in o&&o.label==null&&(o.label??=u),i(a.messageOverrides)},s.name));let i=c=>{let p=e.exports,d=p._original??p,l=z(d,c);c&&(l._original=d),e.exports=l};return"messageOverrides"in a&&e.onUpdate(c=>{c.has("messageOverrides")&&i(a.messageOverrides)}),s.blocking?(e.setProvisionalExports(n,!1),e.ready):n}),z=(t,s)=>{if(!s)return t;let o={...t};return Object.entries(s).forEach(([e,r])=>{t[e]!==void 0&&(typeof r=="object"?o[e]=z(t[e],r):o[e]=r??t[e])}),o},at=t=>I,R="arcgisPropertyChange",I=(...t)=>{let s=L(),o=w(R,void 0,s),e=!0;return s.manager.onUpdated(r=>{if(e||!s.el.isConnected){e=!1;return}for(let n of t)r.has(n)&&o.emit({name:n})}),o};export{_ as a,nt as b,at as c};