@esri/calcite-components 6.0.0-next.10 → 6.0.0-next.12

package/dist/index.d.ts

@@ -46,7 +46,6 @@ import type { Action } from "./components/calcite-action/customElement.js";
 import type { ActionBar } from "./components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "./components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "./components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "./components/calcite-action-pad/customElement.js";
 import type { Alert } from "./components/calcite-alert/customElement.js";
 import type { Autocomplete } from "./components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "./components/calcite-autocomplete-item/customElement.js";
@@ -65,7 +64,6 @@ import type { Chip } from "./components/calcite-chip/customElement.js";
 import type { ChipGroup } from "./components/calcite-chip-group/customElement.js";
 import type { ColorPicker } from "./components/calcite-color-picker/customElement.js";
 import type { ColorPickerHexInput } from "./components/calcite-color-picker-hex-input/customElement.js";
-import type { ColorPickerSwatch } from "./components/calcite-color-picker-swatch/customElement.js";
 import type { Combobox } from "./components/calcite-combobox/customElement.js";
 import type { ComboboxItem } from "./components/calcite-combobox-item/customElement.js";
 import type { ComboboxItemGroup } from "./components/calcite-combobox-item-group/customElement.js";
@@ -80,7 +78,6 @@ import type { Fab } from "./components/calcite-fab/customElement.js";
 import type { Filter } from "./components/calcite-filter/customElement.js";
 import type { Flow } from "./components/calcite-flow/customElement.js";
 import type { FlowItem } from "./components/calcite-flow-item/customElement.js";
-import type { FocusTrap } from "./components/calcite-focus-trap/customElement.js";
 import type { Graph } from "./components/calcite-graph/customElement.js";
 import type { Icon } from "./components/calcite-icon/customElement.js";
 import type { InlineEditable } from "./components/calcite-inline-editable/customElement.js";
@@ -168,11 +165,6 @@ export interface CalciteActionMenuCustomEvent<T> extends CustomEvent<T> {
   target: ActionMenu;
   currentTarget: ActionMenu;
 }
-export interface CalciteActionPadCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: ActionPad;
-  currentTarget: ActionPad;
-}
 export interface CalciteAlertCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: Alert;
@@ -283,11 +275,6 @@ export interface CalciteFlowItemCustomEvent<T> extends CustomEvent<T> {
   target: FlowItem;
   currentTarget: FlowItem;
 }
-export interface CalciteFocusTrapCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: FocusTrap;
-  currentTarget: FocusTrap;
-}
 export interface CalciteInlineEditableCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: InlineEditable;
@@ -503,7 +490,6 @@ declare global {
     "calcite-action-bar": ActionBar;
     "calcite-action-group": ActionGroup;
     "calcite-action-menu": ActionMenu;
-    "calcite-action-pad": ActionPad;
     "calcite-alert": Alert;
     "calcite-autocomplete": Autocomplete;
     "calcite-autocomplete-item": AutocompleteItem;
@@ -522,7 +508,6 @@ declare global {
     "calcite-chip-group": ChipGroup;
     "calcite-color-picker": ColorPicker;
     "calcite-color-picker-hex-input": ColorPickerHexInput;
-    "calcite-color-picker-swatch": ColorPickerSwatch;
     "calcite-combobox": Combobox;
     "calcite-combobox-item": ComboboxItem;
     "calcite-combobox-item-group": ComboboxItemGroup;
@@ -537,7 +522,6 @@ declare global {
     "calcite-filter": Filter;
     "calcite-flow": Flow;
     "calcite-flow-item": FlowItem;
-    "calcite-focus-trap": FocusTrap;
     "calcite-graph": Graph;
     "calcite-icon": Icon;
     "calcite-inline-editable": InlineEditable;
@@ -621,9 +605,6 @@ declare global {
   type HTMLCalciteActionMenuElementEventMap = ActionMenu["@eventTypes"];
   type HTMLCalciteActionMenuElement = ActionMenu;
 
-  type HTMLCalciteActionPadElementEventMap = ActionPad["@eventTypes"];
-  type HTMLCalciteActionPadElement = ActionPad;
-
   type HTMLCalciteAlertElementEventMap = Alert["@eventTypes"];
   type HTMLCalciteAlertElement = Alert;
 
@@ -674,8 +655,6 @@ declare global {
   type HTMLCalciteColorPickerHexInputElementEventMap = ColorPickerHexInput["@eventTypes"];
   type HTMLCalciteColorPickerHexInputElement = ColorPickerHexInput;
 
-  type HTMLCalciteColorPickerSwatchElement = ColorPickerSwatch;
-
   type HTMLCalciteComboboxElementEventMap = Combobox["@eventTypes"];
   type HTMLCalciteComboboxElement = Combobox;
 
@@ -712,9 +691,6 @@ declare global {
   type HTMLCalciteFlowItemElementEventMap = FlowItem["@eventTypes"];
   type HTMLCalciteFlowItemElement = FlowItem;
 
-  type HTMLCalciteFocusTrapElementEventMap = FocusTrap["@eventTypes"];
-  type HTMLCalciteFocusTrapElement = FocusTrap;
-
   type HTMLCalciteGraphElement = Graph;
 
   type HTMLCalciteIconElement = Icon;

package/dist/loader.js

@@ -8,7 +8,6 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-action-bar": [() => import("./components/calcite-action-bar/customElement.js"), "actionsEndGroupLabel,actionsStartGroupLabel,expandDisabled,expanded,expandPosition,expandToggleDisabled,floating,layout,messageOverrides:,overflowActionsDisabled,overflowMode,overlayPositioning,position,scale,selectionAppearance;overflowActions,setFocus"],
   "calcite-action-group": [() => import("./components/calcite-action-group/customElement.js"), "actions:,columns,expanded,label,layout,menuFlipPlacements:,menuOpen,menuPlacement,messageOverrides:,overflowActionsDisabled,overlayPositioning,scale,selectedActions:,selectionMode,topLayerDisabled;setFocus"],
   "calcite-action-menu": [() => import("./components/calcite-action-menu/customElement.js"), "actions:,appearance,expanded,flipPlacements:,label,open,overlayPositioning,placement,scale,topLayerDisabled;setFocus"],
-  "calcite-action-pad": [() => import("./components/calcite-action-pad/customElement.js"), "actionsEndGroupLabel,expandDisabled,expanded,layout,messageOverrides:,overlayPositioning,position,scale,selectionAppearance;setFocus"],
   "calcite-alert": [() => import("./components/calcite-alert/customElement.js"), "active,autoClose,autoCloseDuration,embedded,icon,iconFlipRtl,kind,label,messageOverrides:,numberingSystem,open,openAlertCount,placement,queue,scale,topLayerDisabled;setFocus"],
   "calcite-autocomplete": [() => import("./components/calcite-autocomplete/customElement.js"), "alignment,autocomplete,disabled,flipPlacements:,form,icon,iconFlipRtl,inputValue,label,labelText,loading,maxLength,messageOverrides:,minLength,name,open,overlayPositioning,pattern,placeholder,placement,prefixText,readOnly,required,scale,status,suffixText,topLayerDisabled,validationIcon,validationMessage,validity:,value;reposition,scrollContentTo,selectText,setFocus", 1],
   "calcite-autocomplete-item": [() => import("./components/calcite-autocomplete-item/customElement.js"), "active,description,disabled,guid,heading,iconEnd,iconFlipRtl,iconStart,inputValueMatchPattern,label,scale,selected,value;;requestSelection"],
@@ -27,7 +26,6 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-chip-group": [() => import("./components/calcite-chip-group/customElement.js"), "disabled,label,scale,selectedItems:,selectionMode;setFocus"],
   "calcite-color-picker": [() => import("./components/calcite-color-picker/customElement.js"), "alphaChannel,channelsDisabled,clearable,color:,disabled,fieldDisabled,format,hexDisabled,messageOverrides:,numberingSystem,savedDisabled,scale,storageId,value;setFocus"],
   "calcite-color-picker-hex-input": [() => import("./components/calcite-color-picker-hex-input/customElement.js"), "allowEmpty,alphaChannel,hexLabel,messages:,numberingSystem,scale,value;setFocus"],
-  "calcite-color-picker-swatch": [() => import("./components/calcite-color-picker-swatch/customElement.js"), "active,color,scale"],
   "calcite-combobox": [() => import("./components/calcite-combobox/customElement.js"), "allowCustomValues,clearDisabled,disabled,filteredItems:,filterProps:,filterText,flipPlacements:,form,label,labelText,maxItems,messageOverrides:,name,open,overlayPositioning,placeholder,placeholderIcon,placeholderIconFlipRtl,placement,readOnly,required,scale,selectAllEnabled,selectedItems:,selectionAppearance,selectionDisplay,selectionMode,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;reposition,setFocus", 1],
   "calcite-combobox-item": [() => import("./components/calcite-combobox-item/customElement.js"), "active,ancestors:,description,disabled,filterDisabled,filterTextMatchPattern,guid,heading,icon,iconFlipRtl,indeterminate,itemHidden,label,metadata:,scale,selected,selectionAppearance,selectionMode,shortHeading,value;;toggleSelection"],
   "calcite-combobox-item-group": [() => import("./components/calcite-combobox-item-group/customElement.js"), "afterEmptyGroup,ancestors:,itemHidden,label,position,scale"],
@@ -43,7 +41,6 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-filter": [() => import("./components/calcite-filter/customElement.js"), "disabled,filteredItems:,filterProps:,items:,label,messageOverrides:,placeholder,scale,value;filter,setFocus"],
   "calcite-flow": [() => import("./components/calcite-flow/customElement.js"), "customItemSelectors;back,setFocus"],
   "calcite-flow-item": [() => import("./components/calcite-flow-item/customElement.js"), "beforeBack:,beforeClose:,closable,closed,collapsed,collapseDirection,collapsible,description,disabled,focusTrapDisabled,focusTrapOptions:,heading,headingLevel,icon,iconFlipRtl,loading,menuOpen,messageOverrides:,overlayPositioning,scale,selected,showBackButton,topLayerDisabled;scrollContentTo,setFocus,updateFocusTrapElements"],
-  "calcite-focus-trap": [() => import("./components/calcite-focus-trap/customElement.js"), "active:,focusTrapDisabled,focusTrapDisabledOverride:,focusTrapOptions:;activate,deactivate,setFocus,updateFocusTrapElements"],
   "calcite-graph": [() => import("./components/calcite-graph/customElement.js"), "colorStops:,data:,highlightMax,highlightMin,max,min"],
   "calcite-icon": [() => import("./components/calcite-icon/customElement.js"), "flipRtl,icon,preload,scale,textLabel"],
   "calcite-inline-editable": [() => import("./components/calcite-inline-editable/customElement.js"), "afterConfirm:,controls,disabled,editingEnabled,loading,messageOverrides:,scale;setFocus"],

package/dist/types/lumina.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -24,7 +23,6 @@ import type { Chip } from "../components/calcite-chip/customElement.js";
 import type { ChipGroup } from "../components/calcite-chip-group/customElement.js";
 import type { ColorPicker } from "../components/calcite-color-picker/customElement.js";
 import type { ColorPickerHexInput } from "../components/calcite-color-picker-hex-input/customElement.js";
-import type { ColorPickerSwatch } from "../components/calcite-color-picker-swatch/customElement.js";
 import type { Combobox } from "../components/calcite-combobox/customElement.js";
 import type { ComboboxItem } from "../components/calcite-combobox-item/customElement.js";
 import type { ComboboxItemGroup } from "../components/calcite-combobox-item-group/customElement.js";
@@ -39,7 +37,6 @@ import type { Fab } from "../components/calcite-fab/customElement.js";
 import type { Filter } from "../components/calcite-filter/customElement.js";
 import type { Flow } from "../components/calcite-flow/customElement.js";
 import type { FlowItem } from "../components/calcite-flow-item/customElement.js";
-import type { FocusTrap } from "../components/calcite-focus-trap/customElement.js";
 import type { Graph } from "../components/calcite-graph/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
@@ -137,12 +134,6 @@ interface LuminaCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, P
   oncalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface LuminaCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, h.JSX.HTMLAttributes<ActionPad> {
-  oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface LuminaCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, h.JSX.HTMLAttributes<Alert> {
   oncalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   oncalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -235,9 +226,6 @@ interface LuminaCalciteColorPickerHexInput extends Partial<Pick<ColorPickerHexIn
   oncalciteColorPickerHexInputChange?: EventHandler<ColorPickerHexInput["calciteColorPickerHexInputChange"]>;
 }
 
-interface LuminaCalciteColorPickerSwatch extends Partial<Pick<ColorPickerSwatch, "active" | "color" | "scale">>, h.JSX.HTMLAttributes<ColorPickerSwatch> {
-}
-
 interface LuminaCalciteCombobox extends Required<Pick<Combobox, "label">>, Partial<Pick<Combobox, "allowCustomValues" | "clearDisabled" | "disabled" | "filterProps" | "filterText" | "flipPlacements" | "form" | "labelText" | "maxItems" | "messageOverrides" | "name" | "open" | "overlayPositioning" | "placeholder" | "placeholderIcon" | "placeholderIconFlipRtl" | "placement" | "readOnly" | "required" | "scale" | "selectAllEnabled" | "selectionAppearance" | "selectionDisplay" | "selectionMode" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<Combobox> {
   oncalciteComboboxBeforeClose?: EventHandler<Combobox["calciteComboboxBeforeClose"]>;
   oncalciteComboboxBeforeOpen?: EventHandler<Combobox["calciteComboboxBeforeOpen"]>;
@@ -308,10 +296,6 @@ interface LuminaCalciteFlowItem extends Partial<Pick<FlowItem, "beforeBack" | "b
   oncalciteFlowItemToggle?: EventHandler<FlowItem["calciteFlowItemToggle"]>;
 }
 
-interface LuminaCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisabled" | "focusTrapDisabledOverride" | "focusTrapOptions">>, h.JSX.HTMLAttributes<FocusTrap> {
-  oncalciteFocusTrapActiveChange?: EventHandler<FocusTrap["calciteFocusTrapActiveChange"]>;
-}
-
 interface LuminaCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, h.JSX.HTMLAttributes<Graph> {
 }
 
@@ -621,7 +605,6 @@ declare module "@arcgis/lumina" {
       "calcite-action-bar": LuminaCalciteActionBar;
       "calcite-action-group": LuminaCalciteActionGroup;
       "calcite-action-menu": LuminaCalciteActionMenu;
-      "calcite-action-pad": LuminaCalciteActionPad;
       "calcite-alert": LuminaCalciteAlert;
       "calcite-autocomplete": LuminaCalciteAutocomplete;
       "calcite-autocomplete-item": LuminaCalciteAutocompleteItem;
@@ -640,7 +623,6 @@ declare module "@arcgis/lumina" {
       "calcite-chip-group": LuminaCalciteChipGroup;
       "calcite-color-picker": LuminaCalciteColorPicker;
       "calcite-color-picker-hex-input": LuminaCalciteColorPickerHexInput;
-      "calcite-color-picker-swatch": LuminaCalciteColorPickerSwatch;
       "calcite-combobox": LuminaCalciteCombobox;
       "calcite-combobox-item": LuminaCalciteComboboxItem;
       "calcite-combobox-item-group": LuminaCalciteComboboxItemGroup;
@@ -655,7 +637,6 @@ declare module "@arcgis/lumina" {
       "calcite-filter": LuminaCalciteFilter;
       "calcite-flow": LuminaCalciteFlow;
       "calcite-flow-item": LuminaCalciteFlowItem;
-      "calcite-focus-trap": LuminaCalciteFocusTrap;
       "calcite-graph": LuminaCalciteGraph;
       "calcite-icon": LuminaCalciteIcon;
       "calcite-inline-editable": LuminaCalciteInlineEditable;

package/dist/types/preact.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -24,7 +23,6 @@ import type { Chip } from "../components/calcite-chip/customElement.js";
 import type { ChipGroup } from "../components/calcite-chip-group/customElement.js";
 import type { ColorPicker } from "../components/calcite-color-picker/customElement.js";
 import type { ColorPickerHexInput } from "../components/calcite-color-picker-hex-input/customElement.js";
-import type { ColorPickerSwatch } from "../components/calcite-color-picker-swatch/customElement.js";
 import type { Combobox } from "../components/calcite-combobox/customElement.js";
 import type { ComboboxItem } from "../components/calcite-combobox-item/customElement.js";
 import type { ComboboxItemGroup } from "../components/calcite-combobox-item-group/customElement.js";
@@ -39,7 +37,6 @@ import type { Fab } from "../components/calcite-fab/customElement.js";
 import type { Filter } from "../components/calcite-filter/customElement.js";
 import type { Flow } from "../components/calcite-flow/customElement.js";
 import type { FlowItem } from "../components/calcite-flow-item/customElement.js";
-import type { FocusTrap } from "../components/calcite-focus-trap/customElement.js";
 import type { Graph } from "../components/calcite-graph/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
@@ -138,12 +135,6 @@ interface PreactCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, P
   oncalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface PreactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLAttributes<ActionPad> {
-  oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface PreactCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, HTMLAttributes<Alert> {
   oncalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   oncalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -236,9 +227,6 @@ interface PreactCalciteColorPickerHexInput extends Partial<Pick<ColorPickerHexIn
   oncalciteColorPickerHexInputChange?: EventHandler<ColorPickerHexInput["calciteColorPickerHexInputChange"]>;
 }
 
-interface PreactCalciteColorPickerSwatch extends Partial<Pick<ColorPickerSwatch, "active" | "color" | "scale">>, HTMLAttributes<ColorPickerSwatch> {
-}
-
 interface PreactCalciteCombobox extends Required<Pick<Combobox, "label">>, Partial<Pick<Combobox, "allowCustomValues" | "clearDisabled" | "disabled" | "filterProps" | "filterText" | "flipPlacements" | "form" | "labelText" | "maxItems" | "messageOverrides" | "name" | "open" | "overlayPositioning" | "placeholder" | "placeholderIcon" | "placeholderIconFlipRtl" | "placement" | "readOnly" | "required" | "scale" | "selectAllEnabled" | "selectionAppearance" | "selectionDisplay" | "selectionMode" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<Combobox> {
   oncalciteComboboxBeforeClose?: EventHandler<Combobox["calciteComboboxBeforeClose"]>;
   oncalciteComboboxBeforeOpen?: EventHandler<Combobox["calciteComboboxBeforeOpen"]>;
@@ -309,10 +297,6 @@ interface PreactCalciteFlowItem extends Partial<Pick<FlowItem, "beforeBack" | "b
   oncalciteFlowItemToggle?: EventHandler<FlowItem["calciteFlowItemToggle"]>;
 }
 
-interface PreactCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisabled" | "focusTrapDisabledOverride" | "focusTrapOptions">>, HTMLAttributes<FocusTrap> {
-  oncalciteFocusTrapActiveChange?: EventHandler<FocusTrap["calciteFocusTrapActiveChange"]>;
-}
-
 interface PreactCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, HTMLAttributes<Graph> {
 }
 
@@ -622,7 +606,6 @@ declare module 'preact' {
       "calcite-action-bar": PreactCalciteActionBar;
       "calcite-action-group": PreactCalciteActionGroup;
       "calcite-action-menu": PreactCalciteActionMenu;
-      "calcite-action-pad": PreactCalciteActionPad;
       "calcite-alert": PreactCalciteAlert;
       "calcite-autocomplete": PreactCalciteAutocomplete;
       "calcite-autocomplete-item": PreactCalciteAutocompleteItem;
@@ -641,7 +624,6 @@ declare module 'preact' {
       "calcite-chip-group": PreactCalciteChipGroup;
       "calcite-color-picker": PreactCalciteColorPicker;
       "calcite-color-picker-hex-input": PreactCalciteColorPickerHexInput;
-      "calcite-color-picker-swatch": PreactCalciteColorPickerSwatch;
       "calcite-combobox": PreactCalciteCombobox;
       "calcite-combobox-item": PreactCalciteComboboxItem;
       "calcite-combobox-item-group": PreactCalciteComboboxItemGroup;
@@ -656,7 +638,6 @@ declare module 'preact' {
       "calcite-filter": PreactCalciteFilter;
       "calcite-flow": PreactCalciteFlow;
       "calcite-flow-item": PreactCalciteFlowItem;
-      "calcite-focus-trap": PreactCalciteFocusTrap;
       "calcite-graph": PreactCalciteGraph;
       "calcite-icon": PreactCalciteIcon;
       "calcite-inline-editable": PreactCalciteInlineEditable;
@@ -731,7 +712,6 @@ declare module 'preact' {
       "calcite-action-bar": PreactCalciteActionBar;
       "calcite-action-group": PreactCalciteActionGroup;
       "calcite-action-menu": PreactCalciteActionMenu;
-      "calcite-action-pad": PreactCalciteActionPad;
       "calcite-alert": PreactCalciteAlert;
       "calcite-autocomplete": PreactCalciteAutocomplete;
       "calcite-autocomplete-item": PreactCalciteAutocompleteItem;
@@ -750,7 +730,6 @@ declare module 'preact' {
       "calcite-chip-group": PreactCalciteChipGroup;
       "calcite-color-picker": PreactCalciteColorPicker;
       "calcite-color-picker-hex-input": PreactCalciteColorPickerHexInput;
-      "calcite-color-picker-swatch": PreactCalciteColorPickerSwatch;
       "calcite-combobox": PreactCalciteCombobox;
       "calcite-combobox-item": PreactCalciteComboboxItem;
       "calcite-combobox-item-group": PreactCalciteComboboxItemGroup;
@@ -765,7 +744,6 @@ declare module 'preact' {
       "calcite-filter": PreactCalciteFilter;
       "calcite-flow": PreactCalciteFlow;
       "calcite-flow-item": PreactCalciteFlowItem;
-      "calcite-focus-trap": PreactCalciteFocusTrap;
       "calcite-graph": PreactCalciteGraph;
       "calcite-icon": PreactCalciteIcon;
       "calcite-inline-editable": PreactCalciteInlineEditable;

package/dist/types/react.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -24,7 +23,6 @@ import type { Chip } from "../components/calcite-chip/customElement.js";
 import type { ChipGroup } from "../components/calcite-chip-group/customElement.js";
 import type { ColorPicker } from "../components/calcite-color-picker/customElement.js";
 import type { ColorPickerHexInput } from "../components/calcite-color-picker-hex-input/customElement.js";
-import type { ColorPickerSwatch } from "../components/calcite-color-picker-swatch/customElement.js";
 import type { Combobox } from "../components/calcite-combobox/customElement.js";
 import type { ComboboxItem } from "../components/calcite-combobox-item/customElement.js";
 import type { ComboboxItemGroup } from "../components/calcite-combobox-item-group/customElement.js";
@@ -39,7 +37,6 @@ import type { Fab } from "../components/calcite-fab/customElement.js";
 import type { Filter } from "../components/calcite-filter/customElement.js";
 import type { Flow } from "../components/calcite-flow/customElement.js";
 import type { FlowItem } from "../components/calcite-flow-item/customElement.js";
-import type { FocusTrap } from "../components/calcite-focus-trap/customElement.js";
 import type { Graph } from "../components/calcite-graph/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
@@ -138,12 +135,6 @@ interface ReactCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, Pa
   oncalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface ReactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLProps<ActionPad> {
-  oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface ReactCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, HTMLProps<Alert> {
   oncalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   oncalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -236,9 +227,6 @@ interface ReactCalciteColorPickerHexInput extends Partial<Pick<ColorPickerHexInp
   oncalciteColorPickerHexInputChange?: EventHandler<ColorPickerHexInput["calciteColorPickerHexInputChange"]>;
 }
 
-interface ReactCalciteColorPickerSwatch extends Partial<Pick<ColorPickerSwatch, "active" | "color" | "scale">>, HTMLProps<ColorPickerSwatch> {
-}
-
 interface ReactCalciteCombobox extends Required<Pick<Combobox, "label">>, Partial<Pick<Combobox, "allowCustomValues" | "clearDisabled" | "disabled" | "filterProps" | "filterText" | "flipPlacements" | "form" | "labelText" | "maxItems" | "messageOverrides" | "name" | "open" | "overlayPositioning" | "placeholder" | "placeholderIcon" | "placeholderIconFlipRtl" | "placement" | "readOnly" | "required" | "scale" | "selectAllEnabled" | "selectionAppearance" | "selectionDisplay" | "selectionMode" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<Combobox> {
   oncalciteComboboxBeforeClose?: EventHandler<Combobox["calciteComboboxBeforeClose"]>;
   oncalciteComboboxBeforeOpen?: EventHandler<Combobox["calciteComboboxBeforeOpen"]>;
@@ -309,10 +297,6 @@ interface ReactCalciteFlowItem extends Partial<Pick<FlowItem, "beforeBack" | "be
   oncalciteFlowItemToggle?: EventHandler<FlowItem["calciteFlowItemToggle"]>;
 }
 
-interface ReactCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisabled" | "focusTrapDisabledOverride" | "focusTrapOptions">>, HTMLProps<FocusTrap> {
-  oncalciteFocusTrapActiveChange?: EventHandler<FocusTrap["calciteFocusTrapActiveChange"]>;
-}
-
 interface ReactCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, HTMLProps<Graph> {
 }
 
@@ -622,7 +606,6 @@ declare module "react" {
       "calcite-action-bar": ReactCalciteActionBar;
       "calcite-action-group": ReactCalciteActionGroup;
       "calcite-action-menu": ReactCalciteActionMenu;
-      "calcite-action-pad": ReactCalciteActionPad;
       "calcite-alert": ReactCalciteAlert;
       "calcite-autocomplete": ReactCalciteAutocomplete;
       "calcite-autocomplete-item": ReactCalciteAutocompleteItem;
@@ -641,7 +624,6 @@ declare module "react" {
       "calcite-chip-group": ReactCalciteChipGroup;
       "calcite-color-picker": ReactCalciteColorPicker;
       "calcite-color-picker-hex-input": ReactCalciteColorPickerHexInput;
-      "calcite-color-picker-swatch": ReactCalciteColorPickerSwatch;
       "calcite-combobox": ReactCalciteCombobox;
       "calcite-combobox-item": ReactCalciteComboboxItem;
       "calcite-combobox-item-group": ReactCalciteComboboxItemGroup;
@@ -656,7 +638,6 @@ declare module "react" {
       "calcite-filter": ReactCalciteFilter;
       "calcite-flow": ReactCalciteFlow;
       "calcite-flow-item": ReactCalciteFlowItem;
-      "calcite-focus-trap": ReactCalciteFocusTrap;
       "calcite-graph": ReactCalciteGraph;
       "calcite-icon": ReactCalciteIcon;
       "calcite-inline-editable": ReactCalciteInlineEditable;
@@ -733,7 +714,6 @@ declare module "react/jsx-runtime" {
       "calcite-action-bar": ReactCalciteActionBar;
       "calcite-action-group": ReactCalciteActionGroup;
       "calcite-action-menu": ReactCalciteActionMenu;
-      "calcite-action-pad": ReactCalciteActionPad;
       "calcite-alert": ReactCalciteAlert;
       "calcite-autocomplete": ReactCalciteAutocomplete;
       "calcite-autocomplete-item": ReactCalciteAutocompleteItem;
@@ -752,7 +732,6 @@ declare module "react/jsx-runtime" {
       "calcite-chip-group": ReactCalciteChipGroup;
       "calcite-color-picker": ReactCalciteColorPicker;
       "calcite-color-picker-hex-input": ReactCalciteColorPickerHexInput;
-      "calcite-color-picker-swatch": ReactCalciteColorPickerSwatch;
       "calcite-combobox": ReactCalciteCombobox;
       "calcite-combobox-item": ReactCalciteComboboxItem;
       "calcite-combobox-item-group": ReactCalciteComboboxItemGroup;
@@ -767,7 +746,6 @@ declare module "react/jsx-runtime" {
       "calcite-filter": ReactCalciteFilter;
       "calcite-flow": ReactCalciteFlow;
       "calcite-flow-item": ReactCalciteFlowItem;
-      "calcite-focus-trap": ReactCalciteFocusTrap;
       "calcite-graph": ReactCalciteGraph;
       "calcite-icon": ReactCalciteIcon;
       "calcite-inline-editable": ReactCalciteInlineEditable;
@@ -844,7 +822,6 @@ declare module "react/jsx-dev-runtime" {
       "calcite-action-bar": ReactCalciteActionBar;
       "calcite-action-group": ReactCalciteActionGroup;
       "calcite-action-menu": ReactCalciteActionMenu;
-      "calcite-action-pad": ReactCalciteActionPad;
       "calcite-alert": ReactCalciteAlert;
       "calcite-autocomplete": ReactCalciteAutocomplete;
       "calcite-autocomplete-item": ReactCalciteAutocompleteItem;
@@ -863,7 +840,6 @@ declare module "react/jsx-dev-runtime" {
       "calcite-chip-group": ReactCalciteChipGroup;
       "calcite-color-picker": ReactCalciteColorPicker;
       "calcite-color-picker-hex-input": ReactCalciteColorPickerHexInput;
-      "calcite-color-picker-swatch": ReactCalciteColorPickerSwatch;
       "calcite-combobox": ReactCalciteCombobox;
       "calcite-combobox-item": ReactCalciteComboboxItem;
       "calcite-combobox-item-group": ReactCalciteComboboxItemGroup;
@@ -878,7 +854,6 @@ declare module "react/jsx-dev-runtime" {
       "calcite-filter": ReactCalciteFilter;
       "calcite-flow": ReactCalciteFlow;
       "calcite-flow-item": ReactCalciteFlowItem;
-      "calcite-focus-trap": ReactCalciteFocusTrap;
       "calcite-graph": ReactCalciteGraph;
       "calcite-icon": ReactCalciteIcon;
       "calcite-inline-editable": ReactCalciteInlineEditable;

package/dist/types/stencil.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -24,7 +23,6 @@ import type { Chip } from "../components/calcite-chip/customElement.js";
 import type { ChipGroup } from "../components/calcite-chip-group/customElement.js";
 import type { ColorPicker } from "../components/calcite-color-picker/customElement.js";
 import type { ColorPickerHexInput } from "../components/calcite-color-picker-hex-input/customElement.js";
-import type { ColorPickerSwatch } from "../components/calcite-color-picker-swatch/customElement.js";
 import type { Combobox } from "../components/calcite-combobox/customElement.js";
 import type { ComboboxItem } from "../components/calcite-combobox-item/customElement.js";
 import type { ComboboxItemGroup } from "../components/calcite-combobox-item-group/customElement.js";
@@ -39,7 +37,6 @@ import type { Fab } from "../components/calcite-fab/customElement.js";
 import type { Filter } from "../components/calcite-filter/customElement.js";
 import type { Flow } from "../components/calcite-flow/customElement.js";
 import type { FlowItem } from "../components/calcite-flow-item/customElement.js";
-import type { FocusTrap } from "../components/calcite-focus-trap/customElement.js";
 import type { Graph } from "../components/calcite-graph/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
@@ -138,12 +135,6 @@ interface StencilCalciteActionMenu extends Required<Pick<ActionMenu, "label">>,
   onCalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface StencilCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, StencilJsx.HTMLAttributes<ActionPad> {
-  onCalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  onCalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  onCalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface StencilCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Alert> {
   onCalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   onCalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -236,9 +227,6 @@ interface StencilCalciteColorPickerHexInput extends Partial<Pick<ColorPickerHexI
   onCalciteColorPickerHexInputChange?: EventHandler<ColorPickerHexInput["calciteColorPickerHexInputChange"]>;
 }
 
-interface StencilCalciteColorPickerSwatch extends Partial<Pick<ColorPickerSwatch, "active" | "color" | "scale">>, StencilJsx.HTMLAttributes<ColorPickerSwatch> {
-}
-
 interface StencilCalciteCombobox extends Required<Pick<Combobox, "label">>, Partial<Pick<Combobox, "allowCustomValues" | "clearDisabled" | "disabled" | "filterProps" | "filterText" | "flipPlacements" | "form" | "labelText" | "maxItems" | "messageOverrides" | "name" | "open" | "overlayPositioning" | "placeholder" | "placeholderIcon" | "placeholderIconFlipRtl" | "placement" | "readOnly" | "required" | "scale" | "selectAllEnabled" | "selectionAppearance" | "selectionDisplay" | "selectionMode" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Combobox> {
   onCalciteComboboxBeforeClose?: EventHandler<Combobox["calciteComboboxBeforeClose"]>;
   onCalciteComboboxBeforeOpen?: EventHandler<Combobox["calciteComboboxBeforeOpen"]>;
@@ -309,10 +297,6 @@ interface StencilCalciteFlowItem extends Partial<Pick<FlowItem, "beforeBack" | "
   onCalciteFlowItemToggle?: EventHandler<FlowItem["calciteFlowItemToggle"]>;
 }
 
-interface StencilCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisabled" | "focusTrapDisabledOverride" | "focusTrapOptions">>, StencilJsx.HTMLAttributes<FocusTrap> {
-  onCalciteFocusTrapActiveChange?: EventHandler<FocusTrap["calciteFocusTrapActiveChange"]>;
-}
-
 interface StencilCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, StencilJsx.HTMLAttributes<Graph> {
 }
 
@@ -620,7 +604,6 @@ interface ExposedElements {
   "calcite-action-bar": StencilCalciteActionBar;
   "calcite-action-group": StencilCalciteActionGroup;
   "calcite-action-menu": StencilCalciteActionMenu;
-  "calcite-action-pad": StencilCalciteActionPad;
   "calcite-alert": StencilCalciteAlert;
   "calcite-autocomplete": StencilCalciteAutocomplete;
   "calcite-autocomplete-item": StencilCalciteAutocompleteItem;
@@ -639,7 +622,6 @@ interface ExposedElements {
   "calcite-chip-group": StencilCalciteChipGroup;
   "calcite-color-picker": StencilCalciteColorPicker;
   "calcite-color-picker-hex-input": StencilCalciteColorPickerHexInput;
-  "calcite-color-picker-swatch": StencilCalciteColorPickerSwatch;
   "calcite-combobox": StencilCalciteCombobox;
   "calcite-combobox-item": StencilCalciteComboboxItem;
   "calcite-combobox-item-group": StencilCalciteComboboxItemGroup;
@@ -654,7 +636,6 @@ interface ExposedElements {
   "calcite-filter": StencilCalciteFilter;
   "calcite-flow": StencilCalciteFlow;
   "calcite-flow-item": StencilCalciteFlowItem;
-  "calcite-focus-trap": StencilCalciteFocusTrap;
   "calcite-graph": StencilCalciteGraph;
   "calcite-icon": StencilCalciteIcon;
   "calcite-inline-editable": StencilCalciteInlineEditable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "6.0.0-next.10",
+  "version": "6.0.0-next.12",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {

package/dist/cdn/2QPSBLJK.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as G}from"./CRHEJ6LF.js";import{b as F}from"./G2G5ELGL.js";import{a as H}from"./RUSF77X2.js";import{a as q}from"./BV74PYW6.js";import{c as W}from"./RFDPXMN6.js";import{a as y}from"./XN5GTOTE.js";import{a as K}from"./AE5SQJER.js";import{a as P}from"./PQDCYIRQ.js";import{a as D}from"./KAADRWY5.js";import{b as V}from"./ECJJHTCC.js";import{d as I}from"./YWJV2ZJH.js";import{a as b,c as x,e as U,g as p,h as M}from"./GCDLUAO6.js";import{a as B}from"./ODUVV4RV.js";import"./5K4OZJAZ.js";import{a as L}from"./CASNTUXN.js";import{a as E,b as w}from"./FDHY2TZA.js";import{a as z}from"./KN7VGE4M.js";import"./ZZDNIBT7.js";import{a as R}from"./WAOVLW25.js";import"./VMHJHFFS.js";import{c as T,e as O}from"./BGS4CESC.js";import"./ECXSX2FK.js";import{A as v,y as g}from"./2M4ETWZU.js";import{E as h,F as c,G as A,H as r,L as f,T as S,g as k,h as d,l as m,p as o}from"./F4RP2ND6.js";var J=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius, var(--calcite-corner-radius));--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,N={contentBottom:"content-bottom",contentTop:"content-top"},l={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},j="autocomplete",_={validationMessage:"autocompleteValidationMessage",input:u=>`${j}-input-${u}`,list:u=>`${j}-list-${u}`},Q="calcite-autocomplete-item-group",X="calcite-autocomplete-item",C=class extends A{constructor(){super(),this.guid=L(),this.attributeWatch=T(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=O(),this.formSupport=W({inputType:"text"})(this),this.listId=_.list(this.guid),this.messages=z(),this.transitionProp="opacity",this.transitionRef=h(),this.defaultSlotRef=h(),this.listboxRef=h(),this.listboxOptionRefs=new Map,this.focusSetter=R()(this),this.resizeObserver=E("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=B(this),this.topLayer=P({target:()=>this.floatingEl})(this),this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=b,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=o({cancelable:!1}),this.calciteAutocompleteBeforeOpen=o({cancelable:!1}),this.calciteAutocompleteChange=o({cancelable:!1}),this.calciteAutocompleteClose=o({cancelable:!1}),this.calciteAutocompleteOpen=o({cancelable:!1}),this.calciteAutocompleteTextChange=o({cancelable:!1}),this.calciteAutocompleteTextInput=o({cancelable:!1}),K(this),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendantElement:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:f},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:f},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=J}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:a,placement:i,overlayPositioning:n,flipPlacements:s}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:a,overlayPositioning:n,placement:i,flipPlacements:s,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),p(this)}load(){this.listenOn(document,"click",this.documentClickHandler)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("value")&&this.hasUpdated&&this.selectedItemsHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==b))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${F(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}updated(){this.syncActiveDescendantElement()}loaded(){this.getAllItems(),p(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}selectedItemsHandler(){this.items.forEach(t=>t.selected=t.value===this.value)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),D(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.selectedItemsHandler(),this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,a)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let i=a[e+1];i&&(i.disableSpacing=t.children.length===0)})}updateItems(){this.value&&this.selectedItemsHandler(),this.items.forEach(t=>{t.scale=this.scale,t.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((t,e)=>{let a=e===this.activeIndex;t.active=a}),this.syncActiveDescendantElement()}syncActiveDescendantElement(){let t=this.enabledItems[this.activeIndex];this.activeDescendantElement=t?this.listboxOptionRefs.get(t.guid)?.value:void 0}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=g(t)}handleContentBottomSlotChange(t){this.hasContentBottom=g(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,Q):Array.from(this.el.children).filter(V),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,X):Array.from(this.el.children).filter(I),a=t.flatMap(n=>n.items??[]),i=Array.from(new Set([...e,...a].filter(I)));this.groups=t,this.items=i,this.removeStaleListboxOptionRefs(i),this.updateItems(),this.updateGroups()}removeStaleListboxOptionRefs(t){let e=new Set(t.map(a=>a.guid));this.listboxOptionRefs.forEach((a,i)=>{e.has(i)||this.listboxOptionRefs.delete(i)})}getListboxOptionRef(t){let e=this.listboxOptionRefs.get(t.guid);return e||(e=h(),this.listboxOptionRefs.set(t.guid,e)),e}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,p(this)}keyDownHandler(t){let{defaultPrevented:e,key:a}=t;if(e)return;let{open:i,activeIndex:n,enabledItems:s}=this,$=s.length&&n>-1?s[n]:null;switch(a){case"Escape":i&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":i&&$?($.requestSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":s.length&&(this.open=!0,this.activeIndex=n!==-1?Math.min(n+1,s.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":s.length&&(this.open=!0,this.activeIndex=n!==-1?Math.max(n-1,0):s.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":s.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":s.length&&(this.open=!0,this.activeIndex=s.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,p(this)}render(){let{disabled:t,isOpen:e}=this,a=this.el.autofocus,i=this.el.enterKeyHint,n=this.el.inputMode;return this.interactiveContainer({disabled:t,children:d`${this.labelText&&q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(l.inputContainer)}><calcite-input .alignment=${this.alignment} .aria=${{activeDescendantElement:this.activeDescendantElement,autoComplete:"list",controlsElements:this.listboxRef.value?[this.listboxRef.value]:void 0,expanded:e,hasPopup:"listbox",label:y(this)}} .autocomplete=${this.autocomplete} .autofocus=${a} class=${r(l.input)} clearable .disabled=${t} enterkeyhint=${i??m} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} inputmode=${n??m} .inputRole=${"combobox"} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${c(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[l.contentContainer]:!0,[l.floatingUIContainer]:!0,[l.floatingUIContainerActive]:e})} popover=manual ${c(this.setFloatingEl)}><div class=${r({[l.contentAnimation]:!0,[x.animation]:!0,[x.animationActive]:e})} ${c(this.transitionRef)}><div class=${r({[l.content]:!0,[l.contentHidden]:!e})}><slot name=${N.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${c(this.defaultSlotRef)}></slot><slot name=${N.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?G({icon:this.validationIcon,id:_.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return d`<ul .ariaLabel=${y(this)} aria-live=polite class=${r(l.screenReadersOnly)} id=${this.listId??m} role=listbox tabindex=-1 ${c(this.listboxRef)}>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return H(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>d`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} role=option tabindex=-1 ${c(this.getListboxOptionRef(t))}>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",C);export{C as Autocomplete};