@esri/calcite-components 5.2.0-next.32 → 5.2.0-next.33

package/dist/loader.js

@@ -5,7 +5,7 @@ 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"), "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:,overflowDisabled,scale,selectionAppearance,text,textEnabled,type,width;setFocus", 1],
-  "calcite-action-bar": [() => import("./components/calcite-action-bar/customElement.js"), "actionsEndGroupLabel,actionsStartGroupLabel,expandDisabled,expanded,expandPosition,expandToggleDisabled,floating,layout,messageOverrides:,overflowActionsDisabled,overlayPositioning,position,scale,selectionAppearance;overflowActions,setFocus"],
+  "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"],

package/dist/types/lumina.d.ts

@@ -118,7 +118,7 @@ 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" | "overflowDisabled" | "scale" | "textEnabled" | "type">>, h.JSX.HTMLAttributes<Action> {
 }
 
-interface LuminaCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, h.JSX.HTMLAttributes<ActionBar> {
+interface LuminaCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overflowMode" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, h.JSX.HTMLAttributes<ActionBar> {
   oncalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   oncalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   oncalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;

package/dist/types/preact.d.ts

@@ -119,7 +119,7 @@ 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" | "overflowDisabled" | "scale" | "textEnabled" | "type">>, HTMLAttributes<Action> {
 }
 
-interface PreactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLAttributes<ActionBar> {
+interface PreactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overflowMode" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLAttributes<ActionBar> {
   oncalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   oncalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   oncalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;

package/dist/types/react.d.ts

@@ -119,7 +119,7 @@ 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" | "overflowDisabled" | "scale" | "textEnabled" | "type">>, HTMLProps<Action> {
 }
 
-interface ReactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLProps<ActionBar> {
+interface ReactCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overflowMode" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, HTMLProps<ActionBar> {
   oncalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   oncalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   oncalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;

package/dist/types/stencil.d.ts

@@ -119,7 +119,7 @@ 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" | "overflowDisabled" | "scale" | "textEnabled" | "type">>, StencilJsx.HTMLAttributes<Action> {
 }
 
-interface StencilCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, StencilJsx.HTMLAttributes<ActionBar> {
+interface StencilCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "actionsStartGroupLabel" | "expandDisabled" | "expanded" | "expandPosition" | "expandToggleDisabled" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overflowMode" | "overlayPositioning" | "position" | "scale" | "selectionAppearance">>, StencilJsx.HTMLAttributes<ActionBar> {
   onCalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
   onCalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
   onCalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.2.0-next.32",
+  "version": "5.2.0-next.33",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -108,5 +108,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "a3031660db6d93bfab703a19e7a02f509b6f2f82"
+  "gitHead": "5613d9f8000ba12bf55c7da50e2f119c12435302"
 }

package/dist/cdn/HKLXMKWW.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as ot}from"./7H6JEAAY.js";import{a as tt}from"./5EBGPCB7.js";import{a as it,c as nt}from"./DGP7CLGV.js";import{a as at}from"./MQZF7GBV.js";import{a as Q}from"./VI7SBYXT.js";import{a as _}from"./7NMYOO4C.js";import{a as m,d as h}from"./5IJ25RMA.js";import{c as et,e as f}from"./DMK27J6W.js";import{c as H}from"./BEE5ZZFY.js";import{a as Z}from"./M7ZWJ3WS.js";import"./ZWPNZ5XW.js";import{e as J}from"./MUQLRK7U.js";import"./YQLZIZEE.js";import{C as d,t as X,u as Y,x}from"./TCSXUTNB.js";import{E as g,F as S,G as F,H as P,N as K,S as V,g as N,h as G,l as j,p as w}from"./POIX33V2.js";var pt=({bufferSize:l=0,containerSize:t,itemSizes:e})=>{let i=t-l,n=e.length,s=0;for(let[a,o]of e.entries())if(s=s+o,s>i){n=a;break}else continue;return n},ut=({bufferSize:l=0,containerSize:t,itemSizes:e})=>Math.max(e.length-pt({bufferSize:l,itemSizes:e,containerSize:t}),0),L={container:"container",actionGroupEnd:"action-group--end",actionGroupStart:"action-group--start"},U={actionsEnd:"actions-end",actionsStart:"actions-start",expandTooltip:"expand-tooltip"},gt=l=>l.flatMap(t=>h(t)?t.actions:f(t)?t.actions.filter(e=>e.slot===et.trigger):t).filter(t=>!!t),ft=({actionGroups:l,expanded:t,overflowCount:e})=>{let i=e;[...l].reverse().forEach(n=>{let s=0,a=n.actions.filter(o=>o.parentElement===n).reverse();a.forEach(o=>{o.slot===m.menuActions&&(o.removeAttribute("slot"),o.textEnabled=t)}),i>0&&!n.overflowActionsDisabled&&a.some(o=>(a.filter(c=>!c.slot).length>1&&a.length>2&&!o.closest("calcite-action-menu")&&!o.overflowDisabled&&(o.textEnabled=!0,o.setAttribute("slot",m.menuActions),s++,s>1&&i--),i<1)),n.manager.component.requestUpdate()})},At=N`: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));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}:host([hidden]){display:none}[hidden]{display:none}`,W=class extends F{constructor(){super(),this.actions=[],this.containerRef=g(),this.defaultSlotRef=g(),this.actionsStartSlotRef=g(),this.actionsEndSlotRef=g(),this.actionsStartGroupRef=g(),this.actionsEndGroupRef=g(),this.direction=J(),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=tt(({width:t,height:e})=>{let{expanded:i,expandToggleDisabled:n,layout:s,overflowActionsDisabled:a,expandPosition:o}=this;if(a||s==="vertical"&&!e||s==="horizontal"&&!t||!this.containerRef.value)return;this.updateGroups();let r=this.getItemSizes(),{actionGroups:c,actionsEnd:T,actionsEndGroups:C,actionsStart:D,actionsStartGroups:z,defaultSlotItems:k}=this,A=[...z,...c,...C],I=this.hasActionsEnd||!n&&o==="end"?1:0,E=this.hasActionsStart||!n&&o==="start"?1:0,M=k.length+I+E,p=M,v=getComputedStyle(this.containerRef.value);if(p+=d(s==="horizontal"?v.paddingInlineStart:v.paddingBlockStart)+d(s==="horizontal"?v.paddingInlineEnd:v.paddingBlockEnd),A.length>0){let y=A.length-1;A.forEach((b,R)=>{let u=getComputedStyle(b),O=d(u.gap),$=b.actions.filter(B=>B.slot!==m.menuActions).length,lt=b.actions.some(B=>B.slot===m.menuActions),dt=$+(lt?1:0),ht=Math.max(dt-1,0);p+=O*ht,R!==y&&(p+=d(s==="horizontal"?u.paddingInlineEnd:u.paddingBlockEnd),p+=d(s==="horizontal"?u.borderInlineEndWidth:u.borderBlockEndWidth))})}let q=(y,b,R)=>{if(!b||y.length<1)return;let u=getComputedStyle(b),O=d(u.gap),$=y.length+(R?1:0);p+=O*Math.max($-1,0)},st=!n&&o==="start",rt=!n&&o==="end";q(D,this.actionsStartGroupRef.value,st),q(T,this.actionsEndGroupRef.value,rt),M>1&&(p+=d(v.gap)*(M-1));let ct=ut({bufferSize:p,containerSize:s==="horizontal"?t:e,itemSizes:r});this.runOverflowActions({actionGroups:A,expanded:i,overflowCount:ct})},K.resize),this.resizeHandler=t=>{let{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})},this.resizeObserver=Q("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=_({blocking:!0}),this.focusSetter=Z()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.floating=!1,this.expandToggleDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=w({cancelable:!1}),this.calciteActionBarExpand=w({cancelable:!1}),this.calciteActionBarToggle=w({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}],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}],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=At}get expandDisabled(){return this.expandToggleDisabled}set expandDisabled(t){at.deprecated("property",{component:this,name:"expandDisabled",removalVersion:6,suggested:"expandToggleDisabled"}),this.expandToggleDisabled=t}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),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(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),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()}loaded(){this.syncDefaultSlot(),this.syncActionsStartSlot(),this.syncActionsEndSlot(),this.syncActionsState(),this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}getItemSizes(){let{layout:t,expandToggleEl:e}=this,i=[...this.actions];e&&i.push(e);let n=t==="horizontal"?"clientWidth":"clientHeight",s=Math.max(...i.map(a=>a[n]||0));return i.map(a=>a[n]||s)}expandedHandler(){this.syncActionsState(!0),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){let e=t.composedPath(),i=e.find(n=>h(n)||f(n));i&&(h(i)&&!i.menuOpen||f(i)&&!i.open||(this.getTrackedActionGroups().forEach(n=>{e.includes(n)||(n.menuOpen=!1)}),this.getTrackedActionMenus().forEach(n=>{e.includes(n)||(n.open=!1)})))}runOverflowActions({actionGroups:t,expanded:e,overflowCount:i}){let n=++this.overflowPassId,s=new Map;t.forEach(a=>{let o=a.actions.filter(r=>r.parentElement===a);s.set(a,o.map(r=>r.slot??"").join("|"))}),ft({actionGroups:t,expanded:e,overflowCount:i}),t.forEach(a=>{let r=a.actions.filter(c=>c.parentElement===a).map(c=>c.slot??"").join("|");s.get(a)!==r&&(this.suppressedActionGroupActionsChange.set(a,n),this.queueSuppressedActionGroupActionsChangeCleanup(a,n))})}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(){[...this.actionGroups,...this.actionsStartGroups,...this.actionsEndGroups,...this.getSectionWrapperGroups()].forEach(e=>{e.layout=this.layout,e.scale=this.scale})}handleDefaultSlotChange(){this.syncSlotAndActions(()=>this.syncDefaultSlot())}handleActionsEndSlotChange(){this.syncSlotAndActions(()=>this.syncActionsEndSlot())}handleActionsStartSlotChange(){this.syncSlotAndActions(()=>this.syncActionsStartSlot())}handleTooltipSlotChange(t){let e=X(t).filter(i=>i?.matches("calcite-tooltip"));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=gt([...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=>f(t))}getAssignedActionBarItems(t){return t?Y(t).filter(e=>H(e)||h(e)||f(e)):[]}syncDefaultSlot(){this.defaultSlotItems=this.getAssignedActionBarItems(this.defaultSlotRef.value),this.actionGroups=this.defaultSlotItems.filter(t=>h(t)),this.actionMenus=this.defaultSlotItems.filter(t=>f(t)),this.updateGroups()}syncActionsStartSlot(){this.actionsStart=this.getAssignedActionBarItems(this.actionsStartSlotRef.value),this.actionsStartGroups=this.actionsStart.filter(t=>h(t)),this.hasActionsStart=this.actionsStart.length>0,this.updateGroups()}syncActionsEndSlot(){this.actionsEnd=this.getAssignedActionBarItems(this.actionsEndSlotRef.value),this.actionsEndGroups=this.actionsEnd.filter(t=>h(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!==m.menuActions)}handleKeyDown(t){let e=this.getNavigableActions(),i=document.activeElement;if(!(!H(i)||!e.includes(i)))switch(t.key){case"ArrowRight":case"ArrowDown":x(e,i,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":x(e,i,"previous",!0),t.preventDefault();break;case"Home":x(e,i,"first",!0),t.preventDefault();break;case"End":x(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 G`<slot name=${U.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:i,messages:n,position:s,scale:a}=this;return nt({collapseLabel:n.collapseLabel,collapseText:n.collapse,direction:this.direction,el:t,expanded:e,expandLabel:n.expandLabel,expandText:n.expand,position:s,ref:this.setExpandToggleEl,scale:a,toggle:i,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandToggleDisabled:e,scale:i,layout:n,overlayPositioning:s,expandPosition:a}=this,o=t==="start",r=!e&&a===t,c=o?this.hasActionsStart:this.hasActionsEnd,T=o?U.actionsStart:U.actionsEnd,C=o?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,D=o?this.actionsStartGroupLabel:this.actionsEndGroupLabel,z=!r&&!c,k=o?L.actionGroupStart:L.actionGroupEnd,A=o?this.actionsStartGroupRef:this.actionsEndGroupRef,I=o?this.actionsStartSlotRef:this.actionsEndSlotRef,E=r?this.renderExpandToggle():null;return G`<calcite-action-group class=${P(k)} .hidden=${z} .label=${D} .layout=${n} .overlayPositioning=${s} .scale=${i} ${S(A)}>${o?E:null}<slot name=${T??j} @slotchange=${C} ${S(I)}></slot>${r?this.renderExpandTooltipSlot():null}${o?null:E}</calcite-action-group>`}render(){let t=this.layout==="horizontal"?"horizontal":"vertical";return G`<div .ariaOrientation=${t} class=${P(L.container)} role=toolbar ${S(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange} ${S(this.defaultSlotRef)}></slot>${this.renderActionsGroup("end")}</div>`}};V("calcite-action-bar",W);export{W as ActionBar};