https://maps.watertown-ny.gov/portal/home/11.5.0/js/calcite-components/calcite/H3XVYGU3.js

1/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3v3.0.3 */
4import{a as G}from"./SYD5OQF5.js";import{a as C,b as H,c as O,d as $,e as B,f as T}from"./7MV5X5YY.js";import{a as p}from"./MOOKY73S.js";import"./3XJDMBMJ.js";import{a as D}from"./HHWADIGN.js";import"./SZONZQBZ.js";import"./5MAYMOZA.js";import{n as w,u,v as z}from"./SXYTJEOC.js";import{b as E}from"./H6E5FODU.js";import"./B4YIOD3M.js";import{D as A,J as y,e as m,f as d,v,w as f,x}from"./74XIV7EB.js";var P={actionGroupEnd:"action-group--end"},b={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"},M=m`: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{pointer-events:auto;display:inline-flex;align-self:stretch;gap:var(--calcite-action-bar-items-space, 0)}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]){overflow-y:auto}:host([layout=vertical]):host([expanded]){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)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]){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-inline-end-width:var(--calcite-border-width-sm)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends f{constructor(){super(),this.mutationObserver=p("mutation",()=>this.mutationObserverHandler()),this.resize=G(({width:t,height:o})=>{let{el:e,expanded:l,expandDisabled:n,layout:i,overflowActionsDisabled:r,actionGroups:s}=this;if(r||i==="vertical"&&!o||i==="horizontal"&&!t)return;let a=O(e),c=n?a.length:a.length+1;this.updateGroups();let h=this.hasActionsEnd||this.hasBottomActions||!n?s.length+1:s.length,{actionHeight:L,actionWidth:S}=C(a),k=H({layout:i,actionCount:c,actionHeight:L,actionWidth:S,height:o,width:t,groupCount:h});$({actionGroups:s,expanded:l,overflowCount:k})},A.resize),this.resizeHandler=t=>{let{width:o,height:e}=t.contentRect;this.resize({width:o,height:e})},this.resizeObserver=p("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.hasActionsEnd=!1,this.hasBottomActions=!1,this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.messages=D(),this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.calciteActionBarToggle=v({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:16,hasActionsEnd:16,hasBottomActions:16,actionsEndGroupLabel:1,expandDisabled:7,expanded:7,layout:3,messageOverrides:0,overflowActionsDisabled:7,overlayPositioning:3,position:3,scale:3}}static{this.styles=M}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await E(this),w(this.el)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled)}async load(){}willUpdate(t){t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)&&this.overflowActions(),t.has("expanded")&&this.hasUpdated&&this.expandedHandler(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled)}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}expandedHandler(){let{el:t,expanded:o}=this;B({el:t,expanded:o}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let o=t.composedPath();

4this.actionGroups?.forEach(e=>{o.includes(e)||(e.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(o=>o.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleActionsEndSlotChange(t){this.hasActionsEnd=u(t)}handleBottomActionsSlotChange(t){this.hasBottomActions=u(t)}handleTooltipSlotChange(t){let o=z(t).filter(e=>e?.matches("calcite-tooltip"));this.expandTooltip=o[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:o,el:e,position:l,toggleExpand:n,scale:i,layout:r,messages:s,actionsEndGroupLabel:a,overlayPositioning:c}=this,h=o?null:T({collapseLabel:s.collapseLabel,collapseText:s.collapse,el:e,expandLabel:s.expandLabel,expandText:s.expand,expanded:t,position:l,scale:i,toggle:n,tooltip:this.expandTooltip});return d`<calcite-action-group class=${x(P.actionGroupEnd)} .hidden=${this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions)} .label=${a} .layout=${r} .overlayPositioning=${c} .scale=${i}><slot name=${b.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${b.bottomActions} @slotchange=${this.handleBottomActionsSlotChange}></slot><slot name=${b.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${h}</calcite-action-group>`}render(){return d`<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}`}};y("calcite-action-bar",g);export{g as ActionBar};