// All material copyright Esri, All Rights Reserved, unless otherwise specified. // See https://js.arcgis.com/4.30/esri/copyright.txt for details. //>>built define("exports ./componentsUtils ./dom ./interactive ./loadable ./observers ./action-menu ./Heading ./locale ./t9n ./action ./icon ./loader ./popover ./scrim".split(" "),function(t,b,d,p,u,B,w,C,x,q,D,E,F,G,H){function y(){"undefined"!==typeof customElements&&"calcite-panel calcite-action calcite-action-menu calcite-icon calcite-loader calcite-popover calcite-scrim".split(" ").forEach(a=>{switch(a){case "calcite-panel":customElements.get(a)||customElements.define(a,z);break;case "calcite-action":customElements.get(a)|| D.defineCustomElement();break;case "calcite-action-menu":customElements.get(a)||w.defineCustomElement();break;case "calcite-icon":customElements.get(a)||E.defineCustomElement();break;case "calcite-loader":customElements.get(a)||F.defineCustomElement();break;case "calcite-popover":customElements.get(a)||G.defineCustomElement();break;case "calcite-scrim":customElements.get(a)||H.defineCustomElement()}})}const f={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end", headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"},z=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calcitePanelClose=b.createEvent(this,"calcitePanelClose",6);this.calcitePanelToggle=b.createEvent(this,"calcitePanelToggle",6);this.calcitePanelScroll=b.createEvent(this,"calcitePanelScroll",6);this.resizeObserver=B.createObserver("resize",()=>this.resizeHandler()); this.resizeHandler=()=>{const {panelScrollEl:a}=this;a&&"number"===typeof a.scrollHeight&&"number"===typeof a.offsetHeight&&(a.tabIndex=a.scrollHeight>a.offsetHeight?0:-1)};this.setContainerRef=a=>{this.containerEl=a};this.panelKeyDownHandler=a=>{this.closable&&"Escape"===a.key&&!a.defaultPrevented&&(this.close(),a.preventDefault())};this.close=()=>{this.closed=!0;this.calcitePanelClose.emit()};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler= ()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=a=>{this.hasStartActions=d.slotChangeHasAssignedElement(a)};this.handleHeaderActionsEndSlotChange=a=>{this.hasEndActions=d.slotChangeHasAssignedElement(a)};this.handleHeaderMenuActionsSlotChange=a=>{this.hasMenuItems=d.slotChangeHasAssignedElement(a)};this.handleActionBarSlotChange=a=>{a=d.slotChangeGetAssignedElements(a).filter(c=>c?.matches("calcite-action-bar"));a.forEach(c=>c.layout="horizontal");this.hasActionBar=!!a.length}; this.handleHeaderContentSlotChange=a=>{this.hasHeaderContent=d.slotChangeHasAssignedElement(a)};this.handleFooterSlotChange=a=>{this.hasFooterContent=d.slotChangeHasAssignedElement(a)};this.handleFooterActionsSlotChange=a=>{this.hasFooterActions=d.slotChangeHasAssignedElement(a)};this.handleFabSlotChange=a=>{this.hasFab=d.slotChangeHasAssignedElement(a)};this.setPanelScrollEl=a=>{this.panelScrollEl=a;this.resizeObserver?.disconnect();a&&(this.resizeObserver?.observe(a),this.resizeHandler())};this.collapsed= this.closable=this.disabled=this.closed=!1;this.collapseDirection="down";this.collapsible=!1;this.headingLevel=void 0;this.loading=!1;this.description=this.heading=void 0;this.menuOpen=!1;this.messages=this.messageOverrides=void 0;this.overlayPositioning="absolute";this.hasFab=this.hasFooterActions=this.hasFooterContent=this.hasActionBar=this.hasHeaderContent=this.hasMenuItems=this.hasEndActions=this.hasStartActions=!1;this.defaultMessages=void 0;this.effectiveLocale="";this.showHeaderContent=!1}onMessagesChange(){}connectedCallback(){p.connectInteractive(this); x.connectLocalized(this);q.connectMessages(this)}async componentWillLoad(){u.setUpLoadableComponent(this);await q.setUpMessages(this)}componentDidLoad(){u.setComponentLoaded(this)}componentDidRender(){p.updateHostInteraction(this)}disconnectedCallback(){p.disconnectInteractive(this);x.disconnectLocalized(this);q.disconnectMessages(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){q.updateMessages(this,this.effectiveLocale)}async setFocus(){await u.componentFocusable(this);d.focusFirstTabbable(this.containerEl)}async scrollContentTo(a){this.panelScrollEl?.scrollTo(a)}renderHeaderContent(){const {heading:a, headingLevel:c,description:e,hasHeaderContent:g}=this,h=a?b.h(C.Heading,{class:"heading",level:c},a):null,k=e?b.h("span",{class:"description"},e):null;return g||!h&&!k?null:b.h("div",{class:"header-content",key:"header-content"},h,k)}renderActionBar(){return b.h("div",{class:"action-bar-container",hidden:!this.hasActionBar},b.h("slot",{name:f.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return b.h("div",{class:"header-content",hidden:!this.hasHeaderContent, key:"slotted-header-content"},b.h("slot",{name:f.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const {hasStartActions:a}=this;return b.h("div",{class:{["header-actions--start"]:!0,["header-actions"]:!0},hidden:!a,key:"header-actions-start"},b.h("slot",{name:f.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const {hasEndActions:a,messages:c,closable:e,collapsed:g,collapseDirection:h,collapsible:k,hasMenuItems:r}= this,{collapse:l,expand:n,close:v}=c;var m=["chevron-down","chevron-up"];"up"===h&&m.reverse();m=k?b.h("calcite-action",{"aria-expanded":d.toAriaBoolean(!g),"aria-label":l,"data-test":"collapse",icon:g?m[0]:m[1],onClick:this.collapse,text:l,title:g?n:l}):null;const A=e?b.h("calcite-action",{"aria-label":v,"data-test":"close",icon:"x",onClick:this.close,text:v,title:v}):null,I=b.h("slot",{name:f.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});return b.h("div",{class:{["header-actions--end"]:!0, ["header-actions"]:!0},hidden:!(a||m||A||r),key:"header-actions-end"},I,this.renderMenu(),m,A)}renderMenu(){const {hasMenuItems:a,messages:c,menuOpen:e}=this;return b.h("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!a,key:"menu",label:c.options,open:e,overlayPositioning:this.overlayPositioning,placement:"bottom-end"},b.h("calcite-action",{icon:"ellipsis",slot:w.SLOTS.trigger,text:c.options}),b.h("slot",{name:f.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const {hasHeaderContent:a, hasStartActions:c,hasEndActions:e,closable:g,collapsible:h,hasMenuItems:k,hasActionBar:r}=this,l=this.renderHeaderContent(),n=a||!!l||c||e||h||g||k;this.showHeaderContent=n;return b.h("header",{class:"header",hidden:!(n||r)},b.h("div",{class:{["header-container"]:!0,["header-container--border-end"]:r},hidden:!n},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),l,this.renderHeaderActionsEnd()),this.renderActionBar())}renderFooterNode(){const {hasFooterContent:a,hasFooterActions:c}= this;return b.h("footer",{class:"footer",hidden:!(a||c)},b.h("slot",{key:"footer-slot",name:f.footer,onSlotchange:this.handleFooterSlotChange}),b.h("slot",{key:"footer-actions-slot",name:f.footerActions,onSlotchange:this.handleFooterActionsSlotChange}))}renderContent(){return b.h("div",{class:"content-wrapper",hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},b.h("slot",null),this.renderFab())}renderFab(){return b.h("div",{class:"fab-container",hidden:!this.hasFab}, b.h("slot",{name:f.fab,onSlotchange:this.handleFabSlotChange}))}render(){const {disabled:a,loading:c,panelKeyDownHandler:e,closed:g,closable:h}=this,k=b.h("article",{key:"c03a39a1d58126b861ce2a4f7610a20d8bee288d","aria-busy":d.toAriaBoolean(c),class:"container",hidden:g,tabIndex:h?0:-1,ref:this.setContainerRef},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return b.h(b.Host,{key:"0378ba8d08d9c802b21f3c8edd9926f759a6381c",onKeyDown:e},b.h(p.InteractiveContainer,{key:"ada3c75b32686e450190e407d6c4855e7e1310eb", disabled:a},c?b.h("calcite-scrim",{loading:c}):null,k))}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}static get style(){return":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([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:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}"}}, [1,"calcite-panel",{closed:[1540],disabled:[516],closable:[516],collapsed:[516],collapseDirection:[1,"collapse-direction"],collapsible:[516],headingLevel:[514,"heading-level"],loading:[516],heading:[1],description:[1],menuOpen:[516,"menu-open"],messageOverrides:[1040],messages:[1040],overlayPositioning:[513,"overlay-positioning"],hasStartActions:[32],hasEndActions:[32],hasMenuItems:[32],hasHeaderContent:[32],hasActionBar:[32],hasFooterContent:[32],hasFooterActions:[32],hasFab:[32],defaultMessages:[32], effectiveLocale:[32],showHeaderContent:[32],setFocus:[64],scrollContentTo:[64]},void 0,{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}]);y();t.Panel=z;t.SLOTS=f;t.defineCustomElement=y});