@esri/calcite-components 5.2.0-next.73 → 5.2.0-next.75

package/dist/cdn/{IC52NBVJ.js → JIHLETWF.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"./ESCLMVTY.js";import{a as C}from"./735UOYTJ.js";import{a as g}from"./FPAZVBXQ.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"./XPKPBZJW.js";import"./VUYX7MNO.js";import{e as _}from"./37IBLWMI.js";import{H as t,x as O,y as L}from"./3OUBYTMI.js";import{C as w,D as x,E as M,F as d,K as u,M as V,N as D,R as H,g as I,h as z,p as v}from"./XXSF7VUB.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"./MCGGJUT4.js";import{a as C}from"./735UOYTJ.js";import{a as g}from"./XIIT6OKF.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"./G64R54P5.js";import"./VUYX7MNO.js";import{e as _}from"./I5K6EDCU.js";import{H as t,x as O,y as L}from"./3QPETC2U.js";import{C as w,D as x,E as M,F as d,K as u,M as V,N as D,R as H,g as I,h as z,p as v}from"./RQONITLI.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/{IP2LRMRJ.js → JVYBHUAO.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as k}from"./NXBIICWN.js";import{a as v}from"./YP3AYJH3.js";import{a as p}from"./GBM4SNW6.js";import"./ZWPNZ5XW.js";import{e as b}from"./37IBLWMI.js";import"./3OUBYTMI.js";import{C as l,D as d,E as h,F as r,H as i,J as u,K as f,R as m,g as s,h as n}from"./XXSF7VUB.js";var y=s`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a{cursor:pointer;font-family:inherit;text-decoration-line:none;outline-color:transparent;font-size:inherit;-webkit-appearance:none;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0 100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat;background-size:0% var(--calcite-border-width-sm),100% var(--calcite-border-width-sm)}:host a:hover,:host a:focus{background-size:100% var(--calcite-border-width-sm),100% var(--calcite-border-width-sm)}:host a:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host a:active{background-size:100% var(--calcite-border-width-md),100% var(--calcite-border-width-md)}:host a:active.calcite--rtl{background-position:100% 100%,100% 100%}:host a{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c={calciteLinkIcon:"calcite-link--icon",iconStart:"icon-start",iconEnd:"icon-end"},a=class extends h{constructor(){super(),this.anchorRef=l(),this.direction=b(),this.focusSetter=p()(this),this.interactiveContainer=k(this),this.keyDownHandler=t=>{v(t.key)&&(t.preventDefault(),this.el.click())},this.anchorClickHandler=t=>{t.isTrusted||t.stopPropagation()},this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],download:[3,{converter:u},{reflect:!0}],href:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],rel:1,target:1}}static{this.styles=y}async setFocus(t){return this.focusSetter(()=>this.anchorRef.value,t)}clickHandler(t){t.isTrusted||this.anchorRef.value?.click()}render(){let{download:t}=this,o=this.direction,e=!this.href;return this.el.role="presentation",this.interactiveContainer({disabled:this.disabled,children:n`<a class=${r({[f.rtl]:o==="rtl"})} download=${(t===!0||t===""?"":t||void 0)??i} href=${(this.href||void 0)??i} @click=${this.anchorClickHandler} @keydown=${e?this.keyDownHandler:void 0} rel=${this.rel??i} .role=${e?"button":void 0} tabindex=${(e?0:void 0)??i} target=${(this.href?this.target:void 0)??i} ${d(this.anchorRef)}>${n`${this.iconStart?this.renderIcon("start"):null}<slot></slot>${this.iconEnd?this.renderIcon("end"):null}`}</a>`})}renderIcon(t){let o=t==="start",e=o?this.iconStart:this.iconEnd,g=this.iconFlipRtl==="both"||this.iconFlipRtl===t;return n`<calcite-icon class=${r({[c.calciteLinkIcon]:!0,[o?c.iconStart:c.iconEnd]:!0})} .flipRtl=${g} .icon=${e} scale=s></calcite-icon>`}};m("calcite-link",a);export{a as Link};
+import{a as k}from"./M3CH5PK6.js";import{a as v}from"./YP3AYJH3.js";import{a as p}from"./PW7YMRBF.js";import"./ZWPNZ5XW.js";import{e as b}from"./I5K6EDCU.js";import"./3QPETC2U.js";import{C as l,D as d,E as h,F as r,H as i,J as u,K as f,R as m,g as s,h as n}from"./RQONITLI.js";var y=s`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a{cursor:pointer;font-family:inherit;text-decoration-line:none;outline-color:transparent;font-size:inherit;-webkit-appearance:none;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0 100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat;background-size:0% var(--calcite-border-width-sm),100% var(--calcite-border-width-sm)}:host a:hover,:host a:focus{background-size:100% var(--calcite-border-width-sm),100% var(--calcite-border-width-sm)}:host a:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host a:active{background-size:100% var(--calcite-border-width-md),100% var(--calcite-border-width-md)}:host a:active.calcite--rtl{background-position:100% 100%,100% 100%}:host a{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c={calciteLinkIcon:"calcite-link--icon",iconStart:"icon-start",iconEnd:"icon-end"},a=class extends h{constructor(){super(),this.anchorRef=l(),this.direction=b(),this.focusSetter=p()(this),this.interactiveContainer=k(this),this.keyDownHandler=t=>{v(t.key)&&(t.preventDefault(),this.el.click())},this.anchorClickHandler=t=>{t.isTrusted||t.stopPropagation()},this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],download:[3,{converter:u},{reflect:!0}],href:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],rel:1,target:1}}static{this.styles=y}async setFocus(t){return this.focusSetter(()=>this.anchorRef.value,t)}clickHandler(t){t.isTrusted||this.anchorRef.value?.click()}render(){let{download:t}=this,o=this.direction,e=!this.href;return this.el.role="presentation",this.interactiveContainer({disabled:this.disabled,children:n`<a class=${r({[f.rtl]:o==="rtl"})} download=${(t===!0||t===""?"":t||void 0)??i} href=${(this.href||void 0)??i} @click=${this.anchorClickHandler} @keydown=${e?this.keyDownHandler:void 0} rel=${this.rel??i} .role=${e?"button":void 0} tabindex=${(e?0:void 0)??i} target=${(this.href?this.target:void 0)??i} ${d(this.anchorRef)}>${n`${this.iconStart?this.renderIcon("start"):null}<slot></slot>${this.iconEnd?this.renderIcon("end"):null}`}</a>`})}renderIcon(t){let o=t==="start",e=o?this.iconStart:this.iconEnd,g=this.iconFlipRtl==="both"||this.iconFlipRtl===t;return n`<calcite-icon class=${r({[c.calciteLinkIcon]:!0,[o?c.iconStart:c.iconEnd]:!0})} .flipRtl=${g} .icon=${e} scale=s></calcite-icon>`}};m("calcite-link",a);export{a as Link};

package/dist/cdn/{JUF6DRL4.js → JXLVLVWY.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as n}from"./37IBLWMI.js";var s=()=>n((a,o)=>{let e=new Set;return o.onDisconnected(()=>{e.forEach(r=>r.cancel())}),{add:r=>{[r].flat().forEach(c=>e.add(c))},resources:e}});export{s as a};
+import{b as n}from"./I5K6EDCU.js";var s=()=>n((a,o)=>{let e=new Set;return o.onDisconnected(()=>{e.forEach(r=>r.cancel())}),{add:r=>{[r].flat().forEach(c=>e.add(c))},resources:e}});export{s as a};

package/dist/cdn/{HHRWTZN5.js → KQAR33SR.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{F as e,h as t,l as i}from"./XXSF7VUB.js";var n={alignmentCenter:"internal-label-alignment--center",alignmentEnd:"internal-label-alignment--end",container:"internal-label--container",requiredIndicator:"internal-label-required--indicator",spacingBottom:"internal-label-spacing--bottom",spacingInlineEnd:"internal-label-spacing-inline--end",spacingInlineStart:"internal-label-spacing-inline--start",text:"internal-label--text"},b=({alignmentCenter:a,bottomSpacingDisabled:l,labelText:r,onClick:s,required:c,spacingInlineEnd:o,spacingInlineStart:d,tooltipText:g})=>t`<div class=${e({[n.alignmentCenter]:a,[n.alignmentEnd]:!a,[n.container]:!0,[n.spacingBottom]:!l,[n.spacingInlineEnd]:o,[n.spacingInlineStart]:d})} @click=${s}><div class=${e(n.text)}>${r}${c&&t`<span aria-hidden=true class=${e(n.requiredIndicator)} title=${g??i}>*</span>`||""}</div><slot name=label-content></slot></div>`;export{b as a};
+import{F as e,h as t,l as i}from"./RQONITLI.js";var n={alignmentCenter:"internal-label-alignment--center",alignmentEnd:"internal-label-alignment--end",container:"internal-label--container",requiredIndicator:"internal-label-required--indicator",spacingBottom:"internal-label-spacing--bottom",spacingInlineEnd:"internal-label-spacing-inline--end",spacingInlineStart:"internal-label-spacing-inline--start",text:"internal-label--text"},b=({alignmentCenter:a,bottomSpacingDisabled:l,labelText:r,onClick:s,required:c,spacingInlineEnd:o,spacingInlineStart:d,tooltipText:g})=>t`<div class=${e({[n.alignmentCenter]:a,[n.alignmentEnd]:!a,[n.container]:!0,[n.spacingBottom]:!l,[n.spacingInlineEnd]:o,[n.spacingInlineStart]:d})} @click=${s}><div class=${e(n.text)}>${r}${c&&t`<span aria-hidden=true class=${e(n.requiredIndicator)} title=${g??i}>*</span>`||""}</div><slot name=label-content></slot></div>`;export{b as a};

package/dist/cdn/KXJ7DTCZ.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as W}from"./UJXQEJWS.js";import{b as R}from"./2LI2WSK2.js";import{a as F}from"./RYQEEAQF.js";import{a as G}from"./KQAR33SR.js";import{c as K}from"./YDUTUT75.js";import{a as V}from"./DKJI4BME.js";import{a as N}from"./TLIBVBYQ.js";import{a as P}from"./IWWJYWY5.js";import{b as q}from"./EWR2MENT.js";import{d as I}from"./B5TGMHUH.js";import{a as x,c as y,e as U,g as u,h as M}from"./GBUMWAMI.js";import{a as H}from"./QEZ3GMQZ.js";import{a as L}from"./M3CH5PK6.js";import"./VXDPJESZ.js";import{a as D}from"./T6CCMW7H.js";import{a as T,b as w}from"./VI7SBYXT.js";import{a as B}from"./G64R54P5.js";import"./VUYX7MNO.js";import{a as O}from"./PW7YMRBF.js";import"./ZWPNZ5XW.js";import{c as E,e as z}from"./I5K6EDCU.js";import{x as b,z as v}from"./3QPETC2U.js";import{C as f,D as p,E as A,F as r,J as g,R as S,g as k,h as m,l as o,p as c}from"./RQONITLI.js";var Q=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius, var(--calcite-corner-radius));--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,j={contentBottom:"content-bottom",contentTop:"content-top"},s={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},J="autocomplete",C={validationMessage:"autocompleteValidationMessage",input:h=>`${J}-input-${h}`,list:h=>`${J}-list-${h}`},X="calcite-autocomplete-item-group",Y="calcite-autocomplete-item",$=class extends A{constructor(){super(),this.guid=D(),this.attributeWatch=E(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=z(),this.formSupport=K({inputType:"text"})(this),this.inputId=C.input(this.guid),this.listId=C.list(this.guid),this.messages=B(),this.transitionProp="opacity",this.transitionRef=f(),this.defaultSlotRef=f(),this.focusSetter=O()(this),this.resizeObserver=T("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=L(this),this.topLayer=P({target:()=>this.floatingEl})(this),this.activeDescendant="",this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=x,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=c({cancelable:!1}),this.calciteAutocompleteBeforeOpen=c({cancelable:!1}),this.calciteAutocompleteChange=c({cancelable:!1}),this.calciteAutocompleteClose=c({cancelable:!1}),this.calciteAutocompleteOpen=c({cancelable:!1}),this.calciteAutocompleteTextChange=c({cancelable:!1}),this.calciteAutocompleteTextInput=c({cancelable:!1}),N(this),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendant:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Q}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:l,placement:i,overlayPositioning:n,flipPlacements:a}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:l,overlayPositioning:n,placement:i,flipPlacements:a,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),u(this)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("value")&&this.hasUpdated&&this.selectedItemsHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==x))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${R(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}loaded(){this.getAllItems(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}selectedItemsHandler(){this.items.forEach(t=>t.selected=t.value===this.value)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),H(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.selectedItemsHandler(),this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,l)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let i=l[e+1];i&&(i.disableSpacing=t.children.length===0)})}updateItems(){let t="";this.value&&this.selectedItemsHandler(),this.items.forEach(e=>{e.scale=this.scale,e.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((e,l)=>{let i=l===this.activeIndex;i&&(t=e.guid),e.active=i}),this.activeDescendant=t}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=b(t)}handleContentBottomSlotChange(t){this.hasContentBottom=b(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,X):Array.from(this.el.children).filter(q),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,Y):Array.from(this.el.children).filter(I),l=t.flatMap(n=>n.items??[]),i=Array.from(new Set([...e,...l].filter(I)));this.groups=t,this.items=i,this.updateItems(),this.updateGroups()}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,u(this)}keyDownHandler(t){let{defaultPrevented:e,key:l}=t;if(e)return;let{open:i,activeIndex:n,enabledItems:a}=this,d=a.length&&n>-1?a[n]:null;switch(l){case"Escape":i&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":i&&d?(d.requestSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":a.length&&(this.open=!0,this.activeIndex=n!==-1?Math.min(n+1,a.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":a.length&&(this.open=!0,this.activeIndex=n!==-1?Math.max(n-1,0):a.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":a.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":a.length&&(this.open=!0,this.activeIndex=a.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,u(this)}render(){let{disabled:t,listId:e,inputId:l,isOpen:i}=this,n=this.el.autofocus,a=this.el.enterKeyHint,d=this.el.inputMode;return this.interactiveContainer({disabled:t,children:m`${this.labelText&&G({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(s.inputContainer)}><calcite-input .alignment=${this.alignment} aria-activedescendant=${this.activeDescendant??o} aria-controls=${e??o} aria-label=${V(this)??o} aria-owns=${e??o} aria-autocomplete=list .ariaExpanded=${i} aria-haspopup=listbox .autocomplete=${this.autocomplete} .autofocus=${n} class=${r(s.input)} clearable .disabled=${t} enterkeyhint=${a??o} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} id=${l??o} inputmode=${d??o} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} role=combobox .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${p(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[s.contentContainer]:!0,[s.floatingUIContainer]:!0,[s.floatingUIContainerActive]:i})} popover=manual ${p(this.setFloatingEl)}><div class=${r({[s.contentAnimation]:!0,[y.animation]:!0,[y.animationActive]:i})} ${p(this.transitionRef)}><div class=${r({[s.content]:!0,[s.contentHidden]:!i})}><slot name=${j.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${p(this.defaultSlotRef)}></slot><slot name=${j.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:C.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return m`<ul aria-labelledby=${this.inputId??o} aria-live=polite class=${r(s.screenReadersOnly)} id=${this.listId??o} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return F(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>m`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} id=${t.guid??o} role=option tabindex=-1>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",$);export{$ as Autocomplete};

package/dist/cdn/{TJDIFYCD.js → KYIA6VGH.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as x}from"./NXBIICWN.js";import{a as y}from"./XPKPBZJW.js";import{a as v}from"./GBM4SNW6.js";import"./ZWPNZ5XW.js";import"./37IBLWMI.js";import"./3OUBYTMI.js";import{C as u,D as b,E as p,F as f,O as g,R as m,g as d,h,l as s,p as l}from"./XXSF7VUB.js";var S={handle:"handle",handleSelected:"handle--selected"},k={drag:"drag"},i={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},C=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([disabled])) .handle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-color-foreground-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends p{constructor(){super(...arguments),this.handleButtonRef=u(),this.messages=y({blocking:!0}),this.focusSetter=v()(this),this.interactiveContainer=x(this),this.blurUnselectDisabled=!1,this.disabled=!1,this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:[5,{},{type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}]}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>this.handleButtonRef.value,e)}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}loaded(){g.deprecated("component",{component:this,name:"handle",removalVersion:5,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(i.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:r,label:c,messages:a,selected:n}=this;return!a||!c||typeof r!="number"||typeof t!="number"?void 0:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(i.position,t.toString()).replace(i.itemLabel,c).replace(i.total,r.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return this.interactiveContainer({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?void 0:this.selected} .ariaDisabled=${this.disabled?this.disabled:void 0} .ariaLabel=${this.disabled?void 0:this.getAriaText("label")} class=${f({[S.handle]:!0,[S.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?void 0:0)??s} title=${this.getTooltip()??s} ${b(this.handleButtonRef)}><calcite-icon .icon=${k.drag} scale=s></calcite-icon></span>`})}};m("calcite-handle",o);export{o as Handle};
+import{a as x}from"./M3CH5PK6.js";import{a as y}from"./G64R54P5.js";import{a as v}from"./PW7YMRBF.js";import"./ZWPNZ5XW.js";import"./I5K6EDCU.js";import"./3QPETC2U.js";import{C as u,D as b,E as p,F as f,O as g,R as m,g as d,h,l as s,p as l}from"./RQONITLI.js";var S={handle:"handle",handleSelected:"handle--selected"},k={drag:"drag"},i={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},C=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([disabled])) .handle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-color-foreground-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends p{constructor(){super(...arguments),this.handleButtonRef=u(),this.messages=y({blocking:!0}),this.focusSetter=v()(this),this.interactiveContainer=x(this),this.blurUnselectDisabled=!1,this.disabled=!1,this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:[5,{},{type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}]}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>this.handleButtonRef.value,e)}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}loaded(){g.deprecated("component",{component:this,name:"handle",removalVersion:5,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(i.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:r,label:c,messages:a,selected:n}=this;return!a||!c||typeof r!="number"||typeof t!="number"?void 0:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(i.position,t.toString()).replace(i.itemLabel,c).replace(i.total,r.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return this.interactiveContainer({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?void 0:this.selected} .ariaDisabled=${this.disabled?this.disabled:void 0} .ariaLabel=${this.disabled?void 0:this.getAriaText("label")} class=${f({[S.handle]:!0,[S.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?void 0:0)??s} title=${this.getTooltip()??s} ${b(this.handleButtonRef)}><calcite-icon .icon=${k.drag} scale=s></calcite-icon></span>`})}};m("calcite-handle",o);export{o as Handle};

package/dist/cdn/{LHNKXPQI.js → LJP2D2HY.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as N}from"./BP6Y7HKI.js";import{a as S}from"./TJTXJPXF.js";import{a as H,b as U}from"./7TR4VZRI.js";import{a as z}from"./DHBPDNMK.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./NO2V47RO.js";import{a as D}from"./KWXXGQXB.js";import{a as B}from"./DPONETMO.js";import"./JVUECPJ3.js";import{a as l}from"./FPAZVBXQ.js";import"./VXDPJESZ.js";import"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as k}from"./VI7SBYXT.js";import{a as E}from"./XPKPBZJW.js";import{a as P}from"./GBM4SNW6.js";import"./ZWPNZ5XW.js";import{e as C}from"./37IBLWMI.js";import"./3OUBYTMI.js";import{C as y,D as u,E as x,F as o,R as w,g as b,h as n,p as r}from"./XXSF7VUB.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends x{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=z({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:a,overlayPositioning:c,flipDisabled:p,filteredFlipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:a,flipDisabled:p,flipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){D(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?l(i.closeButtonContainer,n`<div class=${o(i.closeButtonContainer)}><calcite-action class=${o(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,a=e?B({class:i.heading,level:t,children:e}):null;return a?l(i.header,n`<div class=${o(i.header)}>${a}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:a,open:c,pointerDisabled:p,floatingLayout:d}=this,s=e&&c,f=!s,h=p?null:l("floating-arrow",N({floatingLayout:d,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=a,this.el.ariaLive="polite",this.el.role="dialog",n`<div class=${o(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${o({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${o({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${o(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};w("calcite-popover",g);export{g as Popover};
+import{a as N}from"./GXDN4MYU.js";import{a as S}from"./3ACOLSJX.js";import{a as H,b as U}from"./AZ5ZWXXK.js";import{a as z}from"./IWWJYWY5.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./GBUMWAMI.js";import{a as D}from"./QEZ3GMQZ.js";import{a as B}from"./NURDERM3.js";import"./DXBCV4IS.js";import{a as l}from"./XIIT6OKF.js";import"./VXDPJESZ.js";import"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as k}from"./VI7SBYXT.js";import{a as E}from"./G64R54P5.js";import{a as P}from"./PW7YMRBF.js";import"./ZWPNZ5XW.js";import{e as C}from"./I5K6EDCU.js";import"./3QPETC2U.js";import{C as y,D as u,E as x,F as o,R as w,g as b,h as n,p as r}from"./RQONITLI.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends x{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=z({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:a,overlayPositioning:c,flipDisabled:p,filteredFlipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:a,flipDisabled:p,flipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){D(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?l(i.closeButtonContainer,n`<div class=${o(i.closeButtonContainer)}><calcite-action class=${o(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,a=e?B({class:i.heading,level:t,children:e}):null;return a?l(i.header,n`<div class=${o(i.header)}>${a}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:a,open:c,pointerDisabled:p,floatingLayout:d}=this,s=e&&c,f=!s,h=p?null:l("floating-arrow",N({floatingLayout:d,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=a,this.el.ariaLive="polite",this.el.role="dialog",n`<div class=${o(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${o({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${o({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${o(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};w("calcite-popover",g);export{g as Popover};

package/dist/cdn/{KFMNOZ6R.js → LKMH2ETP.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as t,b as E,c as n,d}from"./KDUZXP3Z.js";import{a as M,t as g}from"./4IEGHLUB.js";import"./27YYIR6K.js";import{a as k}from"./NXBIICWN.js";import{a as C}from"./FPAZVBXQ.js";import"./VXDPJESZ.js";import{a as I}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as z}from"./GBM4SNW6.js";import"./ZWPNZ5XW.js";import"./37IBLWMI.js";import{x as b}from"./3OUBYTMI.js";import{C as S,D as $,E as x,F as s,R as y,g as m,h as l,i as o,l as i,p as v}from"./XXSF7VUB.js";var P=m`:host{display:block;--calcite-internal-swatch-inset: var(--calcite-spacing-xxs)}:host([scale=s]) .container{--calcite-internal-swatch-size: var(--calcite-spacing-xl)}:host([scale=m]) .container{--calcite-internal-swatch-size: var(--calcite-spacing-xxl)}:host([scale=l]) .container{--calcite-internal-swatch-size: var(--calcite-spacing-xxxl)}.container{position:relative;box-sizing:border-box;justify-content:center;overflow:hidden;outline-color:transparent;font-size:var(--calcite-internal-swatch-font-size, var(--calcite-font-size));block-size:var(--calcite-internal-swatch-size, auto);inline-size:var(--calcite-internal-swatch-size, auto);min-inline-size:var(--calcite-internal-swatch-size, auto);border-radius:var(--calcite-swatch-corner-radius, 0)}.container:not(.non-interactive):hover{cursor:pointer;box-shadow:0 0 0 var(--calcite-border-width-md) var(--calcite-color-border-1)}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.swatch{position:absolute;display:inline-flex;overflow:hidden;z-index:calc(var(--calcite-z-index) + 1);block-size:var(--calcite-internal-swatch-size, auto);inline-size:var(--calcite-internal-swatch-size, auto);min-inline-size:var(--calcite-internal-swatch-size, auto);border-radius:var(--calcite-swatch-corner-radius, 0)}:host([selected]) .swatch{inset:var(--calcite-internal-swatch-inset);block-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset));inline-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset));min-inline-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset))}:host([selected]) .container{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-text-1),inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-color-foreground-1)}:host([selected]) .image-container{inset:var(--calcite-internal-swatch-inset)}.image-container{position:absolute;display:inline-flex;overflow:hidden;z-index:calc(var(--calcite-z-index) + 2);inset:var(--calcite-spacing-px);display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:var(--calcite-swatch-corner-radius, 0)}.internal-svg-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:calc(var(--calcite-z-index) + 2)}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}:host([selected]) #swatch-rect,:host([selected]) #swatch-solid,:host([selected]) #swatch-transparent{stroke-width:0}#swatch-rect,#swatch-solid,#swatch-transparent{stroke:var(--calcite-color-text-1);stroke-width:var(--calcite-border-width-md);stroke-opacity:.3;rx:var(--calcite-swatch-corner-radius)}.internal-svg-disabled{stroke:#6a6a6a;fill:#fff}.internal-svg-empty{stroke:var(--calcite-color-status-danger);stroke-width:3}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends x{constructor(){super(),this.containerRef=S(),this.focusSetter=z()(this),this.interactiveContainer=k(this),this.hasImage=!1,this.disabled=!1,this.interactive=!1,this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteInternalSwatchSelect=v({cancelable:!1}),this.calciteInternalSyncSelectedSwatches=v({cancelable:!1}),this.calciteSwatchSelect=v({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasImage:[16,{},{state:!0}],color:1,disabled:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,parentSwatchGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=P}async setFocus(e){return this.focusSetter(()=>this.el,e)}async load(){this.handleColorChange(this.color)}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected),e.has("color")&&this.handleColorChange(this.color)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){e.target===this.el&&I(e.key)&&(this.handleEmittingEvent(),e.preventDefault())}handleSlotImageChange(e){this.hasImage=b(e)}handleEmittingEvent(){this.interactive&&this.calciteSwatchSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedSwatches.emit(),!this.parentSwatchGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalSwatchSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedSwatches.emit()}handleColorChange(e){this.internalColor=e?M(e):void 0}renderSwatchImage(){return l`<div class=${s(t.imageContainer)}><slot name=${E.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderEmptyDisplay(){let e=this.scale==="s"?"12":this.scale==="m"?"16":"20";return l`<div class=${s(t.internalSvgContainer)}><svg fill=none height=${e??i} viewBox=${`0 0 ${e} ${e}`} width=${e??i} xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgEmpty)} d=${`M${e} 0L0 ${e}`} />`}</svg></div>`}renderDisabledDisplay(){let e=l`<svg fill=none height=14 viewBox="0 0 14 14" width=14 xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgDisabled)} d="M7 0.5C10.5899 0.5 13.5 3.41015 13.5 7C13.5 10.5899 10.5899 13.5 7 13.5C3.41015 13.5 0.5 10.5899 0.5 7C0.5 3.41015 3.41015 0.5 7 0.5ZM4.78906 10.917C5.44221 11.2866 6.19529 11.5 7 11.5C9.48528 11.5 11.5 9.48528 11.5 7C11.5 6.19529 11.2866 5.44221 10.917 4.78906L4.78906 10.917ZM7 2.5C4.51472 2.5 2.5 4.51472 2.5 7C2.5 7.95644 2.79808 8.84235 3.30664 9.57129L9.57129 3.30664C8.84235 2.79808 7.95644 2.5 7 2.5Z" />`}</svg>`,a=l`<svg fill=none height=18 viewBox="0 0 18 18" width=18 xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgDisabled)} d="M9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 4.30558 4.30558 0.5 9 0.5ZM5.78125 14.2588C6.71828 14.8337 7.81941 15.167 9 15.167C12.4058 15.167 15.167 12.4058 15.167 9C15.167 7.81941 14.8337 6.71828 14.2588 5.78125L5.78125 14.2588ZM9 2.83301C5.59424 2.83301 2.83301 5.59424 2.83301 9C2.83301 10.3817 3.28731 11.6565 4.05469 12.6846L12.6846 4.05469C11.6565 3.28731 10.3817 2.83301 9 2.83301Z" />`}</svg>`;return l`<div class=${s(t.internalSvgContainer)}>${this.scale==="l"?a:e}</div>`}renderSwatch(){let{internalColor:e}=this,a="0",h=!e,c={height:"100%",rx:a,width:"100%"};if(h)return o`<clipPath id=${d.shape}><rect height=100% rx=${a} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round "${a}")`,...c})}<line clip-path=url(#shape) x1=100% x2=0 y1=0 y2=100% />`;let r=e.alpha(),w=g(e),p=g(e,r<1);return o`<defs><pattern height=${n.size} id=${d.checker} patternUnits=userSpaceOnUse width=${n.size} x=0 y=0><rect class=${s(t.checker)} height=${n.squareSize} width=${n.squareSize} x=0 y=0 /><rect class=${s(t.checker)} height=${n.squareSize} width=${n.squareSize} x=${n.squareSize} y=${n.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:c.rx,height:c.height,width:c.width})}${this.renderSwatchRect({clipPath:r<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round "${a}")`,fill:w,id:d.swatchSolid,...c})}${r<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:p,id:d.swatchTransparent,key:"opacity-fill",...c}):null}`}renderSwatchRect({clipPath:e,fill:a,height:h,key:c,rx:r,stroke:w,strokeWidth:p,width:D,id:f}){return C(c,o`<rect clip-path=${e??i} fill=${a??i} height=${h??i} id=${(f||d.swatchRect)??i} rx=${r??i} stroke=${w??i} stroke-width=${p??i} width=${D??i} />`)}render(){let{disabled:e}=this,a=e||!e&&!this.interactive,h=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":"presentation",c=!this.internalColor,r={[t.swatch]:!0,[t.noColorSwatch]:c||this.hasImage&&!this.internalColor};return this.interactiveContainer({disabled:e,children:l`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${h!=="presentation"?this.label:""} class=${s({[t.container]:!0,[t.selectable]:this.selectionMode!=="none",[t.selected]:this.selected,[t.nonInteractive]:!this.interactive})} @click=${this.handleEmittingEvent} .role=${h} .tabIndex=${a?-1:0} title=${this.label??i} ${$(this.containerRef)}>${this.renderSwatchImage()}${!this.internalColor&&!this.hasImage&&this.renderEmptyDisplay()||""}${this.disabled&&this.renderDisabledDisplay()||""}<svg class=${s(r)} role=presentation xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg></div>`})}};y("calcite-swatch",u);export{u as Swatch};
+import{a as t,b as E,c as n,d}from"./KDUZXP3Z.js";import{a as M,t as g}from"./4IEGHLUB.js";import"./27YYIR6K.js";import{a as k}from"./M3CH5PK6.js";import{a as C}from"./XIIT6OKF.js";import"./VXDPJESZ.js";import{a as I}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as z}from"./PW7YMRBF.js";import"./ZWPNZ5XW.js";import"./I5K6EDCU.js";import{x as b}from"./3QPETC2U.js";import{C as S,D as $,E as x,F as s,R as y,g as m,h as l,i as o,l as i,p as v}from"./RQONITLI.js";var P=m`:host{display:block;--calcite-internal-swatch-inset: var(--calcite-spacing-xxs)}:host([scale=s]) .container{--calcite-internal-swatch-size: var(--calcite-spacing-xl)}:host([scale=m]) .container{--calcite-internal-swatch-size: var(--calcite-spacing-xxl)}:host([scale=l]) .container{--calcite-internal-swatch-size: var(--calcite-spacing-xxxl)}.container{position:relative;box-sizing:border-box;justify-content:center;overflow:hidden;outline-color:transparent;font-size:var(--calcite-internal-swatch-font-size, var(--calcite-font-size));block-size:var(--calcite-internal-swatch-size, auto);inline-size:var(--calcite-internal-swatch-size, auto);min-inline-size:var(--calcite-internal-swatch-size, auto);border-radius:var(--calcite-swatch-corner-radius, 0)}.container:not(.non-interactive):hover{cursor:pointer;box-shadow:0 0 0 var(--calcite-border-width-md) var(--calcite-color-border-1)}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.swatch{position:absolute;display:inline-flex;overflow:hidden;z-index:calc(var(--calcite-z-index) + 1);block-size:var(--calcite-internal-swatch-size, auto);inline-size:var(--calcite-internal-swatch-size, auto);min-inline-size:var(--calcite-internal-swatch-size, auto);border-radius:var(--calcite-swatch-corner-radius, 0)}:host([selected]) .swatch{inset:var(--calcite-internal-swatch-inset);block-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset));inline-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset));min-inline-size:calc(var(--calcite-internal-swatch-size, auto) - 2 * var(--calcite-internal-swatch-inset))}:host([selected]) .container{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-text-1),inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-color-foreground-1)}:host([selected]) .image-container{inset:var(--calcite-internal-swatch-inset)}.image-container{position:absolute;display:inline-flex;overflow:hidden;z-index:calc(var(--calcite-z-index) + 2);inset:var(--calcite-spacing-px);display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:var(--calcite-swatch-corner-radius, 0)}.internal-svg-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:calc(var(--calcite-z-index) + 2)}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}:host([selected]) #swatch-rect,:host([selected]) #swatch-solid,:host([selected]) #swatch-transparent{stroke-width:0}#swatch-rect,#swatch-solid,#swatch-transparent{stroke:var(--calcite-color-text-1);stroke-width:var(--calcite-border-width-md);stroke-opacity:.3;rx:var(--calcite-swatch-corner-radius)}.internal-svg-disabled{stroke:#6a6a6a;fill:#fff}.internal-svg-empty{stroke:var(--calcite-color-status-danger);stroke-width:3}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends x{constructor(){super(),this.containerRef=S(),this.focusSetter=z()(this),this.interactiveContainer=k(this),this.hasImage=!1,this.disabled=!1,this.interactive=!1,this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteInternalSwatchSelect=v({cancelable:!1}),this.calciteInternalSyncSelectedSwatches=v({cancelable:!1}),this.calciteSwatchSelect=v({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasImage:[16,{},{state:!0}],color:1,disabled:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,parentSwatchGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=P}async setFocus(e){return this.focusSetter(()=>this.el,e)}async load(){this.handleColorChange(this.color)}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected),e.has("color")&&this.handleColorChange(this.color)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){e.target===this.el&&I(e.key)&&(this.handleEmittingEvent(),e.preventDefault())}handleSlotImageChange(e){this.hasImage=b(e)}handleEmittingEvent(){this.interactive&&this.calciteSwatchSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedSwatches.emit(),!this.parentSwatchGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalSwatchSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedSwatches.emit()}handleColorChange(e){this.internalColor=e?M(e):void 0}renderSwatchImage(){return l`<div class=${s(t.imageContainer)}><slot name=${E.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderEmptyDisplay(){let e=this.scale==="s"?"12":this.scale==="m"?"16":"20";return l`<div class=${s(t.internalSvgContainer)}><svg fill=none height=${e??i} viewBox=${`0 0 ${e} ${e}`} width=${e??i} xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgEmpty)} d=${`M${e} 0L0 ${e}`} />`}</svg></div>`}renderDisabledDisplay(){let e=l`<svg fill=none height=14 viewBox="0 0 14 14" width=14 xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgDisabled)} d="M7 0.5C10.5899 0.5 13.5 3.41015 13.5 7C13.5 10.5899 10.5899 13.5 7 13.5C3.41015 13.5 0.5 10.5899 0.5 7C0.5 3.41015 3.41015 0.5 7 0.5ZM4.78906 10.917C5.44221 11.2866 6.19529 11.5 7 11.5C9.48528 11.5 11.5 9.48528 11.5 7C11.5 6.19529 11.2866 5.44221 10.917 4.78906L4.78906 10.917ZM7 2.5C4.51472 2.5 2.5 4.51472 2.5 7C2.5 7.95644 2.79808 8.84235 3.30664 9.57129L9.57129 3.30664C8.84235 2.79808 7.95644 2.5 7 2.5Z" />`}</svg>`,a=l`<svg fill=none height=18 viewBox="0 0 18 18" width=18 xmlns=http://www.w3.org/2000/svg>${o`<path class=${s(t.internalSvgDisabled)} d="M9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 4.30558 4.30558 0.5 9 0.5ZM5.78125 14.2588C6.71828 14.8337 7.81941 15.167 9 15.167C12.4058 15.167 15.167 12.4058 15.167 9C15.167 7.81941 14.8337 6.71828 14.2588 5.78125L5.78125 14.2588ZM9 2.83301C5.59424 2.83301 2.83301 5.59424 2.83301 9C2.83301 10.3817 3.28731 11.6565 4.05469 12.6846L12.6846 4.05469C11.6565 3.28731 10.3817 2.83301 9 2.83301Z" />`}</svg>`;return l`<div class=${s(t.internalSvgContainer)}>${this.scale==="l"?a:e}</div>`}renderSwatch(){let{internalColor:e}=this,a="0",h=!e,c={height:"100%",rx:a,width:"100%"};if(h)return o`<clipPath id=${d.shape}><rect height=100% rx=${a} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round "${a}")`,...c})}<line clip-path=url(#shape) x1=100% x2=0 y1=0 y2=100% />`;let r=e.alpha(),w=g(e),p=g(e,r<1);return o`<defs><pattern height=${n.size} id=${d.checker} patternUnits=userSpaceOnUse width=${n.size} x=0 y=0><rect class=${s(t.checker)} height=${n.squareSize} width=${n.squareSize} x=0 y=0 /><rect class=${s(t.checker)} height=${n.squareSize} width=${n.squareSize} x=${n.squareSize} y=${n.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:c.rx,height:c.height,width:c.width})}${this.renderSwatchRect({clipPath:r<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round "${a}")`,fill:w,id:d.swatchSolid,...c})}${r<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:p,id:d.swatchTransparent,key:"opacity-fill",...c}):null}`}renderSwatchRect({clipPath:e,fill:a,height:h,key:c,rx:r,stroke:w,strokeWidth:p,width:D,id:f}){return C(c,o`<rect clip-path=${e??i} fill=${a??i} height=${h??i} id=${(f||d.swatchRect)??i} rx=${r??i} stroke=${w??i} stroke-width=${p??i} width=${D??i} />`)}render(){let{disabled:e}=this,a=e||!e&&!this.interactive,h=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":"presentation",c=!this.internalColor,r={[t.swatch]:!0,[t.noColorSwatch]:c||this.hasImage&&!this.internalColor};return this.interactiveContainer({disabled:e,children:l`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${h!=="presentation"?this.label:""} class=${s({[t.container]:!0,[t.selectable]:this.selectionMode!=="none",[t.selected]:this.selected,[t.nonInteractive]:!this.interactive})} @click=${this.handleEmittingEvent} .role=${h} .tabIndex=${a?-1:0} title=${this.label??i} ${$(this.containerRef)}>${this.renderSwatchImage()}${!this.internalColor&&!this.hasImage&&this.renderEmptyDisplay()||""}${this.disabled&&this.renderDisabledDisplay()||""}<svg class=${s(r)} role=presentation xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg></div>`})}};y("calcite-swatch",u);export{u as Swatch};

package/dist/cdn/{R6EUALEA.js → LSLJSKX3.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as P}from"./JGZ5HI3M.js";import{e as c}from"./KQHTBOH6.js";import{a as C}from"./NXBIICWN.js";import{a as M}from"./JUF6DRL4.js";import{a as A}from"./VXDPJESZ.js";import{a as D}from"./T6CCMW7H.js";import{b as y}from"./7VTO7SRW.js";import{a as x}from"./VI7SBYXT.js";import{c as G}from"./VUYX7MNO.js";import{a as O}from"./GBM4SNW6.js";import"./ZWPNZ5XW.js";import"./37IBLWMI.js";import{j as I,y as S}from"./3OUBYTMI.js";import{E as v,F as h,L as B,R as E,g as k,h as u,p as d}from"./XXSF7VUB.js";var m={container:"container",groupContainer:"group-container",scrim:"scrim",assistiveText:"assistive-text"},b="calcite-block-group",w="calcite-block",H=G("calcite-block-group"),T=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{position:relative}.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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;function $(p){p.forEach(e=>{e.setPosition=p.indexOf(e)+1,e.setSize=p.length})}var f=class extends v{constructor(){super(),this.dragSelector=w,this.handleSelector="calcite-sort-handle",this.mutationObserver=x("mutation",()=>{this.updateBlockItemsDebounced()}),this.blockAndGroups=[],this.cancelable=M()(this),this.focusSetter=O()(this),this.sortable=P()(this),this.updateBlockItemsDebounced=A(this.updateBlockItems,B.nextTick),this.interactiveContainer=C(this),this.sortHandleMenuItems=[],this.disabled=!1,this.dragEnabled=!1,this.loading=!1,this.scale="m",this.expandMode="multiple",this.sortDisabled=!1,this.calciteBlockGroupDragEnd=d({cancelable:!1}),this.calciteBlockGroupDragStart=d({cancelable:!1}),this.calciteBlockGroupMoveHalt=d({cancelable:!1}),this.calciteBlockGroupOrderChange=d({cancelable:!1}),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteBlockSortHandleBeforeOpen",this.updateBlockItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalBlockChange",this.updateBlockChildrenExpanded)}static{this.properties={assistiveText:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],group:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],expandMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=T}emitOrderChangeEvent(e){this.calciteBlockGroupOrderChange.emit(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.updateBlockItemsDebounced(),this.sortable.reset(),this.setParentBlockGroup(),this.cancelable.add(this.updateBlockItemsDebounced)}willUpdate(e){(e.has("group")||e.has("canPull")&&this.hasUpdated||e.has("canPut")&&this.hasUpdated||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1))&&this.updateBlockItemsDebounced(),e.has("scale")&&this.hasUpdated&&this.updateBlockAndGroupScale()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver()}updateBlockItems(){this.updateGroupItems();let{dragEnabled:e,el:t,sortDisabled:s,sortHandleMenuItems:o}=this,a=Array.from(this.el.querySelectorAll(w)),n=t,l=Array.from(n.children).filter(c);a.forEach(r=>{r.closest(b)===t&&(r.moveToItems=o.filter(i=>this.validateSortMenuItem({type:"move",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:l.indexOf(r)})),r.addToItems=this.sortHandleMenuItems.filter(i=>this.validateSortMenuItem({type:"add",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:l.indexOf(r)})),r.dragHandle=e,r.sortDisabled=s)}),this.sortable.reset()}updateGroupItems(){let{el:e,group:t}=this,s=I(e),o=t?Array.from(s.querySelectorAll(`${b}[group="${t}"]`)).filter(a=>!a.disabled&&a.dragEnabled):[];this.sortHandleMenuItems=o.map(a=>({element:a,label:a.label??a.id,id:D()}))}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleReorder(e))}handleSortAdd(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleAdd(e))}handleSortMove(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleMove(e))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteBlockGroupDragEnd.emit(e)}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteBlockGroupDragStart.emit(e)}onDragSort(e){this.setParentBlockGroup(),this.updateBlockItemsDebounced(),this.calciteBlockGroupOrderChange.emit(e)}setParentBlockGroup(){this.parentBlockGroupEl=this.el.parentElement?.closest(b)||void 0}handleDefaultSlotChange(e){let t=[];this.blockAndGroups=S(e).filter(s=>c(s)?(t.push(s),!0):H(s)),$(t),this.updateBlockAndGroupScale()}updateBlockAndGroupScale(){this.blockAndGroups.forEach(e=>{e.scale=this.scale})}updateBlockChildrenExpanded(e){let{el:t,parentElement:s}=e.detail;if(s===this.el){e.stopPropagation();let o=this.blockAndGroups.filter(a=>c(a));switch(this.expandMode){case"multiple":t.expanded=!t.expanded;break;case"single":t.expanded=!t.expanded,this.collapseAllBlockElements(o,t);break;case"single-persist":t.expanded?t.expanded&&o.forEach(a=>{a.contains(t)&&a!==t&&(t.expanded=!1)}):(t.expanded=!0,this.collapseAllBlockElements(o,t));break}}}collapseAllBlockElements(e,t){e.forEach(s=>{s!==t&&!s.contains(t)&&(s.expanded=!1)})}validateSortMenuItem({fromEl:e,toEl:t,dragEl:s,newIndex:o,oldIndex:a,type:n}){if(!e||!t||t===e||s.contains(t))return!1;let l=e.canPull?.({toEl:t,fromEl:e,dragEl:s,newIndex:o,oldIndex:a})??!0,r=t.canPut?.({toEl:t,fromEl:e,dragEl:s,newIndex:o,oldIndex:a})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(e){let{addTo:t}=e.detail,s=e.target,o=s?.parentElement,a=t.element,l=Array.from(o.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:o,toEl:a,dragEl:s,newIndex:r,oldIndex:l}))return;s.sortHandleOpen=!1,this.disconnectObserver();let i=s.cloneNode();a.prepend(i),this.updateBlockItemsDebounced(),this.connectObserver();let g={dragEl:s,fromEl:o,toEl:a,newIndex:r,oldIndex:l};this.calciteBlockGroupOrderChange.emit(g),a.emitOrderChangeEvent(g)}handleMove(e){let{moveTo:t}=e.detail,s=e.target,o=s?.parentElement,a=t.element,l=Array.from(o.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:o,toEl:a,dragEl:s,newIndex:r,oldIndex:l}))return;s.sortHandleOpen=!1,this.disconnectObserver(),a.prepend(s),this.updateBlockItemsDebounced(),this.connectObserver();let i={dragEl:s,fromEl:o,toEl:a,newIndex:r,oldIndex:l};this.calciteBlockGroupOrderChange.emit(i),a.emitOrderChangeEvent(i)}handleReorder(e){let{reorder:t}=e.detail,s=e.target,o=s?.parentElement;if(!o)return;s.sortHandleOpen=!1;let a=Array.from(o.children).filter(c),n=a.length-1,l=a.indexOf(s),r=l;switch(t){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let i=t==="up"||t==="top"?a[r]:a[r].nextSibling;o.insertBefore(s,i),this.updateBlockItemsDebounced(),this.connectObserver(),this.calciteBlockGroupOrderChange.emit({dragEl:s,fromEl:o,toEl:o,newIndex:r,oldIndex:l})}render(){let{loading:e,label:t}=this;return this.interactiveContainer({disabled:this.disabled,children:u`<div class=${h(m.container)}>${this.dragEnabled?u`<span aria-live=assertive class=${h(m.assistiveText)}>${this.assistiveText}</span>`:null}${e?u`<calcite-scrim class=${h(m.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${y(e,void 0)} .ariaLabel=${t||""} class=${h(m.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>`})}};E("calcite-block-group",f);export{f as BlockGroup};
+import{a as P}from"./F5VR7FU6.js";import{e as c}from"./KQHTBOH6.js";import{a as C}from"./M3CH5PK6.js";import{a as M}from"./JXLVLVWY.js";import{a as A}from"./VXDPJESZ.js";import{a as D}from"./T6CCMW7H.js";import{b as y}from"./7VTO7SRW.js";import{a as x}from"./VI7SBYXT.js";import{c as G}from"./VUYX7MNO.js";import{a as O}from"./PW7YMRBF.js";import"./ZWPNZ5XW.js";import"./I5K6EDCU.js";import{j as I,y as S}from"./3QPETC2U.js";import{E as v,F as h,L as B,R as E,g as k,h as u,p as d}from"./RQONITLI.js";var m={container:"container",groupContainer:"group-container",scrim:"scrim",assistiveText:"assistive-text"},b="calcite-block-group",w="calcite-block",H=G("calcite-block-group"),T=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{position:relative}.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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;function $(p){p.forEach(e=>{e.setPosition=p.indexOf(e)+1,e.setSize=p.length})}var f=class extends v{constructor(){super(),this.dragSelector=w,this.handleSelector="calcite-sort-handle",this.mutationObserver=x("mutation",()=>{this.updateBlockItemsDebounced()}),this.blockAndGroups=[],this.cancelable=M()(this),this.focusSetter=O()(this),this.sortable=P()(this),this.updateBlockItemsDebounced=A(this.updateBlockItems,B.nextTick),this.interactiveContainer=C(this),this.sortHandleMenuItems=[],this.disabled=!1,this.dragEnabled=!1,this.loading=!1,this.scale="m",this.expandMode="multiple",this.sortDisabled=!1,this.calciteBlockGroupDragEnd=d({cancelable:!1}),this.calciteBlockGroupDragStart=d({cancelable:!1}),this.calciteBlockGroupMoveHalt=d({cancelable:!1}),this.calciteBlockGroupOrderChange=d({cancelable:!1}),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteBlockSortHandleBeforeOpen",this.updateBlockItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalBlockChange",this.updateBlockChildrenExpanded)}static{this.properties={assistiveText:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],group:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],expandMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=T}emitOrderChangeEvent(e){this.calciteBlockGroupOrderChange.emit(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.updateBlockItemsDebounced(),this.sortable.reset(),this.setParentBlockGroup(),this.cancelable.add(this.updateBlockItemsDebounced)}willUpdate(e){(e.has("group")||e.has("canPull")&&this.hasUpdated||e.has("canPut")&&this.hasUpdated||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1))&&this.updateBlockItemsDebounced(),e.has("scale")&&this.hasUpdated&&this.updateBlockAndGroupScale()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver()}updateBlockItems(){this.updateGroupItems();let{dragEnabled:e,el:t,sortDisabled:s,sortHandleMenuItems:o}=this,a=Array.from(this.el.querySelectorAll(w)),n=t,l=Array.from(n.children).filter(c);a.forEach(r=>{r.closest(b)===t&&(r.moveToItems=o.filter(i=>this.validateSortMenuItem({type:"move",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:l.indexOf(r)})),r.addToItems=this.sortHandleMenuItems.filter(i=>this.validateSortMenuItem({type:"add",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:l.indexOf(r)})),r.dragHandle=e,r.sortDisabled=s)}),this.sortable.reset()}updateGroupItems(){let{el:e,group:t}=this,s=I(e),o=t?Array.from(s.querySelectorAll(`${b}[group="${t}"]`)).filter(a=>!a.disabled&&a.dragEnabled):[];this.sortHandleMenuItems=o.map(a=>({element:a,label:a.label??a.id,id:D()}))}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleReorder(e))}handleSortAdd(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleAdd(e))}handleSortMove(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleMove(e))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteBlockGroupDragEnd.emit(e)}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteBlockGroupDragStart.emit(e)}onDragSort(e){this.setParentBlockGroup(),this.updateBlockItemsDebounced(),this.calciteBlockGroupOrderChange.emit(e)}setParentBlockGroup(){this.parentBlockGroupEl=this.el.parentElement?.closest(b)||void 0}handleDefaultSlotChange(e){let t=[];this.blockAndGroups=S(e).filter(s=>c(s)?(t.push(s),!0):H(s)),$(t),this.updateBlockAndGroupScale()}updateBlockAndGroupScale(){this.blockAndGroups.forEach(e=>{e.scale=this.scale})}updateBlockChildrenExpanded(e){let{el:t,parentElement:s}=e.detail;if(s===this.el){e.stopPropagation();let o=this.blockAndGroups.filter(a=>c(a));switch(this.expandMode){case"multiple":t.expanded=!t.expanded;break;case"single":t.expanded=!t.expanded,this.collapseAllBlockElements(o,t);break;case"single-persist":t.expanded?t.expanded&&o.forEach(a=>{a.contains(t)&&a!==t&&(t.expanded=!1)}):(t.expanded=!0,this.collapseAllBlockElements(o,t));break}}}collapseAllBlockElements(e,t){e.forEach(s=>{s!==t&&!s.contains(t)&&(s.expanded=!1)})}validateSortMenuItem({fromEl:e,toEl:t,dragEl:s,newIndex:o,oldIndex:a,type:n}){if(!e||!t||t===e||s.contains(t))return!1;let l=e.canPull?.({toEl:t,fromEl:e,dragEl:s,newIndex:o,oldIndex:a})??!0,r=t.canPut?.({toEl:t,fromEl:e,dragEl:s,newIndex:o,oldIndex:a})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(e){let{addTo:t}=e.detail,s=e.target,o=s?.parentElement,a=t.element,l=Array.from(o.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:o,toEl:a,dragEl:s,newIndex:r,oldIndex:l}))return;s.sortHandleOpen=!1,this.disconnectObserver();let i=s.cloneNode();a.prepend(i),this.updateBlockItemsDebounced(),this.connectObserver();let g={dragEl:s,fromEl:o,toEl:a,newIndex:r,oldIndex:l};this.calciteBlockGroupOrderChange.emit(g),a.emitOrderChangeEvent(g)}handleMove(e){let{moveTo:t}=e.detail,s=e.target,o=s?.parentElement,a=t.element,l=Array.from(o.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:o,toEl:a,dragEl:s,newIndex:r,oldIndex:l}))return;s.sortHandleOpen=!1,this.disconnectObserver(),a.prepend(s),this.updateBlockItemsDebounced(),this.connectObserver();let i={dragEl:s,fromEl:o,toEl:a,newIndex:r,oldIndex:l};this.calciteBlockGroupOrderChange.emit(i),a.emitOrderChangeEvent(i)}handleReorder(e){let{reorder:t}=e.detail,s=e.target,o=s?.parentElement;if(!o)return;s.sortHandleOpen=!1;let a=Array.from(o.children).filter(c),n=a.length-1,l=a.indexOf(s),r=l;switch(t){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let i=t==="up"||t==="top"?a[r]:a[r].nextSibling;o.insertBefore(s,i),this.updateBlockItemsDebounced(),this.connectObserver(),this.calciteBlockGroupOrderChange.emit({dragEl:s,fromEl:o,toEl:o,newIndex:r,oldIndex:l})}render(){let{loading:e,label:t}=this;return this.interactiveContainer({disabled:this.disabled,children:u`<div class=${h(m.container)}>${this.dragEnabled?u`<span aria-live=assertive class=${h(m.assistiveText)}>${this.assistiveText}</span>`:null}${e?u`<calcite-scrim class=${h(m.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${y(e,void 0)} .ariaLabel=${t||""} class=${h(m.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>`})}};E("calcite-block-group",f);export{f as BlockGroup};

package/dist/cdn/{NXBIICWN.js → M3CH5PK6.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as o}from"./37IBLWMI.js";import{F as r,h as i}from"./XXSF7VUB.js";var l={container:"interaction-container"},d=({children:e,disabled:t})=>i`<div class=${r(l.container)} .inert=${t}>${e}</div>`,k=o((e,t)=>(t.onUpdated(()=>f(e)),d));function u(){let{disabled:e}=this;e||HTMLElement.prototype.click.call(this)}function a(e){e.target.disabled&&e.preventDefault()}var c=["mousedown","mouseup","click"];function s(e){e.target.disabled&&(e.stopImmediatePropagation(),e.preventDefault())}var n={capture:!0};function f(e){if(e.disabled){e.el.setAttribute("aria-disabled","true"),e.el.contains(document.activeElement)&&document.activeElement.blur(),v(e);return}m(e),e.el.removeAttribute("aria-disabled")}function v(e){e.el.click=u,b(e.el)}function b(e){e.addEventListener("pointerdown",a,n),c.forEach(t=>e.addEventListener(t,s,n))}function m(e){delete e.el.click,E(e.el)}function E(e){e.removeEventListener("pointerdown",a,n),c.forEach(t=>e.removeEventListener(t,s,n))}export{k as a};
+import{b as o}from"./I5K6EDCU.js";import{F as r,h as i}from"./RQONITLI.js";var l={container:"interaction-container"},d=({children:e,disabled:t})=>i`<div class=${r(l.container)} .inert=${t}>${e}</div>`,k=o((e,t)=>(t.onUpdated(()=>f(e)),d));function u(){let{disabled:e}=this;e||HTMLElement.prototype.click.call(this)}function a(e){e.target.disabled&&e.preventDefault()}var c=["mousedown","mouseup","click"];function s(e){e.target.disabled&&(e.stopImmediatePropagation(),e.preventDefault())}var n={capture:!0};function f(e){if(e.disabled){e.el.setAttribute("aria-disabled","true"),e.el.contains(document.activeElement)&&document.activeElement.blur(),v(e);return}m(e),e.el.removeAttribute("aria-disabled")}function v(e){e.el.click=u,b(e.el)}function b(e){e.addEventListener("pointerdown",a,n),c.forEach(t=>e.addEventListener(t,s,n))}function m(e){delete e.el.click,E(e.el)}function E(e){e.removeEventListener("pointerdown",a,n),c.forEach(t=>e.removeEventListener(t,s,n))}export{k as a};

package/dist/cdn/{EV46XMMW.js → MB3FX7OZ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{c as m}from"./THIECYN6.js";import{a as h}from"./T6CCMW7H.js";import{c as p}from"./VUYX7MNO.js";import{g as b}from"./3OUBYTMI.js";import{E as r,F as a,I as i,R as d,g as n,h as o}from"./XXSF7VUB.js";var s={container:"container",content:"content",scale:t=>`scale-${t}`},u={tabTitleId:t=>`calcite-tab-title-${t}`},y=p("calcite-tab"),g=n`:host{display:none}:host,.container,.content{block-size:100%;inline-size:100%}:host([selected]),:host([selected]) .container{display:flex;flex-direction:column}.content{box-sizing:border-box;padding-block:var(--calcite-tab-content-space-y, var(--calcite-tab-content-block-padding, var(--calcite-internal-tab-content-space-y)))}.scale-s{--calcite-internal-tab-content-space-y: .25rem;font-size:var(--calcite-font-size-sm);line-height:1rem}.scale-m{--calcite-internal-tab-content-space-y: .5rem;font-size:var(--calcite-font-size);line-height:1rem}.scale-l{--calcite-internal-tab-content-space-y: var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-md);line-height:1.25rem}.container{display:none;block-size:100%;inline-size:100%;overflow:auto;outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(),this.guid=u.tabTitleId(h()),this.parentTabsEl=null,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:[16,{},{state:!0}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=g}async getTabIndex(){return Array.prototype.indexOf.call(b(this.el.parentElement.children).filter(y),this.el)}_updateAriaInfo(e=[],l=[]){this.labeledBy=l[e.indexOf(this.el.id)]||void 0}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(m)===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(f=>{this.selected=f===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),o`<div class=${a({[s.container]:!0,[s.scale(this.scale)]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(s.content)}><slot></slot></section></div>`}};d("calcite-tab",c);export{c as Tab};
+import{c as m}from"./THIECYN6.js";import{a as h}from"./T6CCMW7H.js";import{c as p}from"./VUYX7MNO.js";import{g as b}from"./3QPETC2U.js";import{E as r,F as a,I as i,R as d,g as n,h as o}from"./RQONITLI.js";var s={container:"container",content:"content",scale:t=>`scale-${t}`},u={tabTitleId:t=>`calcite-tab-title-${t}`},y=p("calcite-tab"),g=n`:host{display:none}:host,.container,.content{block-size:100%;inline-size:100%}:host([selected]),:host([selected]) .container{display:flex;flex-direction:column}.content{box-sizing:border-box;padding-block:var(--calcite-tab-content-space-y, var(--calcite-tab-content-block-padding, var(--calcite-internal-tab-content-space-y)))}.scale-s{--calcite-internal-tab-content-space-y: .25rem;font-size:var(--calcite-font-size-sm);line-height:1rem}.scale-m{--calcite-internal-tab-content-space-y: .5rem;font-size:var(--calcite-font-size);line-height:1rem}.scale-l{--calcite-internal-tab-content-space-y: var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-md);line-height:1.25rem}.container{display:none;block-size:100%;inline-size:100%;overflow:auto;outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(),this.guid=u.tabTitleId(h()),this.parentTabsEl=null,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:[16,{},{state:!0}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=g}async getTabIndex(){return Array.prototype.indexOf.call(b(this.el.parentElement.children).filter(y),this.el)}_updateAriaInfo(e=[],l=[]){this.labeledBy=l[e.indexOf(this.el.id)]||void 0}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(m)===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(f=>{this.selected=f===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),o`<div class=${a({[s.container]:!0,[s.scale(this.scale)]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(s.content)}><slot></slot></section></div>`}};d("calcite-tab",c);export{c as Tab};