@esri/calcite-components 5.2.0-next.98 → 5.2.0

package/dist/index.d.ts

@@ -139,6 +139,7 @@ import type { TableCell } from "./components/calcite-table-cell/customElement.js
 import type { TableHeader } from "./components/calcite-table-header/customElement.js";
 import type { TableRow } from "./components/calcite-table-row/customElement.js";
 import type { Tabs } from "./components/calcite-tabs/customElement.js";
+import type { Text } from "./components/calcite-text/customElement.js";
 import type { TextArea } from "./components/calcite-text-area/customElement.js";
 import type { Tile } from "./components/calcite-tile/customElement.js";
 import type { TileGroup } from "./components/calcite-tile-group/customElement.js";
@@ -607,6 +608,7 @@ declare global {
     "calcite-table-header": TableHeader;
     "calcite-table-row": TableRow;
     "calcite-tabs": Tabs;
+    "calcite-text": Text;
     "calcite-text-area": TextArea;
     "calcite-tile": Tile;
     "calcite-tile-group": TileGroup;
@@ -879,6 +881,8 @@ declare global {
 
   type HTMLCalciteTabsElement = Tabs;
 
+  type HTMLCalciteTextElement = Text;
+
   type HTMLCalciteTextAreaElementEventMap = TextArea["@eventTypes"];
   type HTMLCalciteTextAreaElement = TextArea;
 

package/dist/loader.js

@@ -54,7 +54,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "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],
   "calcite-input-text": [() => import("./components/calcite-input-text/customElement.js"), "alignment,autocomplete,clearable,disabled,form,icon,iconFlipRtl,inlineEdit,inlineEditing,inlineEditingBeforeConfirm:,label,labelText,loading,maxLength,messageOverrides:,minLength,name,pattern,placeholder,prefixText,readOnly,required,scale,status,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
   "calcite-input-time-picker": [() => import("./components/calcite-input-time-picker/customElement.js"), "clearable,disabled,focusTrapDisabled,form,hourFormat,label,labelText,max,messageOverrides:,min,name,numberingSystem,open,overlayPositioning,placeholder,placement,readOnly,required,scale,status,step,validationIcon,validationMessage,validity:,value;reposition,setFocus", 1],
-  "calcite-input-time-zone": [() => import("./components/calcite-input-time-zone/customElement.js"), "clearable,disabled,form,labelText,maxItems,messageOverrides:,mode,name,offsetStyle,open,overlayPositioning,placeholder,readOnly,referenceDate,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;setFocus", 1],
+  "calcite-input-time-zone": [() => import("./components/calcite-input-time-zone/customElement.js"), "clearable,disabled,form,label,labelText,maxItems,messageOverrides:,mode,name,offsetStyle,open,overlayPositioning,placeholder,readOnly,referenceDate,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;setFocus", 1],
   "calcite-label": [() => import("./components/calcite-label/customElement.js"), "alignment,for,layout,scale"],
   "calcite-link": [() => import("./components/calcite-link/customElement.js"), "disabled,download,href,iconEnd,iconFlipRtl,iconStart,rel,target;setFocus"],
   "calcite-list": [() => import("./components/calcite-list/customElement.js"), "canPull:,canPut:,disabled,displayMode,dragEnabled,filteredData:,filteredItems:,filterEnabled,filterLabel,filterPlaceholder,filterPredicate:,filterProps:,filterText,group,interactionMode,label,loading,messageOverrides:,numberingSystem,scale,selectedItems:,selectionAppearance,selectionMode,sortDisabled;setFocus;emitOrderChangeEvent"],
@@ -83,7 +83,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-select": [() => import("./components/calcite-select/customElement.js"), "disabled,form,label,labelText,messageOverrides:,name,required,scale,selectedOption:,status,validationIcon,validationMessage,validity:,value,width;setFocus", 1],
   "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,messages:,modalDisabled,open,opened,outsideCloseDisabled,position,resizable,topLayerDisabled,width,widthScale;setFocus,updateFocusTrapElements,updateSize"],
   "calcite-shell": [() => import("./components/calcite-shell/customElement.js"), "contentBehind"],
-  "calcite-shell-panel": [() => import("./components/calcite-shell-panel/customElement.js"), "actionBarPosition,collapsed,displayMode,height,heightScale,layout,messageOverrides:,position,resizable,shellSizingDataProvider:,width,widthScale;updateSize"],
+  "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"],
@@ -102,6 +102,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-table-header": [() => import("./components/calcite-table-header/customElement.js"), "alignment,bodyRowCount,colSpan,description,heading,interactionMode,lastCell,messageOverrides:,numberCell,parentRowAlignment,parentRowIsSelected,parentRowType,positionInRow,rowSpan,scale,selectedRowCount,selectedRowCountLocalized,selectionCell,selectionMode;setFocus"],
   "calcite-table-row": [() => import("./components/calcite-table-row/customElement.js"), "alignment,bodyRowCount,cellCount,disabled,interactionMode,itemHidden,lastVisibleRow,numbered,positionAll,positionSection,positionSectionLocalized,readCellContentsToAT,rowType,scale,selected,selectedRowCount,selectedRowCountLocalized,selectionMode,stickyHeaderEnabled"],
   "calcite-tabs": [() => import("./components/calcite-tabs/customElement.js"), "bordered,lastTabClosable,layout,position,scale"],
+  "calcite-text": [() => import("./components/calcite-text/customElement.js"), "maxLines,truncatePosition"],
   "calcite-text-area": [() => import("./components/calcite-text-area/customElement.js"), "columns,disabled,form,groupSeparator,label,labelText,limitText,loading,maxLength,messageOverrides:,minLength,name,numberingSystem,placeholder,readOnly,required,resize,rows,scale,status,validationIcon,validationMessage,validity:,value,wrap;selectText,setFocus", 1],
   "calcite-tile": [() => import("./components/calcite-tile/customElement.js"), "active,alignment,description,disabled,embed,heading,headingLevel,href,icon,iconFlipRtl,interactive,label,layout,scale,selected,selectionAppearance,selectionMode;setFocus"],
   "calcite-tile-group": [() => import("./components/calcite-tile-group/customElement.js"), "alignment,disabled,label,layout,scale,selectedItems:,selectionAppearance,selectionMode"],

package/dist/types/lumina.d.ts

@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
 import type { TableHeader } from "../components/calcite-table-header/customElement.js";
 import type { TableRow } from "../components/calcite-table-row/customElement.js";
 import type { Tabs } from "../components/calcite-tabs/customElement.js";
+import type { Text } from "../components/calcite-text/customElement.js";
 import type { TextArea } from "../components/calcite-text-area/customElement.js";
 import type { Tile } from "../components/calcite-tile/customElement.js";
 import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -378,7 +379,7 @@ interface LuminaCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "cl
   oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface LuminaCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputTimeZone> {
+interface LuminaCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputTimeZone> {
   oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -510,7 +511,7 @@ interface LuminaCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pic
 interface LuminaCalciteShell extends Partial<Pick<Shell, "contentBehind">>, h.JSX.HTMLAttributes<Shell> {
 }
 
-interface LuminaCalciteShellPanel extends Partial<Pick<ShellPanel, "actionBarPosition" | "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, h.JSX.HTMLAttributes<ShellPanel> {
+interface LuminaCalciteShellPanel extends Partial<Pick<ShellPanel, "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, h.JSX.HTMLAttributes<ShellPanel> {
   oncalciteShellPanelCollapse?: EventHandler<ShellPanel["calciteShellPanelCollapse"]>;
   oncalciteShellPanelExpand?: EventHandler<ShellPanel["calciteShellPanelExpand"]>;
 }
@@ -592,6 +593,9 @@ interface LuminaCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "di
 interface LuminaCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, h.JSX.HTMLAttributes<Tabs> {
 }
 
+interface LuminaCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, h.JSX.HTMLAttributes<Text> {
+}
+
 interface LuminaCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, h.JSX.HTMLAttributes<TextArea> {
   oncalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
   oncalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -728,6 +732,7 @@ declare module "@arcgis/lumina" {
       "calcite-table-header": LuminaCalciteTableHeader;
       "calcite-table-row": LuminaCalciteTableRow;
       "calcite-tabs": LuminaCalciteTabs;
+      "calcite-text": LuminaCalciteText;
       "calcite-text-area": LuminaCalciteTextArea;
       "calcite-tile": LuminaCalciteTile;
       "calcite-tile-group": LuminaCalciteTileGroup;

package/dist/types/preact.d.ts

@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
 import type { TableHeader } from "../components/calcite-table-header/customElement.js";
 import type { TableRow } from "../components/calcite-table-row/customElement.js";
 import type { Tabs } from "../components/calcite-tabs/customElement.js";
+import type { Text } from "../components/calcite-text/customElement.js";
 import type { TextArea } from "../components/calcite-text-area/customElement.js";
 import type { Tile } from "../components/calcite-tile/customElement.js";
 import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -379,7 +380,7 @@ interface PreactCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "cl
   oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface PreactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputTimeZone> {
+interface PreactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputTimeZone> {
   oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -511,7 +512,7 @@ interface PreactCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pic
 interface PreactCalciteShell extends Partial<Pick<Shell, "contentBehind">>, HTMLAttributes<Shell> {
 }
 
-interface PreactCalciteShellPanel extends Partial<Pick<ShellPanel, "actionBarPosition" | "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, HTMLAttributes<ShellPanel> {
+interface PreactCalciteShellPanel extends Partial<Pick<ShellPanel, "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, HTMLAttributes<ShellPanel> {
   oncalciteShellPanelCollapse?: EventHandler<ShellPanel["calciteShellPanelCollapse"]>;
   oncalciteShellPanelExpand?: EventHandler<ShellPanel["calciteShellPanelExpand"]>;
 }
@@ -593,6 +594,9 @@ interface PreactCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "di
 interface PreactCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, HTMLAttributes<Tabs> {
 }
 
+interface PreactCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, HTMLAttributes<Text> {
+}
+
 interface PreactCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, HTMLAttributes<TextArea> {
   oncalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
   oncalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -729,6 +733,7 @@ declare module 'preact' {
       "calcite-table-header": PreactCalciteTableHeader;
       "calcite-table-row": PreactCalciteTableRow;
       "calcite-tabs": PreactCalciteTabs;
+      "calcite-text": PreactCalciteText;
       "calcite-text-area": PreactCalciteTextArea;
       "calcite-tile": PreactCalciteTile;
       "calcite-tile-group": PreactCalciteTileGroup;
@@ -839,6 +844,7 @@ declare module 'preact' {
       "calcite-table-header": PreactCalciteTableHeader;
       "calcite-table-row": PreactCalciteTableRow;
       "calcite-tabs": PreactCalciteTabs;
+      "calcite-text": PreactCalciteText;
       "calcite-text-area": PreactCalciteTextArea;
       "calcite-tile": PreactCalciteTile;
       "calcite-tile-group": PreactCalciteTileGroup;

package/dist/types/react.d.ts

@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
 import type { TableHeader } from "../components/calcite-table-header/customElement.js";
 import type { TableRow } from "../components/calcite-table-row/customElement.js";
 import type { Tabs } from "../components/calcite-tabs/customElement.js";
+import type { Text } from "../components/calcite-text/customElement.js";
 import type { TextArea } from "../components/calcite-text-area/customElement.js";
 import type { Tile } from "../components/calcite-tile/customElement.js";
 import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -379,7 +380,7 @@ interface ReactCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "cle
   oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface ReactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputTimeZone> {
+interface ReactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputTimeZone> {
   oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -511,7 +512,7 @@ interface ReactCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick
 interface ReactCalciteShell extends Partial<Pick<Shell, "contentBehind">>, HTMLProps<Shell> {
 }
 
-interface ReactCalciteShellPanel extends Partial<Pick<ShellPanel, "actionBarPosition" | "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, HTMLProps<ShellPanel> {
+interface ReactCalciteShellPanel extends Partial<Pick<ShellPanel, "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, HTMLProps<ShellPanel> {
   oncalciteShellPanelCollapse?: EventHandler<ShellPanel["calciteShellPanelCollapse"]>;
   oncalciteShellPanelExpand?: EventHandler<ShellPanel["calciteShellPanelExpand"]>;
 }
@@ -593,6 +594,9 @@ interface ReactCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "dis
 interface ReactCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, HTMLProps<Tabs> {
 }
 
+interface ReactCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, HTMLProps<Text> {
+}
+
 interface ReactCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, HTMLProps<TextArea> {
   oncalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
   oncalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -729,6 +733,7 @@ declare module "react" {
       "calcite-table-header": ReactCalciteTableHeader;
       "calcite-table-row": ReactCalciteTableRow;
       "calcite-tabs": ReactCalciteTabs;
+      "calcite-text": ReactCalciteText;
       "calcite-text-area": ReactCalciteTextArea;
       "calcite-tile": ReactCalciteTile;
       "calcite-tile-group": ReactCalciteTileGroup;
@@ -841,6 +846,7 @@ declare module "react/jsx-runtime" {
       "calcite-table-header": ReactCalciteTableHeader;
       "calcite-table-row": ReactCalciteTableRow;
       "calcite-tabs": ReactCalciteTabs;
+      "calcite-text": ReactCalciteText;
       "calcite-text-area": ReactCalciteTextArea;
       "calcite-tile": ReactCalciteTile;
       "calcite-tile-group": ReactCalciteTileGroup;
@@ -953,6 +959,7 @@ declare module "react/jsx-dev-runtime" {
       "calcite-table-header": ReactCalciteTableHeader;
       "calcite-table-row": ReactCalciteTableRow;
       "calcite-tabs": ReactCalciteTabs;
+      "calcite-text": ReactCalciteText;
       "calcite-text-area": ReactCalciteTextArea;
       "calcite-tile": ReactCalciteTile;
       "calcite-tile-group": ReactCalciteTileGroup;

package/dist/types/stencil.d.ts

@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
 import type { TableHeader } from "../components/calcite-table-header/customElement.js";
 import type { TableRow } from "../components/calcite-table-row/customElement.js";
 import type { Tabs } from "../components/calcite-tabs/customElement.js";
+import type { Text } from "../components/calcite-text/customElement.js";
 import type { TextArea } from "../components/calcite-text-area/customElement.js";
 import type { Tile } from "../components/calcite-tile/customElement.js";
 import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -379,7 +380,7 @@ interface StencilCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "c
   onCalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
+interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
   onCalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   onCalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   onCalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -511,7 +512,7 @@ interface StencilCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pi
 interface StencilCalciteShell extends Partial<Pick<Shell, "contentBehind">>, StencilJsx.HTMLAttributes<Shell> {
 }
 
-interface StencilCalciteShellPanel extends Partial<Pick<ShellPanel, "actionBarPosition" | "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<ShellPanel> {
+interface StencilCalciteShellPanel extends Partial<Pick<ShellPanel, "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "shellSizingDataProvider" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<ShellPanel> {
   onCalciteShellPanelCollapse?: EventHandler<ShellPanel["calciteShellPanelCollapse"]>;
   onCalciteShellPanelExpand?: EventHandler<ShellPanel["calciteShellPanelExpand"]>;
 }
@@ -593,6 +594,9 @@ interface StencilCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "d
 interface StencilCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, StencilJsx.HTMLAttributes<Tabs> {
 }
 
+interface StencilCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, StencilJsx.HTMLAttributes<Text> {
+}
+
 interface StencilCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, StencilJsx.HTMLAttributes<TextArea> {
   onCalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
   onCalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -727,6 +731,7 @@ interface ExposedElements {
   "calcite-table-header": StencilCalciteTableHeader;
   "calcite-table-row": StencilCalciteTableRow;
   "calcite-tabs": StencilCalciteTabs;
+  "calcite-text": StencilCalciteText;
   "calcite-text-area": StencilCalciteTextArea;
   "calcite-tile": StencilCalciteTile;
   "calcite-tile-group": StencilCalciteTileGroup;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.2.0-next.98",
+  "version": "5.2.0",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -35,8 +35,8 @@
   "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.0-next.3",
-    "@esri/calcite-ui-icons": "4.6.0-next.24",
+    "@esri/calcite-design-tokens": "4.2.0",
+    "@esri/calcite-ui-icons": "4.6.0",
     "@floating-ui/dom": "^1.8.0",
     "@floating-ui/utils": "^0.2.8",
     "@interactjs/types": "^1.10.27",
@@ -57,11 +57,11 @@
     "@arcgis/eslint-config": ">=5.2.0-next.129 <6.0.0",
     "@arcgis/lumina-compiler": ">=5.2.0-next.129 <6.0.0",
     "@cloudfour/simple-svg-placeholder": "1.2.0",
-    "@esri/calcite-tailwind-preset": "1.1.2-next.14",
+    "@esri/calcite-tailwind-preset": "1.1.2",
     "@esri/calcite-typescript-config": "0.0.1-next.6",
     "@esri/eslint-config-calcite": "0.0.1-next.13",
-    "@esri/eslint-plugin-calcite-components": "2.0.4-next.23",
-    "@esri/stylelint-plugin-calcite-components": "0.2.0-next.5",
+    "@esri/eslint-plugin-calcite-components": "2.0.4",
+    "@esri/stylelint-plugin-calcite-components": "0.2.0",
     "@storybook/addon-a11y": "10.3.6",
     "@storybook/addon-docs": "10.3.6",
     "@storybook/addon-themes": "10.3.6",

package/dist/cdn/2HJPXQ5B.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as S,b as D,c as F,d as H}from"./W3FCMULY.js";import{a as L}from"./CLVHKFCN.js";import{a as B}from"./DF5PO5NR.js";import{a as z}from"./CKTA5V2U.js";import{c as M}from"./K72CW4S6.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./SBVPQLA5.js";import{a as $}from"./OVS4YSHC.js";import{a as V}from"./CB7LBQT3.js";import{a as C}from"./WUJB2SSD.js";import{a as y}from"./ZWPNZ5XW.js";import{c as w,e as I}from"./C7WYI3QO.js";import"./BKM63VLU.js";import{s as v}from"./7FW2RVVH.js";import{D as b,E as u,F as h,G as x,H as a,L as g,M as E,T as k,g as m,h as r,l as n,p as c}from"./NXKY46RO.js";var i={loader:"loader",clearable:"clearable",clearButton:"clear-button",inlineEditing:"inline-editing",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},q={validationMessage:"inputTextValidationMessage"},O={action:"action"},P=m`: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{display:block;--calcite-internal-input-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-fixed-sm))}:host([scale=s]) input{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)))}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .prefix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))))}:host([scale=s]) .suffix{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-theme-space-md, var(--calcite-spacing-fixed-md))}:host([scale=m]) input{padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-theme-space-md, var(--calcite-spacing-md)))}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .prefix{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md)) var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-theme-space-xs, var(--calcite-spacing-xs))))}:host([scale=m]) .suffix{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs)) var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var( --calcite-theme-space-md-plus, var(--calcite-spacing-fixed-lg) )}:host([scale=l]) input{padding-inline-start:var(--calcite-theme-space-lg, var(--calcite-spacing-lg));padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-theme-space-lg, var(--calcite-spacing-lg)))}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .prefix{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-theme-space-sm, var(--calcite-spacing-sm))))}:host([scale=l]) .suffix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{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}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{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;background-color:var(--calcite-input-text-inline-edit-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host([inline-edit]) input,:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{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;background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.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}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-action-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-edit-control-background-color-hover, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-edit-control-background-color-press, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}`,f=class extends x{constructor(){super(),this.actionWrapperRef=u(),this.attributeWatch=w(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=u(),this.enableInlineEditingButtonRef=u(),this.direction=I(),this.inputWrapperRef=u(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=V({blocking:!0}),this.focusSetter=C()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(this),this.inlineEditManager=new F({getInlineEditing:()=>this.inlineEditing,setInlineEditing:e=>{this.inlineEditing=e},getValue:()=>this.value,restoreValue:e=>{this.restoreInlineEditingValue(e)},commitValue:()=>this.commitInlineEditingValue(),setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputTextInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=c(),this.calciteInputTextInlineEditingCancel=c({cancelable:!1}),this.calciteInputTextInlineEditingChange=c({cancelable:!1}),this.calciteInputTextInlineEditingConfirm=c({cancelable:!1}),this.calciteInputTextInput=c(),this.calciteInternalInputTextBlur=c(),this.calciteInternalInputTextFocus=c(),R(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:H},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],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}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return this.clearable&&this.valueForEditing.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t))}async selectText(){this.childRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.requestedIcon=v({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("icon")&&(this.requestedIcon=v({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value:e||""}),this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&e.key==="Escape"){if(e.preventDefault(),this.isClearable){this.clearInputTextValue(e);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){this.hasInlineEditContext&&this.inlineEditingEnabledInContext&&e.preventDefault()}commitInlineEditingValue(){let e=this.draftValue;e!==void 0&&(this.draftValue=void 0,e!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=e,this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(e)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputTextInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),l=t.some(o=>o instanceof HTMLElement&&o.classList.contains(S.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||l)){if(this.selfManagedInlineEdit&&!this.inlineEditing){e.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,e=>{this.inlineEditingLoading=e}),this.focusEnableInlineEditingButton()}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}async inputTextKeyDownHandler(e){if(!(this.disabled||this.readOnly)&&e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let t=e.currentTarget;this.inlineEditControlsDisabled?t.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,l=>{this.inlineEditingLoading=l}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}restoreInlineEditingValue(e){this.draftValue=void 0,this.setInputValue(e)}setValue({committing:e=!1,nativeEvent:t,origin:l,previousValue:o,value:s}){let p=this.valueForEditing,d=l==="user"&&this.isStagingInlineEditingValue;this.setPreviousValue(o??p),this.previousValueOrigin=l,d?this.draftValue=s:(this.userChangedValue=l==="user"&&s!==this.value,this.value=s),l==="direct"&&(this.draftValue=void 0,this.setInputValue(s),this.setPreviousEmittedValue(s)),t&&!d&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&!d&&this.emitChangeIfUserModified())}render(){let e=this.direction,t=r`<div class=${a(i.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,l=r`<div class=${a(i.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue} @pointerdown=${this.clearButtonPointerDownHandler}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=r`<div class=${a(i.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,s=r`<div class=${a(i.prefix)}>${this.prefixText}</div>`,p=r`<div class=${a(i.suffix)}>${this.suffixText}</div>`,d=r`<input aria-errormessage=${q.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[i.inlineEditing]:this.inlineEditingEnabledInContext,[i.inlineChild]:this.hasInlineEditContext,[i.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??n} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??n} inputmode=${this.el.inputMode??n} maxlength=${this.maxLength??n} minlength=${this.minLength??n} name=${this.name??n} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??n} placeholder=${(this.placeholder||"")??n} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??n} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??n} type=text .value=${b(this.valueForEditing??"")} ${h(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:r`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[i.inputWrapper]:!0,[E.rtl]:e==="rtl",[i.clearable]:this.isClearable,[i.hasSuffix]:this.suffixText,[i.hasPrefix]:this.prefixText})} ${h(this.inputWrapperRef)}><div class=${a(i.wrapper)}>${this.loading?t:null}${this.prefixText?s:null}${this.requestedIcon?o:null}${d}${this.isClearable?l:null}${this.suffixText?p:null}</div>${this.selfManagedInlineEdit&&r`<div class=${a(i.inlineEdit)}>${D({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${a(i.actionWrapper)} ${h(this.actionWrapperRef)}><slot name=${O.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?B({icon:this.validationIcon,id:q.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};k("calcite-input-text",f);export{f as InputText};

package/dist/cdn/5BCQFAP3.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as b,b as k}from"./SZUPQ4CX.js";import{a as ot}from"./WXRLJFNC.js";import{a as et}from"./3XS7XZAX.js";import{a as it,c as at}from"./ETUHG3UR.js";import{a as J}from"./VI7SBYXT.js";import{a as tt}from"./CB7LBQT3.js";import{b as nt}from"./JL43QOWW.js";import{a as w,d as p}from"./24ZPXFO2.js";import{c as H,e as v}from"./XX43OXTK.js";import{c as P}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as _}from"./WUJB2SSD.js";import"./ZWPNZ5XW.js";import{e as X}from"./C7WYI3QO.js";import"./BKM63VLU.js";import{C as G,H as h,r as F,y as Y,z as Z}from"./7FW2RVVH.js";import{E as f,F as y,G as j,H as E,N as K,Q as W,T as Q,g as V,h as A,l as N,p as C}from"./NXKY46RO.js";var dt=({bufferSize:l=0,containerSize:t,itemSizes:e})=>{let a=t-l,i=e.length,r=0;for(let[n,o]of e.entries())if(r=r+o,r>a){i=n;break}else continue;return i},ht=({bufferSize:l=0,containerSize:t,itemSizes:e})=>Math.max(e.length-dt({bufferSize:l,itemSizes:e,containerSize:t}),0),pt=l=>l.flatMap(t=>p(t)?t.actions:v(t)?t.actions.filter(e=>e.slot===H.trigger):t).filter(t=>!!t),ut=({item:l,containerRect:t,horizontal:e,rtl:a})=>{let i=l.getBoundingClientRect();return e?i.top-t.top:a?t.right-i.right:i.left-t.left},gt=({actionGroups:l,expanded:t,overflowCount:e})=>{let a=e;[...l].reverse().forEach(i=>{let r=0,n=i.actions.filter(o=>o.parentElement===i).reverse();n.forEach(o=>{o.slot===w.menuActions&&(o.removeAttribute("slot"),o.textEnabled=t)}),a>0&&!i.overflowActionsDisabled&&n.some(o=>(n.filter(c=>!c.slot).length>1&&n.length>2&&!o.closest("calcite-action-menu")&&!o.overflowDisabled&&(o.textEnabled=!0,o.setAttribute("slot",w.menuActions),r++,r>1&&a--),a<1)),i.manager.component.requestUpdate()})},ft=V`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-bar-gap: var( --calcite-action-bar-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-bar-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-bar-gap: var( --calcite-action-bar-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-bar-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc( var(--calcite-theme-space-base, var(--calcite-spacing-base)) + 1px )}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)));box-shadow:var(--calcite-action-bar-shadow, var(--calcite-shadow-md))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}.line-overlay{position:absolute;inset:0;pointer-events:none}.line{position:absolute;--calcite-internal-action-bar-divider-inset: calc( var(--calcite-internal-action-group-dividing-border-margin) - var(--calcite-border-width-sm) )}:host([overflow-mode=wrap][layout=horizontal]) .container,:host([overflow-mode=wrap][layout=vertical]) .container{position:relative;flex-wrap:wrap;align-content:flex-start;--calcite-internal-action-bar-line-gap: calc( var(--calcite-internal-action-bar-padding) + var(--calcite-internal-action-bar-gap) )}:host([overflow-mode=wrap][layout=horizontal]) ::slotted(calcite-action-group[slot=actions-start]),:host([overflow-mode=wrap][layout=vertical]) ::slotted(calcite-action-group[slot=actions-start]){padding-inline-end:0;padding-block-end:0;border-inline-end-width:0;border-block-end-width:0}:host([overflow-mode=wrap][layout=horizontal]) .container{row-gap:var(--calcite-internal-action-bar-line-gap)}:host([overflow-mode=wrap][layout=horizontal]) ::slotted(calcite-action-group:not([slot=actions-start])){margin-inline-start:calc(-1 * var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-action-bar-padding) 0;border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0;border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent calc(100% - var(--calcite-internal-action-group-dividing-border-margin)));border-image-slice:1}:host([overflow-mode=wrap][layout=horizontal]) .line{inset-inline:var(--calcite-internal-action-bar-padding);block-size:var(--calcite-border-width-sm);inset-block-start:calc(var(--calcite-internal-action-bar-line-offset, 0px) - var(--calcite-internal-action-bar-line-gap) / 2);background:linear-gradient(to right,transparent var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-bar-divider-inset)),transparent calc(100% - var(--calcite-internal-action-bar-divider-inset)))}:host([overflow-mode=wrap][layout=horizontal]) .container.has-action-groups{overflow:hidden;padding-inline-start:0;column-gap:calc(var(--calcite-internal-action-bar-gap) + var(--calcite-border-width-sm))}:host([overflow-mode=wrap][layout=horizontal]) .container.has-action-groups .action-group--start{padding-inline-start:var(--calcite-internal-action-bar-padding)}:host([overflow-mode=wrap][layout=vertical]) .container{block-size:100%;min-block-size:0;column-gap:var(--calcite-internal-action-bar-line-gap)}:host([overflow-mode=wrap][layout=vertical]) ::slotted(calcite-action-group:not([slot=actions-start])){margin-block-start:calc(-1 * var(--calcite-border-width-sm));padding-block:var(--calcite-internal-action-bar-padding) 0;border-block-start-width:var(--calcite-border-width-sm);border-block-end-width:0;border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent calc(100% - var(--calcite-internal-action-group-dividing-border-margin)));border-image-slice:1}:host([overflow-mode=wrap][layout=vertical]) .line{inset-block:var(--calcite-internal-action-bar-padding);inline-size:var(--calcite-border-width-sm);inset-inline-start:calc(var(--calcite-internal-action-bar-line-offset, 0px) - var(--calcite-internal-action-bar-line-gap) / 2);background:linear-gradient(to bottom,transparent var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-bar-divider-inset),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-bar-divider-inset)),transparent calc(100% - var(--calcite-internal-action-bar-divider-inset)))}:host([overflow-mode=wrap][layout=vertical]) .container.has-action-groups{overflow:hidden;padding-block-start:0;row-gap:calc(var(--calcite-internal-action-bar-gap) + var(--calcite-border-width-sm))}:host([overflow-mode=wrap][layout=vertical]) .container.has-action-groups .action-group--start{padding-block-start:var(--calcite-internal-action-bar-padding)}:host([overflow-mode=none][layout=horizontal]) .container{overflow-x:auto}:host([overflow-mode=none][layout=vertical]) .container{overflow-y:auto}:host([hidden]){display:none}[hidden]{display:none}`,U=class extends j{constructor(){super(),this.actions=[],this.containerRef=f(),this.defaultSlotRef=f(),this.actionsStartSlotRef=f(),this.actionsEndSlotRef=f(),this.actionsStartGroupRef=f(),this.actionsEndGroupRef=f(),this.direction=X(),this.defaultSlotItems=[],this.actionGroups=[],this.actionMenus=[],this.actionsStart=[],this.actionsStartGroups=[],this.actionsEnd=[],this.actionsEndGroups=[],this.overflowPassId=0,this.suppressedActionGroupActionsChange=new WeakMap,this.cancelable=ot()(this),this.resize=et(({width:t,height:e})=>{let{expanded:a,expandToggleDisabled:i,layout:r,expandPosition:n}=this;if(!this.containerRef.value)return;if(this.usesWrap){this.scheduleLineMeasure();return}if(this.overflowMode!=="collapse"||r==="vertical"&&!e||r==="horizontal"&&!t)return;this.updateGroups();let o=this.getItemSizes(),{actionGroups:s,actionsEnd:c,actionsEndGroups:d,actionsStart:T,actionsStartGroups:O,defaultSlotItems:D}=this,m=[...O,...s,...d],I=this.hasActionsEnd||!i&&n==="end"?1:0,M=this.hasActionsStart||!i&&n==="start"?1:0,R=D.length+I+M,u=R,S=getComputedStyle(this.containerRef.value);if(u+=h(r==="horizontal"?S.paddingInlineStart:S.paddingBlockStart)+h(r==="horizontal"?S.paddingInlineEnd:S.paddingBlockEnd),m.length>0){let z=m.length-1;m.forEach((x,$)=>{let g=getComputedStyle(x),B=h(g.gap),L=this.getVisibleActionGroupItemCount(x),lt=Math.max(L-1,0);u+=B*lt,$!==z&&(u+=h(r==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),u+=h(r==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))})}let q=(z,x,$)=>{if(!x||z.length<1)return;let g=getComputedStyle(x),B=h(g.gap),L=z.length+($?1:0);u+=B*Math.max(L-1,0)},rt=!i&&n==="start",st=!i&&n==="end";q(T,this.actionsStartGroupRef.value,rt),q(c,this.actionsEndGroupRef.value,st),R>1&&(u+=h(S.gap)*(R-1));let ct=ht({bufferSize:u,containerSize:r==="horizontal"?t:e,itemSizes:o});this.runOverflowActions({actionGroups:m,expanded:a,overflowCount:ct})},K.resize),this.resizeHandler=t=>{if(this.usesWrap){this.scheduleLineMeasure();return}let{width:e,height:a}=t.contentRect,i=this.layout==="horizontal"?"width":"height",r=i==="width"?e:a;this.lastOverflowAxisSize?.axis===i&&this.lastOverflowAxisSize.size===r||(this.lastOverflowAxisSize={axis:i,size:r},this.resize({width:e,height:a}))},this.resizeObserver=J("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=tt({blocking:!0}),this.focusSetter=_()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasActionGroups=!1,this.lineOffsets=[],this.floating=!1,this.expandToggleDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowMode="collapse",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=C({cancelable:!1}),this.calciteActionBarExpand=C({cancelable:!1}),this.calciteActionBarToggle=C({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("calciteInternalActionGroupActionsChange",this.handleActionGroupActionsChange),this.listen("calciteInternalActionMenuActionsChange",this.handleActionMenuActionsChange),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasActionGroups:[16,{},{state:!0}],lineOffsets:[16,{},{state:!0}],actionsEndGroupLabel:1,actionsStartGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandToggleDisabled:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandPosition:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],overflowMode:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=ft}get usesWrap(){return this.overflowMode==="wrap"&&this.layout!=="grid"}get expandDisabled(){return this.expandToggleDisabled}set expandDisabled(t){W.deprecated("property",{component:this,name:"expandDisabled",removalVersion:6,suggested:"expandToggleDisabled"}),this.expandToggleDisabled=t}get overflowActionsDisabled(){return this.overflowMode==="none"}set overflowActionsDisabled(t){W.deprecated("property",{component:this,name:"overflowActionsDisabled",removalVersion:7,suggested:'overflowMode="none"'}),this.overflowMode=t?"none":"collapse"}async overflowActions(){if(this.overflowMode!=="collapse"){this.usesWrap&&this.scheduleLineMeasure();return}this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.overflowModeHandler(),this.cancelable.add(this.resize)}willUpdate(t){(t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)||t.has("expandToggleDisabled")&&(this.hasUpdated||this.expandToggleDisabled!==!1)||t.has("expandPosition")&&(this.hasUpdated||this.expandPosition!=="end"))&&this.overflowActions(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.updateGroups(),this.overflowModeHandler(),this.usesWrap||this.updateLines()),t.has("overflowMode")&&(this.hasUpdated||this.overflowMode!=="collapse")&&(!this.usesWrap&&this.lineMeasureFrame!=null&&(cancelAnimationFrame(this.lineMeasureFrame),this.lineMeasureFrame=void 0),this.usesWrap?this.scheduleLineMeasure():this.updateLines(),this.overflowModeHandler()),t.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}updated(){this.usesWrap&&this.lineMeasureFrame==null&&this.scheduleLineMeasure()}loaded(){this.syncDefaultSlot(),this.syncActionsStartSlot(),this.syncActionsEndSlot(),this.syncActionsState(),this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),this.lineMeasureFrame!=null&&(cancelAnimationFrame(this.lineMeasureFrame),this.lineMeasureFrame=void 0)}getItemSizes(){let{layout:t,expandToggleEl:e}=this,a=t==="horizontal"?"clientWidth":"clientHeight",i=this.actions.map(o=>o[a]||0);this.getTrackedActionGroups().flatMap(o=>F(o,"calcite-action-menu")).forEach(o=>{let s=o.actions.find(c=>c.slot===H.trigger);i.push((s??o)[a]||0)}),e&&i.push(e[a]||0);let n=Math.max(...i,0);return i.map(o=>o||n)}getVisibleActionGroupItemCount(t){let e=t.actions.filter(n=>n.parentElement===t),a=F(t,"calcite-action-menu").length,i=e.filter(n=>n.slot!==w.menuActions).length+a,r=e.some(n=>n.slot===w.menuActions);return i+(r?1:0)}expandedHandler(){this.syncActionsState(!0),this.overflowActions()}overflowModeHandler(){this.overflowMode==="none"?this.resizeObserver?.disconnect():this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){let e=t.composedPath(),a=e.find(i=>p(i)||v(i));a&&(p(a)&&!a.menuOpen||v(a)&&!a.open||(this.getTrackedActionGroups().forEach(i=>{e.includes(i)||(i.menuOpen=!1)}),this.getTrackedActionMenus().forEach(i=>{e.includes(i)||(i.open=!1)})))}runOverflowActions({actionGroups:t,expanded:e,overflowCount:a}){let i=++this.overflowPassId,r=new Map;t.forEach(n=>{let o=n.actions.filter(s=>s.parentElement===n);r.set(n,o.map(s=>s.slot??"").join("|"))}),gt({actionGroups:t,expanded:e,overflowCount:a}),t.forEach(n=>{let s=n.actions.filter(c=>c.parentElement===n).map(c=>c.slot??"").join("|");r.get(n)!==s&&(this.suppressedActionGroupActionsChange.set(n,i),this.queueSuppressedActionGroupActionsChangeCleanup(n,i))})}queueSuppressedActionGroupActionsChangeCleanup(t,e){queueMicrotask(()=>{this.suppressedActionGroupActionsChange.get(t)===e&&this.suppressedActionGroupActionsChange.delete(t)})}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}getSectionWrapperGroups(){return[this.actionsStartGroupRef.value,this.actionsEndGroupRef.value].filter(t=>!!t)}updateGroups(){let t=[...this.actionGroups,...this.actionsStartGroups,...this.actionsEndGroups,...this.getSectionWrapperGroups()];this.hasActionGroups=this.actionGroups.length>0,t.forEach(e=>{e.layout=this.layout,e.scale=this.scale})}scheduleLineMeasure(){this.lineMeasureFrame!=null&&cancelAnimationFrame(this.lineMeasureFrame),this.lineMeasureFrame=requestAnimationFrame(()=>{this.lineMeasureFrame=void 0,this.updateLines()})}getWrapItems(){let t=[],e=this.actionsStartGroupRef.value;e&&!e.hidden&&t.push(e),this.defaultSlotItems.forEach(i=>{i.hidden||t.push(i)});let a=this.actionsEndGroupRef.value;return a&&!a.hidden&&t.push(a),t}updateLines(){let t=this.containerRef.value;if(!t||!this.usesWrap){this.lineOffsets.length>0&&(this.lineOffsets=[]);return}let e=this.layout==="horizontal",a=this.direction==="rtl",i=t.getBoundingClientRect(),r=this.getWrapItems(),n=[],o=null;r.forEach(c=>{let d=ut({item:c,containerRect:i,horizontal:e,rtl:a});o!==null&&Math.abs(d-o)>1&&n.push(d),o=d}),(n.length!==this.lineOffsets.length||n.some((c,d)=>c!==this.lineOffsets[d]))&&(this.lineOffsets=n)}handleDefaultSlotChange(){this.syncSlotAndActions(()=>this.syncDefaultSlot()),this.usesWrap&&this.scheduleLineMeasure()}handleActionsEndSlotChange(){this.syncSlotAndActions(()=>this.syncActionsEndSlot())}handleActionsStartSlotChange(){this.syncSlotAndActions(()=>this.syncActionsStartSlot())}handleTooltipSlotChange(t){let e=Y(t).filter(nt);this.expandTooltip=e[0]}updateActions(){let t=new Set(this.actions);this.getTrackedActionMenus().forEach(e=>{e.actions.forEach(a=>t.add(a))}),t.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}syncActions(){this.actions=pt([...this.actionsStart,...this.defaultSlotItems,...this.actionsEnd])}syncActionsAndOverflow(){this.syncActionsState(),this.overflowActions()}syncSlotAndActions(t){t(),this.syncActionsAndOverflow()}syncActionsState(t=!1){this.syncActions(),this.updateActions(),t&&it({actions:this.actions,expandables:[...this.getTrackedActionGroups(),...this.getTrackedActionMenus(),...this.getSectionWrapperGroups()],expanded:this.expanded})}getTrackedActionGroups(){return[...this.actionGroups,...this.actionsStartGroups,...this.actionsEndGroups]}getTrackedActionMenus(){return[...this.actionMenus,...this.actionsStart,...this.actionsEnd].filter(t=>v(t))}getAssignedActionBarItems(t){return t?Z(t).filter(e=>P(e)||p(e)||v(e)):[]}syncDefaultSlot(){this.defaultSlotItems=this.getAssignedActionBarItems(this.defaultSlotRef.value),this.actionGroups=this.defaultSlotItems.filter(t=>p(t)),this.actionMenus=this.defaultSlotItems.filter(t=>v(t)),this.updateGroups()}syncActionsStartSlot(){this.actionsStart=this.getAssignedActionBarItems(this.actionsStartSlotRef.value),this.actionsStartGroups=this.actionsStart.filter(t=>p(t)),this.hasActionsStart=this.actionsStart.length>0,this.updateGroups()}syncActionsEndSlot(){this.actionsEnd=this.getAssignedActionBarItems(this.actionsEndSlotRef.value),this.actionsEndGroups=this.actionsEnd.filter(t=>p(t)),this.hasActionsEnd=this.actionsEnd.length>0,this.updateGroups()}handleActionGroupActionsChange(t){let e=t.target;this.getTrackedActionGroups().includes(e)&&(this.suppressedActionGroupActionsChange.has(e)||this.syncActionsAndOverflow())}handleActionMenuActionsChange(t){let e=t.target;this.getTrackedActionMenus().includes(e)&&this.syncActionsAndOverflow()}getNavigableActions(){return this.actions.filter(t=>!t.disabled&&t.slot!==w.menuActions)}handleKeyDown(t){let e=this.getNavigableActions(),a=document.activeElement;if(!(!P(a)||!e.includes(a)))switch(t.key){case"ArrowRight":case"ArrowDown":G(e,a,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":G(e,a,"previous",!0),t.preventDefault();break;case"Home":G(e,a,"first",!0),t.preventDefault();break;case"End":G(e,a,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(t){this.actions.forEach(e=>{let a=!e.disabled&&e===t?0:-1;a===0?e.removeAttribute("tabindex"):e.tabIndex=a})}renderExpandTooltipSlot(){return A`<slot name=${k.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:a,messages:i,position:r,scale:n}=this;return at({collapseLabel:i.collapseLabel,collapseText:i.collapse,direction:this.direction,el:t,expanded:e,expandLabel:i.expandLabel,expandText:i.expand,position:r,ref:this.setExpandToggleEl,scale:n,toggle:a,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandToggleDisabled:e,scale:a,layout:i,overlayPositioning:r,expandPosition:n}=this,o=t==="start",s=!e&&n===t,c=o?this.hasActionsStart:this.hasActionsEnd,d=o?k.actionsStart:k.actionsEnd,T=o?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,O=o?this.actionsStartGroupLabel:this.actionsEndGroupLabel,D=!s&&!c,m=o?this.actionsStartGroupRef:this.actionsEndGroupRef,I=o?this.actionsStartSlotRef:this.actionsEndSlotRef,M=s?this.renderExpandToggle():null;return A`<calcite-action-group class=${E({[b.actionGroupStart]:o,[b.actionGroupEnd]:!o})} .hidden=${D} .label=${O} .layout=${i} .overlayPositioning=${r} .scale=${a} ${y(m)}>${o?M:null}<slot name=${d??N} @slotchange=${T} ${y(I)}></slot>${s?this.renderExpandTooltipSlot():null}${o?null:M}</calcite-action-group>`}render(){let t=this.layout==="horizontal"?"horizontal":"vertical";return A`<div .ariaOrientation=${t} class=${E({[b.container]:!0,[b.hasActionGroups]:this.hasActionGroups})} role=toolbar ${y(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange} ${y(this.defaultSlotRef)}></slot>${this.renderActionsGroup("end")}${this.usesWrap?A`<div aria-hidden=true class=${E(b.lineOverlay)}>${this.lineOffsets.map(e=>A`<div class=${E(b.line)} style=${`--calcite-internal-action-bar-line-offset: ${e}px`}></div>`)}</div>`:null}</div>`}};Q("calcite-action-bar",U);export{U as ActionBar};

package/dist/cdn/5PHZOWLI.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as M,b as P,c as w,d as A}from"./6DNLGK7K.js";import{a as u,b as n,c as l,h as r,j as m,k as v,m as f,n as c,p as D}from"./MI4AXTIU.js";import{j as k,k as $}from"./OXIOZB4M.js";import{e as z}from"./3XS7XZAX.js";import"./YP3AYJH3.js";import{a as C}from"./CB7LBQT3.js";import{a as b}from"./WUJB2SSD.js";import"./ZWPNZ5XW.js";import"./C7WYI3QO.js";import"./BKM63VLU.js";import"./7FW2RVVH.js";import{G as x,H as S,Q as R,T as E,g as y,h as d,p as g}from"./NXKY46RO.js";var F=2,O={dateStyle:"full"},B={container:"container"},I=y`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:100%;overflow:visible;border-width:1px;border-style:solid;vertical-align:top;border-color:var(--calcite-date-picker-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-date-picker-corner-radius, var(--calcite-corner-radius))}:host([scale=s]){inline-size:236px;min-inline-size:216px;max-inline-size:380px}:host([scale=s][range][layout=horizontal][calendars="2"]){inline-size:480px;min-inline-size:432px;max-inline-size:772px}:host([scale=m]){inline-size:298px;min-inline-size:272px;max-inline-size:480px}:host([scale=m][layout=horizontal][range][calendars="2"]){inline-size:608px;min-inline-size:544px;max-inline-size:972px}:host([scale=l]){inline-size:334px;min-inline-size:320px;max-inline-size:600px}:host([scale=l][layout=horizontal][range][calendars="2"]){inline-size:684px;min-inline-size:640px;max-inline-size:1212px}.container{outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends x{constructor(){super(),this.rangeValueChangedByUser=!1,this.messages=C({blocking:!0}),this.focusSetter=b()(this),this.calendars=2,this.layout="horizontal",this.monthStyle="wide",this.proximitySelectionDisabled=!1,this.range=!1,this.scale="m",this.calciteDatePickerChange=g({cancelable:!1}),this.calciteDatePickerRangeChange=g({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={activeEndDate:[16,{},{state:!0}],activeStartDate:[16,{},{state:!0}],dateTimeFormat:[16,{},{state:!0}],hoverRange:[16,{},{state:!0}],localeData:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],activeRange:[3,{},{reflect:!0}],calendars:[11,{},{type:Number,reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,numberingSystem:[3,{},{reflect:!0}],proximitySelectionDisabled:[7,{},{reflect:!0,type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.styles=I}async reset(){this.resetActiveDates(),this.rangeValueChangedByUser=!1}async setFocus(e){return this.focusSetter(()=>this.el,e)}async load(){await this.loadLocaleData()}willUpdate(e){let t=e.get("valueAsDate"),a=this.valueAsDate,i=this.rangeValueChangedByUser&&!e.has("value")&&this.range&&z(t,a),s=e.has("value")&&e.has("valueAsDate");this.rangeValueChangedByUser&&!s&&!i&&(this.rangeValueChangedByUser=!1),e.has("value")&&this.valueHandler(this.value),e.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),i&&(this.rangeValueChangedByUser=!1);let h=A(e,"min"),o=A(e,"max");h==="min"?this.minAsDate=this.min?l(this.min):void 0:h==="minAsDate"&&(this.minAsDate=l(r(this.minAsDate))),o==="max"?this.maxAsDate=this.max?l(this.max):void 0:o==="maxAsDate"&&(this.maxAsDate=l(r(this.maxAsDate))),(e.has("range")&&this.range||e.has("maxAsDate")||e.has("minAsDate"))&&this.setActiveStartAndEndDates(),e.has("activeDate")&&this.hasUpdated&&this.activeDateWatcher(this.activeDate),e.has("messages")&&this.hasUpdated&&this.loadLocaleData().catch(R.error)}activeDateWatcher(e){this.range&&(e?(this.activeStartDate=e,this.activeEndDate=c(this.activeStartDate)):this.resetActiveDates())}valueHandler(e){Array.isArray(e)?(this.valueAsDate=e.every(t=>t==="")?void 0:w(e),this.rangeValueChangedByUser||this.resetActiveDates()):e?this.valueAsDate=l(e):(this.valueAsDate=void 0,this.resetActiveDates())}valueAsDateWatcher(e){this.range&&Array.isArray(e)&&!this.rangeValueChangedByUser?this.setActiveStartAndEndDates():this.range||(e&&e!==this.activeDate?this.activeDate=e:e||this.resetActiveDates())}keyDownHandler(e){e.key==="Escape"&&this.resetActiveDates()}async loadLocaleData(){if(!1)return;let e=P(this.messages._lang);k.numberFormatOptions={numberingSystem:this.numberingSystem,locale:e,useGrouping:!1},this.localeData=await M(e),this.dateTimeFormat=$(e,O)}monthHeaderSelectChange(e){let t=new Date(e.detail.date),a=e.detail.position;this.range?a==="end"?(this.activeEndDate=t,this.activeStartDate=v(t)):(this.activeStartDate=t,this.activeEndDate=c(t)):this.activeDate=t,e.stopPropagation()}monthActiveDateChange(e){let t=new Date(e.detail);if(!this.range)this.activeDate=t;else{let a=t.getMonth(),i=a!==this.activeStartDate?.getMonth()&&(this.calendars===1||(this.activeStartDate?a!==c(this.activeStartDate).getMonth():!1));this.activeRange==="end"?(!this.activeEndDate||this.activeStartDate&&i)&&(this.activeEndDate=t,this.activeStartDate=v(t)):(this.activeStartDate&&i||!this.activeStartDate)&&(this.activeStartDate=t,this.activeEndDate=c(t))}e.stopPropagation()}monthHoverChange(e){if(!this.range){this.hoverRange=void 0;return}let{valueAsDate:t}=this,a=Array.isArray(t)?t[0]:void 0,i=Array.isArray(t)?t[1]:void 0,s=new Date(e.detail);if(this.hoverRange={focused:this.activeRange||"start",start:a,end:i},this.proximitySelectionDisabled)i&&a||!i&&a&&s>=a?(this.hoverRange.focused="end",this.hoverRange.end=s):!i&&a&&s<a?this.hoverRange={focused:"start",start:s,end:a}:this.hoverRange=void 0;else if(this.activeRange&&this.hoverRange)this.activeRange==="end"?(this.hoverRange.end=s,this.hoverRange.focused="end"):(this.hoverRange.start=s,this.hoverRange.focused="start");else if(a&&i){let h=Math.abs(D(s,a)),o=Math.abs(D(s,i));s>i?(this.hoverRange.end=s,this.hoverRange.focused="end"):s<a?(this.hoverRange.start=s,this.hoverRange.focused="start"):s>a&&s<i&&(h<o?(this.hoverRange.start=s,this.hoverRange.focused="start"):(this.hoverRange.end=s,this.hoverRange.focused="end"))}else a&&(s<a?this.hoverRange={focused:"start",start:s,end:a}:(this.hoverRange.end=s,this.hoverRange.focused="end"));e.stopPropagation()}monthMouseOutChange(e){this.hoverRange&&(this.hoverRange=void 0),e.stopPropagation()}resetActiveDates(){let{valueAsDate:e}=this;if(!Array.isArray(e)){if(e&&e!==this.activeDate)this.activeDate=new Date(e);else if(!e){this.activeDate=void 0;let t=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate);this.range?(this.activeStartDate=t,this.activeEndDate=void 0):this.activeDate=t}}Array.isArray(e)&&(e[0]&&e[0]!==this.activeStartDate?this.activeStartDate=new Date(e[0]):e[0]||(this.activeStartDate=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate)),e[1]&&e[1]!==this.activeEndDate?this.activeEndDate=new Date(e[1]):e[1]||(this.activeEndDate=void 0)),this.hoverRange=void 0}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(e,t=!0){let a=this.getStartDate();this.rangeValueChangedByUser=!0,this.value=[r(a),r(e)],this.valueAsDate=[a,e],t&&this.calciteDatePickerRangeChange.emit()}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0}setStartDate(e,t=!0){let a=this.getEndDate();this.rangeValueChangedByUser=!0,this.value=[r(e),r(a)],this.valueAsDate=[e,a],t&&this.calciteDatePickerRangeChange.emit()}monthDateChange(e){let t=new Date(e.detail),a=r(t);if(!this.range&&a===r(this.valueAsDate))return;if(!this.range){this.value=a||"",this.valueAsDate=t||void 0,this.activeDate=t||void 0,this.calciteDatePickerChange.emit();return}let i=this.getStartDate(),s=this.getEndDate();if(!i||!s&&t<i)i&&this.setEndDate(new Date(i)),this.activeRange=="end"?this.setEndDate(t):this.setStartDate(t);else if(!s)this.setEndDate(t);else if(this.proximitySelectionDisabled)this.setStartDate(t,!1),this.setEndDate(void 0,!1),this.calciteDatePickerRangeChange.emit();else if(this.activeRange)this.activeRange=="end"?this.setEndDate(t):(t>s&&(this.setEndDate(void 0,!1),this.activeEndDate=void 0),this.setStartDate(t));else{let h=D(t,i),o=D(t,s);o===0||h<0?this.setStartDate(t):h===0||o<0?this.setEndDate(t):h<o?this.setStartDate(t):this.setEndDate(t)}e.stopPropagation(),this.calciteDatePickerChange.emit()}getActiveDate(e,t,a){let i=n(new Date,t,a);return n(this.activeDate,t,a)||e||(m(a,i)&&!this.range?f(i,t,a):i)}getActiveEndDate(e,t,a){return n(this.activeEndDate,t,a)||e||n(c(new Date),t,a)}setActiveStartAndEndDates(){if(this.range){let e=n(Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),t=n(Array.isArray(this.valueAsDate)?this.valueAsDate[1]:void 0,this.minAsDate,this.maxAsDate);if(this.activeStartDate=this.getActiveDate(e,this.minAsDate,this.maxAsDate),this.activeEndDate=this.getActiveEndDate(t,this.minAsDate,this.maxAsDate),m(this.activeStartDate,this.activeEndDate)){let a=f(this.activeEndDate?v(this.activeEndDate):void 0,this.minAsDate,this.maxAsDate),i=this.activeEndDate?c(this.activeEndDate):void 0;u(a,this.minAsDate,this.maxAsDate)?this.activeStartDate=a:u(i,this.minAsDate,this.maxAsDate)&&(this.activeEndDate=i)}}}render(){let e=n(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),t=this.getActiveDate(e,this.minAsDate,this.maxAsDate),a=this.range&&Array.isArray(this.valueAsDate)?n(this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0,i=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e:this.minAsDate,s=this.range?this.activeStartDate:t;return d`<div aria-hidden class=${S(B.container)} tabindex=-1>${this.renderMonth(s,this.maxAsDate,i,e,a)}</div>`}renderMonth(e,t,a,i,s){return d`<calcite-date-picker-month .activeDate=${e} .calendars=${this.calendars} .dateTimeFormat=${this.dateTimeFormat} .endDate=${this.range?s:void 0} .headingLevel=${this.headingLevel||F} .hoverRange=${this.hoverRange} .layout=${this.layout} .localeData=${this.localeData} .max=${t} .messages=${this.messages} .min=${a} .monthStyle=${this.monthStyle} @calciteInternalDatePickerDayHover=${this.monthHoverChange} @calciteInternalDatePickerDaySelect=${this.monthDateChange} @calciteInternalDatePickerMonthActiveDateChange=${this.monthActiveDateChange} @calciteInternalDatePickerMonthChange=${this.monthHeaderSelectChange} @calciteInternalDatePickerMonthMouseOut=${this.monthMouseOutChange} .range=${this.range} .scale=${this.scale} .selectedDate=${this.activeRange==="end"?s:i} .startDate=${this.range?i:void 0}></calcite-date-picker-month>`}};E("calcite-date-picker",p);export{p as DatePicker};

package/dist/cdn/6LJTJXNN.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as t,b as l,c as r}from"./IP7QMIWU.js";import{a as C}from"./4UEORAFN.js";import"./Y7O7L2AF.js";import{a as $}from"./OVS4YSHC.js";import"./X6HFIETC.js";import{a as S}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as w}from"./WUJB2SSD.js";import"./ZWPNZ5XW.js";import"./C7WYI3QO.js";import"./BKM63VLU.js";import{x as y}from"./7FW2RVVH.js";import{F as b,G as x,H as c,J as k,T as z,g as m,h as a,p as g}from"./NXKY46RO.js";var M=m`: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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-internal-link-text-decoration-line: none;--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;overflow-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md));max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,v=class extends x{constructor(){super(),this.focusSetter=w()(this),this.interactiveContainer=$(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteTileSelect=g(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=M}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let o=y(e),i=e.target.name;i===r.contentBottom?this.hasContentBottom=o:i===r.contentTop&&(this.hasContentTop=o)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){!this.href&&e.target===this.el&&S(e.key)&&(this.handleSelectEvent(),e.preventDefault())}renderSelectionIcon(){let{selected:e,selectionAppearance:o,selectionMode:i}=this;if(o==="icon"&&i!=="none")return a`<calcite-icon class=${c(t.selectionIcon)} .icon=${e?i==="multiple"?l.selectedMultiple:l.selectedSingle:i==="multiple"?l.unselectedMultiple:l.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:o,hasContentBottom:i,hasContentTop:B,heading:s,headingLevel:T,icon:d,iconFlipRtl:E,interactive:n,selectionMode:h}=this,H=s&&d&&!e,p=!!this.href||!n,u=h==="multiple"&&n?"checkbox":h!=="none"&&n?"radio":n?"button":void 0,f=!!(e||s||d),A=!f&&B&&i;return a`<div .ariaChecked=${h!=="none"&&n?this.selected:void 0} .ariaDisabled=${p?o:void 0} .ariaLabel=${u&&this.label} class=${c({[t.container]:!0,[t.interactive]:n,[t.largeVisualDeprecated]:H,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(p?void 0:0)??k} ${b(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${c({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:A})}><slot name=${r.contentTop} @slotchange=${this.handleSlotChange}></slot>${d&&a`<calcite-icon class=${c(t.icon)} .flipRtl=${E} .icon=${d} scale=l></calcite-icon>`||""}<div class=${c({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${c(t.textContent)}>${s&&C({class:t.heading,level:T,children:s})||""}${e&&a`<div class=${c(t.description)}>${e}</div>`||""}</div></div><slot name=${r.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?a`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};z("calcite-tile",v);export{v as Tile};