@esri/calcite-components 5.2.0-next.89 → 5.2.0-next.90

package/dist/cdn/{ZDDD6PWQ.js → 4NIJ5AL4.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as l}from"./G6EK753X.js";import{F as c,H as a,h,i as e,l as s}from"./PA2BHIBQ.js";var d={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"},m={width:12,height:6,strokeWidth:1},S=({floatingLayout:w,key:g,ref:f})=>{let{width:t,height:r,strokeWidth:o}=m,i=t/2,$=w==="vertical",n=`M0,0 H${t} L${t-i},${r} Q${i},${r} ${i},${r} Z`;return l(g,h`<svg aria-hidden=true class=${a(d.arrow)} height=${t} viewBox=${`0 0 ${t} ${t+($?0:o)}`} width=${t+($?o:0)} ${c(f)}>${e`${e`<path class=${a(d.arrowStroke)} d=${n??s} fill=none stroke-width=${o+1} />`||""}<path d=${n??s} stroke=none />`}</svg>`)};export{S as a};
+import{a as l}from"./PCYCA52I.js";import{F as c,H as a,h,i as e,l as s}from"./NCOEWDIA.js";var d={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"},m={width:12,height:6,strokeWidth:1},S=({floatingLayout:w,key:g,ref:f})=>{let{width:t,height:r,strokeWidth:o}=m,i=t/2,$=w==="vertical",n=`M0,0 H${t} L${t-i},${r} Q${i},${r} ${i},${r} Z`;return l(g,h`<svg aria-hidden=true class=${a(d.arrow)} height=${t} viewBox=${`0 0 ${t} ${t+($?0:o)}`} width=${t+($?o:0)} ${c(f)}>${e`${e`<path class=${a(d.arrowStroke)} d=${n??s} fill=none stroke-width=${o+1} />`||""}<path d=${n??s} stroke=none />`}</svg>`)};export{S as a};

package/dist/cdn/{XW67LSGZ.js → 4OIUXSQT.js}

@@ -1,3 +1,3 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{g as u}from"./3XS7XZAX.js";import{a as d}from"./VI7SBYXT.js";import{G as c,T as h,h as r,p as o}from"./PA2BHIBQ.js";var b=[" ",`
+import{g as u}from"./3XS7XZAX.js";import{a as d}from"./VI7SBYXT.js";import{G as c,T as h,h as r,p as o}from"./NCOEWDIA.js";var b=[" ",`
 `,"	","\r"],m=/[^\S\u00A0]+/g,a=class extends c{constructor(){super(...arguments),this.mutationObserver=d("mutation",()=>{this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()}),this.disabled=!1,this.selected=!1,this.calciteInternalOptionChange=o({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,selected:[7,{},{reflect:!0,type:Boolean}],value:1}}connectedCallback(){super.connectedCallback(),this.ensureTextContentDependentProps(),this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:!0,childList:!0,subtree:!0})}willUpdate(e){e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handlePropChange(this.disabled,e.get("disabled"),"disabled"),e.has("label")&&this.handlePropChange(this.label,e.get("label"),"label"),e.has("selected")&&this.handlePropChange(this.selected,e.get("selected"),"selected"),e.has("value")&&this.handlePropChange(this.value,e.get("value"),"value")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handlePropChange(e,s,t){(t==="label"||t==="value")&&this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){let{el:e,internallySetLabel:s,internallySetValue:t,label:p,value:i}=this,l=u(e.textContent,b).replaceAll(m," "),n=p;(!n||n===s)&&(this.label=l,this.internallySetLabel=l),(i==null||i===t)&&(this.value=l,this.internallySetValue=l)}render(){return r`<slot>${this.label}</slot>`}};h("calcite-option",a);export{a as Option};

package/dist/cdn/{P54KTU3K.js → 4OWMGUBV.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as F}from"./S4EGOEXA.js";import{a as y,b as L}from"./3AQABKUH.js";import{a as u,b as a,c as $,d as D}from"./UKNZDAOR.js";import{d as o}from"./CZERUG3F.js";import{a as U}from"./PADKOLRD.js";import{a as A}from"./735UOYTJ.js";import{a as M}from"./NJB26RSN.js";import{a as R}from"./SAZM37N6.js";import{a as P}from"./G6EK753X.js";import{a as E}from"./VI7SBYXT.js";import{a as I}from"./MG5KEVZ3.js";import"./VUYX7MNO.js";import{a as B}from"./APMXUV5R.js";import"./ZWPNZ5XW.js";import"./6NAQTGPW.js";import"./LGO3TCAO.js";import{H as g}from"./7FW2RVVH.js";import{E as k,F as w,G as C,H as b,P as c,T as O,g as T,h as x,p as f}from"./PA2BHIBQ.js";var j=T`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-content-top-space: var( --calcite-dialog-content-top-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-content-bottom-space: var( --calcite-dialog-content-bottom-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-panel-header-top-space: var(--calcite-dialog-header-top-space);--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;box-shadow:var(--calcite-shadow-md);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-shown-position)}@starting-style{:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-hidden-position);opacity:0}}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends C{constructor(){super(...arguments),this.dragPosition={...$},this.focusTrap=U({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=F()(this),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...D},this.messages=I(),this.focusSetter=B()(this),this.sizeOverride=L({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled,onResize:e=>{this.resizeValues=e}}),this.topLayer=M({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=j}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setUpInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setUpInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(){R(this)}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:r}=e,{dragEnabled:n,resizable:s,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&s&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&s&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&s&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&s&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:n,resizable:s}=this;if(!r)return;if(!n&&!s){r.style.transform="";return}let{top:d,right:l,bottom:p,left:z}=this.getAdjustedResizePosition(i),m=Math.round(e+z+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:""}cleanUpInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...$},this.resizePosition={...D},this.updateTransform()}async setUpInteractions(){this.cleanUpInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:n,dragPosition:s}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:z}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:g(d),height:g(l)},max:{width:g(p)||window.innerWidth,height:g(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(n.top+=h.top,n.right+=h.right,n.bottom+=h.bottom,n.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{s.x+=d,s.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let n=e/2,s=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:s,bottom:0,left:l};case"top-start":return{top:e,right:0,bottom:0,left:r};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:s,bottom:i,left:l};case"bottom-start":return{top:0,right:0,bottom:i,left:r};case"bottom-end":return{top:0,right:t,bottom:i,left:0};default:return{top:n,right:s,bottom:d,left:l}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setUpInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){this.transitionEl&&this.sizeOverride.resize(e)}render(){let{assistiveText:e,description:t,heading:i,opened:r,icon:n,iconFlipRtl:s}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[u.container]:!0,[u.containerOpen]:r,[u.containerEmbedded]:this.embedded})} .popover=${this.embedded?void 0:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(u.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[u.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?P("assistive-text",x`<div aria-live=polite class=${b(u.assistiveText)}>${e}</div>`):null}<slot name=${a.customContent}><calcite-panel class=${b(u.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${n} .iconFlipRtl=${s} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} @keydown=${this.handlePanelKeyDown} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${a.actionBar} slot=${o.actionBar}></slot><slot name=${a.alerts} slot=${o.alerts}></slot><slot name=${a.headerActionsStart} slot=${o.headerActionsStart}></slot><slot name=${a.headerActionsEnd} slot=${o.headerActionsEnd}></slot><slot name=${a.description} slot=${o.description}></slot><slot name=${a.heading} slot=${o.heading}></slot><slot name=${a.headerContent} slot=${o.headerContent}></slot><slot name=${a.headerTop} slot=${o.headerTop}></slot><slot name=${a.headerMenuActions} slot=${o.headerMenuActions}></slot><slot name=${a.fab} slot=${o.fab}></slot><slot name=${a.contentTop} slot=${o.contentTop}></slot><slot name=${a.contentBottom} slot=${o.contentBottom}></slot><slot name=${a.footerStart} slot=${o.footerStart}></slot><slot name=${a.footer} slot=${o.footer}></slot><slot name=${a.footerEnd} slot=${o.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};O("calcite-dialog",S);export{S as Dialog};
+import{a as F}from"./NJTUUTH6.js";import{a as y,b as L}from"./X7OJ4XHA.js";import{a as u,b as a,c as $,d as D}from"./UKNZDAOR.js";import{d as o}from"./CZERUG3F.js";import{a as U}from"./X7AB7KQK.js";import{a as A}from"./735UOYTJ.js";import{a as M}from"./XJOQAJCM.js";import{a as R}from"./SAZM37N6.js";import{a as P}from"./PCYCA52I.js";import{a as E}from"./VI7SBYXT.js";import{a as I}from"./A667SUM7.js";import"./VUYX7MNO.js";import{a as B}from"./JMMLQFVW.js";import"./ZWPNZ5XW.js";import"./MR5RBWKB.js";import"./6FTSLMLG.js";import{H as g}from"./7FW2RVVH.js";import{E as k,F as w,G as C,H as b,P as c,T as O,g as T,h as x,p as f}from"./NCOEWDIA.js";var j=T`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-content-top-space: var( --calcite-dialog-content-top-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-content-bottom-space: var( --calcite-dialog-content-bottom-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-panel-header-top-space: var(--calcite-dialog-header-top-space);--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;box-shadow:var(--calcite-shadow-md);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-shown-position)}@starting-style{:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-hidden-position);opacity:0}}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends C{constructor(){super(...arguments),this.dragPosition={...$},this.focusTrap=U({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=F()(this),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...D},this.messages=I(),this.focusSetter=B()(this),this.sizeOverride=L({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled,onResize:e=>{this.resizeValues=e}}),this.topLayer=M({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=j}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setUpInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setUpInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(){R(this)}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:r}=e,{dragEnabled:n,resizable:s,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&s&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&s&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&s&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&s&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:n,resizable:s}=this;if(!r)return;if(!n&&!s){r.style.transform="";return}let{top:d,right:l,bottom:p,left:z}=this.getAdjustedResizePosition(i),m=Math.round(e+z+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:""}cleanUpInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...$},this.resizePosition={...D},this.updateTransform()}async setUpInteractions(){this.cleanUpInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:n,dragPosition:s}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:z}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:g(d),height:g(l)},max:{width:g(p)||window.innerWidth,height:g(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(n.top+=h.top,n.right+=h.right,n.bottom+=h.bottom,n.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{s.x+=d,s.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let n=e/2,s=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:s,bottom:0,left:l};case"top-start":return{top:e,right:0,bottom:0,left:r};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:s,bottom:i,left:l};case"bottom-start":return{top:0,right:0,bottom:i,left:r};case"bottom-end":return{top:0,right:t,bottom:i,left:0};default:return{top:n,right:s,bottom:d,left:l}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setUpInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){this.transitionEl&&this.sizeOverride.resize(e)}render(){let{assistiveText:e,description:t,heading:i,opened:r,icon:n,iconFlipRtl:s}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[u.container]:!0,[u.containerOpen]:r,[u.containerEmbedded]:this.embedded})} .popover=${this.embedded?void 0:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(u.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[u.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?P("assistive-text",x`<div aria-live=polite class=${b(u.assistiveText)}>${e}</div>`):null}<slot name=${a.customContent}><calcite-panel class=${b(u.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${n} .iconFlipRtl=${s} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} @keydown=${this.handlePanelKeyDown} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${a.actionBar} slot=${o.actionBar}></slot><slot name=${a.alerts} slot=${o.alerts}></slot><slot name=${a.headerActionsStart} slot=${o.headerActionsStart}></slot><slot name=${a.headerActionsEnd} slot=${o.headerActionsEnd}></slot><slot name=${a.description} slot=${o.description}></slot><slot name=${a.heading} slot=${o.heading}></slot><slot name=${a.headerContent} slot=${o.headerContent}></slot><slot name=${a.headerTop} slot=${o.headerTop}></slot><slot name=${a.headerMenuActions} slot=${o.headerMenuActions}></slot><slot name=${a.fab} slot=${o.fab}></slot><slot name=${a.contentTop} slot=${o.contentTop}></slot><slot name=${a.contentBottom} slot=${o.contentBottom}></slot><slot name=${a.footerStart} slot=${o.footerStart}></slot><slot name=${a.footer} slot=${o.footer}></slot><slot name=${a.footerEnd} slot=${o.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};O("calcite-dialog",S);export{S as Dialog};

package/dist/cdn/{2YC6C6DV.js → 4PEH2ML7.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as b,b as z}from"./SZUPQ4CX.js";import{a as ot}from"./BKAUO5NQ.js";import{a as et}from"./3XS7XZAX.js";import{a as it,c as at}from"./CIEXQXMT.js";import{a as J}from"./VI7SBYXT.js";import{a as tt}from"./MG5KEVZ3.js";import{b as nt}from"./JL43QOWW.js";import{a as w,d as p}from"./24ZPXFO2.js";import{c as H,e as v}from"./XX43OXTK.js";import{c as P}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as _}from"./APMXUV5R.js";import"./ZWPNZ5XW.js";import{e as X}from"./6NAQTGPW.js";import"./LGO3TCAO.js";import{C as G,H as h,r as F,y as Y,z as Z}from"./7FW2RVVH.js";import{E as f,F as y,G as j,H as E,N as K,Q as W,T as Q,g as V,h as A,l as N,p as k}from"./PA2BHIBQ.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===w.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",w.menuActions),r++,r>1&&i--),i<1)),a.manager.component.requestUpdate()})},ft=V`: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}.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 j{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,M=this.hasActionsStart||!a&&n==="start"?1:0,R=I.length+O+M,u=R,S=getComputedStyle(this.containerRef.value);if(u+=h(r==="horizontal"?S.paddingInlineStart:S.paddingBlockStart)+h(r==="horizontal"?S.paddingInlineEnd:S.paddingBlockEnd),m.length>0){let C=m.length-1;m.forEach((x,$)=>{let g=getComputedStyle(x),B=h(g.gap),L=this.getVisibleActionGroupItemCount(x),lt=Math.max(L-1,0);u+=B*lt,$!==C&&(u+=h(r==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),u+=h(r==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))})}let q=(C,x,$)=>{if(!x||C.length<1)return;let g=getComputedStyle(x),B=h(g.gap),L=C.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(S.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=k({cancelable:!1}),this.calciteActionBarExpand=k({cancelable:!1}),this.calciteActionBarToggle=k({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)}getVisibleActionGroupItemCount(t){let e=t.actions.filter(n=>n.parentElement===t),i=F(t,"calcite-action-menu").length,a=e.filter(n=>n.slot!==w.menuActions).length+i,r=e.some(n=>n.slot===w.menuActions);return a+(r?1:0)}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!==w.menuActions)}handleKeyDown(t){let e=this.getNavigableActions(),i=document.activeElement;if(!(!P(i)||!e.includes(i)))switch(t.key){case"ArrowRight":case"ArrowDown":G(e,i,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":G(e,i,"previous",!0),t.preventDefault();break;case"Home":G(e,i,"first",!0),t.preventDefault();break;case"End":G(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,M=s?this.renderExpandToggle():null;return A`<calcite-action-group class=${E({[b.actionGroupStart]:o,[b.actionGroupEnd]:!o})} .hidden=${I} .label=${D} .layout=${a} .overlayPositioning=${r} .scale=${i} ${y(m)}>${o?M:null}<slot name=${d??N} @slotchange=${T} ${y(O)}></slot>${s?this.renderExpandTooltipSlot():null}${o?null:M}</calcite-action-group>`}render(){let t=this.layout==="horizontal"?"horizontal":"vertical";return A`<div .ariaOrientation=${t} class=${E({[b.container]:!0,[b.hasActionGroups]:this.hasActionGroups})} role=toolbar ${y(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange} ${y(this.defaultSlotRef)}></slot>${this.renderActionsGroup("end")}${this.usesWrap?A`<div aria-hidden=true class=${E(b.lineOverlay)}>${this.lineOffsets.map(e=>A`<div class=${E(b.line)} style=${`--calcite-internal-action-bar-line-offset: ${e}px`}></div>`)}</div>`:null}</div>`}};Q("calcite-action-bar",U);export{U as ActionBar};
+import{a as b,b as z}from"./SZUPQ4CX.js";import{a as ot}from"./QG4P57JO.js";import{a as et}from"./3XS7XZAX.js";import{a as it,c as at}from"./AD2A57XF.js";import{a as J}from"./VI7SBYXT.js";import{a as tt}from"./A667SUM7.js";import{b as nt}from"./JL43QOWW.js";import{a as w,d as p}from"./24ZPXFO2.js";import{c as H,e as v}from"./XX43OXTK.js";import{c as P}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as _}from"./JMMLQFVW.js";import"./ZWPNZ5XW.js";import{e as X}from"./MR5RBWKB.js";import"./6FTSLMLG.js";import{C as G,H as h,r as F,y as Y,z as Z}from"./7FW2RVVH.js";import{E as f,F as y,G as j,H as E,N as K,Q as W,T as Q,g as V,h as A,l as N,p as k}from"./NCOEWDIA.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===w.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",w.menuActions),r++,r>1&&i--),i<1)),a.manager.component.requestUpdate()})},ft=V`: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}.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 j{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,M=this.hasActionsStart||!a&&n==="start"?1:0,R=I.length+O+M,u=R,S=getComputedStyle(this.containerRef.value);if(u+=h(r==="horizontal"?S.paddingInlineStart:S.paddingBlockStart)+h(r==="horizontal"?S.paddingInlineEnd:S.paddingBlockEnd),m.length>0){let C=m.length-1;m.forEach((x,$)=>{let g=getComputedStyle(x),B=h(g.gap),L=this.getVisibleActionGroupItemCount(x),lt=Math.max(L-1,0);u+=B*lt,$!==C&&(u+=h(r==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),u+=h(r==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))})}let q=(C,x,$)=>{if(!x||C.length<1)return;let g=getComputedStyle(x),B=h(g.gap),L=C.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(S.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=k({cancelable:!1}),this.calciteActionBarExpand=k({cancelable:!1}),this.calciteActionBarToggle=k({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)}getVisibleActionGroupItemCount(t){let e=t.actions.filter(n=>n.parentElement===t),i=F(t,"calcite-action-menu").length,a=e.filter(n=>n.slot!==w.menuActions).length+i,r=e.some(n=>n.slot===w.menuActions);return a+(r?1:0)}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!==w.menuActions)}handleKeyDown(t){let e=this.getNavigableActions(),i=document.activeElement;if(!(!P(i)||!e.includes(i)))switch(t.key){case"ArrowRight":case"ArrowDown":G(e,i,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":G(e,i,"previous",!0),t.preventDefault();break;case"Home":G(e,i,"first",!0),t.preventDefault();break;case"End":G(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,M=s?this.renderExpandToggle():null;return A`<calcite-action-group class=${E({[b.actionGroupStart]:o,[b.actionGroupEnd]:!o})} .hidden=${I} .label=${D} .layout=${a} .overlayPositioning=${r} .scale=${i} ${y(m)}>${o?M:null}<slot name=${d??N} @slotchange=${T} ${y(O)}></slot>${s?this.renderExpandTooltipSlot():null}${o?null:M}</calcite-action-group>`}render(){let t=this.layout==="horizontal"?"horizontal":"vertical";return A`<div .ariaOrientation=${t} class=${E({[b.container]:!0,[b.hasActionGroups]:this.hasActionGroups})} role=toolbar ${y(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange} ${y(this.defaultSlotRef)}></slot>${this.renderActionsGroup("end")}${this.usesWrap?A`<div aria-hidden=true class=${E(b.lineOverlay)}>${this.lineOffsets.map(e=>A`<div class=${E(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/{Z6P2B2Q6.js → 4WCXZTOV.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{e as d}from"./6NAQTGPW.js";import"./LGO3TCAO.js";import{G as o,H as t,I as s,M as l,T as c,g as n,h as r}from"./PA2BHIBQ.js";var v=n`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px;border-radius:var(--calcite-corner-radius)}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`,i={track:"track",bar:"bar",text:"text"},a=class extends o{constructor(){super(...arguments),this.direction=d(),this.reversed=!1,this.type="determinate",this.value=0}static{this.properties={label:1,reversed:[7,{},{reflect:!0,type:Boolean}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=v}render(){let e=this.type==="determinate",m=e?{width:`${this.value}%`}:{},p=this.direction;return r`<div .ariaLabel=${this.label||this.text} .ariaValueMax=${e?"100":void 0} .ariaValueMin=${e?"0":void 0} .ariaValueNow=${e?this.value:void 0} role=progressbar><div class=${t(i.track)}><div class=${t({[i.bar]:!0,indeterminate:this.type==="indeterminate",[l.rtl]:p==="rtl",reversed:this.reversed})} style=${s(m)}></div></div>${this.text?r`<div class=${t(i.text)}>${this.text}</div>`:null}</div>`}};c("calcite-progress",a);export{a as Progress};
+import{e as d}from"./MR5RBWKB.js";import"./6FTSLMLG.js";import{G as o,H as t,I as s,M as l,T as c,g as n,h as r}from"./NCOEWDIA.js";var v=n`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px;border-radius:var(--calcite-corner-radius)}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`,i={track:"track",bar:"bar",text:"text"},a=class extends o{constructor(){super(...arguments),this.direction=d(),this.reversed=!1,this.type="determinate",this.value=0}static{this.properties={label:1,reversed:[7,{},{reflect:!0,type:Boolean}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=v}render(){let e=this.type==="determinate",m=e?{width:`${this.value}%`}:{},p=this.direction;return r`<div .ariaLabel=${this.label||this.text} .ariaValueMax=${e?"100":void 0} .ariaValueMin=${e?"0":void 0} .ariaValueNow=${e?this.value:void 0} role=progressbar><div class=${t(i.track)}><div class=${t({[i.bar]:!0,indeterminate:this.type==="indeterminate",[l.rtl]:p==="rtl",reversed:this.reversed})} style=${s(m)}></div></div>${this.text?r`<div class=${t(i.text)}>${this.text}</div>`:null}</div>`}};c("calcite-progress",a);export{a as Progress};

package/dist/cdn/{MQJ4SXXG.js → 4Z3VXUYE.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as c,b as E,c as R}from"./EFKVMB36.js";import{a as A,b as K}from"./3AQABKUH.js";import{a as C}from"./735UOYTJ.js";import{a as g}from"./G6EK753X.js";import{c as N}from"./SZUPQ4CX.js";import{a as S}from"./7VTO7SRW.js";import{a as U}from"./VI7SBYXT.js";import{a as W}from"./MG5KEVZ3.js";import"./VUYX7MNO.js";import{e as _}from"./6NAQTGPW.js";import"./LGO3TCAO.js";import{H as t,x as O,y as L}from"./7FW2RVVH.js";import{E as w,F as x,G as M,H as d,M as u,O as V,P as D,T as H,g as I,h as z,p as v}from"./PA2BHIBQ.js";var T=I`.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}`,Z=I`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-border: var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3));--calcite-internal-shell-panel-resize-handle-thickness: var(--calcite-size-fixed-xxl);--calcite-internal-shell-panel-resize-handle-bar-thickness: var(--calcite-size-4xs);--calcite-internal-shell-panel-resize-handle-side-thickness: calc( var(--calcite-internal-shell-panel-resize-handle-thickness) - var( --calcite-internal-shell-panel-resize-handle-bar-thickness ) ) / 2}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}:host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction);padding-inline-start:var(--calcite-internal-shell-panel-container-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-container-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-container-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-container-padding-block-end)}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host([layout=horizontal]):host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction, column)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end);inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end);z-index:var(--calcite-z-index-header);touch-action:none}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);block-size:100%;inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%)}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle-bar{border-inline-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-start, var(--calcite-internal-shell-panel-border))}:host([position=start][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=start][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=end][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, var(--calcite-size-fixed-xxl));inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start, var(--calcite-internal-shell-panel-resize-handle-offset))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end)}.content--action-bar-expanded{--calcite-internal-shell-panel-max-width: 100%}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]):host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]):host([action-bar-position]) .content{padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]):host([action-bar-position]) .content{padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start, var(--calcite-size-fixed-sm-plus))}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([action-bar-position]) .content ::slotted(calcite-flow),:host([action-bar-position]) .content ::slotted(calcite-panel:not([closed])){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, var(--calcite-internal-shell-panel-border));border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, var(--calcite-internal-shell-panel-border));border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, var(--calcite-internal-shell-panel-border));border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, var(--calcite-internal-shell-panel-border))}:host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=start]:not([slot=panel-end])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end);border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-panel){border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, none);border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, none)}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end, none)}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([display-mode=dock]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=float-all]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=overlay]):host([action-bar-position]) .resize-handle-bar{border-inline-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-start, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3))}:host([action-bar-position]) ::slotted(calcite-action-bar){display:flex;flex:1 1 0}:host([action-bar-position=start][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-start: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: 0;--calcite-internal-shell-panel-action-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-inline-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: auto;--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: auto;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-padding-inline-end: 0;--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-content-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=top][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-end: 0}:host([action-bar-position=top][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=bottom][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=top][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=top][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 )}:host([action-bar-position=top][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-block-start: 0}:host([action-bar-position=bottom][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=bottom][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border)}:host([action-bar-position=start][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=start][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=end][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=start][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends M{constructor(){super(),this.direction=_(),this.resizeHandleRef=w(),this.actionBars=[],this.actionBarContainerResizeObserver=U("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=w(),this.containerRef=w(),this.messages=W(),this.sizeOverride=K({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.getMaxInlineSize()},block:{min:this.resizeValues.minBlockSize,max:this.getMaxBlockSize()}}),onResize:e=>{this.resizeValues=e}}),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.isActionBarExpanded=!1,this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelActionBarPositionChange=v({cancelable:!1}),this.calciteInternalShellPanelResizableChange=v({cancelable:!1}),this.calciteInternalShellPanelResizeEnd=v({cancelable:!1}),this.calciteInternalShellPanelResizeStart=v({cancelable:!1}),this.calciteShellPanelCollapse=v({cancelable:!1}),this.calciteShellPanelExpand=v({cancelable:!1}),this.listen("calciteActionBarExpand",this.handleActionBarExpandEvent),this.listen("calciteActionBarCollapse",this.handleActionBarCollapseEvent)}static{this.properties={resizeValues:[16,{},{state:!0}],isActionBarExpanded:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],actionBarPosition:[3,{},{reflect:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],shellSizingDataProvider:[0,{},{attribute:!1}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=[Z,T]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.refreshResize(),this.syncActionBarExpandedState())}willUpdate(e){let l=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarLayout(this.actionBar),this.updateSizeInternal({inline:null,block:null}),l=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(l=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(l=this.resizable&&!this.collapsed,l||this.cleanUpInteractions()),l&&this.refreshResize(),e.has("actionBarPosition")&&this.hasUpdated&&this.setActionBarLayout(this.actionBar),e.has("resizable")&&this.hasUpdated&&this.calciteInternalShellPanelResizableChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteShellPanelCollapse.emit():this.calciteShellPanelExpand.emit())}updated(e){e.has("actionBarPosition")&&this.calciteInternalShellPanelActionBarPositionChange.emit()}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpInteractions(),this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl)}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}handleKeyDown(e){let{key:l,defaultPrevented:a,shiftKey:r}=e,{position:n,layout:i,resizable:o,contentRef:s,resizeValues:{maxBlockSize:h,maxInlineSize:b,minBlockSize:m,minInlineSize:k}}=this,y=[...i==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!o||!s.value||a||!y.includes(l))return;let f=s.value.getBoundingClientRect(),P=this.direction==="rtl"?-1:1,p=r?D:V;switch(l){case"ArrowUp":this.updateSizeInternal({block:f.height+(i==="horizontal"&&n==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:f.height+(i==="horizontal"&&n==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:f.width+(i==="vertical"&&n==="end"?p:-p)*P}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:f.width+(i==="vertical"&&n==="end"?-p:p)*P}),e.preventDefault();break;case"Home":this.updateSizeInternal(i==="horizontal"?{block:m}:{inline:k}),e.preventDefault();break;case"End":this.updateSizeInternal(i==="horizontal"?{block:h}:{inline:b}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e,layout:l}=this;if(!e.value)return;let a=window.getComputedStyle(e.value),r=t(a.maxInlineSize)||window.innerWidth,n=t(a.maxBlockSize)||window.innerHeight,i=l==="vertical"?this.getAvailableInlineSize():null,o=l==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:t(a.inlineSize),blockSize:t(a.blockSize),minInlineSize:t(a.minInlineSize),minBlockSize:t(a.minBlockSize),maxInlineSize:i===null?r:Math.min(r,i),maxBlockSize:o===null?n:Math.min(n,o)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let l=e==="inline"?"width":"height",a=this.shellSizingDataProvider?.(e),r=this.actionBarContainerEl?.getBoundingClientRect()[l]??0,n=Math.max(r,this.actionBars.reduce((h,b)=>h+b.getBoundingClientRect()[l],0));if(!a)return null;let{availableSize:i}=a,o=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(i)-Math.ceil(n)-Math.ceil(o)-Math.ceil(s),0)}getContentSpacingSize(e){let l=this.contentRef.value;if(!l)return 0;let a=window.getComputedStyle(l);return e==="inline"?t(a.marginInlineStart)+t(a.marginInlineEnd)+t(a.borderInlineStartWidth)+t(a.borderInlineEndWidth):t(a.marginBlockStart)+t(a.marginBlockEnd)+t(a.borderBlockStartWidth)+t(a.borderBlockEndWidth)}getContainerSpacingSize(e){let l=this.containerRef.value;if(!l)return 0;let a=window.getComputedStyle(l);return e==="inline"?t(a.marginInlineStart)+t(a.marginInlineEnd)+t(a.borderInlineStartWidth)+t(a.borderInlineEndWidth):t(a.marginBlockStart)+t(a.marginBlockEnd)+t(a.borderBlockStartWidth)+t(a.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:l}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!l.value)return this.resizeValues.maxBlockSize;let a=window.getComputedStyle(l.value),r=t(a.maxBlockSize)||window.innerHeight,n=this.getAvailableBlockSize();return n===null?r:Math.min(r,n)}getMaxInlineSize(){let{layout:e,contentRef:l}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!l.value)return this.resizeValues.maxInlineSize;let a=window.getComputedStyle(l.value),r=t(a.maxInlineSize)||window.innerWidth,n=this.getAvailableInlineSize();return n===null?r:Math.min(r,n)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:l,resizable:a,position:r,collapsed:n,resizeHandleRef:i,layout:o}=this,s=i.value;if(!l.value||n||!a||!s)return;let h=this.direction==="rtl",b=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize};this.interaction=A(l.value,{context:e.ownerDocument}).resizable({edges:{top:r==="end"&&o==="horizontal"?s:!1,right:r===(h?"end":"start")&&o==="vertical"?s:!1,bottom:r==="start"&&o==="horizontal"?s:!1,left:r===(h?"start":"end")&&o==="vertical"?s:!1},modifiers:[A.modifiers.restrictSize({min:b})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:m})=>{let k=o==="horizontal";this.updateSize(k?{block:m.height}:{inline:m.width})}}})}setActionBarContainerEl(e){this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl),this.actionBarContainerEl=e,e&&(this.actionBarContainerResizeObserver?.observe(e),this.updateActionBarSize())}updateActionBarSize(){if(!this.actionBarContainerEl)return;let e=this.actionBarContainerEl.getBoundingClientRect(),l=e.width,a=e.height;this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-width",`${l}px`),this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-height",`${a}px`)}setActionBarLayout(e){if(e){if(this.actionBarPosition){e.layout=this.actionBarPosition==="top"||this.actionBarPosition==="bottom"?"horizontal":"vertical";return}e.layout=this.layout}}handleActionBarSlotChange(e){let l=L(e).find(N);this.actionBar=l,this.setActionBarLayout(l),this.syncActionBarExpandedState(l)}handleActionBarExpandEvent(e){e.target===this.actionBar&&this.handleActionBarExpand()}handleActionBarCollapseEvent(e){e.target===this.actionBar&&this.handleActionBarCollapse()}handleHeaderSlotChange(e){this.hasHeader=O(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?R.dragVertical:R.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",z`<div class=${d(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${E.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:a,layout:r,displayMode:n,resizeValues:i}=this,o=this.direction,s=r==="horizontal",h=!e&&a?g("resize-handle",z`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${s?"vertical":"horizontal"} .ariaValueMax=${S(s?"block":"inline",i.maxBlockSize,i.maxInlineSize)} .ariaValueMin=${S(s?"block":"inline",i.minBlockSize,i.minInlineSize)} .ariaValueNow=${S(s?"block":"inline",i.blockSize,i.inlineSize)} class=${d(c.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${x(this.resizeHandleRef)}><div class=${d(c.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,b=()=>r==="horizontal"?l==="start"?u.calciteAnimateInDown:u.calciteAnimateInUp:o==="ltr"&&l==="end"||o==="rtl"&&l==="start"?u.calciteAnimateInLeft:u.calciteAnimateInRight,m=z`<div class=${d(c.contentContainer)}>${g("content",z`<div class=${d({[u.rtl]:o==="rtl",[c.content]:!0,[c.contentActionBarExpanded]:this.isActionBarExpanded,[c.contentOverlay]:n==="overlay",[c.floatContent]:n==="float-content"||n==="float",[u.calciteAnimate]:n==="overlay",[b()]:n==="overlay",[C("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[C("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${x(this.contentRef)}>${this.renderHeader()}<div class=${d(c.contentBody)}><slot></slot></div>${h}</div>`)}</div>`,k=g("action-bar-container",z`<div class=${d(c.actionBarContainer)} ${x(this.setActionBarContainerEl)}><slot name=${E.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),B=this.actionBarPosition||l,y=[k,m];return(B==="end"||B==="bottom")&&y.reverse(),z`<div class=${d({[c.container]:!0,[c.floatAll]:n==="float-all"})} ${x(this.containerRef)}>${y}</div>`}};H("calcite-shell-panel",$);export{$ as ShellPanel};
+import{a as c,b as E,c as R}from"./EFKVMB36.js";import{a as A,b as K}from"./X7OJ4XHA.js";import{a as C}from"./735UOYTJ.js";import{a as g}from"./PCYCA52I.js";import{c as N}from"./SZUPQ4CX.js";import{a as S}from"./7VTO7SRW.js";import{a as U}from"./VI7SBYXT.js";import{a as W}from"./A667SUM7.js";import"./VUYX7MNO.js";import{e as _}from"./MR5RBWKB.js";import"./6FTSLMLG.js";import{H as t,x as O,y as L}from"./7FW2RVVH.js";import{E as w,F as x,G as M,H as d,M as u,O as V,P as D,T as H,g as I,h as z,p as v}from"./NCOEWDIA.js";var T=I`.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}`,Z=I`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-border: var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3));--calcite-internal-shell-panel-resize-handle-thickness: var(--calcite-size-fixed-xxl);--calcite-internal-shell-panel-resize-handle-bar-thickness: var(--calcite-size-4xs);--calcite-internal-shell-panel-resize-handle-side-thickness: calc( var(--calcite-internal-shell-panel-resize-handle-thickness) - var( --calcite-internal-shell-panel-resize-handle-bar-thickness ) ) / 2}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}:host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction);padding-inline-start:var(--calcite-internal-shell-panel-container-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-container-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-container-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-container-padding-block-end)}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host([layout=horizontal]):host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction, column)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end);inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end);z-index:var(--calcite-z-index-header);touch-action:none}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);block-size:100%;inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%)}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle-bar{border-inline-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-start, var(--calcite-internal-shell-panel-border))}:host([position=start][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=start][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=end][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, var(--calcite-size-fixed-xxl));inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start, var(--calcite-internal-shell-panel-resize-handle-offset))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end)}.content--action-bar-expanded{--calcite-internal-shell-panel-max-width: 100%}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]):host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]):host([action-bar-position]) .content{padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]):host([action-bar-position]) .content{padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start, var(--calcite-size-fixed-sm-plus))}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([action-bar-position]) .content ::slotted(calcite-flow),:host([action-bar-position]) .content ::slotted(calcite-panel:not([closed])){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, var(--calcite-internal-shell-panel-border));border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, var(--calcite-internal-shell-panel-border));border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, var(--calcite-internal-shell-panel-border));border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, var(--calcite-internal-shell-panel-border))}:host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=start]:not([slot=panel-end])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end);border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-panel){border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, none);border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, none)}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end, none)}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([display-mode=dock]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=float-all]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=overlay]):host([action-bar-position]) .resize-handle-bar{border-inline-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-start, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3))}:host([action-bar-position]) ::slotted(calcite-action-bar){display:flex;flex:1 1 0}:host([action-bar-position=start][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-start: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: 0;--calcite-internal-shell-panel-action-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-inline-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: auto;--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: auto;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-padding-inline-end: 0;--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-content-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=top][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-end: 0}:host([action-bar-position=top][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=bottom][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=top][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=top][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 )}:host([action-bar-position=top][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-block-start: 0}:host([action-bar-position=bottom][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=bottom][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border)}:host([action-bar-position=start][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=start][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=end][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=start][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends M{constructor(){super(),this.direction=_(),this.resizeHandleRef=w(),this.actionBars=[],this.actionBarContainerResizeObserver=U("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=w(),this.containerRef=w(),this.messages=W(),this.sizeOverride=K({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.getMaxInlineSize()},block:{min:this.resizeValues.minBlockSize,max:this.getMaxBlockSize()}}),onResize:e=>{this.resizeValues=e}}),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.isActionBarExpanded=!1,this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelActionBarPositionChange=v({cancelable:!1}),this.calciteInternalShellPanelResizableChange=v({cancelable:!1}),this.calciteInternalShellPanelResizeEnd=v({cancelable:!1}),this.calciteInternalShellPanelResizeStart=v({cancelable:!1}),this.calciteShellPanelCollapse=v({cancelable:!1}),this.calciteShellPanelExpand=v({cancelable:!1}),this.listen("calciteActionBarExpand",this.handleActionBarExpandEvent),this.listen("calciteActionBarCollapse",this.handleActionBarCollapseEvent)}static{this.properties={resizeValues:[16,{},{state:!0}],isActionBarExpanded:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],actionBarPosition:[3,{},{reflect:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],shellSizingDataProvider:[0,{},{attribute:!1}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=[Z,T]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.refreshResize(),this.syncActionBarExpandedState())}willUpdate(e){let l=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarLayout(this.actionBar),this.updateSizeInternal({inline:null,block:null}),l=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(l=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(l=this.resizable&&!this.collapsed,l||this.cleanUpInteractions()),l&&this.refreshResize(),e.has("actionBarPosition")&&this.hasUpdated&&this.setActionBarLayout(this.actionBar),e.has("resizable")&&this.hasUpdated&&this.calciteInternalShellPanelResizableChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteShellPanelCollapse.emit():this.calciteShellPanelExpand.emit())}updated(e){e.has("actionBarPosition")&&this.calciteInternalShellPanelActionBarPositionChange.emit()}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpInteractions(),this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl)}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}handleKeyDown(e){let{key:l,defaultPrevented:a,shiftKey:r}=e,{position:n,layout:i,resizable:o,contentRef:s,resizeValues:{maxBlockSize:h,maxInlineSize:b,minBlockSize:m,minInlineSize:k}}=this,y=[...i==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!o||!s.value||a||!y.includes(l))return;let f=s.value.getBoundingClientRect(),P=this.direction==="rtl"?-1:1,p=r?D:V;switch(l){case"ArrowUp":this.updateSizeInternal({block:f.height+(i==="horizontal"&&n==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:f.height+(i==="horizontal"&&n==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:f.width+(i==="vertical"&&n==="end"?p:-p)*P}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:f.width+(i==="vertical"&&n==="end"?-p:p)*P}),e.preventDefault();break;case"Home":this.updateSizeInternal(i==="horizontal"?{block:m}:{inline:k}),e.preventDefault();break;case"End":this.updateSizeInternal(i==="horizontal"?{block:h}:{inline:b}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e,layout:l}=this;if(!e.value)return;let a=window.getComputedStyle(e.value),r=t(a.maxInlineSize)||window.innerWidth,n=t(a.maxBlockSize)||window.innerHeight,i=l==="vertical"?this.getAvailableInlineSize():null,o=l==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:t(a.inlineSize),blockSize:t(a.blockSize),minInlineSize:t(a.minInlineSize),minBlockSize:t(a.minBlockSize),maxInlineSize:i===null?r:Math.min(r,i),maxBlockSize:o===null?n:Math.min(n,o)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let l=e==="inline"?"width":"height",a=this.shellSizingDataProvider?.(e),r=this.actionBarContainerEl?.getBoundingClientRect()[l]??0,n=Math.max(r,this.actionBars.reduce((h,b)=>h+b.getBoundingClientRect()[l],0));if(!a)return null;let{availableSize:i}=a,o=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(i)-Math.ceil(n)-Math.ceil(o)-Math.ceil(s),0)}getContentSpacingSize(e){let l=this.contentRef.value;if(!l)return 0;let a=window.getComputedStyle(l);return e==="inline"?t(a.marginInlineStart)+t(a.marginInlineEnd)+t(a.borderInlineStartWidth)+t(a.borderInlineEndWidth):t(a.marginBlockStart)+t(a.marginBlockEnd)+t(a.borderBlockStartWidth)+t(a.borderBlockEndWidth)}getContainerSpacingSize(e){let l=this.containerRef.value;if(!l)return 0;let a=window.getComputedStyle(l);return e==="inline"?t(a.marginInlineStart)+t(a.marginInlineEnd)+t(a.borderInlineStartWidth)+t(a.borderInlineEndWidth):t(a.marginBlockStart)+t(a.marginBlockEnd)+t(a.borderBlockStartWidth)+t(a.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:l}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!l.value)return this.resizeValues.maxBlockSize;let a=window.getComputedStyle(l.value),r=t(a.maxBlockSize)||window.innerHeight,n=this.getAvailableBlockSize();return n===null?r:Math.min(r,n)}getMaxInlineSize(){let{layout:e,contentRef:l}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!l.value)return this.resizeValues.maxInlineSize;let a=window.getComputedStyle(l.value),r=t(a.maxInlineSize)||window.innerWidth,n=this.getAvailableInlineSize();return n===null?r:Math.min(r,n)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:l,resizable:a,position:r,collapsed:n,resizeHandleRef:i,layout:o}=this,s=i.value;if(!l.value||n||!a||!s)return;let h=this.direction==="rtl",b=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize};this.interaction=A(l.value,{context:e.ownerDocument}).resizable({edges:{top:r==="end"&&o==="horizontal"?s:!1,right:r===(h?"end":"start")&&o==="vertical"?s:!1,bottom:r==="start"&&o==="horizontal"?s:!1,left:r===(h?"start":"end")&&o==="vertical"?s:!1},modifiers:[A.modifiers.restrictSize({min:b})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:m})=>{let k=o==="horizontal";this.updateSize(k?{block:m.height}:{inline:m.width})}}})}setActionBarContainerEl(e){this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl),this.actionBarContainerEl=e,e&&(this.actionBarContainerResizeObserver?.observe(e),this.updateActionBarSize())}updateActionBarSize(){if(!this.actionBarContainerEl)return;let e=this.actionBarContainerEl.getBoundingClientRect(),l=e.width,a=e.height;this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-width",`${l}px`),this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-height",`${a}px`)}setActionBarLayout(e){if(e){if(this.actionBarPosition){e.layout=this.actionBarPosition==="top"||this.actionBarPosition==="bottom"?"horizontal":"vertical";return}e.layout=this.layout}}handleActionBarSlotChange(e){let l=L(e).find(N);this.actionBar=l,this.setActionBarLayout(l),this.syncActionBarExpandedState(l)}handleActionBarExpandEvent(e){e.target===this.actionBar&&this.handleActionBarExpand()}handleActionBarCollapseEvent(e){e.target===this.actionBar&&this.handleActionBarCollapse()}handleHeaderSlotChange(e){this.hasHeader=O(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?R.dragVertical:R.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",z`<div class=${d(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${E.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:a,layout:r,displayMode:n,resizeValues:i}=this,o=this.direction,s=r==="horizontal",h=!e&&a?g("resize-handle",z`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${s?"vertical":"horizontal"} .ariaValueMax=${S(s?"block":"inline",i.maxBlockSize,i.maxInlineSize)} .ariaValueMin=${S(s?"block":"inline",i.minBlockSize,i.minInlineSize)} .ariaValueNow=${S(s?"block":"inline",i.blockSize,i.inlineSize)} class=${d(c.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${x(this.resizeHandleRef)}><div class=${d(c.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,b=()=>r==="horizontal"?l==="start"?u.calciteAnimateInDown:u.calciteAnimateInUp:o==="ltr"&&l==="end"||o==="rtl"&&l==="start"?u.calciteAnimateInLeft:u.calciteAnimateInRight,m=z`<div class=${d(c.contentContainer)}>${g("content",z`<div class=${d({[u.rtl]:o==="rtl",[c.content]:!0,[c.contentActionBarExpanded]:this.isActionBarExpanded,[c.contentOverlay]:n==="overlay",[c.floatContent]:n==="float-content"||n==="float",[u.calciteAnimate]:n==="overlay",[b()]:n==="overlay",[C("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[C("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${x(this.contentRef)}>${this.renderHeader()}<div class=${d(c.contentBody)}><slot></slot></div>${h}</div>`)}</div>`,k=g("action-bar-container",z`<div class=${d(c.actionBarContainer)} ${x(this.setActionBarContainerEl)}><slot name=${E.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),B=this.actionBarPosition||l,y=[k,m];return(B==="end"||B==="bottom")&&y.reverse(),z`<div class=${d({[c.container]:!0,[c.floatAll]:n==="float-all"})} ${x(this.containerRef)}>${y}</div>`}};H("calcite-shell-panel",$);export{$ as ShellPanel};

package/dist/cdn/{CWMXA6W6.js → 56P7EF2A.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as b}from"./T6CCMW7H.js";import{a as y}from"./MG5KEVZ3.js";import"./6NAQTGPW.js";import"./LGO3TCAO.js";import{G as u,H as l,I as z,K as k,T as x,g as h,h as r,i as p,l as f}from"./PA2BHIBQ.js";var a={percentage:"percentage",progressRing:"ring--progress",ring:"ring",rings:"rings",text:"text",trackRing:"ring--track"},w=h`:host{position:relative;margin-inline:auto;display:flex;align-items:center;justify-content:center;opacity:1;flex-direction:column;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke-width:var(--calcite-internal-stroke-width);fill:none;transform:scale(1);padding-block:var(--calcite-loader-spacing, 4rem)}:host([scale=s]){--calcite-internal-stroke-width: 3;--calcite-internal-text-offset: var(--calcite-spacing-xxs);--calcite-internal-loader-font-size: var(--calcite-font-size--3);--calcite-internal-loader-size: 2rem;--calcite-internal-loader-size-inline: .75rem;--calcite-internal-loader-value-line-height: .625rem}:host([scale=m]){--calcite-internal-stroke-width: 6;--calcite-internal-text-offset: var(--calcite-spacing-sm);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-md);--calcite-internal-loader-size: 4rem;--calcite-internal-loader-size-inline: 1rem;--calcite-internal-loader-value-line-height: 1.375rem}:host([scale=l]){--calcite-internal-stroke-width: 8;--calcite-internal-text-offset: var(--calcite-spacing-md);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-loader-size: 6rem;--calcite-internal-loader-size-inline: 1.5rem;--calcite-internal-loader-value-line-height: 1.71875rem}.text{display:block;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);margin-block-start:var(--calcite-loader-text-spacing, var(--calcite-internal-text-offset));font-weight:var(--calcite-loader-text-weight, var(--calcite-font-weight-normal));color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.percentage{display:block;text-align:center;font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));line-height:var(--calcite-internal-loader-value-line-height);align-self:center;color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.rings{position:relative;display:flex;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring--track{stroke:var(--calcite-loader-track-color, var(--calcite-color-transparent-press))}.ring--progress{stroke:var(--calcite-loader-progress-color, var(--calcite-color-brand));transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([type=indeterminate]) .ring--progress{animation:loader-clockwise calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) linear infinite}:host([inline]){--calcite-internal-stroke-width: 2;position:relative;margin:0;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));min-block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));vertical-align:calc(var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline))) * -1 * .2)}:host([inline]) .rings{inset-block-start:0px;margin:0;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring{inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring--progress{stroke:var(--calcite-loader-progress-color-inline, currentColor)}:host([complete]){opacity:0;transform:scale(.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1s,transform var(--calcite-internal-animation-timing-medium) linear 1s}:host([complete]) .rings{opacity:0;transform:scale(.75);transform-origin:center;transition:opacity calc(.18s * var(--calcite-internal-duration-factor)) linear .8s,transform calc(.18s * var(--calcite-internal-duration-factor)) linear .8s}:host([complete]) .percentage{color:var(--calcite-color-brand);transform:scale(1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear,transform var(--calcite-internal-animation-timing-medium) linear}@keyframes loader-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends u{constructor(){super(...arguments),this.messages=y({name:null}),this.complete=!1,this.inline=!1,this.scale="m",this.text="",this.type="indeterminate",this.value=0}static{this.properties={complete:[7,{},{reflect:!0,type:Boolean}],inline:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=w}connectedCallback(){super.connectedCallback(),this.updateFormatter()}load(){requestAnimationFrame(()=>this.valueChangeHandler())}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==0)&&this.valueChangeHandler(),(e.has("type")&&(this.hasUpdated||this.type!=="indeterminate")||e.has("messages"))&&this.updateFormatter()}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&this.value===100}formatValue(){return this.type!=="determinate-value"?`${this.value}`:this.formatter.format(this.value/100)}getSize(e){return{s:32,m:64,l:96}[e]}getInlineSize(e){return{s:12,m:16,l:24}[e]}updateFormatter(){this.type!=="determinate-value"||this.formatter?.resolvedOptions().locale===this.messages._lang||(this.formatter=new Intl.NumberFormat(this.messages._lang,{style:"percent"}))}render(){let{el:e,inline:n,label:s,text:c,type:i,value:v}=this,o=e.id||b(),t=i!=="indeterminate",d=Math.floor(v);return this.el.ariaLabel=s,this.el.ariaValueMax=t?"100":null,this.el.ariaValueMin=t?"0":null,this.el.ariaValueNow=t?d.toString():null,k(this.el,"id",o),this.el.role="progressbar",r`<div class=${l(a.rings)}>${this.renderRing("track")}${this.renderRing("progress")}${!n&&t&&r`<div class=${l(a.percentage)}>${this.formatValue()}</div>`||""}</div>${!n&&c&&r`<div class=${l(a.text)}>${c}</div>`||""}`}renderRing(e){let{inline:n,scale:s,value:c}=this,i=n?this.getInlineSize(s):this.getSize(s),o=i*.45,t;if(e==="progress"){let d=2*o*Math.PI,g=(this.type.startsWith("determinate")?c:24)/100*d,$=d-g;t={"stroke-dasharray":`${g} ${$}`}}return r`<svg aria-hidden=true class=${l({[a.ring]:!0,[a.trackRing]:e==="track",[a.progressRing]:e==="progress"})} style=${z(t)} viewBox=${`0 0 ${i} ${i}`}>${p`<circle cx=${i/2} cy=${i/2} r=${o??f} />`}</svg>`}};x("calcite-loader",m);export{m as Loader};
+import{a as b}from"./T6CCMW7H.js";import{a as y}from"./A667SUM7.js";import"./MR5RBWKB.js";import"./6FTSLMLG.js";import{G as u,H as l,I as z,K as k,T as x,g as h,h as r,i as p,l as f}from"./NCOEWDIA.js";var a={percentage:"percentage",progressRing:"ring--progress",ring:"ring",rings:"rings",text:"text",trackRing:"ring--track"},w=h`:host{position:relative;margin-inline:auto;display:flex;align-items:center;justify-content:center;opacity:1;flex-direction:column;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke-width:var(--calcite-internal-stroke-width);fill:none;transform:scale(1);padding-block:var(--calcite-loader-spacing, 4rem)}:host([scale=s]){--calcite-internal-stroke-width: 3;--calcite-internal-text-offset: var(--calcite-spacing-xxs);--calcite-internal-loader-font-size: var(--calcite-font-size--3);--calcite-internal-loader-size: 2rem;--calcite-internal-loader-size-inline: .75rem;--calcite-internal-loader-value-line-height: .625rem}:host([scale=m]){--calcite-internal-stroke-width: 6;--calcite-internal-text-offset: var(--calcite-spacing-sm);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-md);--calcite-internal-loader-size: 4rem;--calcite-internal-loader-size-inline: 1rem;--calcite-internal-loader-value-line-height: 1.375rem}:host([scale=l]){--calcite-internal-stroke-width: 8;--calcite-internal-text-offset: var(--calcite-spacing-md);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-loader-size: 6rem;--calcite-internal-loader-size-inline: 1.5rem;--calcite-internal-loader-value-line-height: 1.71875rem}.text{display:block;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);margin-block-start:var(--calcite-loader-text-spacing, var(--calcite-internal-text-offset));font-weight:var(--calcite-loader-text-weight, var(--calcite-font-weight-normal));color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.percentage{display:block;text-align:center;font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));line-height:var(--calcite-internal-loader-value-line-height);align-self:center;color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.rings{position:relative;display:flex;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring--track{stroke:var(--calcite-loader-track-color, var(--calcite-color-transparent-press))}.ring--progress{stroke:var(--calcite-loader-progress-color, var(--calcite-color-brand));transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([type=indeterminate]) .ring--progress{animation:loader-clockwise calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) linear infinite}:host([inline]){--calcite-internal-stroke-width: 2;position:relative;margin:0;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));min-block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));vertical-align:calc(var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline))) * -1 * .2)}:host([inline]) .rings{inset-block-start:0px;margin:0;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring{inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring--progress{stroke:var(--calcite-loader-progress-color-inline, currentColor)}:host([complete]){opacity:0;transform:scale(.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1s,transform var(--calcite-internal-animation-timing-medium) linear 1s}:host([complete]) .rings{opacity:0;transform:scale(.75);transform-origin:center;transition:opacity calc(.18s * var(--calcite-internal-duration-factor)) linear .8s,transform calc(.18s * var(--calcite-internal-duration-factor)) linear .8s}:host([complete]) .percentage{color:var(--calcite-color-brand);transform:scale(1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear,transform var(--calcite-internal-animation-timing-medium) linear}@keyframes loader-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends u{constructor(){super(...arguments),this.messages=y({name:null}),this.complete=!1,this.inline=!1,this.scale="m",this.text="",this.type="indeterminate",this.value=0}static{this.properties={complete:[7,{},{reflect:!0,type:Boolean}],inline:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=w}connectedCallback(){super.connectedCallback(),this.updateFormatter()}load(){requestAnimationFrame(()=>this.valueChangeHandler())}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==0)&&this.valueChangeHandler(),(e.has("type")&&(this.hasUpdated||this.type!=="indeterminate")||e.has("messages"))&&this.updateFormatter()}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&this.value===100}formatValue(){return this.type!=="determinate-value"?`${this.value}`:this.formatter.format(this.value/100)}getSize(e){return{s:32,m:64,l:96}[e]}getInlineSize(e){return{s:12,m:16,l:24}[e]}updateFormatter(){this.type!=="determinate-value"||this.formatter?.resolvedOptions().locale===this.messages._lang||(this.formatter=new Intl.NumberFormat(this.messages._lang,{style:"percent"}))}render(){let{el:e,inline:n,label:s,text:c,type:i,value:v}=this,o=e.id||b(),t=i!=="indeterminate",d=Math.floor(v);return this.el.ariaLabel=s,this.el.ariaValueMax=t?"100":null,this.el.ariaValueMin=t?"0":null,this.el.ariaValueNow=t?d.toString():null,k(this.el,"id",o),this.el.role="progressbar",r`<div class=${l(a.rings)}>${this.renderRing("track")}${this.renderRing("progress")}${!n&&t&&r`<div class=${l(a.percentage)}>${this.formatValue()}</div>`||""}</div>${!n&&c&&r`<div class=${l(a.text)}>${c}</div>`||""}`}renderRing(e){let{inline:n,scale:s,value:c}=this,i=n?this.getInlineSize(s):this.getSize(s),o=i*.45,t;if(e==="progress"){let d=2*o*Math.PI,g=(this.type.startsWith("determinate")?c:24)/100*d,$=d-g;t={"stroke-dasharray":`${g} ${$}`}}return r`<svg aria-hidden=true class=${l({[a.ring]:!0,[a.trackRing]:e==="track",[a.progressRing]:e==="progress"})} style=${z(t)} viewBox=${`0 0 ${i} ${i}`}>${p`<circle cx=${i/2} cy=${i/2} r=${o??f} />`}</svg>`}};x("calcite-loader",m);export{m as Loader};