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

package/dist/index.d.ts

@@ -82,7 +82,6 @@ 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 { Handle } from "./components/calcite-handle/customElement.js";
 import type { Icon } from "./components/calcite-icon/customElement.js";
 import type { InlineEditable } from "./components/calcite-inline-editable/customElement.js";
 import type { Input } from "./components/calcite-input/customElement.js";
@@ -123,7 +122,6 @@ import type { Shell } from "./components/calcite-shell/customElement.js";
 import type { ShellPanel } from "./components/calcite-shell-panel/customElement.js";
 import type { Slider } from "./components/calcite-slider/customElement.js";
 import type { SortHandle } from "./components/calcite-sort-handle/customElement.js";
-import type { SortableList } from "./components/calcite-sortable-list/customElement.js";
 import type { SplitButton } from "./components/calcite-split-button/customElement.js";
 import type { Stack } from "./components/calcite-stack/customElement.js";
 import type { Stepper } from "./components/calcite-stepper/customElement.js";
@@ -290,11 +288,6 @@ export interface CalciteFocusTrapCustomEvent<T> extends CustomEvent<T> {
   target: FocusTrap;
   currentTarget: FocusTrap;
 }
-export interface CalciteHandleCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: Handle;
-  currentTarget: Handle;
-}
 export interface CalciteInlineEditableCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: InlineEditable;
@@ -415,11 +408,6 @@ export interface CalciteSortHandleCustomEvent<T> extends CustomEvent<T> {
   target: SortHandle;
   currentTarget: SortHandle;
 }
-export interface CalciteSortableListCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: SortableList;
-  currentTarget: SortableList;
-}
 export interface CalciteSplitButtonCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: SplitButton;
@@ -551,7 +539,6 @@ declare global {
     "calcite-flow-item": FlowItem;
     "calcite-focus-trap": FocusTrap;
     "calcite-graph": Graph;
-    "calcite-handle": Handle;
     "calcite-icon": Icon;
     "calcite-inline-editable": InlineEditable;
     "calcite-input": Input;
@@ -592,7 +579,6 @@ declare global {
     "calcite-shell-panel": ShellPanel;
     "calcite-slider": Slider;
     "calcite-sort-handle": SortHandle;
-    "calcite-sortable-list": SortableList;
     "calcite-split-button": SplitButton;
     "calcite-stack": Stack;
     "calcite-stepper": Stepper;
@@ -731,9 +717,6 @@ declare global {
 
   type HTMLCalciteGraphElement = Graph;
 
-  type HTMLCalciteHandleElementEventMap = Handle["@eventTypes"];
-  type HTMLCalciteHandleElement = Handle;
-
   type HTMLCalciteIconElement = Icon;
 
   type HTMLCalciteInlineEditableElementEventMap = InlineEditable["@eventTypes"];
@@ -838,9 +821,6 @@ declare global {
   type HTMLCalciteSortHandleElementEventMap = SortHandle["@eventTypes"];
   type HTMLCalciteSortHandleElement = SortHandle;
 
-  type HTMLCalciteSortableListElementEventMap = SortableList["@eventTypes"];
-  type HTMLCalciteSortableListElement = SortableList;
-
   type HTMLCalciteSplitButtonElementEventMap = SplitButton["@eventTypes"];
   type HTMLCalciteSplitButtonElement = SplitButton;
 

package/dist/loader.js

@@ -45,10 +45,9 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "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-handle": [() => import("./components/calcite-handle/customElement.js"), "blurUnselectDisabled,disabled,dragHandle,label,messageOverrides:,selected,setPosition,setSize;setFocus"],
   "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"],
-  "calcite-input": [() => import("./components/calcite-input/customElement.js"), "accept,alignment,autocomplete,clearable,disabled,files:,form,groupSeparator,icon,iconFlipRtl,inlineEdit,inlineEditing,inlineEditingBeforeConfirm:,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,multiple,name,numberButtonType,numberingSystem,pattern,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,type,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
+  "calcite-input": [() => import("./components/calcite-input/customElement.js"), "accept,alignment,aria:,autocomplete,clearable,disabled,files:,form,groupSeparator,icon,iconFlipRtl,inlineEdit,inlineEditing,inlineEditingBeforeConfirm:,inputRole,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,multiple,name,numberButtonType,numberingSystem,pattern,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,type,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
   "calcite-input-date-picker": [() => import("./components/calcite-input-date-picker/customElement.js"), "calendars,clearable,disabled,flipPlacements:,focusTrapDisabled,form,headingLevel,label,labelText,layout,max,maxAsDate:,messageOverrides:,min,minAsDate:,monthStyle,name,numberingSystem,open,overlayPositioning,placeholder,placement,proximitySelectionDisabled,range,readOnly,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value,valueAsDate:;reposition,setFocus", 1],
   "calcite-input-message": [() => import("./components/calcite-input-message/customElement.js"), "icon,iconFlipRtl,scale,status"],
   "calcite-input-number": [() => import("./components/calcite-input-number/customElement.js"), "alignment,autocomplete,clearable,disabled,form,groupSeparator,icon,iconFlipRtl,inlineEdit,inlineEditing,inlineEditingBeforeConfirm:,integer,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,name,numberButtonType,numberingSystem,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
@@ -86,7 +85,6 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-shell-panel": [() => import("./components/calcite-shell-panel/customElement.js"), "collapsed,displayMode,height,heightScale,layout,messageOverrides:,position,resizable,shellSizingDataProvider:,width,widthScale;updateSize"],
   "calcite-slider": [() => import("./components/calcite-slider/customElement.js"), "disabled,fillPlacement,form,groupSeparator,hasHistogram,histogram:,histogramStops:,label,labelFormatter:,labelHandles,labelText,labelTicks,max,maxLabel,maxValue,messageOverrides:,min,minLabel,minValue,mirrored,name,numberingSystem,pageStep,precise,required,scale,snap,status,step,ticks,validationIcon,validationMessage,validity:,value;setFocus", 1],
   "calcite-sort-handle": [() => import("./components/calcite-sort-handle/customElement.js"), "addToItems:,disabled,flipPlacements:,label,messageOverrides:,messages:,moveToItems:,open,overlayPositioning,placement,scale,setPosition,setSize,sortDisabled,topLayerDisabled,widthScale;setFocus"],
-  "calcite-sortable-list": [() => import("./components/calcite-sortable-list/customElement.js"), "canPull:,canPut:,disabled,dragSelector,group,handleSelector,layout,loading"],
   "calcite-split-button": [() => import("./components/calcite-split-button/customElement.js"), "active,appearance,disabled,download,dropdownIconType,dropdownLabel,flipPlacements:,href,kind,loading,overlayPositioning,placement,primaryIconEnd,primaryIconFlipRtl,primaryIconStart,primaryLabel,primaryText,rel,scale,target,topLayerDisabled,width;setFocus"],
   "calcite-stack": [() => import("./components/calcite-stack/customElement.js"), "disabled"],
   "calcite-stepper": [() => import("./components/calcite-stepper/customElement.js"), "icon,layout,messageOverrides:,numbered,numberingSystem,scale,selectedItem:;endStep,goToStep,nextStep,prevStep,startStep"],

package/dist/types/lumina.d.ts

@@ -41,7 +41,6 @@ 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 { Handle } from "../components/calcite-handle/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
 import type { Input } from "../components/calcite-input/customElement.js";
@@ -82,7 +81,6 @@ import type { Shell } from "../components/calcite-shell/customElement.js";
 import type { ShellPanel } from "../components/calcite-shell-panel/customElement.js";
 import type { Slider } from "../components/calcite-slider/customElement.js";
 import type { SortHandle } from "../components/calcite-sort-handle/customElement.js";
-import type { SortableList } from "../components/calcite-sortable-list/customElement.js";
 import type { SplitButton } from "../components/calcite-split-button/customElement.js";
 import type { Stack } from "../components/calcite-stack/customElement.js";
 import type { Stepper } from "../components/calcite-stepper/customElement.js";
@@ -173,23 +171,17 @@ interface LuminaCalciteAvatar extends Partial<Pick<Avatar, "fullName" | "label"
 }
 
 interface LuminaCalciteBlock extends Partial<Pick<Block, "collapsible" | "description" | "disabled" | "dragDisabled" | "dragHandle" | "expandable" | "expanded" | "heading" | "headingLevel" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "loading" | "menuFlipPlacements" | "menuPlacement" | "messageOverrides" | "open" | "overlayPositioning" | "scale" | "sortHandleOpen" | "status" | "toggleDisplay" | "topLayerDisabled">>, h.JSX.HTMLAttributes<Block> {
-  oncalciteBlockBeforeClose?: EventHandler<Block["calciteBlockBeforeClose"]>;
-  oncalciteBlockBeforeOpen?: EventHandler<Block["calciteBlockBeforeOpen"]>;
-  oncalciteBlockClose?: EventHandler<Block["calciteBlockClose"]>;
   oncalciteBlockCollapse?: EventHandler<Block["calciteBlockCollapse"]>;
   oncalciteBlockExpand?: EventHandler<Block["calciteBlockExpand"]>;
-  oncalciteBlockOpen?: EventHandler<Block["calciteBlockOpen"]>;
   oncalciteBlockSortHandleBeforeClose?: EventHandler<Block["calciteBlockSortHandleBeforeClose"]>;
   oncalciteBlockSortHandleBeforeOpen?: EventHandler<Block["calciteBlockSortHandleBeforeOpen"]>;
   oncalciteBlockSortHandleClose?: EventHandler<Block["calciteBlockSortHandleClose"]>;
   oncalciteBlockSortHandleOpen?: EventHandler<Block["calciteBlockSortHandleOpen"]>;
-  oncalciteBlockToggle?: EventHandler<Block["calciteBlockToggle"]>;
 }
 
 interface LuminaCalciteBlockGroup extends Required<Pick<BlockGroup, "label">>, Partial<Pick<BlockGroup, "canPull" | "canPut" | "disabled" | "dragEnabled" | "expandMode" | "group" | "loading" | "scale" | "sortDisabled">>, h.JSX.HTMLAttributes<BlockGroup> {
   oncalciteBlockGroupDragEnd?: EventHandler<BlockGroup["calciteBlockGroupDragEnd"]>;
   oncalciteBlockGroupDragStart?: EventHandler<BlockGroup["calciteBlockGroupDragStart"]>;
-  oncalciteBlockGroupMoveHalt?: EventHandler<BlockGroup["calciteBlockGroupMoveHalt"]>;
   oncalciteBlockGroupOrderChange?: EventHandler<BlockGroup["calciteBlockGroupOrderChange"]>;
 }
 
@@ -323,11 +315,6 @@ interface LuminaCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisab
 interface LuminaCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, h.JSX.HTMLAttributes<Graph> {
 }
 
-interface LuminaCalciteHandle extends Partial<Pick<Handle, "disabled" | "dragHandle" | "messageOverrides" | "selected">>, h.JSX.HTMLAttributes<Handle> {
-  oncalciteHandleChange?: EventHandler<Handle["calciteHandleChange"]>;
-  oncalciteHandleNudge?: EventHandler<Handle["calciteHandleNudge"]>;
-}
-
 interface LuminaCalciteIcon extends Partial<Pick<Icon, "flipRtl" | "icon" | "preload" | "scale" | "textLabel">>, h.JSX.HTMLAttributes<Icon> {
 }
 
@@ -398,7 +385,6 @@ interface LuminaCalciteList extends Required<Pick<List, "label">>, Partial<Pick<
   oncalciteListDragEnd?: EventHandler<List["calciteListDragEnd"]>;
   oncalciteListDragStart?: EventHandler<List["calciteListDragStart"]>;
   oncalciteListFilter?: EventHandler<List["calciteListFilter"]>;
-  oncalciteListMoveHalt?: EventHandler<List["calciteListMoveHalt"]>;
   oncalciteListOrderChange?: EventHandler<List["calciteListOrderChange"]>;
 }
 
@@ -531,10 +517,6 @@ interface LuminaCalciteSortHandle extends Partial<Pick<SortHandle, "addToItems"
   oncalciteSortHandleReorder?: EventHandler<SortHandle["calciteSortHandleReorder"]>;
 }
 
-interface LuminaCalciteSortableList extends Partial<Pick<SortableList, "canPull" | "canPut" | "disabled" | "dragSelector" | "group" | "handleSelector" | "layout" | "loading">>, h.JSX.HTMLAttributes<SortableList> {
-  oncalciteListOrderChange?: EventHandler<SortableList["calciteListOrderChange"]>;
-}
-
 interface LuminaCalciteSplitButton extends Partial<Pick<SplitButton, "appearance" | "disabled" | "download" | "dropdownIconType" | "dropdownLabel" | "flipPlacements" | "href" | "kind" | "loading" | "overlayPositioning" | "placement" | "primaryIconEnd" | "primaryIconFlipRtl" | "primaryIconStart" | "primaryLabel" | "primaryText" | "rel" | "scale" | "target" | "topLayerDisabled" | "width">>, h.JSX.HTMLAttributes<SplitButton> {
   oncalciteSplitButtonPrimaryClick?: EventHandler<SplitButton["calciteSplitButtonPrimaryClick"]>;
   oncalciteSplitButtonSecondaryClick?: EventHandler<SplitButton["calciteSplitButtonSecondaryClick"]>;
@@ -675,7 +657,6 @@ declare module "@arcgis/lumina" {
       "calcite-flow-item": LuminaCalciteFlowItem;
       "calcite-focus-trap": LuminaCalciteFocusTrap;
       "calcite-graph": LuminaCalciteGraph;
-      "calcite-handle": LuminaCalciteHandle;
       "calcite-icon": LuminaCalciteIcon;
       "calcite-inline-editable": LuminaCalciteInlineEditable;
       "calcite-input": LuminaCalciteInput;
@@ -716,7 +697,6 @@ declare module "@arcgis/lumina" {
       "calcite-shell-panel": LuminaCalciteShellPanel;
       "calcite-slider": LuminaCalciteSlider;
       "calcite-sort-handle": LuminaCalciteSortHandle;
-      "calcite-sortable-list": LuminaCalciteSortableList;
       "calcite-split-button": LuminaCalciteSplitButton;
       "calcite-stack": LuminaCalciteStack;
       "calcite-stepper": LuminaCalciteStepper;

package/dist/types/preact.d.ts

@@ -41,7 +41,6 @@ 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 { Handle } from "../components/calcite-handle/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
 import type { Input } from "../components/calcite-input/customElement.js";
@@ -82,7 +81,6 @@ import type { Shell } from "../components/calcite-shell/customElement.js";
 import type { ShellPanel } from "../components/calcite-shell-panel/customElement.js";
 import type { Slider } from "../components/calcite-slider/customElement.js";
 import type { SortHandle } from "../components/calcite-sort-handle/customElement.js";
-import type { SortableList } from "../components/calcite-sortable-list/customElement.js";
 import type { SplitButton } from "../components/calcite-split-button/customElement.js";
 import type { Stack } from "../components/calcite-stack/customElement.js";
 import type { Stepper } from "../components/calcite-stepper/customElement.js";
@@ -174,23 +172,17 @@ interface PreactCalciteAvatar extends Partial<Pick<Avatar, "fullName" | "label"
 }
 
 interface PreactCalciteBlock extends Partial<Pick<Block, "collapsible" | "description" | "disabled" | "dragDisabled" | "dragHandle" | "expandable" | "expanded" | "heading" | "headingLevel" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "loading" | "menuFlipPlacements" | "menuPlacement" | "messageOverrides" | "open" | "overlayPositioning" | "scale" | "sortHandleOpen" | "status" | "toggleDisplay" | "topLayerDisabled">>, HTMLAttributes<Block> {
-  oncalciteBlockBeforeClose?: EventHandler<Block["calciteBlockBeforeClose"]>;
-  oncalciteBlockBeforeOpen?: EventHandler<Block["calciteBlockBeforeOpen"]>;
-  oncalciteBlockClose?: EventHandler<Block["calciteBlockClose"]>;
   oncalciteBlockCollapse?: EventHandler<Block["calciteBlockCollapse"]>;
   oncalciteBlockExpand?: EventHandler<Block["calciteBlockExpand"]>;
-  oncalciteBlockOpen?: EventHandler<Block["calciteBlockOpen"]>;
   oncalciteBlockSortHandleBeforeClose?: EventHandler<Block["calciteBlockSortHandleBeforeClose"]>;
   oncalciteBlockSortHandleBeforeOpen?: EventHandler<Block["calciteBlockSortHandleBeforeOpen"]>;
   oncalciteBlockSortHandleClose?: EventHandler<Block["calciteBlockSortHandleClose"]>;
   oncalciteBlockSortHandleOpen?: EventHandler<Block["calciteBlockSortHandleOpen"]>;
-  oncalciteBlockToggle?: EventHandler<Block["calciteBlockToggle"]>;
 }
 
 interface PreactCalciteBlockGroup extends Required<Pick<BlockGroup, "label">>, Partial<Pick<BlockGroup, "canPull" | "canPut" | "disabled" | "dragEnabled" | "expandMode" | "group" | "loading" | "scale" | "sortDisabled">>, HTMLAttributes<BlockGroup> {
   oncalciteBlockGroupDragEnd?: EventHandler<BlockGroup["calciteBlockGroupDragEnd"]>;
   oncalciteBlockGroupDragStart?: EventHandler<BlockGroup["calciteBlockGroupDragStart"]>;
-  oncalciteBlockGroupMoveHalt?: EventHandler<BlockGroup["calciteBlockGroupMoveHalt"]>;
   oncalciteBlockGroupOrderChange?: EventHandler<BlockGroup["calciteBlockGroupOrderChange"]>;
 }
 
@@ -324,11 +316,6 @@ interface PreactCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisab
 interface PreactCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, HTMLAttributes<Graph> {
 }
 
-interface PreactCalciteHandle extends Partial<Pick<Handle, "disabled" | "dragHandle" | "messageOverrides" | "selected">>, HTMLAttributes<Handle> {
-  oncalciteHandleChange?: EventHandler<Handle["calciteHandleChange"]>;
-  oncalciteHandleNudge?: EventHandler<Handle["calciteHandleNudge"]>;
-}
-
 interface PreactCalciteIcon extends Partial<Pick<Icon, "flipRtl" | "icon" | "preload" | "scale" | "textLabel">>, HTMLAttributes<Icon> {
 }
 
@@ -399,7 +386,6 @@ interface PreactCalciteList extends Required<Pick<List, "label">>, Partial<Pick<
   oncalciteListDragEnd?: EventHandler<List["calciteListDragEnd"]>;
   oncalciteListDragStart?: EventHandler<List["calciteListDragStart"]>;
   oncalciteListFilter?: EventHandler<List["calciteListFilter"]>;
-  oncalciteListMoveHalt?: EventHandler<List["calciteListMoveHalt"]>;
   oncalciteListOrderChange?: EventHandler<List["calciteListOrderChange"]>;
 }
 
@@ -532,10 +518,6 @@ interface PreactCalciteSortHandle extends Partial<Pick<SortHandle, "addToItems"
   oncalciteSortHandleReorder?: EventHandler<SortHandle["calciteSortHandleReorder"]>;
 }
 
-interface PreactCalciteSortableList extends Partial<Pick<SortableList, "canPull" | "canPut" | "disabled" | "dragSelector" | "group" | "handleSelector" | "layout" | "loading">>, HTMLAttributes<SortableList> {
-  oncalciteListOrderChange?: EventHandler<SortableList["calciteListOrderChange"]>;
-}
-
 interface PreactCalciteSplitButton extends Partial<Pick<SplitButton, "appearance" | "disabled" | "download" | "dropdownIconType" | "dropdownLabel" | "flipPlacements" | "href" | "kind" | "loading" | "overlayPositioning" | "placement" | "primaryIconEnd" | "primaryIconFlipRtl" | "primaryIconStart" | "primaryLabel" | "primaryText" | "rel" | "scale" | "target" | "topLayerDisabled" | "width">>, HTMLAttributes<SplitButton> {
   oncalciteSplitButtonPrimaryClick?: EventHandler<SplitButton["calciteSplitButtonPrimaryClick"]>;
   oncalciteSplitButtonSecondaryClick?: EventHandler<SplitButton["calciteSplitButtonSecondaryClick"]>;
@@ -676,7 +658,6 @@ declare module 'preact' {
       "calcite-flow-item": PreactCalciteFlowItem;
       "calcite-focus-trap": PreactCalciteFocusTrap;
       "calcite-graph": PreactCalciteGraph;
-      "calcite-handle": PreactCalciteHandle;
       "calcite-icon": PreactCalciteIcon;
       "calcite-inline-editable": PreactCalciteInlineEditable;
       "calcite-input": PreactCalciteInput;
@@ -717,7 +698,6 @@ declare module 'preact' {
       "calcite-shell-panel": PreactCalciteShellPanel;
       "calcite-slider": PreactCalciteSlider;
       "calcite-sort-handle": PreactCalciteSortHandle;
-      "calcite-sortable-list": PreactCalciteSortableList;
       "calcite-split-button": PreactCalciteSplitButton;
       "calcite-stack": PreactCalciteStack;
       "calcite-stepper": PreactCalciteStepper;
@@ -787,7 +767,6 @@ declare module 'preact' {
       "calcite-flow-item": PreactCalciteFlowItem;
       "calcite-focus-trap": PreactCalciteFocusTrap;
       "calcite-graph": PreactCalciteGraph;
-      "calcite-handle": PreactCalciteHandle;
       "calcite-icon": PreactCalciteIcon;
       "calcite-inline-editable": PreactCalciteInlineEditable;
       "calcite-input": PreactCalciteInput;
@@ -828,7 +807,6 @@ declare module 'preact' {
       "calcite-shell-panel": PreactCalciteShellPanel;
       "calcite-slider": PreactCalciteSlider;
       "calcite-sort-handle": PreactCalciteSortHandle;
-      "calcite-sortable-list": PreactCalciteSortableList;
       "calcite-split-button": PreactCalciteSplitButton;
       "calcite-stack": PreactCalciteStack;
       "calcite-stepper": PreactCalciteStepper;

package/dist/types/react.d.ts

@@ -41,7 +41,6 @@ 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 { Handle } from "../components/calcite-handle/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
 import type { Input } from "../components/calcite-input/customElement.js";
@@ -82,7 +81,6 @@ import type { Shell } from "../components/calcite-shell/customElement.js";
 import type { ShellPanel } from "../components/calcite-shell-panel/customElement.js";
 import type { Slider } from "../components/calcite-slider/customElement.js";
 import type { SortHandle } from "../components/calcite-sort-handle/customElement.js";
-import type { SortableList } from "../components/calcite-sortable-list/customElement.js";
 import type { SplitButton } from "../components/calcite-split-button/customElement.js";
 import type { Stack } from "../components/calcite-stack/customElement.js";
 import type { Stepper } from "../components/calcite-stepper/customElement.js";
@@ -174,23 +172,17 @@ interface ReactCalciteAvatar extends Partial<Pick<Avatar, "fullName" | "label" |
 }
 
 interface ReactCalciteBlock extends Partial<Pick<Block, "collapsible" | "description" | "disabled" | "dragDisabled" | "dragHandle" | "expandable" | "expanded" | "heading" | "headingLevel" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "loading" | "menuFlipPlacements" | "menuPlacement" | "messageOverrides" | "open" | "overlayPositioning" | "scale" | "sortHandleOpen" | "status" | "toggleDisplay" | "topLayerDisabled">>, HTMLProps<Block> {
-  oncalciteBlockBeforeClose?: EventHandler<Block["calciteBlockBeforeClose"]>;
-  oncalciteBlockBeforeOpen?: EventHandler<Block["calciteBlockBeforeOpen"]>;
-  oncalciteBlockClose?: EventHandler<Block["calciteBlockClose"]>;
   oncalciteBlockCollapse?: EventHandler<Block["calciteBlockCollapse"]>;
   oncalciteBlockExpand?: EventHandler<Block["calciteBlockExpand"]>;
-  oncalciteBlockOpen?: EventHandler<Block["calciteBlockOpen"]>;
   oncalciteBlockSortHandleBeforeClose?: EventHandler<Block["calciteBlockSortHandleBeforeClose"]>;
   oncalciteBlockSortHandleBeforeOpen?: EventHandler<Block["calciteBlockSortHandleBeforeOpen"]>;
   oncalciteBlockSortHandleClose?: EventHandler<Block["calciteBlockSortHandleClose"]>;
   oncalciteBlockSortHandleOpen?: EventHandler<Block["calciteBlockSortHandleOpen"]>;
-  oncalciteBlockToggle?: EventHandler<Block["calciteBlockToggle"]>;
 }
 
 interface ReactCalciteBlockGroup extends Required<Pick<BlockGroup, "label">>, Partial<Pick<BlockGroup, "canPull" | "canPut" | "disabled" | "dragEnabled" | "expandMode" | "group" | "loading" | "scale" | "sortDisabled">>, HTMLProps<BlockGroup> {
   oncalciteBlockGroupDragEnd?: EventHandler<BlockGroup["calciteBlockGroupDragEnd"]>;
   oncalciteBlockGroupDragStart?: EventHandler<BlockGroup["calciteBlockGroupDragStart"]>;
-  oncalciteBlockGroupMoveHalt?: EventHandler<BlockGroup["calciteBlockGroupMoveHalt"]>;
   oncalciteBlockGroupOrderChange?: EventHandler<BlockGroup["calciteBlockGroupOrderChange"]>;
 }
 
@@ -324,11 +316,6 @@ interface ReactCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisabl
 interface ReactCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, HTMLProps<Graph> {
 }
 
-interface ReactCalciteHandle extends Partial<Pick<Handle, "disabled" | "dragHandle" | "messageOverrides" | "selected">>, HTMLProps<Handle> {
-  oncalciteHandleChange?: EventHandler<Handle["calciteHandleChange"]>;
-  oncalciteHandleNudge?: EventHandler<Handle["calciteHandleNudge"]>;
-}
-
 interface ReactCalciteIcon extends Partial<Pick<Icon, "flipRtl" | "icon" | "preload" | "scale" | "textLabel">>, HTMLProps<Icon> {
 }
 
@@ -399,7 +386,6 @@ interface ReactCalciteList extends Required<Pick<List, "label">>, Partial<Pick<L
   oncalciteListDragEnd?: EventHandler<List["calciteListDragEnd"]>;
   oncalciteListDragStart?: EventHandler<List["calciteListDragStart"]>;
   oncalciteListFilter?: EventHandler<List["calciteListFilter"]>;
-  oncalciteListMoveHalt?: EventHandler<List["calciteListMoveHalt"]>;
   oncalciteListOrderChange?: EventHandler<List["calciteListOrderChange"]>;
 }
 
@@ -532,10 +518,6 @@ interface ReactCalciteSortHandle extends Partial<Pick<SortHandle, "addToItems" |
   oncalciteSortHandleReorder?: EventHandler<SortHandle["calciteSortHandleReorder"]>;
 }
 
-interface ReactCalciteSortableList extends Partial<Pick<SortableList, "canPull" | "canPut" | "disabled" | "dragSelector" | "group" | "handleSelector" | "layout" | "loading">>, HTMLProps<SortableList> {
-  oncalciteListOrderChange?: EventHandler<SortableList["calciteListOrderChange"]>;
-}
-
 interface ReactCalciteSplitButton extends Partial<Pick<SplitButton, "appearance" | "disabled" | "download" | "dropdownIconType" | "dropdownLabel" | "flipPlacements" | "href" | "kind" | "loading" | "overlayPositioning" | "placement" | "primaryIconEnd" | "primaryIconFlipRtl" | "primaryIconStart" | "primaryLabel" | "primaryText" | "rel" | "scale" | "target" | "topLayerDisabled" | "width">>, HTMLProps<SplitButton> {
   oncalciteSplitButtonPrimaryClick?: EventHandler<SplitButton["calciteSplitButtonPrimaryClick"]>;
   oncalciteSplitButtonSecondaryClick?: EventHandler<SplitButton["calciteSplitButtonSecondaryClick"]>;
@@ -676,7 +658,6 @@ declare module "react" {
       "calcite-flow-item": ReactCalciteFlowItem;
       "calcite-focus-trap": ReactCalciteFocusTrap;
       "calcite-graph": ReactCalciteGraph;
-      "calcite-handle": ReactCalciteHandle;
       "calcite-icon": ReactCalciteIcon;
       "calcite-inline-editable": ReactCalciteInlineEditable;
       "calcite-input": ReactCalciteInput;
@@ -717,7 +698,6 @@ declare module "react" {
       "calcite-shell-panel": ReactCalciteShellPanel;
       "calcite-slider": ReactCalciteSlider;
       "calcite-sort-handle": ReactCalciteSortHandle;
-      "calcite-sortable-list": ReactCalciteSortableList;
       "calcite-split-button": ReactCalciteSplitButton;
       "calcite-stack": ReactCalciteStack;
       "calcite-stepper": ReactCalciteStepper;
@@ -789,7 +769,6 @@ declare module "react/jsx-runtime" {
       "calcite-flow-item": ReactCalciteFlowItem;
       "calcite-focus-trap": ReactCalciteFocusTrap;
       "calcite-graph": ReactCalciteGraph;
-      "calcite-handle": ReactCalciteHandle;
       "calcite-icon": ReactCalciteIcon;
       "calcite-inline-editable": ReactCalciteInlineEditable;
       "calcite-input": ReactCalciteInput;
@@ -830,7 +809,6 @@ declare module "react/jsx-runtime" {
       "calcite-shell-panel": ReactCalciteShellPanel;
       "calcite-slider": ReactCalciteSlider;
       "calcite-sort-handle": ReactCalciteSortHandle;
-      "calcite-sortable-list": ReactCalciteSortableList;
       "calcite-split-button": ReactCalciteSplitButton;
       "calcite-stack": ReactCalciteStack;
       "calcite-stepper": ReactCalciteStepper;
@@ -902,7 +880,6 @@ declare module "react/jsx-dev-runtime" {
       "calcite-flow-item": ReactCalciteFlowItem;
       "calcite-focus-trap": ReactCalciteFocusTrap;
       "calcite-graph": ReactCalciteGraph;
-      "calcite-handle": ReactCalciteHandle;
       "calcite-icon": ReactCalciteIcon;
       "calcite-inline-editable": ReactCalciteInlineEditable;
       "calcite-input": ReactCalciteInput;
@@ -943,7 +920,6 @@ declare module "react/jsx-dev-runtime" {
       "calcite-shell-panel": ReactCalciteShellPanel;
       "calcite-slider": ReactCalciteSlider;
       "calcite-sort-handle": ReactCalciteSortHandle;
-      "calcite-sortable-list": ReactCalciteSortableList;
       "calcite-split-button": ReactCalciteSplitButton;
       "calcite-stack": ReactCalciteStack;
       "calcite-stepper": ReactCalciteStepper;

package/dist/types/stencil.d.ts

@@ -41,7 +41,6 @@ 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 { Handle } from "../components/calcite-handle/customElement.js";
 import type { Icon } from "../components/calcite-icon/customElement.js";
 import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
 import type { Input } from "../components/calcite-input/customElement.js";
@@ -82,7 +81,6 @@ import type { Shell } from "../components/calcite-shell/customElement.js";
 import type { ShellPanel } from "../components/calcite-shell-panel/customElement.js";
 import type { Slider } from "../components/calcite-slider/customElement.js";
 import type { SortHandle } from "../components/calcite-sort-handle/customElement.js";
-import type { SortableList } from "../components/calcite-sortable-list/customElement.js";
 import type { SplitButton } from "../components/calcite-split-button/customElement.js";
 import type { Stack } from "../components/calcite-stack/customElement.js";
 import type { Stepper } from "../components/calcite-stepper/customElement.js";
@@ -174,23 +172,17 @@ interface StencilCalciteAvatar extends Partial<Pick<Avatar, "fullName" | "label"
 }
 
 interface StencilCalciteBlock extends Partial<Pick<Block, "collapsible" | "description" | "disabled" | "dragDisabled" | "dragHandle" | "expandable" | "expanded" | "heading" | "headingLevel" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "loading" | "menuFlipPlacements" | "menuPlacement" | "messageOverrides" | "open" | "overlayPositioning" | "scale" | "sortHandleOpen" | "status" | "toggleDisplay" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Block> {
-  onCalciteBlockBeforeClose?: EventHandler<Block["calciteBlockBeforeClose"]>;
-  onCalciteBlockBeforeOpen?: EventHandler<Block["calciteBlockBeforeOpen"]>;
-  onCalciteBlockClose?: EventHandler<Block["calciteBlockClose"]>;
   onCalciteBlockCollapse?: EventHandler<Block["calciteBlockCollapse"]>;
   onCalciteBlockExpand?: EventHandler<Block["calciteBlockExpand"]>;
-  onCalciteBlockOpen?: EventHandler<Block["calciteBlockOpen"]>;
   onCalciteBlockSortHandleBeforeClose?: EventHandler<Block["calciteBlockSortHandleBeforeClose"]>;
   onCalciteBlockSortHandleBeforeOpen?: EventHandler<Block["calciteBlockSortHandleBeforeOpen"]>;
   onCalciteBlockSortHandleClose?: EventHandler<Block["calciteBlockSortHandleClose"]>;
   onCalciteBlockSortHandleOpen?: EventHandler<Block["calciteBlockSortHandleOpen"]>;
-  onCalciteBlockToggle?: EventHandler<Block["calciteBlockToggle"]>;
 }
 
 interface StencilCalciteBlockGroup extends Required<Pick<BlockGroup, "label">>, Partial<Pick<BlockGroup, "canPull" | "canPut" | "disabled" | "dragEnabled" | "expandMode" | "group" | "loading" | "scale" | "sortDisabled">>, StencilJsx.HTMLAttributes<BlockGroup> {
   onCalciteBlockGroupDragEnd?: EventHandler<BlockGroup["calciteBlockGroupDragEnd"]>;
   onCalciteBlockGroupDragStart?: EventHandler<BlockGroup["calciteBlockGroupDragStart"]>;
-  onCalciteBlockGroupMoveHalt?: EventHandler<BlockGroup["calciteBlockGroupMoveHalt"]>;
   onCalciteBlockGroupOrderChange?: EventHandler<BlockGroup["calciteBlockGroupOrderChange"]>;
 }
 
@@ -324,11 +316,6 @@ interface StencilCalciteFocusTrap extends Partial<Pick<FocusTrap, "focusTrapDisa
 interface StencilCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, StencilJsx.HTMLAttributes<Graph> {
 }
 
-interface StencilCalciteHandle extends Partial<Pick<Handle, "disabled" | "dragHandle" | "messageOverrides" | "selected">>, StencilJsx.HTMLAttributes<Handle> {
-  onCalciteHandleChange?: EventHandler<Handle["calciteHandleChange"]>;
-  onCalciteHandleNudge?: EventHandler<Handle["calciteHandleNudge"]>;
-}
-
 interface StencilCalciteIcon extends Partial<Pick<Icon, "flipRtl" | "icon" | "preload" | "scale" | "textLabel">>, StencilJsx.HTMLAttributes<Icon> {
 }
 
@@ -399,7 +386,6 @@ interface StencilCalciteList extends Required<Pick<List, "label">>, Partial<Pick
   onCalciteListDragEnd?: EventHandler<List["calciteListDragEnd"]>;
   onCalciteListDragStart?: EventHandler<List["calciteListDragStart"]>;
   onCalciteListFilter?: EventHandler<List["calciteListFilter"]>;
-  onCalciteListMoveHalt?: EventHandler<List["calciteListMoveHalt"]>;
   onCalciteListOrderChange?: EventHandler<List["calciteListOrderChange"]>;
 }
 
@@ -532,10 +518,6 @@ interface StencilCalciteSortHandle extends Partial<Pick<SortHandle, "addToItems"
   onCalciteSortHandleReorder?: EventHandler<SortHandle["calciteSortHandleReorder"]>;
 }
 
-interface StencilCalciteSortableList extends Partial<Pick<SortableList, "canPull" | "canPut" | "disabled" | "dragSelector" | "group" | "handleSelector" | "layout" | "loading">>, StencilJsx.HTMLAttributes<SortableList> {
-  onCalciteListOrderChange?: EventHandler<SortableList["calciteListOrderChange"]>;
-}
-
 interface StencilCalciteSplitButton extends Partial<Pick<SplitButton, "appearance" | "disabled" | "download" | "dropdownIconType" | "dropdownLabel" | "flipPlacements" | "href" | "kind" | "loading" | "overlayPositioning" | "placement" | "primaryIconEnd" | "primaryIconFlipRtl" | "primaryIconStart" | "primaryLabel" | "primaryText" | "rel" | "scale" | "target" | "topLayerDisabled" | "width">>, StencilJsx.HTMLAttributes<SplitButton> {
   onCalciteSplitButtonPrimaryClick?: EventHandler<SplitButton["calciteSplitButtonPrimaryClick"]>;
   onCalciteSplitButtonSecondaryClick?: EventHandler<SplitButton["calciteSplitButtonSecondaryClick"]>;
@@ -674,7 +656,6 @@ interface ExposedElements {
   "calcite-flow-item": StencilCalciteFlowItem;
   "calcite-focus-trap": StencilCalciteFocusTrap;
   "calcite-graph": StencilCalciteGraph;
-  "calcite-handle": StencilCalciteHandle;
   "calcite-icon": StencilCalciteIcon;
   "calcite-inline-editable": StencilCalciteInlineEditable;
   "calcite-input": StencilCalciteInput;
@@ -715,7 +696,6 @@ interface ExposedElements {
   "calcite-shell-panel": StencilCalciteShellPanel;
   "calcite-slider": StencilCalciteSlider;
   "calcite-sort-handle": StencilCalciteSortHandle;
-  "calcite-sortable-list": StencilCalciteSortableList;
   "calcite-split-button": StencilCalciteSplitButton;
   "calcite-stack": StencilCalciteStack;
   "calcite-stepper": StencilCalciteStepper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.10",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -33,10 +33,10 @@
     "THIRD-PARTY-NOTICES.md"
   ],
   "dependencies": {
-    "@arcgis/lumina": ">=5.2.0-next.129 <6.0.0",
-    "@arcgis/toolkit": ">=5.2.0-next.129 <6.0.0",
-    "@esri/calcite-design-tokens": "4.2.1-next.0",
-    "@esri/calcite-ui-icons": "4.7.0-next.0",
+    "@arcgis/lumina": ">=6.0.0-next.16 <7.0.0",
+    "@arcgis/toolkit": ">=6.0.0-next.16 <7.0.0",
+    "@esri/calcite-design-tokens": "4.2.1-next.1",
+    "@esri/calcite-ui-icons": "4.7.0-next.1",
     "@floating-ui/dom": "^1.8.0",
     "@floating-ui/utils": "^0.2.8",
     "@interactjs/types": "^1.10.27",
@@ -53,11 +53,11 @@
     "type-fest": "^4.30.1"
   },
   "devDependencies": {
-    "@arcgis/api-extractor": ">=5.2.0-next.129 <6.0.0",
-    "@arcgis/eslint-config": ">=5.2.0-next.129 <6.0.0",
-    "@arcgis/lumina-compiler": ">=5.2.0-next.129 <6.0.0",
+    "@arcgis/api-extractor": ">=6.0.0-next.16 <7.0.0",
+    "@arcgis/eslint-config": ">=6.0.0-next.16 <7.0.0",
+    "@arcgis/lumina-compiler": ">=6.0.0-next.16 <7.0.0",
     "@cloudfour/simple-svg-placeholder": "1.2.0",
-    "@esri/calcite-tailwind-preset": "1.1.3-next.0",
+    "@esri/calcite-tailwind-preset": "1.2.0-next.0",
     "@esri/calcite-typescript-config": "0.0.1-next.7",
     "@esri/eslint-config-calcite": "0.0.1-next.14",
     "@esri/eslint-plugin-calcite-components": "2.0.5-next.0",

package/dist/cdn/2BCFUGI5.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as O}from"./ZSOJW473.js";import{a as S}from"./JYQXE5IZ.js";import{c as R}from"./OL73GMPU.js";import{a as F}from"./XN5GTOTE.js";import{a as T}from"./JWLJNX6R.js";import{a as q}from"./PE4VKPFG.js";import{a as z}from"./CASNTUXN.js";import{a as C}from"./LI7YAEGJ.js";import{a as I}from"./FJPXMNQ2.js";import"./VMHJHFFS.js";import{e as L}from"./I45Q373H.js";import"./RHTSOGXY.js";import"./2M4ETWZU.js";import{D as $,G as x,H as s,I as w,J as h,L as k,T as V,g as f,h as r,p as y}from"./6VHGCTFC.js";var E=({full:v,scale:e,partial:t})=>r`<calcite-icon class=${s(t?void 0:"icon")} .icon=${v?"star-f":"star"} .scale=${e}></calcite-icon>`,l={fieldSet:"fieldset",star:"star",fraction:"fraction",numberAverage:"number--average",numberCount:"number--count",wrapper:"wrapper",visuallyHidden:"visually-hidden"},D="calcite-ratings",m={validationMessage:"validationMessage",host:v=>`${D}-${v}`},K=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){min-block-size:var(--calcite-space-2xl);--calcite-internal-rating-spacing: .25rem}:host([scale=m]){min-block-size:var(--calcite-space-3xl);--calcite-internal-rating-spacing: .5rem}:host([scale=l]){min-block-size:var(--calcite-space-4xl);--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:hover{color:var(--calcite-rating-color-hover, var(--calcite-color-brand-hover))}.star:active{color:var(--calcite-rating-color-press, var(--calcite-color-brand-press))}.star:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color, var(--calcite-color-brand))}.fraction{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size: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}`,g=class extends x{constructor(){super(),this.direction=L(),this.emit=!1,this.formSupport=R({inputType:"number",getValue:()=>this.value===0?"":this.value})(this),this.guid=m.host(z()),this.isKeyboardInteraction=!0,this.labelElements=[],this.max=5,this._value=0,this.messages=C({blocking:!0}),this.focusSetter=I()(this),this.interactiveContainer=q(this),this.disabled=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.showChip=!1,this.status="idle",this.calciteRatingChange=y({cancelable:!1}),T(this),this.listen("keydown",this.handleHostKeyDown),this.listen("pointerout",this.handleRatingPointerOut),this.listen("pointerover",this.handleRatingPointerOver)}static{this.properties={hoverValue:[16,{},{state:!0}],average:[11,{},{reflect:!0,type:Number}],count:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],showChip:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:k},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:[11,{},{reflect:!0,type:Number}]}}static{this.formAssociated=!0}static{this.styles=K}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.hasUpdated&&this.handleValueUpdate(e))}async setFocus(e){return this.focusSetter(()=>this.el,e)}async load(){this.requestUpdate("value")}willUpdate(){this.starsMap=Array.from({length:this.max},(e,t)=>{let a=t+1,i=this.hoverValue??0,n=i>0,o=this.average!=null,c=this.average??0,p=!n&&o&&!this.value&&a<=c,d=a===this.value,u=o?c+1-a:0,b=n&&a<=i,N=`${this.guid}-${a}`,A=!n&&!this.value&&o&&!b&&u>0&&u<1,M=this.value>=a,P=this.getTabIndex(a);return{average:p,checked:d,fraction:u,hovered:b,id:N,partial:A,selected:M,value:a,tabIndex:P}})}loaded(){this.labelElements=Array.from(this.renderRoot.querySelectorAll("label"))}handleValueUpdate(e){this.hoverValue=e,this.emit&&this.calciteRatingChange.emit(),this.emit=!1}onLabelClick(){this.setFocus()}handleRatingPointerOver(){this.isKeyboardInteraction=!1}handleRatingPointerOut(){this.isKeyboardInteraction=!0,this.hoverValue=void 0}handleHostKeyDown(){this.isKeyboardInteraction=!0}handleLabelKeyDown(e){let t=this.getValueFromLabelEvent(e),a=e.key,i=a==" "?NaN:Number(a),n=this.direction==="rtl";if(this.emit=!0,isNaN(i))switch(a){case"Enter":case" ":this.value=!this.required&&this.value===t?0:t;break;case"ArrowLeft":case"ArrowRight":{let c=a==="ArrowLeft"===n;this.value=c?this.getNextRatingValue(t):this.getPreviousRatingValue(t),this.updateFocus(),e.preventDefault();break}case"Tab":this.hoverValue=void 0;break}else!this.required&&i>=0&&i<=this.max?this.value=i:this.required&&i>0&&i<=this.max&&(this.value=i),this.updateFocus()}handleInputChange(e){if(this.isKeyboardInteraction===!0){let t=Number(e.target.value);this.hoverValue=t,this.value=t}}handleLabelPointerOver(e){this.hoverValue=this.getValueFromLabelEvent(e)}handleLabelPointerDown(e){let t=e.currentTarget,a=this.getValueFromLabelEvent(e);this.hoverValue=a,this.emit=!0,this.value=!this.required&&this.value===a?0:a,t.focus()}handleLabelClick(e){e.preventDefault()}handleLabelFocus(e){let t=this.getValueFromLabelEvent(e);this.hoverValue=t}updateFocus(){this.hoverValue=this.value,this.labelElements[this.value-1]?.focus()}getTabIndex(e){return this.readOnly||this.value!==e&&(this.value||e!==1)?-1:0}getValueFromLabelEvent(e){let t=e.currentTarget;return Number(t.getAttribute("data-value"))}getNextRatingValue(e){return e===5?1:e+1}getPreviousRatingValue(e){return e===1?5:e-1}render(){let e=this.count?.toString();return this.interactiveContainer({disabled:this.disabled,children:r`<span class=${s(l.wrapper)}>${this.labelText&&S({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<fieldset class=${s(l.fieldSet)} .disabled=${this.disabled}><legend class=${s(l.visuallyHidden)}>${this.messages.rating}</legend>${this.starsMap.map(({average:t,checked:a,fraction:i,hovered:n,id:o,partial:c,selected:p,value:d,tabIndex:u})=>r`<label class=${s({[l.star]:!0,selected:p,hovered:n,average:t,partial:c})} data-value=${d??h} for=${o??h} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${u??h}><input aria-errormessage=${m.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${F(this)} .ariaRequired=${this.required} .checked=${a} class=${s(l.visuallyHidden)} .disabled=${this.disabled||this.readOnly} id=${o??h} name=${this.guid??h} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${$(d??"")}>${E({full:p||t||n,scale:this.scale})}${c&&r`<div class=${s(l.fraction)} style=${w({width:`${i*100}%`})}>${E({full:!0,partial:!0,scale:this.scale})}</div>`||""}<span class=${s(l.visuallyHidden)}>${this.messages.stars.replace("{num}",`${d}`)}</span></label>`)}${(this.count||this.average)&&this.showChip?r`<calcite-chip .label=${e} .scale=${this.scale} .value=${e}>${!!this.average&&r`<span class=${s(l.numberAverage)}>${this.average.toString()}</span>`||""}${!!this.count&&r`<span class=${s(l.numberCount)}>(${e})</span>`||""}</calcite-chip>`:null}</fieldset>${this.validationMessage&&this.status==="invalid"?O({icon:this.validationIcon,id:m.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}</span>`})}};V("calcite-rating",g);export{g as Rating};

package/dist/cdn/2DHRYJXP.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as t,b as E,c as n,d}from"./RUGBI54D.js";import{a as M,t as m}from"./4XVKHJ2X.js";import"./B3OV6FHO.js";import{a as k}from"./PE4VKPFG.js";import{a as C}from"./3L2HJTSA.js";import"./5K4OZJAZ.js";import{a as I}from"./JN6YLTUP.js";import"./ZZDNIBT7.js";import{a as z}from"./FJPXMNQ2.js";import"./VMHJHFFS.js";import"./I45Q373H.js";import"./RHTSOGXY.js";import{y as b}from"./2M4ETWZU.js";import{E as S,F as $,G as x,H as s,T as y,g as u,h as l,i as o,l as i,p as v}from"./6VHGCTFC.js";var P=u`:host{display:block;--calcite-internal-swatch-inset: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .container{--calcite-internal-swatch-size: var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}:host([scale=m]) .container{--calcite-internal-swatch-size: var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}:host([scale=l]) .container{--calcite-internal-swatch-size: var(--calcite-theme-space-3xl, var(--calcite-spacing-xxxl))}.container{position:relative;box-sizing:border-box;justify-content:center;overflow:hidden;outline-color:transparent;font-size:var(--calcite-internal-swatch-font-size, var(--calcite-font-size));block-size:var(--calcite-internal-swatch-size, auto);inline-size:var(--calcite-internal-swatch-size, auto);min-inline-size:var(--calcite-internal-swatch-size, auto);border-radius:var(--calcite-swatch-corner-radius, 0)}.container:not(.non-interactive):hover{cursor:pointer;box-shadow:0 0 0 var(--calcite-border-width-md) var(--calcite-color-border-1)}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.swatch{position:relative;display:inline-flex;overflow:hidden;z-index:calc(var(--calcite-z-index) + 1);block-size:var(--calcite-internal-swatch-size, auto);inline-size:var(--calcite-internal-swatch-size, auto);min-inline-size:var(--calcite-internal-swatch-size, auto);border-radius:var(--calcite-swatch-corner-radius, 0)}:host([selected]) .swatch{inset:var(--calcite-internal-swatch-inset);block-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset));inline-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset));min-inline-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset))}:host([selected]) .container{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-text-1),inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}:host([selected]) .image-container{inset:var(--calcite-internal-swatch-inset)}.image-container{position:absolute;display:inline-flex;overflow:hidden;z-index:calc(var(--calcite-z-index) + 2);inset:var(--calcite-theme-space-px, var(--calcite-spacing-px));display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:var(--calcite-swatch-corner-radius, 0)}.internal-svg-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:calc(var(--calcite-z-index) + 2)}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch--no-color rect{fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}:host([selected]) #swatch-rect,:host([selected]) #swatch-solid,:host([selected]) #swatch-transparent{stroke-width:0}#swatch-rect,#swatch-solid,#swatch-transparent{stroke:var(--calcite-color-text-1);stroke-width:var(--calcite-border-width-md);stroke-opacity:.3;rx:var(--calcite-swatch-corner-radius)}.internal-svg-disabled{stroke:#6a6a6a;fill:#fff}.internal-svg-empty{stroke:var(--calcite-color-status-danger);stroke-width:3}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends x{constructor(){super(),this.containerRef=S(),this.focusSetter=z()(this),this.interactiveContainer=k(this),this.hasImage=!1,this.disabled=!1,this.interactive=!1,this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteInternalSwatchSelect=v({cancelable:!1}),this.calciteInternalSyncSelectedSwatches=v({cancelable:!1}),this.calciteSwatchSelect=v({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasImage:[16,{},{state:!0}],color:1,disabled:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,parentSwatchGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=P}async setFocus(e){return this.focusSetter(()=>this.el,e)}async load(){this.handleColorChange(this.color)}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected),e.has("color")&&this.handleColorChange(this.color)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){e.target===this.el&&I(e.key)&&(this.handleEmittingEvent(),e.preventDefault())}handleSlotImageChange(e){this.hasImage=b(e)}handleEmittingEvent(){this.interactive&&this.calciteSwatchSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedSwatches.emit(),!this.parentSwatchGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalSwatchSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedSwatches.emit()}handleColorChange(e){this.internalColor=e?M(e):void 0}renderSwatchImage(){return l`<div class=${s(t.imageContainer)}><slot name=${E.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderEmptyDisplay(){let e=this.scale==="s"?"12":this.scale==="m"?"16":"20";return l`<div class=${s(t.internalSvgContainer)}><svg fill=none height=${e??i} viewBox=${`0 0 ${e} ${e}`} width=${e??i} xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgEmpty)} d=${`M${e} 0L0 ${e}`} />`}</svg></div>`}renderDisabledDisplay(){let e=l`<svg fill=none height=14 viewBox="0 0 14 14" width=14 xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgDisabled)} d="M7 0.5C10.5899 0.5 13.5 3.41015 13.5 7C13.5 10.5899 10.5899 13.5 7 13.5C3.41015 13.5 0.5 10.5899 0.5 7C0.5 3.41015 3.41015 0.5 7 0.5ZM4.78906 10.917C5.44221 11.2866 6.19529 11.5 7 11.5C9.48528 11.5 11.5 9.48528 11.5 7C11.5 6.19529 11.2866 5.44221 10.917 4.78906L4.78906 10.917ZM7 2.5C4.51472 2.5 2.5 4.51472 2.5 7C2.5 7.95644 2.79808 8.84235 3.30664 9.57129L9.57129 3.30664C8.84235 2.79808 7.95644 2.5 7 2.5Z" />`}</svg>`,a=l`<svg fill=none height=18 viewBox="0 0 18 18" width=18 xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgDisabled)} d="M9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 4.30558 4.30558 0.5 9 0.5ZM5.78125 14.2588C6.71828 14.8337 7.81941 15.167 9 15.167C12.4058 15.167 15.167 12.4058 15.167 9C15.167 7.81941 14.8337 6.71828 14.2588 5.78125L5.78125 14.2588ZM9 2.83301C5.59424 2.83301 2.83301 5.59424 2.83301 9C2.83301 10.3817 3.28731 11.6565 4.05469 12.6846L12.6846 4.05469C11.6565 3.28731 10.3817 2.83301 9 2.83301Z" />`}</svg>`;return l`<div class=${s(t.internalSvgContainer)}>${this.scale==="l"?a:e}</div>`}renderSwatch(){let{internalColor:e}=this,a="0",h=!e,c={height:"100%",rx:a,width:"100%"};if(h)return o`<clipPath id=${d.shape}><rect height=100% rx=${a} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round "${a}")`,...c})}<line clip-path=url(#shape) x1=100% x2=0 y1=0 y2=100% />`;let r=e.alpha(),w=m(e),p=m(e,r<1);return o`<defs><pattern height=${n.size} id=${d.checker} patternUnits=userSpaceOnUse width=${n.size} x=0 y=0><rect class=${s(t.checker)} height=${n.squareSize} width=${n.squareSize} x=0 y=0 /><rect class=${s(t.checker)} height=${n.squareSize} width=${n.squareSize} x=${n.squareSize} y=${n.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:c.rx,height:c.height,width:c.width})}${this.renderSwatchRect({clipPath:r<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round "${a}")`,fill:w,id:d.swatchSolid,...c})}${r<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:p,id:d.swatchTransparent,key:"opacity-fill",...c}):null}`}renderSwatchRect({clipPath:e,fill:a,height:h,key:c,rx:r,stroke:w,strokeWidth:p,width:D,id:g}){return C(c,o`<rect clip-path=${e??i} fill=${a??i} height=${h??i} id=${(g||d.swatchRect)??i} rx=${r??i} stroke=${w??i} stroke-width=${p??i} width=${D??i} />`)}render(){let{disabled:e}=this,a=e||!e&&!this.interactive,h=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":"presentation",c=!this.internalColor,r={[t.swatch]:!0,[t.noColorSwatch]:c||this.hasImage&&!this.internalColor};return this.interactiveContainer({disabled:e,children:l`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${h!=="presentation"?this.label:""} class=${s({[t.container]:!0,[t.selectable]:this.selectionMode!=="none",[t.selected]:this.selected,[t.nonInteractive]:!this.interactive})} @click=${this.handleEmittingEvent} .role=${h} .tabIndex=${a?-1:0} title=${this.label??i} ${$(this.containerRef)}>${this.renderSwatchImage()}${!this.internalColor&&!this.hasImage&&this.renderEmptyDisplay()||""}${this.disabled&&this.renderDisabledDisplay()||""}<svg class=${s(r)} role=presentation xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg></div>`})}};y("calcite-swatch",f);export{f as Swatch};

package/dist/cdn/33LITPBT.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a}from"./JYQXE5IZ.js";import{c as v}from"./OL73GMPU.js";import{a as u}from"./XN5GTOTE.js";import{a as g}from"./JWLJNX6R.js";import{a as m}from"./PE4VKPFG.js";import{a as p}from"./JN6YLTUP.js";import{a as b}from"./FJPXMNQ2.js";import"./VMHJHFFS.js";import"./I45Q373H.js";import"./RHTSOGXY.js";import"./2M4ETWZU.js";import{E as n,F as o,G as d,H as t,T as h,g as l,h as s,p as r}from"./6VHGCTFC.js";var i={container:"container",track:"track",handle:"handle"},f=l`: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([scale=s]) .container{block-size:.75rem}:host([scale=s]) .track{block-size:.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:.5rem;inline-size:.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:.75rem;inline-size:.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline:none;display:flex}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;vertical-align:top;outline-color:transparent;border-radius:var(--calcite-switch-corner-radius, 9999px);border-color:var(--calcite-switch-border-color);background-color:var(--calcite-switch-background-color, var(--calcite-color-border-input))}.container:focus .track{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container:hover .track{background-color:var(--calcite-switch-background-color-hover, var(--calcite-color-text-3))}.handle{pointer-events:none;position:absolute;display:block;transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);inset-block-start:var(--calcite-theme-space-base, var(--calcite-spacing-base));inset-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base)) auto;background-color:var(--calcite-switch-handle-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-switch-handle-border-color);border-radius:var(--calcite-switch-corner-radius, 9999px);box-shadow:var(--calcite-switch-handle-shadow)}:host([checked]) .track{background-color:var(--calcite-switch-background-color, var(--calcite-color-brand))}:host([checked]) .handle{inset-inline:auto var(--calcite-theme-space-base, var(--calcite-spacing-base))}:host([checked]):host(:hover:not([disabled])) .track{background-color:var(--calcite-switch-background-color-hover, var(--calcite-color-brand-hover))}@media(forced-colors:active){.container:focus-visible{outline:2px solid transparent;outline-offset:2px}.track,.handle{outline:2px solid transparent;outline-offset:2px}:host([checked]) .track{background-color:canvasText}:host([checked]) .handle{outline:none}:host([checked]):host(:hover:not([disabled])) .track{background-color:canvasText}}.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)}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends d{constructor(){super(),this.formSupport=v({inputType:"checkbox"})(this),this.switchRef=n(),this.focusSetter=b()(this),this.interactiveContainer=m(this),this.checked=!1,this.disabled=!1,this.required=!1,this.scale="m",this.calciteSwitchChange=r({cancelable:!1}),g(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelTextEnd:1,labelTextStart:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=f}async setFocus(e){return this.focusSetter(()=>this.switchRef.value,e)}keyDownHandler(e){!this.disabled&&p(e.key)&&(this.toggle(),e.preventDefault())}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit()}clickHandler(){this.disabled||this.toggle()}render(){return this.interactiveContainer({disabled:this.disabled,children:s`<div .ariaChecked=${this.checked} .ariaLabel=${u(this)} class=${t(i.container)} role=switch tabindex=0 ${o(this.switchRef)}>${this.labelTextStart&&a({alignmentCenter:!0,bottomSpacingDisabled:!0,labelText:this.labelTextStart,spacingInlineEnd:!0})||""}<div class=${t(i.track)}><div class=${t(i.handle)}></div></div>${this.labelTextEnd&&a({alignmentCenter:!0,bottomSpacingDisabled:!0,labelText:this.labelTextEnd,spacingInlineStart:!0})||""}</div>`})}};h("calcite-switch",c);export{c as Switch};