@esri/calcite-components 5.0.0-next.85 → 5.0.0-next.87

package/dist/index.d.ts

@@ -152,11 +152,6 @@ export interface CalciteAccordionItemCustomEvent<T> extends CustomEvent<T> {
   target: AccordionItem;
   currentTarget: AccordionItem;
 }
-export interface CalciteActionCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: Action;
-  currentTarget: Action;
-}
 export interface CalciteActionBarCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: ActionBar;
@@ -619,7 +614,6 @@ declare global {
   type HTMLCalciteAccordionItemElementEventMap = AccordionItem["@eventTypes"];
   type HTMLCalciteAccordionItemElement = AccordionItem;
 
-  type HTMLCalciteActionElementEventMap = Action["@eventTypes"];
   type HTMLCalciteActionElement = Action;
 
   type HTMLCalciteActionBarElementEventMap = ActionBar["@eventTypes"];

package/dist/index.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.85 */
+v5.0.0-next.87 */
 import { s as setAssetPath$1 } from "./chunks/runtime.js";
 import { g } from "./chunks/runtime.js";
 let assetPathChanged = false;

package/dist/loader.js

@@ -1,16 +1,16 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.85 */
+v5.0.0-next.87 */
 import { r as runtime } from "./chunks/runtime.js";
 import { makeDefineCustomElements } from "@arcgis/lumina";
 const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-accordion": [() => import("./components/calcite-accordion/customElement.js"), "appearance,iconPosition,iconType,scale,selectionMode"],
   "calcite-accordion-item": [() => import("./components/calcite-accordion-item/customElement.js"), "accordionParent:,appearance,description,expanded,heading,headingLevel,iconEnd,iconFlipRtl,iconPosition,iconStart,iconType,messageOverrides:,scale;setFocus"],
   "calcite-action": [() => import("./components/calcite-action/customElement.js"), "active,activeDescendant,alignment,appearance,aria:,compact,disabled,dragHandle,form,icon,iconFlipRtl,indicator,label,loading,messageOverrides:,scale,selectionAppearance,text,textEnabled,type,width;setFocus"],
-  "calcite-action-bar": [() => import("./components/calcite-action-bar/customElement.js"), "actionsEndGroupLabel,expandDisabled,expanded,floating,layout,messageOverrides:,overflowActionsDisabled,overlayPositioning,position,scale,selectionAppearance,topLayerDisabled;overflowActions,setFocus"],
+  "calcite-action-bar": [() => import("./components/calcite-action-bar/customElement.js"), "actionsEndGroupLabel,expandDisabled,expanded,floating,layout,messageOverrides:,overflowActionsDisabled,overlayPositioning,position,scale,selectionAppearance;overflowActions,setFocus"],
   "calcite-action-group": [() => import("./components/calcite-action-group/customElement.js"), "columns,expanded,label,layout,menuFlipPlacements:,menuOpen,menuPlacement,messageOverrides:,overlayPositioning,scale,selectionMode,topLayerDisabled;setFocus"],
   "calcite-action-menu": [() => import("./components/calcite-action-menu/customElement.js"), "appearance,expanded,flipPlacements:,label,open,overlayPositioning,placement,scale,topLayerDisabled;setFocus"],
-  "calcite-action-pad": [() => import("./components/calcite-action-pad/customElement.js"), "actionsEndGroupLabel,expandDisabled,expanded,layout,messageOverrides:,overlayPositioning,position,scale,selectionAppearance,topLayerDisabled;setFocus"],
+  "calcite-action-pad": [() => import("./components/calcite-action-pad/customElement.js"), "actionsEndGroupLabel,expandDisabled,expanded,layout,messageOverrides:,overlayPositioning,position,scale,selectionAppearance;setFocus"],
   "calcite-alert": [() => import("./components/calcite-alert/customElement.js"), "active,autoClose,autoCloseDuration,embedded,icon,iconFlipRtl,kind,label,messageOverrides:,numberingSystem,open,openAlertCount,placement,queue,scale,topLayerDisabled;setFocus"],
   "calcite-autocomplete": [() => import("./components/calcite-autocomplete/customElement.js"), "alignment,autocomplete,disabled,flipPlacements:,form,icon,iconFlipRtl,inputValue,label,labelText,loading,maxLength,messageOverrides:,minLength,name,open,overlayPositioning,pattern,placeholder,placement,prefixText,readOnly,required,scale,status,suffixText,topLayerDisabled,validationIcon,validationMessage,validity:,value;reposition,scrollContentTo,selectText,setFocus"],
   "calcite-autocomplete-item": [() => import("./components/calcite-autocomplete-item/customElement.js"), "active,description,disabled,guid,heading,iconEnd,iconFlipRtl,iconStart,inputValueMatchPattern,label,scale,value;;emitSelectEvent"],
@@ -37,7 +37,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-date-picker-day": [() => import("./components/calcite-date-picker-day/customElement.js"), "active,currentMonth,dateTimeFormat:,day,disabled,endOfRange,highlighted,range,rangeEdge,rangeHover,scale,selected,startOfRange,value:;setFocus"],
   "calcite-date-picker-month": [() => import("./components/calcite-date-picker-month/customElement.js"), "activeDate:,calendars,dateTimeFormat:,endDate:,headingLevel,hoverRange:,layout,localeData:,max:,messages:,min:,monthStyle,range,scale,selectedDate:,startDate:"],
   "calcite-date-picker-month-header": [() => import("./components/calcite-date-picker-month-header/customElement.js"), "activeDate:,headingLevel,localeData:,max:,messages:,min:,monthStyle,position,scale,selectedDate:"],
-  "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,fullscreenDisabled,heading,headingLevel,icon,iconFlipRtl,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,topLayerDisabled,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements"],
+  "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,fullscreenDisabled,heading,headingLevel,icon,iconFlipRtl,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,topLayerDisabled,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements,updateSize"],
   "calcite-dropdown": [() => import("./components/calcite-dropdown/customElement.js"), "closeOnSelectDisabled,disabled,flipPlacements:,maxItems,offsetDistance,offsetSkidding,open,overlayPositioning,placement,scale,selectedItems:,topLayerDisabled,type,width,widthScale;reposition,setFocus"],
   "calcite-dropdown-group": [() => import("./components/calcite-dropdown-group/customElement.js"), "groupTitle,position,scale,selectionMode"],
   "calcite-dropdown-item": [() => import("./components/calcite-dropdown-item/customElement.js"), "disabled,href,iconEnd,iconFlipRtl,iconStart,label,rel,scale,selected,selectionMode,target;setFocus"],
@@ -82,7 +82,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-segmented-control": [() => import("./components/calcite-segmented-control/customElement.js"), "appearance,disabled,form,labelText,layout,messageOverrides:,name,required,scale,selectedItem:,status,validationIcon,validationMessage,validity:,value,width;setFocus"],
   "calcite-segmented-control-item": [() => import("./components/calcite-segmented-control-item/customElement.js"), "appearance,checked,iconEnd,iconFlipRtl,iconStart,layout,scale,value"],
   "calcite-select": [() => import("./components/calcite-select/customElement.js"), "disabled,form,label,labelText,messageOverrides:,name,required,scale,selectedOption:,status,validationIcon,validationMessage,validity:,value,width;setFocus"],
-  "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,messages:,open,opened,outsideCloseDisabled,position,resizable,topLayerDisabled,width,widthScale;setFocus,updateFocusTrapElements"],
+  "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,messages:,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"), "collapsed,displayMode,height,heightScale,layout,messageOverrides:,position,resizable,width,widthScale;updateSize"],
   "calcite-slider": [() => import("./components/calcite-slider/customElement.js"), "disabled,fillPlacement,form,groupSeparator,hasHistogram,histogram:,histogramStops:,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"],

package/dist/types/lumina.d.ts

@@ -115,10 +115,9 @@ interface LuminaCalciteAccordionItem extends Partial<Pick<AccordionItem, "descri
 }
 
 interface LuminaCalciteAction extends Required<Pick<Action, "text">>, Partial<Pick<Action, "active" | "alignment" | "appearance" | "aria" | "compact" | "disabled" | "form" | "icon" | "iconFlipRtl" | "indicator" | "label" | "loading" | "messageOverrides" | "scale" | "textEnabled" | "type">>, h.JSX.HTMLAttributes<Action> {
-  oncalciteInternalActionMouseDown?: EventHandler<Action["calciteInternalActionMouseDown"]>;
 }
 
-interface LuminaCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, h.JSX.HTMLAttributes<ActionBar> {
+interface LuminaCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, h.JSX.HTMLAttributes<ActionBar> {
   oncalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   oncalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   oncalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;
@@ -135,7 +134,7 @@ interface LuminaCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, P
   oncalciteActionMenuOpen?: EventHandler<ActionMenu["calciteActionMenuOpen"]>;
 }
 
-interface LuminaCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, h.JSX.HTMLAttributes<ActionPad> {
+interface LuminaCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, h.JSX.HTMLAttributes<ActionPad> {
   oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
   oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
   oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;

package/dist/types/preact.d.ts

@@ -116,10 +116,9 @@ interface PreactCalciteAccordionItem extends Partial<Pick<AccordionItem, "descri
 }
 
 interface PreactCalciteAction extends Required<Pick<Action, "text">>, Partial<Pick<Action, "active" | "alignment" | "appearance" | "aria" | "compact" | "disabled" | "form" | "icon" | "iconFlipRtl" | "indicator" | "label" | "loading" | "messageOverrides" | "scale" | "textEnabled" | "type">>, HTMLAttributes<Action> {
-  oncalciteInternalActionMouseDown?: EventHandler<Action["calciteInternalActionMouseDown"]>;
 }
 
-interface PreactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, HTMLAttributes<ActionBar> {
+interface PreactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLAttributes<ActionBar> {
   oncalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   oncalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   oncalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;
@@ -136,7 +135,7 @@ interface PreactCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, P
   oncalciteActionMenuOpen?: EventHandler<ActionMenu["calciteActionMenuOpen"]>;
 }
 
-interface PreactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, HTMLAttributes<ActionPad> {
+interface PreactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLAttributes<ActionPad> {
   oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
   oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
   oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;

package/dist/types/react.d.ts

@@ -116,10 +116,9 @@ interface ReactCalciteAccordionItem extends Partial<Pick<AccordionItem, "descrip
 }
 
 interface ReactCalciteAction extends Required<Pick<Action, "text">>, Partial<Pick<Action, "active" | "alignment" | "appearance" | "aria" | "compact" | "disabled" | "form" | "icon" | "iconFlipRtl" | "indicator" | "label" | "loading" | "messageOverrides" | "scale" | "textEnabled" | "type">>, HTMLProps<Action> {
-  oncalciteInternalActionMouseDown?: EventHandler<Action["calciteInternalActionMouseDown"]>;
 }
 
-interface ReactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, HTMLProps<ActionBar> {
+interface ReactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLProps<ActionBar> {
   oncalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   oncalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   oncalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;
@@ -136,7 +135,7 @@ interface ReactCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, Pa
   oncalciteActionMenuOpen?: EventHandler<ActionMenu["calciteActionMenuOpen"]>;
 }
 
-interface ReactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, HTMLProps<ActionPad> {
+interface ReactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLProps<ActionPad> {
   oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
   oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
   oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;

package/dist/types/stencil.d.ts

@@ -116,10 +116,9 @@ interface StencilCalciteAccordionItem extends Partial<Pick<AccordionItem, "descr
 }
 
 interface StencilCalciteAction extends Required<Pick<Action, "text">>, Partial<Pick<Action, "active" | "alignment" | "appearance" | "aria" | "compact" | "disabled" | "form" | "icon" | "iconFlipRtl" | "indicator" | "label" | "loading" | "messageOverrides" | "scale" | "textEnabled" | "type">>, StencilJsx.HTMLAttributes<Action> {
-  onCalciteInternalActionMouseDown?: EventHandler<Action["calciteInternalActionMouseDown"]>;
 }
 
-interface StencilCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<ActionBar> {
+interface StencilCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, StencilJsx.HTMLAttributes<ActionBar> {
   onCalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   onCalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   onCalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;
@@ -136,7 +135,7 @@ interface StencilCalciteActionMenu extends Required<Pick<ActionMenu, "label">>,
   onCalciteActionMenuOpen?: EventHandler<ActionMenu["calciteActionMenuOpen"]>;
 }
 
-interface StencilCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<ActionPad> {
+interface StencilCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, StencilJsx.HTMLAttributes<ActionPad> {
   onCalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
   onCalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
   onCalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.85",
+  "version": "5.0.0-next.87",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -92,11 +92,11 @@
   },
   "devDependencies": {
     "@arcgis/lumina-compiler": ">=5.0.0-next.144 <6.0.0",
-    "@esri/calcite-design-tokens": "4.0.0-next.19",
-    "@esri/calcite-tailwind-preset": "1.1.0-next.9",
+    "@esri/calcite-design-tokens": "4.0.0-next.21",
+    "@esri/calcite-tailwind-preset": "1.1.0-next.11",
     "@esri/eslint-plugin-calcite-components": "2.0.4-next.8",
     "playwright": "1.57.0",
-    "sass-embedded": "1.97.1",
+    "sass-embedded": "1.97.3",
     "vitest": "4.0.16"
   },
   "volta": {
@@ -110,5 +110,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "2ccfa9afafe226fdd9b256db4a205c42f2777428"
+  "gitHead": "193f5ec295594d790b700a98337beaeafa6eabc0"
 }

package/dist/cdn/5VLETR2K.js

@@ -1,4 +0,0 @@
-/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.85 */
-import{a as A}from"./EZ24T4GY.js";import{c as b,d as y,e as v}from"./RH2WPIJ6.js";import{a as g}from"./VIWDRHIR.js";import"./XDBQVBDJ.js";import{a as x}from"./7AO2QEX2.js";import"./PJ6Q7AZU.js";import{a as f}from"./LYBTXJYU.js";import"./4VI2KQQ7.js";import"./L5SOTUSX.js";import"./URZELV67.js";import{u as m,y as o}from"./JNIFXLOQ.js";import"./ZV7SP4RI.js";import{E as u,F as c,Q as h,g as p,h as s,p as i}from"./FC666UGE.js";var w={actionGroupEnd:"action-group--end",container:"container"},G={expandTooltip:"expand-tooltip"},L=p`:host{box-sizing:border-box;background-color: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-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-pad-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-spacing-sm));--calcite-internal-action-pad-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-pad-padding: var(--calcite-spacing-sm-plus)}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px;padding-block-end:var(--calcite-internal-action-pad-padding)}.container{display:inline-flex;flex-direction:column;overflow:hidden;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-pad-gap);padding:var(--calcite-internal-action-pad-padding)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px;padding-inline-end:var(--calcite-internal-action-pad-padding)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends u{constructor(){super(),this.actions=[],this.mutationObserver=g("mutation",()=>this.mutationObserverHandler()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=x(),this.focusSetter=f()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.topLayerDisabled=!1,this.calciteActionPadCollapse=i({cancelable:!1}),this.calciteActionPadExpand=i({cancelable:!1}),this.calciteActionPadToggle=i({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=L}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){A.deprecated("component",{component:this,name:"action-pad",removalVersion:5,suggested:"action-bar"})}willUpdate(t){t.has("expanded")&&this.hasUpdated&&y({el:this.el,expanded:this.expanded}),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit()),t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(t){if(t.target.menuOpen){let a=t.composedPath();this.actionGroups?.forEach(e=>{a.includes(e)||(e.menuOpen=!1)})}}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(a=>a.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleTooltipSlotChange(t){let a=m(t).filter(e=>e?.matches("calcite-tooltip"));this.expandTooltip=a[0]}handleKeyDown(t){this.queryAndStoreActions();let a=this.actions.filter(n=>!n.disabled),e=document.activeElement;if(b(e))switch(t.key){case"ArrowRight":case"ArrowDown":o(a,e,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":o(a,e,"previous",!0),t.preventDefault();break;case"Home":o(a,e,"first",!0),t.preventDefault();break;case"End":o(a,e,"last",!0),t.preventDefault();break;case"Tab":this.updateTabIndexOfItems(e);break}}updateActions(){this.actions.forEach(t=>{t.selectionAppearance=this.selectionAppearance})}updateTabIndexOfItems(t){this.actions.forEach(a=>{a.tabIndex=t!==a?-1:0})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}mutationObserverHandler(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}renderBottomActionGroup(){let{expanded:t,expandDisabled:a,messages:e,el:n,position:E,toggleExpand:k,scale:r,layout:T,actionsEndGroupLabel:S,overlayPositioning:D}=this,d=a?null:v({collapseLabel:e.collapseLabel,collapseText:e.collapse,el:n,expandLabel:e.expandLabel,expandText:e.expand,expanded:t,position:E,scale:r,toggle:k,tooltip:this.expandTooltip});return d?s`<calcite-action-group class=${c(w.actionGroupEnd)} .label=${S} .layout=${T} .overlayPositioning=${D} .scale=${r} .topLayerDisabled=${this.topLayerDisabled}><slot name=${G.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${d}</calcite-action-group>`:null}render(){return s`<div class=${c(w.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};h("calcite-action-pad",l);export{l as ActionPad};

package/dist/cdn/HDBGAFCB.js

@@ -1,4 +0,0 @@
-/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.85 */
-import{a as I}from"./QYG75NCQ.js";import{a as y}from"./NXCTFYED.js";import{d as r}from"./EYAG4FQY.js";import{a as A}from"./UYKM6BTM.js";import{a as M}from"./DP7SKMHV.js";import{a as R}from"./N35VJLXI.js";import{a as B}from"./SISDZNDE.js";import{a as E}from"./YNTODNMQ.js";import{a as C}from"./VIWDRHIR.js";import{a as P}from"./7AO2QEX2.js";import{a as O}from"./LYBTXJYU.js";import"./4VI2KQQ7.js";import"./L5SOTUSX.js";import"./URZELV67.js";import{D as g}from"./JNIFXLOQ.js";import"./ZV7SP4RI.js";import{C as k,D as w,E as S,F as b,N as l,Q as T,g as D,h as x,p as f}from"./FC666UGE.js";var m={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text",openingActive:"dialog--opening-active"},c={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},L={x:null,y:null},F={top:null,right:null,bottom:null,left:null},U=D`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{inset-block-start:var(--calcite-internal-dialog-shown-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-s.dialog--opening-active{inset-block-start:0}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-m.dialog--opening-active{inset-block-start:0}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-l.dialog--opening-active{inset-block-start:0}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends S{constructor(){super(...arguments),this.dragPosition={...L},this.focusTrap=A({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=I()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...F},this.messages=P(),this.focusSetter=O()(this),this.topLayer=R({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=U}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setupInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setupInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanupInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(e){let{transitionEl:t}=this;t&&(t.classList.toggle(m.openingActive,e),B(this))}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionElDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:n}=e,{dragEnabled:a,resizable:o,resizePosition:d,dragPosition:s,transitionEl:h}=this;if(!(n||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&o&&h){let{minBlockSize:u}=window.getComputedStyle(h),p=g(u),v=this.getTransitionElDOMRect().height;if(v<=p)return;this.updateSize({size:v-l,type:"blockSize"}),d.bottom-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(s.y-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&o&&h?(this.updateSize({size:this.getTransitionElDOMRect().height+l,type:"blockSize"}),d.bottom+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(s.y+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&o&&h){let{minInlineSize:u}=window.getComputedStyle(h),p=g(u),v=this.getTransitionElDOMRect().width;if(v<=p)return;this.updateSize({size:v-l,type:"inlineSize"}),d.right-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(s.x-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&o&&h?(this.updateSize({size:this.getTransitionElDOMRect().width+l,type:"inlineSize"}),d.right+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(s.x+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:n,dragEnabled:a,resizable:o}=this;if(!n)return;if(!a&&!o){n.style.transform=null;return}let{top:d,right:s,bottom:h,left:z}=this.getAdjustedResizePosition(i),u=Math.round(e+z+s),p=Math.round(t+d+h);n.style.transform=u||p?`translate(${u}px, ${p}px)`:null}updateSize({type:e,size:t}){let{transitionEl:i}=this;i&&(i.style[e]=t!==null?`${Math.round(t)}px`:null)}cleanupInteractions(){this.interaction?.unset(),this.updateSize({size:null,type:"inlineSize"}),this.updateSize({size:null,type:"blockSize"}),this.dragPosition={...L},this.resizePosition={...F},this.updateTransform()}async setupInteractions(){this.cleanupInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:n,resizePosition:a,dragPosition:o}=this;if(!(!t||!this.open)){if((i||n)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:s,maxInlineSize:h,maxBlockSize:z}=window.getComputedStyle(t);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:g(d),height:g(s)},max:{width:g(h)||window.innerWidth,height:g(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:u,deltaRect:p})=>{p&&(a.top+=p.top,a.right+=p.right,a.bottom+=p.bottom,a.left+=p.left),this.updateSize({size:u.width,type:"inlineSize"}),this.updateSize({size:u.height,type:"blockSize"}),this.updateTransform()}}})}n&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:s})=>{o.x+=d,o.y+=s,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:n}){let a=e/2,o=t/2,d=i/2,s=n/2;switch(this.placement){case"top":return{top:e,right:o,bottom:0,left:s};case"top-start":return{top:e,right:0,bottom:0,left:n};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:o,bottom:i,left:s};case"bottom-start":return{top:0,right:0,bottom:i,left:n};case"bottom-end":return{top:0,right:t,bottom:i,left:0};case"cover":case"center":default:return{top:a,right:o,bottom:d,left:s}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setupInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{assistiveText:e,description:t,heading:i,opened:n,icon:a,iconFlipRtl:o}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[m.container]:!0,[m.containerOpen]:n,[m.containerEmbedded]:this.embedded})} .popover=${this.embedded?null:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(m.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[m.dialog]:!0,[M("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?E("assistive-text",x`<div aria-live=polite class=${b(m.assistiveText)}>${e}</div>`):null}<slot name=${c.customContent}><calcite-panel class=${b(m.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${c.actionBar} slot=${r.actionBar}></slot><slot name=${c.alerts} slot=${r.alerts}></slot><slot name=${c.headerActionsStart} slot=${r.headerActionsStart}></slot><slot name=${c.headerActionsEnd} slot=${r.headerActionsEnd}></slot><slot name=${c.headerContent} slot=${r.headerContent}></slot><slot name=${c.headerMenuActions} slot=${r.headerMenuActions}></slot><slot name=${c.fab} slot=${r.fab}></slot><slot name=${c.contentTop} slot=${r.contentTop}></slot><slot name=${c.contentBottom} slot=${r.contentBottom}></slot><slot name=${c.footerStart} slot=${r.footerStart}></slot><slot name=${c.footer} slot=${r.footer}></slot><slot name=${c.footerEnd} slot=${r.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",$);export{$ as Dialog};

package/dist/cdn/HDCDBDZA.js

@@ -1,4 +0,0 @@
-/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.85 */
-import{a as m}from"./OOZ4MRX5.js";import{a as B}from"./K6QTEEUW.js";import{a as p,b as r,c as h,d as b}from"./PJ6Q7AZU.js";import{a as M}from"./LYBTXJYU.js";import"./4VI2KQQ7.js";import"./L5SOTUSX.js";import"./URZELV67.js";import{q as I}from"./JNIFXLOQ.js";import{a as x}from"./ZV7SP4RI.js";import{D as u,E as v,F as d,Q as E,g,h as s,l,p as c}from"./FC666UGE.js";var y=g`:host([scale=s]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-menu-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-sm));--calcite-internal-action-menu-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-sm-plus));--calcite-internal-action-menu-padding: var(--calcite-spacing-sm-plus)}:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-relative-lg)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);padding-block-end:var(--calcite-internal-action-menu-padding)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-internal-action-menu-gap);padding:var(--calcite-internal-action-menu-padding)}:host([hidden]){display:none}[hidden]{display:none}`,D=["ArrowUp","ArrowDown","End","Home"],f=class extends v{constructor(){super(...arguments),this.guid=x(),this.actionElements=[],this.menuButtonClick=()=>{this.toggleOpen()},this.menuButtonId=r.button(this.guid),this.menuButtonKeyDown=e=>{let{key:t}=e,{actionElements:n,activeMenuItemIndex:i,open:a}=this;if(n.length){if(B(t)){if(e.preventDefault(),!a){this.toggleOpen();return}let o=n[i];o?o.click():this.toggleOpen(!1)}if(t==="Tab"){this.open=!1;return}if(t==="Escape"){this.toggleOpen(!1),e.preventDefault();return}this.handleActionNavigation(e,t,n)}},this.menuId=r.menu(this.guid),this._open=!1,this.updateAction=(e,t)=>{let{guid:n,activeMenuItemIndex:i}=this,a=r.action(n,t);e.tabIndex=-1,e.setAttribute("role","menuitem"),e.id||(e.id=a),e.activeDescendant=t===i},this.focusSetter=M()(this),this.actionMouseDownHandler=e=>{e.stopPropagation(),this.activeMenuItemIndex=this.actionElements?.findIndex(t=>t===e.target)},this.activeMenuItemIndex=-1,this.appearance="solid",this.expanded=!1,this.overlayPositioning="absolute",this.placement="auto",this.topLayerDisabled=!1,this.scale="m",this.calciteActionMenuCollapse=c({cancelable:!1}),this.calciteActionMenuExpand=c({cancelable:!1}),this.calciteActionMenuOpen=c({cancelable:!1})}static{this.properties={activeMenuItemIndex:[16,{},{state:!0}],menuButtonEl:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],expanded:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}]}}static{this.styles=y}get open(){return this._open}set open(e){let t=this._open;e!==t&&(this._open=e,this.openHandler(e))}async setFocus(e){return this.focusSetter(()=>this.menuButtonEl,e)}connectedCallback(){super.connectedCallback(),this.connectMenuButtonEl(),this.el.addEventListener("calciteInternalActionMouseDown",this.actionMouseDownHandler)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&this.expandedHandler(),e.has("activeMenuItemIndex")&&(this.hasUpdated||this.activeMenuItemIndex!==-1)&&this.updateActions(this.actionElements),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionMenuExpand.emit():this.calciteActionMenuCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),this.disconnectMenuButtonEl(),this.el.removeEventListener("calciteInternalActionMouseDown",this.actionMouseDownHandler)}expandedHandler(){this.open=!1,this.setTooltipReferenceElement()}openHandler(e){this.menuButtonEl&&(this.menuButtonEl.active=e,this.menuButtonEl.aria={expanded:e}),this.popoverEl&&(this.popoverEl.open=e),this.activeMenuItemIndex=this.open?0:-1,this.calciteActionMenuOpen.emit(),this.setTooltipReferenceElement()}connectMenuButtonEl(){let{menuButtonId:e,menuId:t,open:n,label:i}=this,a=this.slottedMenuButtonEl||this.defaultMenuButtonEl;this.menuButtonEl!==a&&(this.disconnectMenuButtonEl(),this.menuButtonEl=a,this.setTooltipReferenceElement(),a&&(a.active=n,a.setAttribute("aria-controls",t),a.setAttribute("aria-expanded",I(n)),a.setAttribute("aria-haspopup","true"),a.id||(a.id=e),a.label||(a.label=i),a.text||(a.text=i),a.addEventListener("click",this.menuButtonClick),a.addEventListener("keydown",this.menuButtonKeyDown)))}disconnectMenuButtonEl(){let{menuButtonEl:e}=this;e&&(e.removeEventListener("click",this.menuButtonClick),e.removeEventListener("keydown",this.menuButtonKeyDown),this.menuButtonEl=null)}setMenuButtonEl(e){let t=e.target.assignedElements({flatten:!0}).filter(n=>n?.matches("calcite-action"));this.slottedMenuButtonEl=t[0],this.connectMenuButtonEl()}setDefaultMenuButtonEl(e){this.defaultMenuButtonEl=e,this.connectMenuButtonEl()}setPopoverEl(e){e&&(this.popoverEl=e,e.open=this.open)}handleCalciteActionClick(e){this.actionElements?.some(t=>e.composedPath().includes(t))&&(this.open=!1,this.setFocus())}updateTooltip(e){let t=e.target.assignedElements({flatten:!0}).filter(n=>n?.matches("calcite-tooltip"));this.tooltipEl=t[0],this.setTooltipReferenceElement()}setTooltipReferenceElement(){let{tooltipEl:e,expanded:t,menuButtonEl:n,open:i}=this;e&&(e.referenceElement=!t&&!i?n:null)}updateActions(e){e?.forEach(this.updateAction)}async handleDefaultSlotChange(e){let t=e.target.assignedElements({flatten:!0}).reduce((n,i)=>i?.matches("calcite-action")?(n.push(i),n):i?.matches("calcite-action-group")?n.concat(Array.from(i.querySelectorAll("calcite-action"))):n,[]);await this.componentOnReady(),this.actionElements=t.filter(n=>!n.disabled&&!n.hidden)}isValidKey(e,t){return!!t.find(n=>n===e)}handleActionNavigation(e,t,n){if(!this.isValidKey(t,D))return;if(e.preventDefault(),!this.open){this.toggleOpen(),(t==="Home"||t==="ArrowDown")&&(this.activeMenuItemIndex=0),(t==="End"||t==="ArrowUp")&&(this.activeMenuItemIndex=n.length-1);return}t==="Home"&&(this.activeMenuItemIndex=0),t==="End"&&(this.activeMenuItemIndex=n.length-1);let i=this.activeMenuItemIndex;t==="ArrowUp"&&(this.activeMenuItemIndex=m(Math.max(i-1,-1),n.length)),t==="ArrowDown"&&(this.activeMenuItemIndex=m(i+1,n.length))}toggleOpen(e=!this.open){this.open=e}handlePopoverOpen(e){e.stopPropagation(),this.open=!0,this.setFocus()}handlePopoverClose(e){e.stopPropagation(),this.open=!1}renderMenuButton(){let{appearance:e,label:t,scale:n,expanded:i}=this;return s`<slot name=${h.trigger} @slotchange=${this.setMenuButtonEl}><calcite-action .appearance=${e} .aria=${{expanded:i}} class=${d(p.defaultTrigger)} .icon=${b.menu} .scale=${n} .text=${t} .textEnabled=${i} ${u(this.setDefaultMenuButtonEl)}></calcite-action></slot>`}renderMenuItems(){let{actionElements:e,activeMenuItemIndex:t,menuId:n,menuButtonEl:i,label:a,placement:o,overlayPositioning:A,flipPlacements:$}=this,w=e[t]?.id||null;return s`<calcite-popover auto-close .flipPlacements=${$} focus-trap-disabled .label=${a} offset-distance=0 @calcitePopoverClose=${this.handlePopoverClose} @calcitePopoverOpen=${this.handlePopoverOpen} .overlayPositioning=${A} .placement=${o} pointer-disabled .referenceElement=${i} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} trigger-disabled ${u(this.setPopoverEl)}><div aria-activedescendant=${w??l} aria-labelledby=${i?.id??l} class=${d(p.menu)} id=${n??l} @click=${this.handleCalciteActionClick} role=menu tabindex=-1><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></calcite-popover>`}render(){return s`${this.renderMenuButton()}${this.renderMenuItems()}<slot name=${h.tooltip} @slotchange=${this.updateTooltip}></slot>`}};E("calcite-action-menu",f);export{f as ActionMenu};

package/dist/cdn/KSLBIKYE.js

@@ -1,4 +0,0 @@
-/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.85 */
-import{a as q}from"./ZRS4GUKC.js";import{a as O}from"./3PRTW55Z.js";import{a as B,b as H,c as $,d as L,e as I}from"./RH2WPIJ6.js";import{a as x}from"./VIWDRHIR.js";import"./XDBQVBDJ.js";import{a as G}from"./7AO2QEX2.js";import"./PJ6Q7AZU.js";import{a as T}from"./LYBTXJYU.js";import"./4VI2KQQ7.js";import"./L5SOTUSX.js";import"./URZELV67.js";import{D as c,t as k,u as C,y as g}from"./JNIFXLOQ.js";import"./ZV7SP4RI.js";import{C as w,D as E,E as z,F as m,L as S,Q as D,g as A,h as v,p as f}from"./FC666UGE.js";var K=({bufferSize:b=0,containerSize:e,itemSizes:t})=>{let a=e-b,n=t.length,i=0;for(let[r,o]of t.entries())if(i=i+o,i>a){n=r;break}else continue;return n},N=({bufferSize:b=0,containerSize:e,itemSizes:t})=>Math.max(t.length-K({bufferSize:b,itemSizes:t,containerSize:e}),0),U={container:"container",actionGroupEnd:"action-group--end"},M={actionsEnd:"actions-end",expandTooltip:"expand-tooltip"},j=A`:host{box-sizing:border-box;background-color: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-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: 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-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(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-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-corner-radius-round));--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-action-bar-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}: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}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends z{constructor(){super(),this.actions=[],this.containerRef=w(),this.mutationObserver=x("mutation",()=>this.mutationObserverHandler()),this.cancelable=q()(this),this.resize=O(({width:e,height:t})=>{let{expanded:a,expandDisabled:n,layout:i,overflowActionsDisabled:r,actionGroups:o}=this;if(r||i==="vertical"&&!t||i==="horizontal"&&!e)return;let d=this.getItemSizes();this.updateGroups();let h=this.hasActionsEnd||!n?o.length+1:o.length,s=h,l=getComputedStyle(this.containerRef.value);if(s+=c(i==="horizontal"?l.paddingInlineStart:l.paddingBlockStart)+c(i==="horizontal"?l.paddingInlineEnd:l.paddingBlockEnd),o.length>0&&o.forEach((p,R)=>{let u=getComputedStyle(p),W=c(u.gap),F=p.childElementCount-1;s+=W*F,R<o.length-1&&(s+=c(i==="horizontal"?u.paddingInlineEnd:u.paddingBlockEnd),s+=c(i==="horizontal"?u.borderInlineEndWidth:u.borderBlockEndWidth))}),h>0)for(let p=1;p<h;p++)s+=c(l.gap);let P=N({bufferSize:s,containerSize:i==="horizontal"?e:t,itemSizes:d});H({actionGroups:o,expanded:a,overflowCount:P})},S.resize),this.resizeHandler=e=>{let{width:t,height:a}=e.contentRect;this.resize({width:t,height:a})},this.resizeObserver=x("resize",e=>this.resizeHandlerEntries(e)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=G(),this.focusSetter=T()(this),this.setExpandToggleEl=e=>{this.expandToggleEl=e},this.hasActionsEnd=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.topLayerDisabled=!1,this.calciteActionBarCollapse=f({cancelable:!1}),this.calciteActionBarExpand=f({cancelable:!1}),this.calciteActionBarToggle=f({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],actionsEndGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[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}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=j}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(e){e.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)&&this.overflowActions(),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),e.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:e,layout:t,expandToggleEl:a}=this,n=B(e);a&&n.push(a);let i=t==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...n.map(o=>o[i]||0));return n.map(o=>o[i]||r)}expandedHandler(){let{el:e,expanded:t}=this;L({el:e,expanded:t}),this.overflowActions()}overflowActionsDisabledHandler(e){if(e){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(e){e.forEach(this.resizeHandler)}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,e.forEach(t=>{t.layout=this.layout,t.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(e){this.hasActionsEnd=k(e)}handleTooltipSlotChange(e){let t=C(e).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=t[0]}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if($(a))switch(e.key){case"ArrowRight":case"ArrowDown":g(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":g(t,a,"previous",!0),e.preventDefault();break;case"Home":g(t,a,"first",!0),e.preventDefault();break;case"End":g(t,a,"last",!0),e.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(e){this.actions.forEach(t=>{t.tabIndex=!t.disabled&&t===e?0:-1})}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,el:a,position:n,toggleExpand:i,scale:r,layout:o,messages:d,actionsEndGroupLabel:h,overlayPositioning:s}=this,l=t?null:I({collapseLabel:d.collapseLabel,collapseText:d.collapse,el:a,expandLabel:d.expandLabel,expandText:d.expand,expanded:e,position:n,ref:this.setExpandToggleEl,scale:r,toggle:i,tooltip:this.expandTooltip});return v`<calcite-action-group class=${m(U.actionGroupEnd)} .hidden=${this.expandDisabled&&!this.hasActionsEnd} .label=${h} .layout=${o} .overlayPositioning=${s} .scale=${r} .topLayerDisabled=${this.topLayerDisabled}><slot name=${M.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${M.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${l}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${m(U.container)} role=toolbar ${E(this.containerRef)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};D("calcite-action-bar",y);export{y as ActionBar};