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

package/dist/index.d.ts

@@ -46,7 +46,6 @@ import type { Action } from "./components/calcite-action/customElement.js";
 import type { ActionBar } from "./components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "./components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "./components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "./components/calcite-action-pad/customElement.js";
 import type { Alert } from "./components/calcite-alert/customElement.js";
 import type { Autocomplete } from "./components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "./components/calcite-autocomplete-item/customElement.js";
@@ -168,11 +167,6 @@ export interface CalciteActionMenuCustomEvent<T> extends CustomEvent<T> {
   target: ActionMenu;
   currentTarget: ActionMenu;
 }
-export interface CalciteActionPadCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: ActionPad;
-  currentTarget: ActionPad;
-}
 export interface CalciteAlertCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: Alert;
@@ -503,7 +497,6 @@ declare global {
     "calcite-action-bar": ActionBar;
     "calcite-action-group": ActionGroup;
     "calcite-action-menu": ActionMenu;
-    "calcite-action-pad": ActionPad;
     "calcite-alert": Alert;
     "calcite-autocomplete": Autocomplete;
     "calcite-autocomplete-item": AutocompleteItem;
@@ -621,9 +614,6 @@ declare global {
   type HTMLCalciteActionMenuElementEventMap = ActionMenu["@eventTypes"];
   type HTMLCalciteActionMenuElement = ActionMenu;
 
-  type HTMLCalciteActionPadElementEventMap = ActionPad["@eventTypes"];
-  type HTMLCalciteActionPadElement = ActionPad;
-
   type HTMLCalciteAlertElementEventMap = Alert["@eventTypes"];
   type HTMLCalciteAlertElement = Alert;
 

package/dist/loader.js

@@ -8,7 +8,6 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-action-bar": [() => import("./components/calcite-action-bar/customElement.js"), "actionsEndGroupLabel,actionsStartGroupLabel,expandDisabled,expanded,expandPosition,expandToggleDisabled,floating,layout,messageOverrides:,overflowActionsDisabled,overflowMode,overlayPositioning,position,scale,selectionAppearance;overflowActions,setFocus"],
   "calcite-action-group": [() => import("./components/calcite-action-group/customElement.js"), "actions:,columns,expanded,label,layout,menuFlipPlacements:,menuOpen,menuPlacement,messageOverrides:,overflowActionsDisabled,overlayPositioning,scale,selectedActions:,selectionMode,topLayerDisabled;setFocus"],
   "calcite-action-menu": [() => import("./components/calcite-action-menu/customElement.js"), "actions:,appearance,expanded,flipPlacements:,label,open,overlayPositioning,placement,scale,topLayerDisabled;setFocus"],
-  "calcite-action-pad": [() => import("./components/calcite-action-pad/customElement.js"), "actionsEndGroupLabel,expandDisabled,expanded,layout,messageOverrides:,overlayPositioning,position,scale,selectionAppearance;setFocus"],
   "calcite-alert": [() => import("./components/calcite-alert/customElement.js"), "active,autoClose,autoCloseDuration,embedded,icon,iconFlipRtl,kind,label,messageOverrides:,numberingSystem,open,openAlertCount,placement,queue,scale,topLayerDisabled;setFocus"],
   "calcite-autocomplete": [() => import("./components/calcite-autocomplete/customElement.js"), "alignment,autocomplete,disabled,flipPlacements:,form,icon,iconFlipRtl,inputValue,label,labelText,loading,maxLength,messageOverrides:,minLength,name,open,overlayPositioning,pattern,placeholder,placement,prefixText,readOnly,required,scale,status,suffixText,topLayerDisabled,validationIcon,validationMessage,validity:,value;reposition,scrollContentTo,selectText,setFocus", 1],
   "calcite-autocomplete-item": [() => import("./components/calcite-autocomplete-item/customElement.js"), "active,description,disabled,guid,heading,iconEnd,iconFlipRtl,iconStart,inputValueMatchPattern,label,scale,selected,value;;requestSelection"],

package/dist/types/lumina.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -137,12 +136,6 @@ interface LuminaCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, P
   oncalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface LuminaCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, h.JSX.HTMLAttributes<ActionPad> {
-  oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface LuminaCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, h.JSX.HTMLAttributes<Alert> {
   oncalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   oncalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -621,7 +614,6 @@ declare module "@arcgis/lumina" {
       "calcite-action-bar": LuminaCalciteActionBar;
       "calcite-action-group": LuminaCalciteActionGroup;
       "calcite-action-menu": LuminaCalciteActionMenu;
-      "calcite-action-pad": LuminaCalciteActionPad;
       "calcite-alert": LuminaCalciteAlert;
       "calcite-autocomplete": LuminaCalciteAutocomplete;
       "calcite-autocomplete-item": LuminaCalciteAutocompleteItem;

package/dist/types/preact.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -138,12 +137,6 @@ interface PreactCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, P
   oncalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface PreactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLAttributes<ActionPad> {
-  oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface PreactCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, HTMLAttributes<Alert> {
   oncalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   oncalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -622,7 +615,6 @@ declare module 'preact' {
       "calcite-action-bar": PreactCalciteActionBar;
       "calcite-action-group": PreactCalciteActionGroup;
       "calcite-action-menu": PreactCalciteActionMenu;
-      "calcite-action-pad": PreactCalciteActionPad;
       "calcite-alert": PreactCalciteAlert;
       "calcite-autocomplete": PreactCalciteAutocomplete;
       "calcite-autocomplete-item": PreactCalciteAutocompleteItem;
@@ -731,7 +723,6 @@ declare module 'preact' {
       "calcite-action-bar": PreactCalciteActionBar;
       "calcite-action-group": PreactCalciteActionGroup;
       "calcite-action-menu": PreactCalciteActionMenu;
-      "calcite-action-pad": PreactCalciteActionPad;
       "calcite-alert": PreactCalciteAlert;
       "calcite-autocomplete": PreactCalciteAutocomplete;
       "calcite-autocomplete-item": PreactCalciteAutocompleteItem;

package/dist/types/react.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -138,12 +137,6 @@ interface ReactCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, Pa
   oncalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface ReactCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLProps<ActionPad> {
-  oncalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  oncalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  oncalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface ReactCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, HTMLProps<Alert> {
   oncalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   oncalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -622,7 +615,6 @@ declare module "react" {
       "calcite-action-bar": ReactCalciteActionBar;
       "calcite-action-group": ReactCalciteActionGroup;
       "calcite-action-menu": ReactCalciteActionMenu;
-      "calcite-action-pad": ReactCalciteActionPad;
       "calcite-alert": ReactCalciteAlert;
       "calcite-autocomplete": ReactCalciteAutocomplete;
       "calcite-autocomplete-item": ReactCalciteAutocompleteItem;
@@ -733,7 +725,6 @@ declare module "react/jsx-runtime" {
       "calcite-action-bar": ReactCalciteActionBar;
       "calcite-action-group": ReactCalciteActionGroup;
       "calcite-action-menu": ReactCalciteActionMenu;
-      "calcite-action-pad": ReactCalciteActionPad;
       "calcite-alert": ReactCalciteAlert;
       "calcite-autocomplete": ReactCalciteAutocomplete;
       "calcite-autocomplete-item": ReactCalciteAutocompleteItem;
@@ -844,7 +835,6 @@ declare module "react/jsx-dev-runtime" {
       "calcite-action-bar": ReactCalciteActionBar;
       "calcite-action-group": ReactCalciteActionGroup;
       "calcite-action-menu": ReactCalciteActionMenu;
-      "calcite-action-pad": ReactCalciteActionPad;
       "calcite-alert": ReactCalciteAlert;
       "calcite-autocomplete": ReactCalciteAutocomplete;
       "calcite-autocomplete-item": ReactCalciteAutocompleteItem;

package/dist/types/stencil.d.ts

@@ -5,7 +5,6 @@ import type { Action } from "../components/calcite-action/customElement.js";
 import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
 import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
 import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
-import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
 import type { Alert } from "../components/calcite-alert/customElement.js";
 import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
 import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
@@ -138,12 +137,6 @@ interface StencilCalciteActionMenu extends Required<Pick<ActionMenu, "label">>,
   onCalciteInternalActionMenuActionsChange?: EventHandler<ActionMenu["calciteInternalActionMenuActionsChange"]>;
 }
 
-interface StencilCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, StencilJsx.HTMLAttributes<ActionPad> {
-  onCalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
-  onCalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
-  onCalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
-}
-
 interface StencilCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Alert> {
   onCalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
   onCalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
@@ -620,7 +613,6 @@ interface ExposedElements {
   "calcite-action-bar": StencilCalciteActionBar;
   "calcite-action-group": StencilCalciteActionGroup;
   "calcite-action-menu": StencilCalciteActionMenu;
-  "calcite-action-pad": StencilCalciteActionPad;
   "calcite-alert": StencilCalciteAlert;
   "calcite-autocomplete": StencilCalciteAutocomplete;
   "calcite-autocomplete-item": StencilCalciteAutocompleteItem;

package/package.json

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

package/dist/cdn/JUNQWK55.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as b,b as z}from"./DPRLR4WC.js";import{a as ot}from"./UZ4YOAB7.js";import{a as et}from"./5K4OZJAZ.js";import{a as it,c as at}from"./LWBWYQYI.js";import{a as J}from"./FDHY2TZA.js";import{a as tt}from"./KN7VGE4M.js";import{b as nt}from"./XDGVGNRC.js";import{a as k,d as p}from"./ZDSVHHRM.js";import{c as H,e as v}from"./AYRJ7NYC.js";import{c as P}from"./YSW3EMMW.js";import"./ZZDNIBT7.js";import{a as _}from"./WAOVLW25.js";import"./VMHJHFFS.js";import{e as X}from"./BGS4CESC.js";import"./ECXSX2FK.js";import{A as Z,D as E,I as h,r as F,z as Y}from"./2M4ETWZU.js";import{E as f,F as x,G as V,H as y,N as K,Q as W,T as Q,g as N,h as A,l as j,p as C}from"./F4RP2ND6.js";var dt=({bufferSize:l=0,containerSize:t,itemSizes:e})=>{let i=t-l,a=e.length,r=0;for(let[n,o]of e.entries())if(r=r+o,r>i){a=n;break}else continue;return a},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:i})=>{let a=l.getBoundingClientRect();return e?a.top-t.top:i?t.right-a.right:a.left-t.left},gt=({actionGroups:l,expanded:t,overflowCount:e})=>{let i=e;[...l].reverse().forEach(a=>{let r=0,n=a.actions.filter(o=>o.parentElement===a).reverse();n.forEach(o=>{o.slot===k.menuActions&&(o.removeAttribute("slot"),o.textEnabled=t)}),i>0&&!a.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",k.menuActions),r++,r>1&&i--),i<1)),a.manager.component.requestUpdate()})},ft=N`: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 V{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:i,expandToggleDisabled:a,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:D,defaultSlotItems:I}=this,m=[...D,...s,...d],O=this.hasActionsEnd||!a&&n==="end"?1:0,G=this.hasActionsStart||!a&&n==="start"?1:0,R=I.length+O+G,u=R,w=getComputedStyle(this.containerRef.value);if(u+=h(r==="horizontal"?w.paddingInlineStart:w.paddingBlockStart)+h(r==="horizontal"?w.paddingInlineEnd:w.paddingBlockEnd),m.length>0){let M=m.length-1;m.forEach((S,$)=>{let g=getComputedStyle(S),B=h(g.gap),L=this.getActionGroupItemCount(S),lt=Math.max(L-1,0);u+=B*lt,$!==M&&(u+=h(r==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),u+=h(r==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))})}let q=(M,S,$)=>{if(!S||M.length<1)return;let g=getComputedStyle(S),B=h(g.gap),L=M.length+($?1:0);u+=B*Math.max(L-1,0)},rt=!a&&n==="start",st=!a&&n==="end";q(T,this.actionsStartGroupRef.value,rt),q(c,this.actionsEndGroupRef.value,st),R>1&&(u+=h(w.gap)*(R-1));let ct=ht({bufferSize:u,containerSize:r==="horizontal"?t:e,itemSizes:o});this.runOverflowActions({actionGroups:m,expanded:i,overflowCount:ct})},K.resize),this.resizeHandler=t=>{if(this.usesWrap){this.scheduleLineMeasure();return}let{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})},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,i=t==="horizontal"?"clientWidth":"clientHeight",a=this.actions.map(o=>o[i]||0);this.getTrackedActionGroups().flatMap(o=>F(o,"calcite-action-menu")).forEach(o=>{let s=o.actions.find(c=>c.slot===H.trigger);a.push((s??o)[i]||0)}),e&&a.push(e[i]||0);let n=Math.max(...a,0);return a.map(o=>o||n)}getActionGroupItemCount(t){let e=t.actions.filter(a=>a.parentElement===t),i=F(t,"calcite-action-menu").length;return e.length+i}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(),i=e.find(a=>p(a)||v(a));i&&(p(i)&&!i.menuOpen||v(i)&&!i.open||(this.getTrackedActionGroups().forEach(a=>{e.includes(a)||(a.menuOpen=!1)}),this.getTrackedActionMenus().forEach(a=>{e.includes(a)||(a.open=!1)})))}runOverflowActions({actionGroups:t,expanded:e,overflowCount:i}){let a=++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:i}),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,a),this.queueSuppressedActionGroupActionsChangeCleanup(n,a))})}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(a=>{a.hidden||t.push(a)});let i=this.actionsEndGroupRef.value;return i&&!i.hidden&&t.push(i),t}updateLines(){let t=this.containerRef.value;if(!t||!this.usesWrap){this.lineOffsets.length>0&&(this.lineOffsets=[]);return}let e=this.layout==="horizontal",i=this.direction==="rtl",a=t.getBoundingClientRect(),r=this.getWrapItems(),n=[],o=null;r.forEach(c=>{let d=ut({item:c,containerRect:a,horizontal:e,rtl:i});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(i=>t.add(i))}),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!==k.menuActions)}handleKeyDown(t){let e=this.getNavigableActions(),i=document.activeElement;if(!(!P(i)||!e.includes(i)))switch(t.key){case"ArrowRight":case"ArrowDown":E(e,i,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":E(e,i,"previous",!0),t.preventDefault();break;case"Home":E(e,i,"first",!0),t.preventDefault();break;case"End":E(e,i,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(i);break}}setActionTabIndexes(t){this.actions.forEach(e=>{let i=!e.disabled&&e===t?0:-1;i===0?e.removeAttribute("tabindex"):e.tabIndex=i})}renderExpandTooltipSlot(){return A`<slot name=${z.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:i,messages:a,position:r,scale:n}=this;return at({collapseLabel:a.collapseLabel,collapseText:a.collapse,direction:this.direction,el:t,expanded:e,expandLabel:a.expandLabel,expandText:a.expand,position:r,ref:this.setExpandToggleEl,scale:n,toggle:i,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandToggleDisabled:e,scale:i,layout:a,overlayPositioning:r,expandPosition:n}=this,o=t==="start",s=!e&&n===t,c=o?this.hasActionsStart:this.hasActionsEnd,d=o?z.actionsStart:z.actionsEnd,T=o?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,D=o?this.actionsStartGroupLabel:this.actionsEndGroupLabel,I=!s&&!c,m=o?this.actionsStartGroupRef:this.actionsEndGroupRef,O=o?this.actionsStartSlotRef:this.actionsEndSlotRef,G=s?this.renderExpandToggle():null;return A`<calcite-action-group class=${y({[b.actionGroupStart]:o,[b.actionGroupEnd]:!o})} .hidden=${I} .label=${D} .layout=${a} .overlayPositioning=${r} .scale=${i} ${x(m)}>${o?G:null}<slot name=${d??j} @slotchange=${T} ${x(O)}></slot>${s?this.renderExpandTooltipSlot():null}${o?null:G}</calcite-action-group>`}render(){let t=this.layout==="horizontal"?"horizontal":"vertical";return A`<div .ariaOrientation=${t} class=${y({[b.container]:!0,[b.hasActionGroups]:this.hasActionGroups})} role=toolbar ${x(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange} ${x(this.defaultSlotRef)}></slot>${this.renderActionsGroup("end")}${this.usesWrap?A`<div aria-hidden=true class=${y(b.lineOverlay)}>${this.lineOffsets.map(e=>A`<div class=${y(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/LWBWYQYI.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as n}from"./ZDSVHHRM.js";import{c as g}from"./AYRJ7NYC.js";import{F as h,h as a,l as f}from"./F4RP2ND6.js";var u={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function L(e,c){return c||e.closest("calcite-shell-panel")?.position||"start"}function k({actions:e,expandables:c,expanded:o}){e.filter(t=>t.slot!==n.menuActions).forEach(t=>t.textEnabled=o),c.forEach(t=>t.expanded=o)}function B({el:e,expanded:c}){Array.from(e.querySelectorAll("calcite-action")).filter(o=>o.slot!==n.menuActions&&(o.closest("calcite-action-menu")?o.slot===g.trigger:!0)).forEach(o=>o.textEnabled=c),e.querySelectorAll("calcite-action-group, calcite-action-menu").forEach(o=>o.expanded=c)}var d=({tooltip:e,referenceElement:c,expanded:o,ref:t})=>(e&&(e.referenceElement=!o&&c?c:void 0),t&&t(c),c),P=({collapseText:e,collapseLabel:c,direction:o,expanded:t,expandText:m,expandLabel:$,toggle:v,el:S,position:A,tooltip:r,ref:E,scale:T})=>{let b=o==="rtl",l=t?e:m,p=t?c:$,i=[u.chevronsLeft,u.chevronsRight];b&&i.reverse();let s=L(S,A)==="end",x=s?i[1]:i[0],y=s?i[0]:i[1];return a`<calcite-action .aria=${{expanded:t}} .icon=${t?x:y} id=expand-toggle .label=${p} @click=${v} .scale=${T} .text=${l} .textEnabled=${t} title=${(!t&&!r?l:void 0)??f} ${h(C=>d({tooltip:r,referenceElement:C,expanded:t,ref:E}))}></calcite-action>`};export{k as a,B as b,P as c};

package/dist/cdn/MUYSSY6B.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{b as A,c as k}from"./LWBWYQYI.js";import{a as g}from"./FDHY2TZA.js";import{a as v}from"./KN7VGE4M.js";import{b as E}from"./XDGVGNRC.js";import"./ZDSVHHRM.js";import"./AYRJ7NYC.js";import{c as y}from"./YSW3EMMW.js";import"./ZZDNIBT7.js";import{a as x}from"./WAOVLW25.js";import"./VMHJHFFS.js";import{e as f}from"./BGS4CESC.js";import"./ECXSX2FK.js";import{D as i,z as b}from"./2M4ETWZU.js";import{G as u,H as c,Q as h,T as m,g as p,h as s,p as o}from"./F4RP2ND6.js";var T={actionGroupEnd:"action-group--end",container:"container"},D={expandTooltip:"expand-tooltip"},L=p`: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-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm, 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-theme-space-sm-plus, 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;box-shadow:var(--calcite-shadow-md);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, 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.direction=f(),this.mutationObserver=g("mutation",()=>this.mutationObserverHandler()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=v({blocking:!0}),this.focusSetter=x()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionPadCollapse=o({cancelable:!1}),this.calciteActionPadExpand=o({cancelable:!1}),this.calciteActionPadToggle=o({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}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){h.deprecated("component",{component:this,name:"action-pad",removalVersion:5,suggested:"action-bar"})}willUpdate(e){e.has("expanded")&&this.hasUpdated&&A({el:this.el,expanded:this.expanded}),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,this.setGroupLayout(e)}setGroupLayout(e){e.forEach(t=>t.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleTooltipSlotChange(e){let t=b(e).filter(E);this.expandTooltip=t[0]}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(!(!y(a)||!t.includes(a)))switch(e.key){case"ArrowRight":case"ArrowDown":i(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":i(t,a,"previous",!0),e.preventDefault();break;case"Home":i(t,a,"first",!0),e.preventDefault();break;case"End":i(t,a,"last",!0),e.preventDefault();break;case"Tab":this.updateTabIndexOfItems(a);break}}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}updateTabIndexOfItems(e){this.actions.forEach(t=>{let a=!t.disabled&&t===e?0:-1;a===0?t.removeAttribute("tabindex"):t.tabIndex=a})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}mutationObserverHandler(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,messages:a,el:n,position:w,toggleExpand:G,scale:r,layout:O,actionsEndGroupLabel:S,overlayPositioning:C}=this,d=t?null:k({collapseLabel:a.collapseLabel,collapseText:a.collapse,direction:this.direction,el:n,expanded:e,expandLabel:a.expandLabel,expandText:a.expand,position:w,scale:r,toggle:G,tooltip:this.expandTooltip});return d?s`<calcite-action-group class=${c(T.actionGroupEnd)} .label=${S} .layout=${O} .overlayPositioning=${C} .scale=${r}><slot name=${D.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${d}</calcite-action-group>`:null}render(){return s`<div class=${c(T.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};m("calcite-action-pad",l);export{l as ActionPad};

package/dist/cdn/assets/action-pad/t9n/messages.ar.json

@@ -1 +0,0 @@
-{"expand":"توسيع","collapse":"طي","expandLabel":"توسيع القائمة","collapseLabel":"طي القائمة"}

package/dist/cdn/assets/action-pad/t9n/messages.bg.json

@@ -1 +0,0 @@
-{"expand":"Разгъване","collapse":"Сгъване","expandLabel":"Разгъване на меню","collapseLabel":"Свиване на меню"}

package/dist/cdn/assets/action-pad/t9n/messages.bs.json

@@ -1 +0,0 @@
-{"expand":"Proširi","collapse":"Sažmi","expandLabel":"Proširi izbornik","collapseLabel":"Sažmi izbornik"}

package/dist/cdn/assets/action-pad/t9n/messages.ca.json

@@ -1 +0,0 @@
-{"expand":"Amplia","collapse":"Redueix","expandLabel":"Desplega el menú","collapseLabel":"Replega el menú"}

package/dist/cdn/assets/action-pad/t9n/messages.cs.json

@@ -1 +0,0 @@
-{"expand":"Rozbalit","collapse":"Sbalit","expandLabel":"Rozbalit nabídku","collapseLabel":"Sbalit nabídku"}

package/dist/cdn/assets/action-pad/t9n/messages.da.json

@@ -1 +0,0 @@
-{"expand":"Udvid","collapse":"Skjul","expandLabel":"Vis menu","collapseLabel":"Skjul menu"}

package/dist/cdn/assets/action-pad/t9n/messages.de.json

@@ -1 +0,0 @@
-{"expand":"Einblenden","collapse":"Ausblenden","expandLabel":"Menü einblenden","collapseLabel":"Menü ausblenden"}

package/dist/cdn/assets/action-pad/t9n/messages.el.json

@@ -1 +0,0 @@
-{"expand":"Ανάπτυξη","collapse":"Σύμπτυξη","expandLabel":"Ανάπτυξη μενού","collapseLabel":"Σύμπτυξη μενού"}

package/dist/cdn/assets/action-pad/t9n/messages.en.json

@@ -1 +0,0 @@
-{"expand":"Expand","collapse":"Collapse","expandLabel":"Expand menu","collapseLabel":"Collapse menu"}

package/dist/cdn/assets/action-pad/t9n/messages.es.json

@@ -1 +0,0 @@
-{"expand":"Expandir","collapse":"Contraer","expandLabel":"Expandir menú","collapseLabel":"Contraer menú"}

package/dist/cdn/assets/action-pad/t9n/messages.et.json

@@ -1 +0,0 @@
-{"expand":"Laienda","collapse":"Ahenda","expandLabel":"Laienda menüüd","collapseLabel":"Ahenda menüüd"}

package/dist/cdn/assets/action-pad/t9n/messages.fi.json

@@ -1 +0,0 @@
-{"expand":"Laajenna","collapse":"Kutista","expandLabel":"Laajenna valikko","collapseLabel":"Kutista valikko"}

package/dist/cdn/assets/action-pad/t9n/messages.fr.json

@@ -1 +0,0 @@
-{"expand":"Développer","collapse":"Réduire","expandLabel":"Développer le menu","collapseLabel":"Réduire le menu"}

package/dist/cdn/assets/action-pad/t9n/messages.he.json

@@ -1 +0,0 @@
-{"expand":"הרחב","collapse":"צמצם","expandLabel":"הרחב תפריט","collapseLabel":"כווץ תפריט"}

package/dist/cdn/assets/action-pad/t9n/messages.hr.json

@@ -1 +0,0 @@
-{"expand":"Proširi","collapse":"Sažmi","expandLabel":"Proširi izbornik","collapseLabel":"Sažmi izbornik"}

package/dist/cdn/assets/action-pad/t9n/messages.hu.json

@@ -1 +0,0 @@
-{"expand":"Kibontás","collapse":"Összecsukás","expandLabel":"Menü kibontása","collapseLabel":"Menü összecsukása"}

package/dist/cdn/assets/action-pad/t9n/messages.id.json

@@ -1 +0,0 @@
-{"expand":"Bentang","collapse":"Tutup","expandLabel":"Perluas menu","collapseLabel":"Tutup menu"}

package/dist/cdn/assets/action-pad/t9n/messages.it.json

@@ -1 +0,0 @@
-{"expand":"Espandi","collapse":"Comprimi","expandLabel":"Espandi menu","collapseLabel":"Comprimi menu"}

package/dist/cdn/assets/action-pad/t9n/messages.ja.json

@@ -1 +0,0 @@
-{"expand":"展開","collapse":"折りたたむ","expandLabel":"メニューの展開","collapseLabel":"メニューの折りたたみ"}

package/dist/cdn/assets/action-pad/t9n/messages.json

@@ -1 +0,0 @@
-{"expand":"Expand","collapse":"Collapse","expandLabel":"Expand menu","collapseLabel":"Collapse menu"}

package/dist/cdn/assets/action-pad/t9n/messages.ko.json

@@ -1 +0,0 @@
-{"expand":"확장","collapse":"축소","expandLabel":"메뉴 확장","collapseLabel":"메뉴 축소"}

package/dist/cdn/assets/action-pad/t9n/messages.lt.json

@@ -1 +0,0 @@
-{"expand":"Išskleisti","collapse":"Suskleisti","expandLabel":"Išskleisti meniu","collapseLabel":"Suskleisti meniu"}

package/dist/cdn/assets/action-pad/t9n/messages.lv.json

@@ -1 +0,0 @@
-{"expand":"Izvērst","collapse":"Sakļaut","expandLabel":"Paplašināt izvēlni","collapseLabel":"Sakļaut izvēlni"}

package/dist/cdn/assets/action-pad/t9n/messages.nl.json

@@ -1 +0,0 @@
-{"expand":"Uitklappen","collapse":"Inklappen","expandLabel":"Menu uitvouwen","collapseLabel":"Menu samenvouwen"}

package/dist/cdn/assets/action-pad/t9n/messages.no.json

@@ -1 +0,0 @@
-{"expand":"Utvid","collapse":"Skjul","expandLabel":"Vis meny","collapseLabel":"Skjul meny"}

package/dist/cdn/assets/action-pad/t9n/messages.pl.json

@@ -1 +0,0 @@
-{"expand":"Rozwiń","collapse":"Zwiń","expandLabel":"Rozwiń menu","collapseLabel":"Zwiń menu"}

package/dist/cdn/assets/action-pad/t9n/messages.pt-BR.json

@@ -1 +0,0 @@
-{"expand":"Expandir","collapse":"Recolher","expandLabel":"Expandir menu","collapseLabel":"Recolher menu"}

package/dist/cdn/assets/action-pad/t9n/messages.pt-PT.json

@@ -1 +0,0 @@
-{"expand":"Expandir","collapse":"Recolher","expandLabel":"Expandir menu","collapseLabel":"Fechar menu"}

package/dist/cdn/assets/action-pad/t9n/messages.ro.json

@@ -1 +0,0 @@
-{"expand":"Extindere","collapse":"Restrângere","expandLabel":"Extindeți meniul","collapseLabel":"Restrângeți meniul"}

package/dist/cdn/assets/action-pad/t9n/messages.ru.json

@@ -1 +0,0 @@
-{"expand":"Развернуть","collapse":"Свернуть","expandLabel":"Развернуть меню","collapseLabel":"Свернуть меню"}

package/dist/cdn/assets/action-pad/t9n/messages.sk.json

@@ -1 +0,0 @@
-{"expand":"Rozbaliť","collapse":"Zbaliť","expandLabel":"Rozbaliť menu","collapseLabel":"Zbaliť menu"}

package/dist/cdn/assets/action-pad/t9n/messages.sl.json

@@ -1 +0,0 @@
-{"expand":"Razširi","collapse":"Strni","expandLabel":"Razširi meni","collapseLabel":"Strni meni"}

package/dist/cdn/assets/action-pad/t9n/messages.sr.json

@@ -1 +0,0 @@
-{"expand":"Proširi","collapse":"Skupi","expandLabel":"Proširi meni","collapseLabel":"Skupi meni"}

package/dist/cdn/assets/action-pad/t9n/messages.sv.json

@@ -1 +0,0 @@
-{"expand":"Expandera","collapse":"Dölj","expandLabel":"Expandera meny","collapseLabel":"Dölj meny"}

package/dist/cdn/assets/action-pad/t9n/messages.th.json

@@ -1 +0,0 @@
-{"expand":"ขยาย","collapse":"ย่อลงมา","expandLabel":"ขยายเมนู","collapseLabel":"ย่อเมนู"}

package/dist/cdn/assets/action-pad/t9n/messages.tr.json

@@ -1 +0,0 @@
-{"expand":"Genişlet","collapse":"Daralt","expandLabel":"Menüyü genişlet","collapseLabel":"Menüyü daralt"}

package/dist/cdn/assets/action-pad/t9n/messages.uk.json

@@ -1 +0,0 @@
-{"expand":"Розширити","collapse":"Згорнути","expandLabel":"Розгорнути меню","collapseLabel":"Згорнути меню"}

package/dist/cdn/assets/action-pad/t9n/messages.vi.json

@@ -1 +0,0 @@
-{"expand":"Mở rộng","collapse":"Thu gọn","expandLabel":"Mở rộng menu","collapseLabel":"Thu gọn menu"}

package/dist/cdn/assets/action-pad/t9n/messages.zh-CN.json

@@ -1 +0,0 @@
-{"expand":"展开","collapse":"折叠","expandLabel":"展开菜单","collapseLabel":"折叠菜单"}

package/dist/cdn/assets/action-pad/t9n/messages.zh-HK.json

@@ -1 +0,0 @@
-{"expand":"展開","collapse":"摺疊","expandLabel":"展開功能表","collapseLabel":"摺疊功能表"}

package/dist/cdn/assets/action-pad/t9n/messages.zh-TW.json

@@ -1 +0,0 @@
-{"expand":"展開","collapse":"摺疊","expandLabel":"展開功能表","collapseLabel":"摺疊功能表"}

package/dist/chunks/ExpandToggle.js

@@ -1,48 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { ref } from "lit/directives/ref.js";
-import { nothing, html } from "lit";
-import { S as SLOTS } from "./resources.js";
-import { S as SLOTS$1 } from "./resources2.js";
-const ICONS = {
-  chevronsLeft: "chevrons-left",
-  chevronsRight: "chevrons-right"
-};
-function getCalcitePosition(el, position) {
-  return position || el.closest("calcite-shell-panel")?.position || "start";
-}
-function toggleActionBarChildActionText({ actions, expandables, expanded }) {
-  actions.filter((el) => el.slot !== SLOTS.menuActions).forEach((action) => action.textEnabled = expanded);
-  expandables.forEach((item) => item.expanded = expanded);
-}
-function legacyToggleChildActionText({ el, expanded }) {
-  Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.slot !== SLOTS.menuActions && (action.closest("calcite-action-menu") ? action.slot === SLOTS$1.trigger : true)).forEach((action) => action.textEnabled = expanded);
-  el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((expandable) => expandable.expanded = expanded);
-}
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref: ref2 }) => {
-  if (tooltip) {
-    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : void 0;
-  }
-  if (ref2) {
-    ref2(referenceElement);
-  }
-  return referenceElement;
-};
-const ExpandToggle = ({ collapseText, collapseLabel, direction, expanded, expandText, expandLabel, toggle, el, position, tooltip, ref: ref$1, scale }) => {
-  const rtl = direction === "rtl";
-  const text = expanded ? collapseText : expandText;
-  const label = expanded ? collapseLabel : expandLabel;
-  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-  if (rtl) {
-    icons.reverse();
-  }
-  const end = getCalcitePosition(el, position) === "end";
-  const expandIcon = end ? icons[1] : icons[0];
-  const collapseIcon = end ? icons[0] : icons[1];
-  const actionNode = html`<calcite-action .aria=${{ expanded }} .icon=${expanded ? expandIcon : collapseIcon} id=expand-toggle .label=${label} @click=${toggle} .scale=${scale} .text=${text} .textEnabled=${expanded} title=${(!expanded && !tooltip ? text : void 0) ?? nothing} ${ref((referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref: ref$1 }))}></calcite-action>`;
-  return actionNode;
-};
-export {
-  ExpandToggle as E,
-  legacyToggleChildActionText as l,
-  toggleActionBarChildActionText as t
-};

package/dist/components/calcite-action-pad/customElement.d.ts

@@ -1,96 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Layout, Position, Scale, SelectionAppearance } from "../types.js";
-import type { OverlayPositioning } from "../../utils/floating-ui.js";
-
-declare module "@arcgis/lumina" {
-export interface DeclareCssProperties {
-  /** Specifies the component's border radius. */
-  "--calcite-action-pad-corner-radius": "*";
-  /** When `expanded` and `layout` is `"vertical"`, specifies the component's maximum width. */
-  "--calcite-action-pad-expanded-max-width": "*";
-  /** Specifies the component's space between slotted components. */
-  "--calcite-action-pad-items-space": "*";
-}
-}
-
-/**
- * @deprecated in v5.0.0, removal target v6.0.0 - Use the `calcite-action-bar` component instead.
- * @slot  - A slot for adding `calcite-action`s to the component.
- * @slot [expand-tooltip] - A slot to set the `calcite-tooltip` for the expand toggle.
- */
-export abstract class ActionPad extends LitElement {
-  /** Specifies the accessible label for the last `calcite-action-group`. */
-  accessor actionsEndGroupLabel: string | undefined;
-  /**
-   * When `true`, the expand-toggling behavior is disabled.
-   *
-   * @default false
-   */
-  accessor expandDisabled: boolean;
-  /**
-   * When `true`, expands the component and its contents.
-   *
-   * @default false
-   */
-  accessor expanded: boolean;
-  /**
-   * Specifies the layout of the component.
-   *
-   * @default "vertical"
-   */
-  accessor layout: Extract<"horizontal" | "vertical" | "grid", Layout>;
-  /**
-   * Replace localized message strings with your own strings.
-   *
-   * _**Note**: Individual message keys may change between releases._
-   */
-  accessor messageOverrides: {
-      expand?: string | undefined;
-      collapse?: string | undefined;
-      expandLabel?: string | undefined;
-      collapseLabel?: string | undefined;
-  };
-  /**
-   * Specifies the type of positioning to use for overlaid content.
-   *
-   * - `"absolute"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout.
-   *
-   * - `"fixed"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-   *
-   * @default "absolute"
-   */
-  accessor overlayPositioning: OverlayPositioning;
-  /** Specifies the position of the component depending on the element's `dir` property. */
-  accessor position: Extract<"start" | "end", Position> | undefined;
-  /**
-   * Specifies the size of the expand `calcite-action`.
-   *
-   * @default "m"
-   */
-  accessor scale: Scale;
-  /**
-   * Specifies the selection appearance of the component
-   *
-   * @default "neutral"
-   */
-  accessor selectionAppearance: Extract<"neutral" | "highlight", SelectionAppearance>;
-  /**
-   * Sets focus on the component's first focusable element.
-   *
-   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-   * @see [MDN - focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Fires when the component's content area is collapsed. */
-  readonly calciteActionPadCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the component's content area is expanded. */
-  readonly calciteActionPadExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the `expanded` property is toggled. */
-  readonly calciteActionPadToggle: import("@arcgis/lumina").TargetedEvent<this, void>;
-  readonly "@eventTypes": {
-    calciteActionPadCollapse: ActionPad["calciteActionPadCollapse"]["detail"];
-    calciteActionPadExpand: ActionPad["calciteActionPadExpand"]["detail"];
-    calciteActionPadToggle: ActionPad["calciteActionPadToggle"]["detail"];
-  };
-}