@esri/calcite-components 5.2.0-next.20 → 5.2.0-next.21

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,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,overlayPositioning,position,scale,selectionAppearance;overflowActions,setFocus"],
   "calcite-action-group": [() => import("./components/calcite-action-group/customElement.js"), "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"), "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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.20",
+  "version": "5.2.0-next.21",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -92,13 +92,13 @@
   "devDependencies": {
     "@arcgis/api-extractor": ">=5.1.0-next.96 <6.0.0",
     "@arcgis/lumina-compiler": ">=5.1.0-next.96 <6.0.0",
-    "@esri/calcite-design-tokens": "4.1.1-next.2",
-    "@esri/calcite-tailwind-preset": "1.1.2-next.2",
-    "@esri/eslint-plugin-calcite-components": "2.0.4-next.19",
+    "@esri/calcite-design-tokens": "4.1.1-next.3",
+    "@esri/calcite-tailwind-preset": "1.1.2-next.3",
+    "@esri/eslint-plugin-calcite-components": "2.0.4-next.20",
     "@esri/stylelint-plugin-calcite-components": "0.2.0-next.1",
     "playwright": "1.61.1",
     "sass-embedded": "1.100.0",
-    "vitest": "4.1.9"
+    "vitest": "4.1.10"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"
@@ -108,5 +108,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "c4f917ea4bacadf4607f1ee99e4a3b1a419be832"
+  "gitHead": "d01a1b6f390ac6c1812668593bb74a7167e4a25f"
 }

package/dist/cdn/R266UWNO.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as F}from"./EI74TGO3.js";import{a as q}from"./OIO5CL6R.js";import{a as M,b as R,c as W,d as N}from"./3PIVSGTG.js";import{a as E}from"./VI7SBYXT.js";import"./WXZMRXAK.js";import{a as L}from"./5ALNZXSH.js";import"./RYOYQ7JI.js";import{c as U}from"./BEE5ZZFY.js";import{a as I}from"./6CGBTN55.js";import"./ZWPNZ5XW.js";import{e as B}from"./WZDOH3UT.js";import"./Y62446FJ.js";import{C as l,s as S,t as P,x as f}from"./JSGM5KD3.js";import{E as k,F as G,G as O,H as y,N as $,S as H,g as D,h as v,l as T,p as m}from"./5AZRX3DS.js";var J=({bufferSize:b=0,containerSize:t,itemSizes:e})=>{let a=t-b,i=e.length,o=0;for(let[r,n]of e.entries())if(o=o+n,o>a){i=r;break}else continue;return i},X=({bufferSize:b=0,containerSize:t,itemSizes:e})=>Math.max(e.length-J({bufferSize:b,itemSizes:e,containerSize:t}),0),w={container:"container",actionGroupEnd:"action-group--end",actionGroupStart:"action-group--start"},z={actionsEnd:"actions-end",actionsStart:"actions-start",expandTooltip:"expand-tooltip"},Y=D`: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}`,C=class extends O{constructor(){super(),this.actions=[],this.containerRef=k(),this.direction=B(),this.actionGroups=[],this.mutationObserver=E("mutation",()=>this.mutationObserverHandler()),this.cancelable=F()(this),this.resize=q(({width:t,height:e})=>{let{expanded:a,expandDisabled:i,layout:o,overflowActionsDisabled:r,expandPosition:n}=this;if(r||o==="vertical"&&!e||o==="horizontal"&&!t||!this.containerRef.value)return;this.updateGroups();let d=this.getItemSizes(),{actionGroups:c}=this,x=this.hasActionsEnd||!i&&n==="end"?1:0,A=this.hasActionsStart||!i&&n==="start"?1:0,h=c.length+x+A,s=h,p=getComputedStyle(this.containerRef.value);if(s+=l(o==="horizontal"?p.paddingInlineStart:p.paddingBlockStart)+l(o==="horizontal"?p.paddingInlineEnd:p.paddingBlockEnd),c.length>0&&c.forEach((u,j)=>{let g=getComputedStyle(u),Q=l(g.gap),V=u.childElementCount-1;s+=Q*V,j<c.length-1&&(s+=l(o==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),s+=l(o==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))}),h>0)for(let u=1;u<h;u++)s+=l(p.gap);let K=X({bufferSize:s,containerSize:o==="horizontal"?t:e,itemSizes:d});R({actionGroups:c,expanded:a,overflowCount:K})},$.resize),this.resizeHandler=t=>{let{width:e,height:a}=t.contentRect;this.resize({width:e,height:a})},this.resizeObserver=E("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=L({blocking:!0}),this.focusSetter=I()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=m({cancelable:!1}),this.calciteActionBarExpand=m({cancelable:!1}),this.calciteActionBarToggle=m({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),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}],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=Y}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.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(t){(t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!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.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:t,layout:e,expandToggleEl:a}=this,i=M(t);a&&i.push(a);let o=e==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...i.map(n=>n[o]||0));return i.map(n=>n[o]||r)}expandedHandler(){let{el:t,expanded:e}=this;W({el:t,expanded:e}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let e=t.composedPath();this.actionGroups?.forEach(a=>{e.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,t.forEach(e=>{e.layout=this.layout,e.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(t){this.hasActionsEnd=S(t),this.overflowActions()}handleActionsStartSlotChange(t){this.hasActionsStart=S(t),this.overflowActions()}handleTooltipSlotChange(t){let e=P(t).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=e[0]}updateActions(){this.actions.forEach(t=>{t.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(t){this.queryAndStoreActions();let e=this.actions.filter(i=>!i.disabled),a=document.activeElement;if(!(!U(a)||!e.includes(a)))switch(t.key){case"ArrowRight":case"ArrowDown":f(e,a,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":f(e,a,"previous",!0),t.preventDefault();break;case"Home":f(e,a,"first",!0),t.preventDefault();break;case"End":f(e,a,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(t){this.actions.forEach(e=>{let a=!e.disabled&&e===t?0:-1;a===0?e.removeAttribute("tabindex"):e.tabIndex=a})}renderExpandTooltipSlot(){return v`<slot name=${z.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:a,messages:i,position:o,scale:r}=this;return N({collapseLabel:i.collapseLabel,collapseText:i.collapse,direction:this.direction,el:t,expanded:e,expandLabel:i.expandLabel,expandText:i.expand,position:o,ref:this.setExpandToggleEl,scale:r,toggle:a,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandDisabled:e,scale:a,layout:i,overlayPositioning:o,expandPosition:r}=this,n=t==="start",d=!e&&r===t,c=n?z.actionsStart:z.actionsEnd,x=n?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,A=n?this.actionsStartGroupLabel:this.actionsEndGroupLabel,h=!d&&!(n?this.hasActionsStart:this.hasActionsEnd),s=n?w.actionGroupStart:w.actionGroupEnd;return v`<calcite-action-group class=${y(s)} .hidden=${h} .label=${A} .layout=${i} .overlayPositioning=${o} .scale=${a}>${n&&d?this.renderExpandToggle():null}<slot name=${c??T} @slotchange=${x}></slot>${d?this.renderExpandTooltipSlot():null}${!n&&d?this.renderExpandToggle():null}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${y(w.container)} role=toolbar ${G(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderActionsGroup("end")}</div>`}};H("calcite-action-bar",C);export{C as ActionBar};