@esri/calcite-components 2.12.0-next.21 → 2.12.0-next.23

package/dist/calcite/p-90c6d5bd.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{r as t,h as e,F as n,g as o,c as a,f as i}from"./p-d082798b.js";import{c as l,d as s}from"./p-6ca4eb73.js";import{b as r,s as c,e as h,g as d,u as p}from"./p-dbf49c5b.js";import{c as f,d as x}from"./p-7afb2479.js";import{c as m}from"./p-67d91f4e.js";import{c as b,s as u,d as w,u as v}from"./p-72480f54.js";import{C as g}from"./p-c0ffa099.js";import"./p-e7a4ddfe.js";import"./p-84f7a609.js";import"./p-b8e6c155.js";import"./p-b4d9aa05.js";const y={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",container:"container",contentBehindCenterContent:"center-content"};const z={centerRow:"center-row",panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",modals:"modals",dialogs:"dialogs"};const k=":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{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(:not(calcite-tip-manager)){position:relative;z-index:var(--calcite-z-index)}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:var(--calcite-z-index-header)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";const C=k;const H=class{constructor(e){t(this,e);this.handleHeaderSlotChange=t=>{this.hasHeader=!!r(t)};this.handleFooterSlotChange=t=>{this.hasFooter=!!r(t)};this.handleAlertsSlotChange=t=>{this.hasAlerts=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-ALERT"){t.embedded=true}}))};this.handleSheetsSlotChange=t=>{this.hasSheets=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-SHEET"){t.embedded=true}}))};this.handleModalsSlotChange=t=>{this.hasModals=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-MODAL"){t.embedded=true}}))};this.handlePanelTopChange=t=>{this.hasPanelTop=r(t)};this.handlePanelBottomChange=t=>{this.hasPanelBottom=r(t)};this.handleDialogsSlotChange=t=>{this.hasDialogs=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-DIALOG"){t.embedded=true}}))};this.contentBehind=false;this.hasHeader=false;this.hasFooter=false;this.hasAlerts=false;this.hasModals=false;this.hasDialogs=false;this.hasSheets=false;this.hasPanelTop=false;this.hasPanelBottom=false;this.hasOnlyPanelBottom=false;this.panelIsResizing=false}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=true;t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=false;t.stopPropagation()}updateHasOnlyPanelBottom(){this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom}connectedCallback(){l(this)}disconnectedCallback(){s(this)}renderHeader(){return e("div",{hidden:!this.hasHeader},e("slot",{key:"header",name:z.header,onSlotchange:this.handleHeaderSlotChange}))}renderFooter(){return e("div",{class:y.footer,hidden:!this.hasFooter,key:"footer"},e("slot",{name:z.footer,onSlotchange:this.handleFooterSlotChange}))}renderAlerts(){return e("div",{hidden:!this.hasAlerts},e("slot",{key:"alerts",name:z.alerts,onSlotchange:this.handleAlertsSlotChange}))}renderSheets(){return e("div",{hidden:!this.hasSheets},e("slot",{key:"sheets",name:z.sheets,onSlotchange:this.handleSheetsSlotChange}))}renderModals(){return e("div",{hidden:!this.hasModals},e("slot",{key:"modals",name:z.modals,onSlotchange:this.handleModalsSlotChange}))}renderDialogs(){return e("div",{hidden:!this.hasDialogs},e("slot",{key:"dialogs",name:z.dialogs,onSlotchange:this.handleDialogsSlotChange}))}renderContent(){const{panelIsResizing:t}=this;const n=e("slot",{key:"default-slot"});const o=t?e("div",{class:y.contentNonInteractive},n):n;const a=e("slot",{key:"center-row-slot",name:z.centerRow});const i=e("slot",{key:"panel-bottom-slot",name:z.panelBottom,onSlotchange:this.handlePanelBottomChange});const l=e("slot",{key:"panel-top-slot",name:z.panelTop,onSlotchange:this.handlePanelTopChange});const s="content-container";const r=this.contentBehind?[e("div",{class:{[y.content]:true,[y.contentBehind]:true},key:s},o),e("div",{class:{[y.contentBehindCenterContent]:true,[y.contentBottom]:this.hasOnlyPanelBottom}},l,i,a)]:[e("div",{class:{[y.content]:true,[y.contentBottom]:this.hasOnlyPanelBottom},key:s},l,o,i,a)];return r}renderMain(){return e("div",{class:y.main},e("slot",{name:z.panelStart}),this.renderContent(),e("slot",{name:z.panelEnd}))}renderPositionedSlots(){return e("div",{class:y.positionedSlotWrapper},this.renderAlerts(),this.renderModals(),this.renderDialogs(),this.renderSheets())}render(){return e(n,{key:"8312f6fec6afa3571ef5005c1e4891b6522f8fdd"},this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return o(this)}static get watchers(){return{hasPanelTop:["updateHasOnlyPanelBottom"],hasPanelBottom:["updateHasOnlyPanelBottom"]}}};H.style=C;const S={actionBarContainer:"action-bar-container",content:"content"};const M={actionBar:"action-bar"};const D=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const A=D;const I=class{constructor(e){t(this,e);this.detached=false;this.heightScale="s";this.position="end"}connectedCallback(){l(this)}disconnectedCallback(){s(this)}render(){const{el:t}=this;const o=e("div",{key:"81509aabe59bf7baa749bebc9dfdd510d7116b0e",class:S.content},e("slot",{key:"32508fde267a3158deb3e0f26a5119120924d701"}));const a=h(t,M.actionBar);const i=a?e("div",{class:S.actionBarContainer,key:"action-bar"},e("slot",{name:M.actionBar})):null;const l=[i,o];if(a?.position==="end"){l.reverse()}return e(n,{key:"78b0898056f601e151f4ba820dad03dbf0461b4b"},l)}get el(){return o(this)}};I.style=A;const j={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",floatContent:"float--content",contentOverlay:"content--overlay",separator:"separator",float:"float",floatAll:"float-all"};const E={actionBar:"action-bar",header:"header"};const L=":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-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-internal-shell-panel-shadow-block-start:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-block-end:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-start:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 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][width-scale=s]:not([display-mode=float-all])) .content{--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][width-scale=s][display-mode=float-all]) .content{--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][width-scale=m]:not([display-mode=float-all])) .content{--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][width-scale=m][display-mode=float-all]) .content{--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][width-scale=l]:not([display-mode=float-all])) .content{--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][width-scale=l][display-mode=float-all]) .content{--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][height-scale=s]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height:var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  )}:host([layout=horizontal][height-scale=l]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  )}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:0.5rem;margin-inline:0.5rem}:host([layout=horizontal]) .container{flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}: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)}.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;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}: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-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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:0.5rem}: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}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .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=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([layout=horizontal]:not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]:not([display-mode=float-all])) .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([hidden]){display:none}[hidden]{display:none}";const P=L;const W=class{constructor(e){t(this,e);this.calciteInternalShellPanelResizeStart=a(this,"calciteInternalShellPanelResizeStart",6);this.calciteInternalShellPanelResizeEnd=a(this,"calciteInternalShellPanelResizeEnd",6);this.initialContentWidth=null;this.initialContentHeight=null;this.initialClientX=null;this.initialClientY=null;this.contentWidthMax=null;this.contentWidthMin=null;this.contentHeightMax=null;this.contentHeightMin=null;this.step=1;this.stepMultiplier=10;this.actionBars=[];this.storeContentEl=t=>{this.contentEl=t};this.getKeyAdjustedSize=t=>{const{key:e}=t;const{el:n,step:o,stepMultiplier:a,layout:i,contentWidthMin:l,contentWidthMax:s,initialContentWidth:r,initialContentHeight:c,contentHeightMin:h,contentHeightMax:p,position:f}=this;const x=o*a;const m=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(m.indexOf(e)>-1){t.preventDefault()}const b=d(n);const u=["ArrowLeft","ArrowRight"];const w=["ArrowDown","ArrowUp"];const v=b==="rtl"&&u.includes(e)?-1:1;const g=i==="horizontal"?f==="end"?e===w[1]||e===u[0]:e===w[0]||e===u[1]:e===w[1]||(f==="end"?e===u[0]:e===u[1]);if(g){const e=t.shiftKey?x:o;return i==="horizontal"?c+v*e:r+v*e}const y=i==="horizontal"?f==="end"?e===w[0]||e===u[0]:e===w[1]||e===u[1]:e===w[0]||(f==="end"?e===u[1]:e===u[0]);if(y){const e=t.shiftKey?x:o;return i==="horizontal"?c-v*e:r-v*e}if(e==="Home"&&i==="horizontal"&&typeof h==="number"){return h}if(e==="Home"&&i==="vertical"&&typeof l==="number"){return l}if(e==="End"&&i==="horizontal"&&typeof p==="number"){return p}if(e==="End"&&i==="vertical"&&typeof s==="number"){return s}if(e==="PageDown"){return i==="horizontal"?c-x:r-x}if(e==="PageUp"){return i==="horizontal"?c+x:r+x}return null};this.initialKeydownWidth=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentWidth(e)}};this.initialKeydownHeight=t=>{this.setInitialContentHeight();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentHeight(e)}};this.separatorKeyDown=t=>{this.layout==="horizontal"?this.initialKeydownHeight(t):this.initialKeydownWidth(t)};this.separatorPointerMove=t=>{t.preventDefault();const{el:e,layout:n,initialContentWidth:o,initialContentHeight:a,position:i,initialClientX:l,initialClientY:s}=this;const r=n==="horizontal"?t.clientY-s:t.clientX-l;const c=n==="vertical"&&d(e)==="rtl"?-1:1;const h=n==="horizontal"?i==="end"?-c*r:c*r:i==="end"?-c*r:c*r;n==="horizontal"?this.setContentHeight(a+h):this.setContentWidth(o+h)};this.separatorPointerUp=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeEnd.emit();t.preventDefault();window.removeEventListener("pointerup",this.separatorPointerUp);window.removeEventListener("pointermove",this.separatorPointerMove)};this.setInitialContentHeight=()=>{this.initialContentHeight=this.contentEl?.getBoundingClientRect().height};this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width};this.separatorPointerDown=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeStart.emit();t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus();if(this.layout==="horizontal"){this.setInitialContentHeight();this.initialClientY=t.clientY}else{this.setInitialContentWidth();this.initialClientX=t.clientX}window.addEventListener("pointerup",this.separatorPointerUp);window.addEventListener("pointermove",this.separatorPointerMove)};this.connectSeparator=t=>{this.disconnectSeparator();this.separatorEl=t;t?.addEventListener("pointerdown",this.separatorPointerDown)};this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)};this.setActionBarsLayout=t=>{t.forEach((t=>t.layout=this.layout))};this.handleActionBarSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-action-bar")));this.actionBars=e;this.setActionBarsLayout(e)};this.handleHeaderSlotChange=t=>{this.hasHeader=r(t)};this.collapsed=false;this.detached=false;this.displayMode="dock";this.detachedHeightScale=undefined;this.heightScale=undefined;this.widthScale="m";this.layout="vertical";this.position="start";this.resizable=false;this.messages=undefined;this.messageOverrides=undefined;this.contentWidth=null;this.contentHeight=null;this.defaultMessages=undefined;this.effectiveLocale="";this.hasHeader=false}handleDetached(t){if(t){this.displayMode="float-content"}else if(this.displayMode==="float-content"||this.displayMode==="float"){this.displayMode="dock"}}handleDisplayMode(t){this.detached=t==="float-content"||t==="float"}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){l(this);f(this);b(this)}async componentWillLoad(){await u(this)}disconnectedCallback(){s(this);this.disconnectSeparator();x(this);w(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){v(this,this.effectiveLocale)}renderHeader(){return e("div",{class:j.contentHeader,hidden:!this.hasHeader,key:"header"},e("slot",{name:E.header,onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:n,initialContentWidth:o,initialContentHeight:a,contentWidth:i,contentWidthMax:l,contentWidthMin:s,contentHeight:r,contentHeightMax:c,contentHeightMin:h,resizable:p,layout:f,displayMode:x}=this;const m=d(this.el);const b=x!=="float-content"&&x!=="float"&&p;const u=b?f==="horizontal"?r?{height:`${r}px`}:null:i?{width:`${i}px`}:null:null;const w=!t&&b?e("div",{"aria-label":this.messages.resize,"aria-orientation":f==="horizontal"?"vertical":"horizontal","aria-valuemax":f=="horizontal"?c:l,"aria-valuemin":f=="horizontal"?h:s,"aria-valuenow":f=="horizontal"?r??a:i??o,class:j.separator,key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;const v=()=>{if(f==="horizontal"){return n==="start"?g.calciteAnimateInDown:g.calciteAnimateInUp}else{const t=m==="ltr"&&n==="end"||m==="rtl"&&n==="start";return t?g.calciteAnimateInLeft:g.calciteAnimateInRight}};const y=e("div",{class:{[g.rtl]:m==="rtl",[j.content]:true,[j.contentOverlay]:x==="overlay",[j.floatContent]:x==="float-content"||x==="float",[g.calciteAnimate]:x==="overlay",[v()]:x==="overlay"},hidden:t,key:"content",ref:this.storeContentEl,style:u},this.renderHeader(),e("div",{class:j.contentBody},e("slot",null)),w);const z=e("slot",{key:"action-bar",name:E.actionBar,onSlotchange:this.handleActionBarSlotChange});const k=[z,y];if(n==="end"){k.reverse()}return e("div",{class:{[j.container]:true,[j.floatAll]:x==="float-all"}},k)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:n}=this;const o=Math.round(t);this.contentWidth=typeof e==="number"&&typeof n==="number"?m(o,n,e):o}updateAriaValues(){const{contentEl:t}=this;const e=t&&getComputedStyle(t);if(!e){return}this.layout==="horizontal"?this.updateHeights(e):this.updateWidths(e);i(this)}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:n}=this;const o=Math.round(t);this.contentHeight=typeof e==="number"&&typeof n==="number"?m(o,n,e):o}updateWidths(t){const e=parseInt(t.getPropertyValue("max-width"),10);const n=parseInt(t.getPropertyValue("min-width"),10);const o=parseInt(t.getPropertyValue("width"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentWidth=o}if(typeof e==="number"&&!isNaN(e)){this.contentWidthMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentWidthMin=n}}updateHeights(t){const e=parseInt(t.getPropertyValue("max-height"),10);const n=parseInt(t.getPropertyValue("min-height"),10);const o=parseInt(t.getPropertyValue("height"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentHeight=o}if(typeof e==="number"&&!isNaN(e)){this.contentHeightMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentHeightMin=n}}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{detached:["handleDetached"],displayMode:["handleDisplayMode"],detachedHeightScale:["handleDetachedHeightScale"],heightScale:["handleHeightScale"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};W.style=P;export{H as calcite_shell,I as calcite_shell_center_row,W as calcite_shell_panel};
+//# sourceMappingURL=p-90c6d5bd.entry.js.map

package/dist/calcite/p-91253729.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{r as i,c as e,h as t,H as a,g as n}from"./p-d082798b.js";import{t as o,f as s}from"./p-dbf49c5b.js";import{c as l,d as c,u as r,a as d}from"./p-60802bb8.js";import{s as h,a as f,c as m}from"./p-56775bc8.js";import{c as g}from"./p-e7a4ddfe.js";import{o as p}from"./p-8eb9ecec.js";import{c as b,d as v}from"./p-7afb2479.js";import{s as u,c as x,d as y,u as w}from"./p-72480f54.js";import{c as z}from"./p-14592a62.js";import{S as k}from"./p-4e3f6151.js";import"./p-b8e6c155.js";import"./p-c0ffa099.js";import"./p-ad0bb95c.js";import"./p-84f7a609.js";import"./p-b4d9aa05.js";const C={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",content:"content",openingIdle:"dialog--opening-idle",openingActive:"dialog--opening-active",closingIdle:"dialog--closing-idle",closingActive:"dialog--closing-active"};const j={actionBar:"action-bar",alerts:"alerts",content:"content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"};const D=":host{--calcite-dialog-scrim-background-color:rgba(0, 0, 0, 0.85);pointer-events:none;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex}:host([modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-sm);--calcite-internal-dialog-padding:0.75rem;--calcite-internal-dialog-padding-large:1rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-1);--calcite-internal-dialog-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-md);--calcite-internal-dialog-padding:1rem;--calcite-internal-dialog-padding-large:1.25rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-2);--calcite-internal-dialog-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-lg);--calcite-internal-dialog-padding:1.25rem;--calcite-internal-dialog-padding-large:1.5rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-3);--calcite-internal-dialog-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color:var(\n    --calcite-dialog-scrim-background-color,\n    var(--calcite-color-transparent-scrim)\n  );position:fixed;inset:0px;display:flex;overflow-y:hidden}calcite-panel{--calcite-panel-footer-padding:var(--calcite-dialog-footer-space);--calcite-panel-header-border-block-end:var(--calcite-border-width-sm) solid var(--calcite-dialog-border-color)}.content{padding:var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding))}.dialog{pointer-events:none;position:relative;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;border-radius:0.25rem;opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-internal-dialog-hidden-position:translate3d(0, 20px, 0);--calcite-internal-dialog-shown-position:translate3d(0, 0, 0);inset-inline-start:var(--calcite-dialog-offset-x);inset-block-start:var(--calcite-dialog-offset-y)}.dialog--opening-idle{transform:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{transform:var(--calcite-internal-dialog-shown-position)}.dialog--closing-idle{transform:var(--calcite-internal-dialog-shown-position)}.dialog--closing-active{transform:var(--calcite-internal-dialog-hidden-position)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}.panel{border-radius:0.25rem}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([width=small]) .dialog{inline-size:auto}:host([width-scale=s]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([width-scale=m]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([width-scale=l]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([placement=cover]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-internal-dialog-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-internal-dialog-shown-position:translate3D(0, 0, 0) scale(1)}:host([placement=cover]) .panel{border-radius:0px}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .dialog{border-color:var(--calcite-color-status-info)}:host([kind=success]) .dialog{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .dialog{border-color:var(--calcite-color-status-warning)}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const O=D;let L=0;let A="";const B=class{constructor(t){i(this,t);this.calciteDialogBeforeClose=e(this,"calciteDialogBeforeClose",6);this.calciteDialogClose=e(this,"calciteDialogClose",6);this.calciteDialogBeforeOpen=e(this,"calciteDialogBeforeOpen",6);this.calciteDialogOpen=e(this,"calciteDialogOpen",6);this.calciteDialogScroll=e(this,"calciteDialogScroll",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=g("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteDialogOpen",this.openEnd)};this.handleScroll=()=>{this.calciteDialogScroll.emit()};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeDialog=async()=>{if(this.beforeClose){try{await this.beforeClose()}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}L--;this.opened=false;this.updateOverflowHiddenClass()};this.updateOverflowHiddenClass=()=>{this.opened&&!this.embedded&&this.modal?this.addOverflowHiddenClass():this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFocusTrapElements()};this.beforeClose=undefined;this.description=undefined;this.closeDisabled=false;this.embedded=false;this.escapeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.kind=undefined;this.loading=false;this.menuOpen=false;this.messages=undefined;this.messageOverrides=undefined;this.modal=false;this.open=false;this.outsideCloseDisabled=false;this.overlayPositioning="absolute";this.placement="center";this.scale="m";this.widthScale="m";this.opened=false;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}onModalChange(){this.updateOverflowHiddenClass()}async componentWillLoad(){await u(this);h(this);if(this.open){this.openDialog()}}componentDidLoad(){f(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});b(this);x(this);l(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();c(this);v(this);y(this);this.embedded=false}render(){const{description:i,heading:e,opened:n}=this;return t(a,{key:"12f3ccf6a45d9e7e7a41ca14109443aa3ec3c439","aria-description":i,"aria-label":e,"aria-modal":o(this.modal),role:"dialog"},t("div",{key:"08f02ef19ba4324881a3b8e6d1c63246876f4f1b",class:{[C.container]:true,[C.containerOpen]:n,[C.containerEmbedded]:this.embedded}},this.modal?t("calcite-scrim",{class:C.scrim,onClick:this.handleOutsideClose}):null,t("div",{key:"e70ef431d5c7c6facd5e4e05f0c4eed140f5b53d",class:C.dialog,ref:this.setTransitionEl},t("slot",{key:"88c15e89e4e92a59f81d6b502ffd922c6477b111",name:j.content},t("calcite-panel",{key:"e6d392341322729e203ab2ab10860c06b1e970dd",beforeClose:this.beforeClose,class:C.panel,closable:!this.closeDisabled,closed:!n,description:i,heading:e,headingLevel:this.headingLevel,loading:this.loading,menuOpen:this.menuOpen,messageOverrides:this.messageOverrides,onCalcitePanelClose:this.handleCloseClick,onCalcitePanelScroll:this.handleScroll,overlayPositioning:this.overlayPositioning,ref:i=>this.panelEl=i,scale:this.scale},t("slot",{key:"9b559410abfc4925d51874980cd452a829489add",name:j.actionBar,slot:k.actionBar}),t("slot",{key:"9b72d8fd4d52404d071610885602aeec48d7f1ea",name:j.alerts,slot:k.alerts}),t("slot",{key:"8f072df13ff7e9cdf1b4d2e6a881a9a8b5a16411",name:j.headerActionsStart,slot:k.headerActionsStart}),t("slot",{key:"dcb78aec1413c2f41374159635f2cdbebfdc3ace",name:j.headerActionsEnd,slot:k.headerActionsEnd}),t("slot",{key:"96235f7b354be88ef7f43eccb6c7d7c843f7809c",name:j.headerContent,slot:k.headerContent}),t("slot",{key:"91186896b9265b76a125fac041ef298bd11d10c6",name:j.headerMenuActions,slot:k.headerMenuActions}),t("slot",{key:"750aad9563e917b791b7f816ec84b6a9a12561aa",name:j.fab,slot:k.fab}),t("slot",{key:"d8e38ab1981888ca6619bad422e1fed4625146be",name:j.contentTop,slot:k.contentTop}),t("slot",{key:"eb6ffd94278c2de6bd38a0f537cff4d45e038ad1",name:j.contentBottom,slot:k.contentBottom}),t("slot",{key:"cd3c6b1f4bf2c5878db9802c4102a56b9f00402c",name:j.footerStart,slot:k.footerStart}),t("slot",{key:"dbae4847ba84c5e7cc9711667677ce18ecb3f0cf",name:j.footer,slot:k.footer}),t("slot",{key:"768690842182eccde3555a426810da2966ff2f60",name:j.footerEnd,slot:k.footerEnd}),t("div",{key:"271647d23ad2456a4805a62f25ebf5ac6f1e68cf",class:C.content},t("slot",{key:"b025541b7227de7a80d4d53f393af3c00aa56b2e"})))))))}effectiveLocaleChange(){w(this,this.effectiveLocale)}handleEscape(i){if(this.open&&!this.escapeDisabled&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await m(this);return this.panelEl?.setFocus()??s(this.el)}async updateFocusTrapElements(){r(this)}async scrollContentTo(i){await(this.panelEl?.scrollContentTo(i))}onBeforeOpen(){this.transitionEl.classList.add(C.openingActive);this.calciteDialogBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(C.openingIdle,C.openingActive);this.calciteDialogOpen.emit();d(this)}onBeforeClose(){this.transitionEl.classList.add(C.closingActive);this.calciteDialogBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(C.closingIdle,C.closingActive);this.calciteDialogClose.emit();c(this)}toggleDialog(i){if(this.ignoreOpenChange){return}if(i){this.openDialog()}else{this.closeDialog()}}handleOpenedChange(i){const e=i?C.openingIdle:C.closingIdle;this.transitionEl.classList.add(e);p(this)}async openDialog(){await z(this.el);this.el.addEventListener("calciteDialogOpen",this.openEnd);this.opened=true;this.updateOverflowHiddenClass()}addOverflowHiddenClass(){if(L===0){A=document.documentElement.style.overflow}L++;document.documentElement.style.setProperty("overflow","hidden")}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",A)}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],modal:["onModalChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleDialog"],opened:["handleOpenedChange"]}}};B.style=O;export{B as calcite_dialog};
+//# sourceMappingURL=p-91253729.entry.js.map

package/dist/calcite/p-91253729.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","dialog","panel","scrim","container","containerOpen","containerEmbedded","content","openingIdle","openingActive","closingIdle","closingActive","SLOTS","actionBar","alerts","contentTop","contentBottom","headerActionsStart","headerActionsEnd","headerMenuActions","headerContent","fab","footer","footerStart","footerEnd","dialogCss","CalciteDialogStyle0","totalOpenDialogs","initialDocumentOverflowStyle","Dialog","this","openTransitionProp","ignoreOpenChange","mutationObserver","createObserver","handleMutationObserver","setTransitionEl","el","transitionEl","openEnd","setFocus","removeEventListener","handleScroll","calciteDialogScroll","emit","handleCloseClick","open","handleOutsideClose","outsideCloseDisabled","closeDialog","async","beforeClose","_error","requestAnimationFrame","opened","updateOverflowHiddenClass","embedded","modal","addOverflowHiddenClass","removeOverflowHiddenClass","updateFocusTrapElements","onMessagesChange","onModalChange","componentWillLoad","setUpMessages","setUpLoadableComponent","openDialog","componentDidLoad","setComponentLoaded","connectedCallback","observe","childList","subtree","connectLocalized","connectMessages","connectFocusTrap","disconnectedCallback","disconnect","deactivateFocusTrap","disconnectLocalized","disconnectMessages","render","description","heading","h","Host","key","toAriaBoolean","role","class","onClick","ref","name","closable","closeDisabled","closed","headingLevel","loading","menuOpen","messageOverrides","onCalcitePanelClose","onCalcitePanelScroll","overlayPositioning","panelEl","scale","slot","PANEL_SLOTS","effectiveLocaleChange","updateMessages","effectiveLocale","handleEscape","event","escapeDisabled","defaultPrevented","preventDefault","componentFocusable","focusFirstTabbable","scrollContentTo","options","onBeforeOpen","classList","add","calciteDialogBeforeOpen","onOpen","remove","calciteDialogOpen","activateFocusTrap","onBeforeClose","calciteDialogBeforeClose","onClose","calciteDialogClose","toggleDialog","value","handleOpenedChange","idleClass","onToggleOpenCloseComponent","componentOnReady","addEventListener","document","documentElement","style","overflow","setProperty"],"sources":["src/components/dialog/resources.ts","src/components/dialog/dialog.scss?tag=calcite-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["import { DialogPlacement } from \"./interfaces\";\n\nexport const CSS = {\n  dialog: \"dialog\",\n  panel: \"panel\",\n  scrim: \"scrim\",\n  container: \"container\",\n  containerOpen: \"container--open\",\n  containerEmbedded: \"container--embedded\",\n  content: \"content\",\n\n  // these classes help apply the animation in phases to only set transform on open/close\n  // this helps avoid a positioning issue for any floating-ui-owning children\n  openingIdle: \"dialog--opening-idle\",\n  openingActive: \"dialog--opening-active\",\n  closingIdle: \"dialog--closing-idle\",\n  closingActive: \"dialog--closing-active\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  alerts: \"alerts\",\n  content: \"content\",\n  contentTop: \"content-top\",\n  contentBottom: \"content-bottom\",\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n};\n\nexport const dialogPlacements: DialogPlacement[] = [\n  \"top\",\n  \"top-start\",\n  \"top-end\",\n  \"bottom\",\n  \"bottom-start\",\n  \"bottom-end\",\n  \"cover\",\n  \"center\",\n];\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dialog-scrim-background-color: Specifies the background color of the component's scrim.\n * @prop --calcite-dialog-size-x: Specifies the width of the component, using `px`, `em`, `rem`, `vw`, or `%`. Does not exceed the viewport's width - applies when `placement=\"cover\"` is set.\n * @prop --calcite-dialog-size-y: Specifies the height of the component, using `px`, `em`, `rem`, `vh`, or `%`. Does not exceed the viewport's height - applies when `placement=\"cover\"` is set.\n * @prop --calcite-dialog-content-space: Specifies the padding of the component's content.\n * @prop --calcite-dialog-footer-space: Specifies the padding of the component's footer.\n * @prop --calcite-dialog-border-color: Specifies the component's border color.\n * @prop --calcite-dialog-offset-x: Specifies the horizontal offset of the component.\n * @prop --calcite-dialog-offset-y: Specifies the vertical offset of the component.\n */\n\n:host {\n  // the dialog should always use a dark scrim, regardless of light / dark mode - matches value in global.scss\n  --calcite-dialog-scrim-background-color: #{rgba($calcite-color-neutral-blk-240, $calcite-opacity-85)};\n  @apply flex\n    inset-0\n    z-overlay\n    pointer-events-none;\n}\n\n:host([modal]) {\n  @apply absolute;\n}\n\n.container {\n  @apply text-color-2\n    pointer-events-auto\n    fixed\n    inset-0\n    flex\n    items-center\n    justify-center\n    overflow-y-hidden\n    opacity-0\n    z-overlay;\n  visibility: hidden;\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-slow),\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function;\n}\n\n:host([placement=\"top\"]) .container {\n  @apply justify-center\n    items-start;\n}\n\n:host([placement=\"top-start\"]) .container {\n  @apply justify-start\n    items-start;\n}\n\n:host([placement=\"top-end\"]) .container {\n  @apply justify-end\n    items-start;\n}\n\n:host([placement=\"bottom\"]) .container {\n  @apply justify-center\n    items-end;\n}\n\n:host([placement=\"bottom-start\"]) .container {\n  @apply justify-start\n    items-end;\n}\n\n:host([placement=\"bottom-end\"]) .container {\n  @apply justify-end\n    items-end;\n}\n\n:host(:not([modal])) .container {\n  @apply pointer-events-none;\n}\n\n:host([scale=\"s\"]) {\n  --calcite-internal-dialog-content-padding: var(--calcite-spacing-sm);\n  --calcite-internal-dialog-padding: theme(\"spacing.3\");\n  --calcite-internal-dialog-padding-large: theme(\"spacing.4\");\n  --calcite-internal-dialog-title-text: theme(\"fontSize.1h\");\n  --calcite-internal-dialog-content-text: theme(\"fontSize.n1\");\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-dialog-content-padding: var(--calcite-spacing-md);\n  --calcite-internal-dialog-padding: theme(\"spacing.4\");\n  --calcite-internal-dialog-padding-large: theme(\"spacing.5\");\n  --calcite-internal-dialog-title-text: theme(\"fontSize.2h\");\n  --calcite-internal-dialog-content-text: theme(\"fontSize.0\");\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-dialog-content-padding: var(--calcite-spacing-lg);\n  --calcite-internal-dialog-padding: theme(\"spacing.5\");\n  --calcite-internal-dialog-padding-large: theme(\"spacing.6\");\n  --calcite-internal-dialog-title-text: theme(\"fontSize.3h\");\n  --calcite-internal-dialog-content-text: theme(\"fontSize.1\");\n}\n\n.scrim {\n  // todo: remove once https://github.com/Esri/calcite-design-system/pull/9816 is merged\n  --calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));\n  --calcite-scrim-background-color: var(\n    --calcite-dialog-scrim-background-color,\n    var(--calcite-color-transparent-scrim)\n  );\n  @apply fixed\n    inset-0\n    flex\n    overflow-y-hidden;\n}\n\ncalcite-panel {\n  --calcite-panel-footer-padding: var(--calcite-dialog-footer-space);\n  --calcite-panel-header-border-block-end: var(--calcite-border-width-sm) solid var(--calcite-dialog-border-color);\n}\n\n.content {\n  padding: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));\n}\n\n.dialog {\n  @apply pointer-events-none\n    float-none\n    m-6\n    box-border\n    flex\n    w-full\n    flex-col\n    opacity-0\n    shadow-2-sm\n    z-modal\n    rounded\n    relative;\n  -webkit-overflow-scrolling: touch;\n  visibility: hidden;\n  transition:\n    transform var(--calcite-internal-animation-timing-slow) $easing-function,\n    visibility 0ms linear var(--calcite-internal-animation-timing-slow),\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function;\n\n  --calcite-internal-dialog-hidden-position: translate3d(0, 20px, 0);\n  --calcite-internal-dialog-shown-position: translate3d(0, 0, 0);\n\n  inset-inline-start: var(--calcite-dialog-offset-x);\n  inset-block-start: var(--calcite-dialog-offset-y);\n\n  &--opening {\n    &-idle {\n      transform: var(--calcite-internal-dialog-hidden-position);\n    }\n    &-active {\n      transform: var(--calcite-internal-dialog-shown-position);\n    }\n  }\n\n  &--closing {\n    &-idle {\n      transform: var(--calcite-internal-dialog-shown-position);\n    }\n    &-active {\n      transform: var(--calcite-internal-dialog-hidden-position);\n    }\n  }\n}\n\n:host([menu-open]) .dialog {\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-slow),\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function;\n}\n\n.panel {\n  @apply rounded;\n}\n\n.container--open {\n  @apply opacity-100;\n  visibility: visible;\n  transition-delay: 0ms;\n  .dialog {\n    @apply pointer-events-auto\n      visible\n      opacity-100;\n    transition:\n      transform var(--calcite-internal-animation-timing-slow) $easing-function,\n      visibility 0ms linear,\n      opacity var(--calcite-internal-animation-timing-slow) $easing-function,\n      max-inline-size var(--calcite-internal-animation-timing-slow) $easing-function,\n      max-block-size var(--calcite-internal-animation-timing-slow) $easing-function;\n    transition-delay: 0ms;\n  }\n}\n\n/**\n * Sizes\n */\n@mixin dialog-size($size, $width) {\n  :host([width-scale=\"#{$size}\"]) .dialog {\n    @apply max-h-full\n      max-w-full;\n    inline-size: var(--calcite-dialog-size-x, $width);\n    block-size: var(--calcite-dialog-size-y, auto);\n  }\n\n  @media screen and (max-width: $width + 2 * $baseline) {\n    :host([width-scale=\"#{$size}\"]) {\n      .dialog {\n        @apply m-0\n          h-full\n          max-h-full\n          w-full\n          max-w-full;\n      }\n    }\n  }\n}\n\n:host([width=\"small\"]) .dialog {\n  @apply w-auto;\n}\n\n@include dialog-size(\"s\", 32rem);\n@include dialog-size(\"m\", 48rem);\n@include dialog-size(\"l\", 94rem);\n\n/**\n * placement=\"cover\"\n */\n:host([placement=\"cover\"]) {\n  .dialog {\n    @apply m-0\n      max-h-full\n      max-w-full\n      h-full\n      w-full\n      rounded-none;\n    --calcite-internal-dialog-hidden-position: translate3D(0, 20px, 0) scale(0.95);\n    --calcite-internal-dialog-shown-position: translate3D(0, 0, 0) scale(1);\n  }\n  .panel {\n    @apply rounded-none;\n  }\n}\n\n/**\n * Kinds\n */\n:host([kind]) .panel {\n  @apply rounded-t-none;\n}\n:host([kind=\"brand\"]) .dialog {\n  @apply border-color-brand;\n}\n\n:host([kind=\"danger\"]) .dialog {\n  @apply border-color-danger;\n}\n\n:host([kind=\"info\"]) .dialog {\n  @apply border-color-info;\n}\n\n:host([kind=\"success\"]) .dialog {\n  @apply border-color-success;\n}\n\n:host([kind=\"warning\"]) .dialog {\n  @apply border-color-warning;\n}\n\n:host([kind=\"brand\"][open]),\n:host([kind=\"danger\"][open]),\n:host([kind=\"info\"][open]),\n:host([kind=\"success\"][open]),\n:host([kind=\"warning\"][open]) {\n  .dialog {\n    @apply border-0\n      border-t-4\n      border-solid;\n  }\n}\n\n.container--embedded {\n  position: absolute;\n  pointer-events: auto;\n  calcite-scrim {\n    position: absolute;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusFirstTabbable, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { componentOnReady } from \"../../utils/component\";\nimport { SLOTS as PANEL_SLOTS } from \"../panel/resources\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { OverlayPositioning } from \"../../components\";\nimport { DialogMessages } from \"./assets/dialog/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { DialogPlacement } from \"./interfaces\";\n\nlet totalOpenDialogs: number = 0;\nlet initialDocumentOverflowStyle: string = \"\";\n\n/**\n * @slot - A slot for adding content.\n * @slot content - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot alerts - A slot for adding `calcite-alert`s to the component.\n * @slot content-bottom - A slot for adding content below the unnamed (default) slot and - if populated - the `footer` slot.\n * @slot content-top - A slot for adding content above the unnamed (default) slot and - if populated - below the `action-bar` slot.\n * @slot header-actions-start - A slot for adding actions or content to the starting side of the component's header.\n * @slot header-actions-end - A slot for adding actions or content to the ending side of the component's header.\n * @slot header-content - A slot for adding custom content to the component's header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n */\n\n@Component({\n  tag: \"calcite-dialog\",\n  styleUrl: \"dialog.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Dialog\n  implements\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /** When `true`, disables the component's close button. */\n  @Prop({ reflect: true }) closeDisabled = false;\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) embedded = false;\n\n  /**\n   * When `true`, disables the default close on escape behavior.\n   *\n   * By default, an open dialog can be dismissed by pressing the Esc key.\n   *\n   * @see [Dialog Accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility)\n   */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Specifies the kind of the component, which will style the top border. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\", Kind>;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DialogMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<DialogMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** When `true`, displays a scrim blocking interaction underneath the component.  */\n  @Prop({ reflect: true }) modal = false;\n\n  @Watch(\"modal\")\n  onModalChange(): void {\n    this.updateOverflowHiddenClass();\n  }\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * Specifies the placement of the dialog.\n   */\n  @Prop({ reflect: true }) placement: DialogPlacement = \"center\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    // when dialog initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      this.openDialog();\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    connectLocalized(this);\n    connectMessages(this);\n    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    deactivateFocusTrap(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.embedded = false;\n  }\n\n  render(): VNode {\n    const { description, heading, opened } = this;\n    return (\n      <Host\n        aria-description={description}\n        aria-label={heading}\n        aria-modal={toAriaBoolean(this.modal)}\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: opened,\n            [CSS.containerEmbedded]: this.embedded,\n          }}\n        >\n          {this.modal ? (\n            <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          ) : null}\n          <div class={CSS.dialog} ref={this.setTransitionEl}>\n            <slot name={SLOTS.content}>\n              <calcite-panel\n                beforeClose={this.beforeClose}\n                class={CSS.panel}\n                closable={!this.closeDisabled}\n                closed={!opened}\n                description={description}\n                heading={heading}\n                headingLevel={this.headingLevel}\n                loading={this.loading}\n                menuOpen={this.menuOpen}\n                messageOverrides={this.messageOverrides}\n                onCalcitePanelClose={this.handleCloseClick}\n                onCalcitePanelScroll={this.handleScroll}\n                overlayPositioning={this.overlayPositioning}\n                ref={(el) => (this.panelEl = el)}\n                scale={this.scale}\n              >\n                <slot name={SLOTS.actionBar} slot={PANEL_SLOTS.actionBar} />\n                <slot name={SLOTS.alerts} slot={PANEL_SLOTS.alerts} />\n                <slot name={SLOTS.headerActionsStart} slot={PANEL_SLOTS.headerActionsStart} />\n                <slot name={SLOTS.headerActionsEnd} slot={PANEL_SLOTS.headerActionsEnd} />\n                <slot name={SLOTS.headerContent} slot={PANEL_SLOTS.headerContent} />\n                <slot name={SLOTS.headerMenuActions} slot={PANEL_SLOTS.headerMenuActions} />\n                <slot name={SLOTS.fab} slot={PANEL_SLOTS.fab} />\n                <slot name={SLOTS.contentTop} slot={PANEL_SLOTS.contentTop} />\n                <slot name={SLOTS.contentBottom} slot={PANEL_SLOTS.contentBottom} />\n                <slot name={SLOTS.footerStart} slot={PANEL_SLOTS.footerStart} />\n                <slot name={SLOTS.footer} slot={PANEL_SLOTS.footer} />\n                <slot name={SLOTS.footerEnd} slot={PANEL_SLOTS.footerEnd} />\n                <div class={CSS.content}>\n                  <slot />\n                </div>\n              </calcite-panel>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDialogElement;\n\n  @State() opened = false;\n\n  @State() hasFooter = true;\n\n  @State() hasContentTop = false;\n\n  @State() hasContentBottom = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: DialogMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  private panelEl: HTMLCalcitePanelElement;\n\n  private ignoreOpenChange = false;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver(),\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleEscape(event: KeyboardEvent): void {\n    if (this.open && !this.escapeDisabled && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.open = false;\n      event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDialogBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDialogClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteDialogBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDialogOpen: EventEmitter<void>;\n\n  /** Fires when the content is scrolled. */\n  @Event({ cancelable: false }) calciteDialogScroll: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button (the first focusable item).\n   *\n   * @returns {Promise<void>} - A promise that is resolved when the operation has completed.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    return this.panelEl?.setFocus() ?? focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    await this.panelEl?.scrollContentTo(options);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onBeforeOpen(): void {\n    this.transitionEl.classList.add(CSS.openingActive);\n    this.calciteDialogBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);\n    this.calciteDialogOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.transitionEl.classList.add(CSS.closingActive);\n    this.calciteDialogBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);\n    this.calciteDialogClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  @Watch(\"open\")\n  toggleDialog(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openDialog();\n    } else {\n      this.closeDialog();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(value: boolean): void {\n    const idleClass = value ? CSS.openingIdle : CSS.closingIdle;\n    this.transitionEl.classList.add(idleClass);\n    onToggleOpenCloseComponent(this);\n  }\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteDialogOpen\", this.openEnd);\n  };\n\n  private handleScroll = (): void => {\n    this.calciteDialogScroll.emit();\n  };\n\n  private handleCloseClick = () => {\n    this.open = false;\n  };\n\n  private async openDialog(): Promise<void> {\n    await componentOnReady(this.el);\n    this.el.addEventListener(\"calciteDialogOpen\", this.openEnd);\n    this.opened = true;\n    this.updateOverflowHiddenClass();\n  }\n\n  private handleOutsideClose = (): void => {\n    if (this.outsideCloseDisabled) {\n      return;\n    }\n\n    this.open = false;\n  };\n\n  private closeDialog = async (): Promise<void> => {\n    if (this.beforeClose) {\n      try {\n        await this.beforeClose();\n      } catch (_error) {\n        // close prevented\n        requestAnimationFrame(() => {\n          this.ignoreOpenChange = true;\n          this.open = true;\n          this.ignoreOpenChange = false;\n        });\n        return;\n      }\n    }\n\n    totalOpenDialogs--;\n    this.opened = false;\n    this.updateOverflowHiddenClass();\n  };\n\n  private updateOverflowHiddenClass = (): void => {\n    this.opened && !this.embedded && this.modal\n      ? this.addOverflowHiddenClass()\n      : this.removeOverflowHiddenClass();\n  };\n\n  private addOverflowHiddenClass(): void {\n    if (totalOpenDialogs === 0) {\n      initialDocumentOverflowStyle = document.documentElement.style.overflow;\n    }\n\n    totalOpenDialogs++;\n    // use an inline style instead of a utility class to avoid global class declarations.\n    document.documentElement.style.setProperty(\"overflow\", \"hidden\");\n  }\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", initialDocumentOverflowStyle);\n  }\n\n  private handleMutationObserver = (): void => {\n    this.updateFocusTrapElements();\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-94b96cc3.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{r as e,h as i,g as a}from"./p-d082798b.js";import{g as t}from"./p-dbf49c5b.js";import{C as r}from"./p-c0ffa099.js";import"./p-b8e6c155.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=n;const o=class{constructor(i){e(this,i);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const e=this.type==="determinate";const a=e?{width:`${this.value*100}%`}:{};const n=t(this.el);return i("div",{key:"5d06cbdb88ab78d7219ed5360aeb54713d24b7e6","aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},i("div",{key:"9adc549e8ea4f516eb6df4bac52e33e903c61978",class:"track"},i("div",{key:"57c31717d7f2c7e13782faa4a46060e3d583aad2",class:{bar:true,indeterminate:this.type==="indeterminate",[r.rtl]:n==="rtl",reversed:this.reversed},style:a})),this.text?i("div",{class:"text"},this.text):null)}get el(){return a(this)}};o.style=s;export{o as calcite_progress};
+//# sourceMappingURL=p-94b96cc3.entry.js.map

package/dist/calcite/p-94df5f35.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{t as n}from"./p-13edc815.js";import{e as t,i as o}from"./p-773d9ad5.js";const e=n=>n.map((n=>{const{label:e}=n;const s=t(e,true);return{...n,continent:s,isRegularContinent:o(s)}}));async function s(){const t=[];const o=n.map((n=>({label:n})));const s=e(o);for(const n of s){const{label:o,continent:e,isRegularContinent:c}=n;if(n.visited){continue}n.visited=true;if(!c){n.visited=true;continue}const r={label:e,tzs:[{label:o}]};for(const n of s.filter((n=>!n.visited))){const{label:t,continent:o,isRegularContinent:s}=n;if(e===o){const o={label:t};r.tzs.push(o);n.visited=true}}t.push(r)}return t.map((n=>{n.tzs=n.tzs.sort(((n,t)=>n.label.localeCompare(t.label)));return{label:n.label,tzs:n.tzs.map((n=>n.label))}})).sort(((n,t)=>n.label.localeCompare(t.label)))}export{s as groupByRegion};
+//# sourceMappingURL=p-94df5f35.js.map

package/dist/calcite/p-9520a719.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-d082798b.js";import{s as a,k as c,d as l,g as d}from"./p-dbf49c5b.js";import{s as h,a as u,c as f}from"./p-56775bc8.js";import{c as p,d as m}from"./p-7afb2479.js";import{u as v,c as b,s as g,d as y}from"./p-72480f54.js";import{C as x}from"./p-c0ffa099.js";import"./p-b8e6c155.js";import"./p-84f7a609.js";import"./p-b4d9aa05.js";import"./p-e7a4ddfe.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=w;const z=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){p(this);b(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,{key:"5bff9c8fc088956853d8e6077806eec1faf4fe48"},i("ul",{key:"ff23e84bc15aa95f5f177d7acd51991d20c6263e","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"615c80c9ee00213f22d154601fd9b4e3447cb6b2",onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;const C={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const I=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action::after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover::after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const L=I;const j=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(e.defaultPrevented){return}if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){p(this);b(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.dropdownActionEl=e,text:this.messages.open})}renderSubmenuItems(e){return i("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[C.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:C.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:C.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:C.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=d(this.el);return i(n,{key:"d0565238612162b6f4294cf290d29c84169f5b0c",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"023ceb081edd357f900d911e13e7c886ec50c3a8",class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"105f0f53cacc9e6a1550b8f653af7803cdedd068",class:C.itemContent},i("a",{key:"83ab64642625277a609b3cf790afe2bac8f118e7","aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.anchorEl=e,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=L;export{z as calcite_menu,j as calcite_menu_item};
+//# sourceMappingURL=p-9520a719.entry.js.map

package/dist/calcite/p-970d30ac.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{r as e,c as t,h as i,H as a,g as n}from"./p-d082798b.js";import{b as s,s as o,f as l,t as c}from"./p-dbf49c5b.js";import{c as r,u as d,d as h,I as f}from"./p-81650195.js";import{s as p,a as g,c as m}from"./p-56775bc8.js";import{c as u}from"./p-e7a4ddfe.js";import{S as b}from"./p-a33de12e.js";import{H as x}from"./p-3c943ebe.js";import{c as v,d as y}from"./p-7afb2479.js";import{c as k,s as z,d as w,u as C}from"./p-72480f54.js";import{S,C as j,I as A}from"./p-4e3f6151.js";import"./p-b8e6c155.js";import"./p-c0ffa099.js";import"./p-84f7a609.js";import"./p-b4d9aa05.js";const H=":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}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;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-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{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)}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.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}";const D=H;const E=class{constructor(i){e(this,i);this.calcitePanelClose=t(this,"calcitePanelClose",6);this.calcitePanelToggle=t(this,"calcitePanelToggle",6);this.calcitePanelScroll=t(this,"calcitePanelScroll",6);this.resizeObserver=u("resize",(()=>this.resizeHandler()));this.resizeHandler=()=>{const{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=e=>{this.containerEl=e};this.panelKeyDownHandler=e=>{if(this.closable&&e.key==="Escape"&&!e.defaultPrevented){this.handleUserClose();e.preventDefault()}};this.handleUserClose=()=>{this.closed=true;this.calcitePanelClose.emit()};this.open=()=>{this.isClosed=false};this.close=async()=>{const e=this.beforeClose??(()=>Promise.resolve());try{await e()}catch(e){requestAnimationFrame((()=>{this.closed=false}));return}this.isClosed=true};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=e=>{this.hasStartActions=s(e)};this.handleHeaderActionsEndSlotChange=e=>{this.hasEndActions=s(e)};this.handleHeaderMenuActionsSlotChange=e=>{this.hasMenuItems=s(e)};this.handleActionBarSlotChange=e=>{const t=o(e).filter((e=>e?.matches("calcite-action-bar")));t.forEach((e=>e.layout="horizontal"));this.hasActionBar=!!t.length};this.handleHeaderContentSlotChange=e=>{this.hasHeaderContent=s(e)};this.handleFabSlotChange=e=>{this.hasFab=s(e)};this.handleFooterActionsSlotChange=e=>{this.hasFooterActions=s(e)};this.handleFooterEndSlotChange=e=>{this.hasFooterEndContent=s(e)};this.handleFooterStartSlotChange=e=>{this.hasFooterStartContent=s(e)};this.handleFooterSlotChange=e=>{this.hasFooterContent=s(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=s(e)};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=s(e)};this.setPanelScrollEl=e=>{this.panelScrollEl=e;this.resizeObserver?.disconnect();if(e){this.resizeObserver?.observe(e);this.resizeHandler()}};this.handleAlertsSlotChange=e=>{o(e)?.map((e=>{if(e.nodeName==="CALCITE-ALERT"){e.embedded=true}}))};this.beforeClose=undefined;this.closed=false;this.disabled=false;this.closable=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.headingLevel=undefined;this.loading=false;this.heading=undefined;this.description=undefined;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.scale="m";this.isClosed=false;this.hasStartActions=false;this.hasEndActions=false;this.hasMenuItems=false;this.hasHeaderContent=false;this.hasActionBar=false;this.hasContentBottom=false;this.hasContentTop=false;this.hasFab=false;this.hasFooterActions=false;this.hasFooterContent=false;this.hasFooterEndContent=false;this.hasFooterStartContent=false;this.defaultMessages=undefined;this.effectiveLocale="";this.showHeaderContent=false}toggleDialog(e){e?this.close():this.open()}onMessagesChange(){}connectedCallback(){r(this);v(this);k(this)}async componentWillLoad(){p(this);await z(this)}componentDidLoad(){g(this)}componentDidRender(){d(this)}disconnectedCallback(){h(this);y(this);w(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){C(this,this.effectiveLocale)}async setFocus(){await m(this);l(this.containerEl)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}renderHeaderContent(){const{heading:e,headingLevel:t,description:a,hasHeaderContent:n}=this;const s=e?i(x,{class:j.heading,level:t},e):null;const o=a?i("span",{class:j.description},a):null;return!n&&(s||o)?i("div",{class:j.headerContent,key:"header-content"},s,o):null}renderActionBar(){return i("div",{class:j.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:S.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:j.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:S.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:e}=this;return i("div",{class:{[j.headerActionsStart]:true,[j.headerActions]:true},hidden:!e,key:"header-actions-start"},i("slot",{name:S.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{hasEndActions:e,messages:t,closable:a,collapsed:n,collapseDirection:s,collapsible:o,hasMenuItems:l}=this;const{collapse:r,expand:d,close:h}=t;const f=[A.expand,A.collapse];if(s==="up"){f.reverse()}const p=o?i("calcite-action",{"aria-expanded":c(!n),"aria-label":r,"data-test":"collapse",icon:n?f[0]:f[1],onClick:this.collapse,scale:this.scale,text:r,title:n?d:r}):null;const g=a?i("calcite-action",{"aria-label":h,"data-test":"close",icon:A.close,onClick:this.handleUserClose,scale:this.scale,text:h,title:h}):null;const m=i("slot",{name:S.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});const u=e||p||g||l;return i("div",{class:{[j.headerActionsEnd]:true,[j.headerActions]:true},hidden:!u,key:"header-actions-end"},m,this.renderMenu(),p,g)}renderMenu(){const{hasMenuItems:e,messages:t,menuOpen:a}=this;return i("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!e,key:"menu",label:t.options,open:a,overlayPositioning:this.overlayPositioning,placement:"bottom-end"},i("calcite-action",{icon:A.menu,scale:this.scale,slot:b.trigger,text:t.options}),i("slot",{name:S.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:e,hasStartActions:t,hasEndActions:a,closable:n,collapsible:s,hasMenuItems:o,hasActionBar:l}=this;const c=this.renderHeaderContent();const r=e||!!c||t||a||s||n||o;this.showHeaderContent=r;return i("header",{class:j.header,hidden:!(r||l)},i("div",{class:{[j.headerContainer]:true,[j.headerContainerBorderEnd]:l},hidden:!r},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),c,this.renderHeaderActionsEnd()),this.renderActionBar(),this.renderContentTop())}renderFooterNode(){const{hasFooterEndContent:e,hasFooterStartContent:t,hasFooterContent:a,hasFooterActions:n}=this;const s=t||e||a||n;return i("footer",{class:j.footer,hidden:!s},i("div",{class:j.footerContent,hidden:!a},i("slot",{name:S.footer,onSlotchange:this.handleFooterSlotChange})),i("div",{class:j.footerStart,hidden:a||!t},i("slot",{name:S.footerStart,onSlotchange:this.handleFooterStartSlotChange})),i("div",{class:j.footerEnd,hidden:a||!e},i("slot",{name:S.footerEnd,onSlotchange:this.handleFooterEndSlotChange})),i("div",{class:j.footerActions,hidden:a||!n},i("slot",{key:"footer-actions-slot",name:S.footerActions,onSlotchange:this.handleFooterActionsSlotChange})))}renderContent(){return i("div",{class:j.contentWrapper,hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("slot",null),this.renderFab())}renderContentBottom(){return i("div",{class:j.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:S.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderContentTop(){return i("div",{class:j.contentTop,hidden:!this.hasContentTop},i("slot",{name:S.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderFab(){return i("div",{class:j.fabContainer,hidden:!this.hasFab},i("slot",{name:S.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{disabled:e,loading:t,panelKeyDownHandler:n,isClosed:s,closable:o}=this;const l=i("article",{key:"25995bcd854feaf5afc8b2e102a174888dc8d2ef","aria-busy":c(t),class:j.container,hidden:s,ref:this.setContainerRef,tabIndex:o?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderContentBottom(),this.renderFooterNode(),i("slot",{key:"alerts",name:S.alerts,onSlotchange:this.handleAlertsSlotChange}));return i(a,{key:"e7e752bb4e0b2fff709c1eb09825d0a213603480",onKeyDown:n},i(f,{key:"6b3d4ffd41ddc7c36a02ff692e7c8e16808ef001",disabled:e},t?i("calcite-scrim",{loading:t}):null,l))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{closed:["toggleDialog"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=D;export{E as calcite_panel};
+//# sourceMappingURL=p-970d30ac.entry.js.map

package/dist/calcite/p-970d30ac.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","CalcitePanelStyle0","Panel","this","resizeObserver","createObserver","resizeHandler","panelScrollEl","scrollHeight","offsetHeight","tabIndex","setContainerRef","node","containerEl","panelKeyDownHandler","event","closable","key","defaultPrevented","handleUserClose","preventDefault","closed","calcitePanelClose","emit","open","isClosed","close","async","beforeClose","Promise","resolve","_error","requestAnimationFrame","collapse","collapsed","calcitePanelToggle","panelScrollHandler","calcitePanelScroll","handleHeaderActionsStartSlotChange","hasStartActions","slotChangeHasAssignedElement","handleHeaderActionsEndSlotChange","hasEndActions","handleHeaderMenuActionsSlotChange","hasMenuItems","handleActionBarSlotChange","actionBars","slotChangeGetAssignedElements","filter","el","matches","forEach","actionBar","layout","hasActionBar","length","handleHeaderContentSlotChange","hasHeaderContent","handleFabSlotChange","hasFab","handleFooterActionsSlotChange","hasFooterActions","handleFooterEndSlotChange","hasFooterEndContent","handleFooterStartSlotChange","hasFooterStartContent","handleFooterSlotChange","hasFooterContent","contentBottomSlotChangeHandler","hasContentBottom","contentTopSlotChangeHandler","hasContentTop","setPanelScrollEl","disconnect","observe","handleAlertsSlotChange","map","nodeName","embedded","toggleDialog","value","onMessagesChange","connectedCallback","connectInteractive","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","focusFirstTabbable","scrollContentTo","options","scrollTo","renderHeaderContent","heading","headingLevel","description","headingNode","h","Heading","class","CSS","level","descriptionNode","headerContent","renderActionBar","actionBarContainer","hidden","name","SLOTS","onSlotchange","renderHeaderSlottedContent","renderHeaderStartActions","headerActionsStart","headerActions","renderHeaderActionsEnd","messages","collapseDirection","collapsible","expand","icons","ICONS","reverse","collapseNode","toAriaBoolean","icon","onClick","scale","text","title","closeNode","slotNode","headerActionsEnd","showContainer","renderMenu","menuOpen","flipPlacements","label","overlayPositioning","placement","menu","slot","ACTION_MENU_SLOTS","trigger","headerMenuActions","renderHeaderNode","headerContentNode","showHeaderContent","header","headerContainer","headerContainerBorderEnd","renderContentTop","renderFooterNode","showFooter","footer","footerContent","footerStart","footerEnd","footerActions","renderContent","contentWrapper","onScroll","ref","renderFab","renderContentBottom","contentBottom","contentTop","fabContainer","fab","render","disabled","loading","panelNode","container","alerts","Host","onKeyDown","InteractiveContainer"],"sources":["src/components/panel/panel.scss?tag=calcite-panel&encapsulation=shadow","src/components/panel/panel.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-panel-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-panel-header-border-block-end: Specifies the component header's block end border.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full h-full flex-auto overflow-hidden;\n\n  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/header\";\n\n:host([scale=\"s\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-sm);\n  --calcite-internal-panel-header-vertical-padding: 10px; // this should use a spacing token once made available\n\n  .header-content {\n    .heading {\n      @apply text-n1h;\n    }\n\n    .description {\n      @apply text-n2h;\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-md);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-lg);\n\n  .header-content {\n    .heading {\n      @apply text-0h;\n    }\n\n    .description {\n      @apply text-n1h;\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);\n\n  .header-content {\n    .heading {\n      @apply text-1h;\n    }\n\n    .description {\n      @apply text-0h;\n    }\n  }\n}\n\n.content-top,\n.content-bottom {\n  @apply flex items-start self-stretch;\n\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n.container {\n  @apply relative bg-background m-0 flex w-full flex-auto flex-col items-stretch p-0;\n\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    inline-size var(--calcite-animation-timing);\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.header {\n  @apply bg-foreground-1 flex flex-col z-header;\n  border-block-end: var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3));\n}\n\n.header-container {\n  @apply flex flex-row w-full\n  items-stretch\n  justify-start;\n  flex: 0 0 auto;\n}\n\n.header-container--border-end {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.action-bar-container {\n  @apply w-full;\n}\n\n.action-bar-container ::slotted(calcite-action-bar) {\n  @apply w-full;\n}\n\n.header-content {\n  @apply flex\n    flex-col\n    overflow-hidden\n    px-3\n    py-3.5;\n\n  margin-inline-end: auto;\n\n  .heading,\n  .description {\n    @apply block\n      break-words\n      p-0;\n  }\n\n  .heading {\n    @apply mx-0 mt-0 mb-1 font-medium text-color-1;\n\n    &:only-child {\n      @apply mb-0;\n    }\n  }\n\n  .description {\n    @apply text-color-2;\n  }\n}\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n.header-actions {\n  @apply flex\n  flex-row\n  flex-nowrap\n  items-stretch;\n}\n\n.header-actions--end {\n  margin-inline-start: theme(\"margin.auto\");\n}\n\n.content-wrapper {\n  @apply flex\n  flex-auto\n  flex-col\n  flex-nowrap\n  items-stretch\n  bg-background\n  overflow-auto\n  h-full;\n}\n\n.content-top,\n.content-bottom {\n  padding: var(--calcite-internal-panel-default-padding);\n}\n\n.header-content {\n  padding-block: var(--calcite-internal-panel-header-vertical-padding);\n  padding-inline: var(--calcite-internal-panel-default-padding);\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-center items-center bg-foreground-1 text-n2-wrap;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding));\n}\n\n.footer-content {\n  @apply flex flex-row items-center justify-center flex-1;\n}\n\n.footer-actions {\n  @apply flex flex-row items-center justify-evenly flex-1;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-start {\n  @apply flex flex-row items-center justify-start flex-1;\n  margin-inline-end: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-end {\n  @apply flex flex-row items-center justify-end flex-1;\n  margin-inline-start: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.fab-container {\n  @apply sticky\n  bottom-0\n  my-0\n  mx-auto\n  block\n  p-2\n  z-sticky;\n  inset-inline: 0;\n  inline-size: fit-content;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { CollapseDirection } from \"../interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { PanelMessages } from \"./assets/panel/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot alerts - A slot for adding `calcite-alert`s to the component.\n * @slot content-bottom - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n * @slot content-top - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-actions - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n */\n@Component({\n  tag: \"calcite-panel\",\n  styleUrl: \"panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Panel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ mutable: true, reflect: true }) closed = false;\n\n  @Watch(\"closed\")\n  toggleDialog(value: boolean): void {\n    value ? this.close() : this.open();\n  }\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, displays a close button in the trailing side of the header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: CollapseDirection = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<PanelMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PanelMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePanelElement;\n\n  containerEl: HTMLElement;\n\n  panelScrollEl: HTMLElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  @State() isClosed = false;\n\n  @State() hasStartActions = false;\n\n  @State() hasEndActions = false;\n\n  @State() hasMenuItems = false;\n\n  @State() hasHeaderContent = false;\n\n  @State() hasActionBar = false;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentTop = false;\n\n  @State() hasFab = false;\n\n  @State() hasFooterActions = false;\n\n  @State() hasFooterContent = false;\n\n  @State() hasFooterEndContent = false;\n\n  @State() hasFooterStartContent = false;\n\n  @State() defaultMessages: PanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() showHeaderContent = false;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelToggle: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calcitePanelScroll: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  resizeHandler = (): void => {\n    const { panelScrollEl } = this;\n\n    if (\n      !panelScrollEl ||\n      typeof panelScrollEl.scrollHeight !== \"number\" ||\n      typeof panelScrollEl.offsetHeight !== \"number\"\n    ) {\n      return;\n    }\n\n    panelScrollEl.tabIndex = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight ? 0 : -1;\n  };\n\n  setContainerRef = (node: HTMLElement): void => {\n    this.containerEl = node;\n  };\n\n  panelKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.closable && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.handleUserClose();\n      event.preventDefault();\n    }\n  };\n\n  private handleUserClose = (): void => {\n    this.closed = true;\n    this.calcitePanelClose.emit();\n  };\n\n  open = (): void => {\n    this.isClosed = false;\n  };\n\n  close = async (): Promise<void> => {\n    const beforeClose = this.beforeClose ?? (() => Promise.resolve());\n\n    try {\n      await beforeClose();\n    } catch (_error) {\n      // close prevented\n      requestAnimationFrame(() => {\n        this.closed = false;\n      });\n      return;\n    }\n\n    this.isClosed = true;\n  };\n\n  collapse = (): void => {\n    this.collapsed = !this.collapsed;\n    this.calcitePanelToggle.emit();\n  };\n\n  panelScrollHandler = (): void => {\n    this.calcitePanelScroll.emit();\n  };\n\n  handleHeaderActionsStartSlotChange = (event: Event): void => {\n    this.hasStartActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderActionsEndSlotChange = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuItems = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-bar\"),\n    ) as HTMLCalciteActionBarElement[];\n\n    actionBars.forEach((actionBar) => (actionBar.layout = \"horizontal\"));\n\n    this.hasActionBar = !!actionBars.length;\n  };\n\n  handleHeaderContentSlotChange = (event: Event): void => {\n    this.hasHeaderContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFabSlotChange = (event: Event): void => {\n    this.hasFab = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterActionsSlotChange = (event: Event): void => {\n    this.hasFooterActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterEndSlotChange = (event: Event): void => {\n    this.hasFooterEndContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterStartSlotChange = (event: Event): void => {\n    this.hasFooterStartContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooterContent = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.containerEl);\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    this.panelScrollEl?.scrollTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeaderContent(): VNode {\n    const { heading, headingLevel, description, hasHeaderContent } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    const descriptionNode = description ? <span class={CSS.description}>{description}</span> : null;\n\n    return !hasHeaderContent && (headingNode || descriptionNode) ? (\n      <div class={CSS.headerContent} key=\"header-content\">\n        {headingNode}\n        {descriptionNode}\n      </div>\n    ) : null;\n  }\n\n  renderActionBar(): VNode {\n    return (\n      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar}>\n        <slot name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderSlottedContent(): VNode {\n    return (\n      <div class={CSS.headerContent} hidden={!this.hasHeaderContent} key=\"slotted-header-content\">\n        <slot name={SLOTS.headerContent} onSlotchange={this.handleHeaderContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderStartActions(): VNode {\n    const { hasStartActions } = this;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsStart]: true, [CSS.headerActions]: true }}\n        hidden={!hasStartActions}\n        key=\"header-actions-start\"\n      >\n        <slot\n          name={SLOTS.headerActionsStart}\n          onSlotchange={this.handleHeaderActionsStartSlotChange}\n        />\n      </div>\n    );\n  }\n\n  renderHeaderActionsEnd(): VNode {\n    const {\n      hasEndActions,\n      messages,\n      closable,\n      collapsed,\n      collapseDirection,\n      collapsible,\n      hasMenuItems,\n    } = this;\n    const { collapse, expand, close } = messages;\n\n    const icons = [ICONS.expand, ICONS.collapse];\n\n    if (collapseDirection === \"up\") {\n      icons.reverse();\n    }\n\n    const collapseNode = collapsible ? (\n      <calcite-action\n        aria-expanded={toAriaBoolean(!collapsed)}\n        aria-label={collapse}\n        data-test=\"collapse\"\n        icon={collapsed ? icons[0] : icons[1]}\n        onClick={this.collapse}\n        scale={this.scale}\n        text={collapse}\n        title={collapsed ? expand : collapse}\n      />\n    ) : null;\n\n    const closeNode = closable ? (\n      <calcite-action\n        aria-label={close}\n        data-test=\"close\"\n        icon={ICONS.close}\n        onClick={this.handleUserClose}\n        scale={this.scale}\n        text={close}\n        title={close}\n      />\n    ) : null;\n\n    const slotNode = (\n      <slot name={SLOTS.headerActionsEnd} onSlotchange={this.handleHeaderActionsEndSlotChange} />\n    );\n\n    const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }}\n        hidden={!showContainer}\n        key=\"header-actions-end\"\n      >\n        {slotNode}\n        {this.renderMenu()}\n        {collapseNode}\n        {closeNode}\n      </div>\n    );\n  }\n\n  renderMenu(): VNode {\n    const { hasMenuItems, messages, menuOpen } = this;\n\n    return (\n      <calcite-action-menu\n        flipPlacements={[\"top\", \"bottom\"]}\n        hidden={!hasMenuItems}\n        key=\"menu\"\n        label={messages.options}\n        open={menuOpen}\n        overlayPositioning={this.overlayPositioning}\n        placement=\"bottom-end\"\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={this.scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.options}\n        />\n        <slot\n          name={SLOTS.headerMenuActions}\n          onSlotchange={this.handleHeaderMenuActionsSlotChange}\n        />\n      </calcite-action-menu>\n    );\n  }\n\n  renderHeaderNode(): VNode {\n    const {\n      hasHeaderContent,\n      hasStartActions,\n      hasEndActions,\n      closable,\n      collapsible,\n      hasMenuItems,\n      hasActionBar,\n    } = this;\n\n    const headerContentNode = this.renderHeaderContent();\n\n    const showHeaderContent =\n      hasHeaderContent ||\n      !!headerContentNode ||\n      hasStartActions ||\n      hasEndActions ||\n      collapsible ||\n      closable ||\n      hasMenuItems;\n\n    this.showHeaderContent = showHeaderContent;\n\n    return (\n      <header class={CSS.header} hidden={!(showHeaderContent || hasActionBar)}>\n        <div\n          class={{ [CSS.headerContainer]: true, [CSS.headerContainerBorderEnd]: hasActionBar }}\n          hidden={!showHeaderContent}\n        >\n          {this.renderHeaderStartActions()}\n          {this.renderHeaderSlottedContent()}\n          {headerContentNode}\n          {this.renderHeaderActionsEnd()}\n        </div>\n        {this.renderActionBar()}\n        {this.renderContentTop()}\n      </header>\n    );\n  }\n\n  renderFooterNode(): VNode {\n    const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;\n\n    const showFooter =\n      hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;\n\n    return (\n      <footer class={CSS.footer} hidden={!showFooter}>\n        <div class={CSS.footerContent} hidden={!hasFooterContent}>\n          <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n        </div>\n        <div class={CSS.footerStart} hidden={hasFooterContent || !hasFooterStartContent}>\n          <slot name={SLOTS.footerStart} onSlotchange={this.handleFooterStartSlotChange} />\n        </div>\n        <div class={CSS.footerEnd} hidden={hasFooterContent || !hasFooterEndContent}>\n          <slot name={SLOTS.footerEnd} onSlotchange={this.handleFooterEndSlotChange} />\n        </div>\n        <div class={CSS.footerActions} hidden={hasFooterContent || !hasFooterActions}>\n          <slot\n            key=\"footer-actions-slot\"\n            name={SLOTS.footerActions}\n            onSlotchange={this.handleFooterActionsSlotChange}\n          />\n        </div>\n      </footer>\n    );\n  }\n\n  setPanelScrollEl = (el: HTMLElement): void => {\n    this.panelScrollEl = el;\n    this.resizeObserver?.disconnect();\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n      this.resizeHandler();\n    }\n  };\n\n  renderContent(): VNode {\n    return (\n      <div\n        class={CSS.contentWrapper}\n        hidden={this.collapsible && this.collapsed}\n        onScroll={this.panelScrollHandler}\n        ref={this.setPanelScrollEl}\n      >\n        <slot />\n        {this.renderFab()}\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderFab(): VNode {\n    return (\n      <div class={CSS.fabContainer} hidden={!this.hasFab}>\n        <slot name={SLOTS.fab} onSlotchange={this.handleFabSlotChange} />\n      </div>\n    );\n  }\n\n  handleAlertsSlotChange = (event: Event): void => {\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  render(): VNode {\n    const { disabled, loading, panelKeyDownHandler, isClosed, closable } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={isClosed}\n        ref={this.setContainerRef}\n        tabIndex={closable ? 0 : -1}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderContentBottom()}\n        {this.renderFooterNode()}\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </article>\n    );\n\n    return (\n      <Host onKeyDown={panelKeyDownHandler}>\n        <InteractiveContainer disabled={disabled}>\n          {loading ? <calcite-scrim loading={loading} /> : null}\n          {panelNode}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-971a2083.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+const a={"Africa/Abidjan":"CI","Africa/Accra":"GH","Africa/Addis_Ababa":"ET","Africa/Algiers":"DZ","Africa/Asmara":"ER","Africa/Bamako":"ML","Africa/Bangui":"CF","Africa/Banjul":"GM","Africa/Bissau":"GW","Africa/Blantyre":"MW","Africa/Brazzaville":"CG","Africa/Bujumbura":"BI","Africa/Cairo":"EG","Africa/Casablanca":"MA","Africa/Ceuta":"ES","Africa/Conakry":"GN","Africa/Dakar":"SN","Africa/Dar_es_Salaam":"TZ","Africa/Djibouti":"DJ","Africa/Douala":"CM","Africa/El_Aaiun":"EH","Africa/Freetown":"SL","Africa/Gaborone":"BW","Africa/Harare":"ZW","Africa/Johannesburg":"ZA","Africa/Juba":"SS","Africa/Kampala":"UG","Africa/Khartoum":"SD","Africa/Kigali":"RW","Africa/Kinshasa":"CD","Africa/Lagos":"NG","Africa/Libreville":"GA","Africa/Lome":"TG","Africa/Luanda":"AO","Africa/Lubumbashi":"CD","Africa/Lusaka":"ZM","Africa/Malabo":"GQ","Africa/Maputo":"MZ","Africa/Maseru":"LS","Africa/Mbabane":"SZ","Africa/Mogadishu":"SO","Africa/Monrovia":"LR","Africa/Nairobi":"KE","Africa/Ndjamena":"TD","Africa/Niamey":"NE","Africa/Nouakchott":"MR","Africa/Ouagadougou":"BF","Africa/Porto-Novo":"BJ","Africa/Sao_Tome":"ST","Africa/Timbuktu":"ML","Africa/Tripoli":"LY","Africa/Tunis":"TN","Africa/Windhoek":"NA","America/Adak":"US","America/Anchorage":"US","America/Anguilla":"AI","America/Antigua":"AG","America/Araguaina":"BR","America/Argentina/Buenos_Aires":"AR","America/Argentina/Catamarca":"AR","America/Argentina/ComodRivadavia":"AR","America/Argentina/Cordoba":"AR","America/Argentina/Jujuy":"AR","America/Argentina/La_Rioja":"AR","America/Argentina/Mendoza":"AR","America/Argentina/Rio_Gallegos":"AR","America/Argentina/Salta":"AR","America/Argentina/San_Juan":"AR","America/Argentina/San_Luis":"AR","America/Argentina/Tucuman":"AR","America/Argentina/Ushuaia":"AR","America/Aruba":"AW","America/Asuncion":"PY","America/Atikokan":"CA","America/Bahia":"BR","America/Bahia_Banderas":"MX","America/Barbados":"BB","America/Belem":"BR","America/Belize":"BZ","America/Blanc-Sablon":"CA","America/Boa_Vista":"BR","America/Bogota":"CO","America/Boise":"US","America/Cambridge_Bay":"CA","America/Campo_Grande":"BR","America/Cancun":"MX","America/Caracas":"VE","America/Cayenne":"GF","America/Cayman":"KY","America/Chicago":"US","America/Chihuahua":"MX","America/Ciudad_Juarez":"MX","America/Coral_Harbour":"CA","America/Costa_Rica":"CR","America/Creston":"CA","America/Cuiaba":"BR","America/Curacao":"CW","America/Danmarkshavn":"GL","America/Dawson":"CA","America/Dawson_Creek":"CA","America/Denver":"US","America/Detroit":"US","America/Dominica":"DM","America/Edmonton":"CA","America/Eirunepe":"BR","America/El_Salvador":"SV","America/Ensenada":"MX","America/Fort_Nelson":"CA","America/Fortaleza":"BR","America/Glace_Bay":"CA","America/Goose_Bay":"CA","America/Grand_Turk":"TC","America/Grenada":"GD","America/Guadeloupe":"GP","America/Guatemala":"GT","America/Guayaquil":"EC","America/Guyana":"GY","America/Halifax":"CA","America/Havana":"CU","America/Hermosillo":"MX","America/Indiana/Indianapolis":"US","America/Indiana/Knox":"US","America/Indiana/Marengo":"US","America/Indiana/Petersburg":"US","America/Indiana/Tell_City":"US","America/Indiana/Vevay":"US","America/Indiana/Vincennes":"US","America/Indiana/Winamac":"US","America/Inuvik":"CA","America/Iqaluit":"CA","America/Jamaica":"JM","America/Juneau":"US","America/Kentucky/Louisville":"US","America/Kentucky/Monticello":"US","America/La_Paz":"BO","America/Lima":"PE","America/Los_Angeles":"US","America/Maceio":"BR","America/Managua":"NI","America/Manaus":"BR","America/Martinique":"MQ","America/Matamoros":"MX","America/Mazatlan":"MX","America/Menominee":"US","America/Merida":"MX","America/Metlakatla":"US","America/Mexico_City":"MX","America/Miquelon":"PM","America/Moncton":"CA","America/Monterrey":"MX","America/Montevideo":"UY","America/Montreal":"CA","America/Montserrat":"MS","America/Nassau":"BS","America/New_York":"US","America/Nipigon":"CA","America/Nome":"US","America/Noronha":"BR","America/North_Dakota/Beulah":"US","America/North_Dakota/Center":"US","America/North_Dakota/New_Salem":"US","America/Nuuk":"GL","America/Ojinaga":"MX","America/Panama":"PA","America/Pangnirtung":"CA","America/Paramaribo":"SR","America/Phoenix":"US","America/Port-au-Prince":"HT","America/Port_of_Spain":"TT","America/Porto_Velho":"BR","America/Puerto_Rico":"PR","America/Punta_Arenas":"CL","America/Rainy_River":"CA","America/Rankin_Inlet":"CA","America/Recife":"BR","America/Regina":"CA","America/Resolute":"CA","America/Rio_Branco":"BR","America/Rosario":"AR","America/Santarem":"BR","America/Santiago":"CL","America/Santo_Domingo":"DO","America/Sao_Paulo":"BR","America/Scoresbysund":"GL","America/Sitka":"US","America/St_Johns":"CA","America/St_Kitts":"KN","America/St_Lucia":"LC","America/St_Thomas":"VI","America/St_Vincent":"VC","America/Swift_Current":"CA","America/Tegucigalpa":"HN","America/Thule":"GL","America/Thunder_Bay":"CA","America/Tijuana":"MX","America/Toronto":"CA","America/Tortola":"VG","America/Vancouver":"CA","America/Whitehorse":"CA","America/Winnipeg":"CA","America/Yakutat":"US","America/Yellowknife":"CA","Antarctica/Casey":"AQ","Antarctica/Davis":"AQ","Antarctica/DumontDUrville":"AQ","Antarctica/Macquarie":"AU","Antarctica/Mawson":"AQ","Antarctica/McMurdo":"AQ","Antarctica/Palmer":"AQ","Antarctica/Rothera":"AQ","Antarctica/Syowa":"AQ","Antarctica/Troll":"AQ","Antarctica/Vostok":"AQ","Asia/Aden":"YE","Asia/Almaty":"KZ","Asia/Amman":"JO","Asia/Anadyr":"RU","Asia/Aqtau":"KZ","Asia/Aqtobe":"KZ","Asia/Ashgabat":"TM","Asia/Atyrau":"KZ","Asia/Baghdad":"IQ","Asia/Bahrain":"BH","Asia/Baku":"AZ","Asia/Bangkok":"TH","Asia/Barnaul":"RU","Asia/Beirut":"LB","Asia/Bishkek":"KG","Asia/Brunei":"BN","Asia/Chita":"RU","Asia/Choibalsan":"MN","Asia/Chongqing":"CN","Asia/Colombo":"LK","Asia/Damascus":"SY","Asia/Dhaka":"BD","Asia/Dili":"TL","Asia/Dubai":"AE","Asia/Dushanbe":"TJ","Asia/Famagusta":"CY","Asia/Gaza":"PS","Asia/Harbin":"CN","Asia/Hebron":"PS","Asia/Ho_Chi_Minh":"VN","Asia/Hong_Kong":"HK","Asia/Hovd":"MN","Asia/Irkutsk":"RU","Asia/Jakarta":"ID","Asia/Jayapura":"ID","Asia/Jerusalem":"IL","Asia/Kabul":"AF","Asia/Kamchatka":"RU","Asia/Karachi":"PK","Asia/Kashgar":"CN","Asia/Kathmandu":"NP","Asia/Khandyga":"RU","Asia/Kolkata":"IN","Asia/Krasnoyarsk":"RU","Asia/Kuala_Lumpur":"MY","Asia/Kuching":"MY","Asia/Kuwait":"KW","Asia/Macau":"MO","Asia/Magadan":"RU","Asia/Makassar":"ID","Asia/Manila":"PH","Asia/Muscat":"OM","Asia/Nicosia":"CY","Asia/Novokuznetsk":"RU","Asia/Novosibirsk":"RU","Asia/Omsk":"RU","Asia/Oral":"KZ","Asia/Phnom_Penh":"KH","Asia/Pontianak":"ID","Asia/Pyongyang":"KP","Asia/Qatar":"QA","Asia/Qostanay":"KZ","Asia/Qyzylorda":"KZ","Asia/Riyadh":"SA","Asia/Sakhalin":"RU","Asia/Samarkand":"UZ","Asia/Seoul":"KR","Asia/Shanghai":"CN","Asia/Singapore":"SG","Asia/Srednekolymsk":"RU","Asia/Taipei":"TW","Asia/Tashkent":"UZ","Asia/Tbilisi":"GE","Asia/Tehran":"IR","Asia/Tel_Aviv":"IL","Asia/Thimphu":"BT","Asia/Tokyo":"JP","Asia/Tomsk":"RU","Asia/Ulaanbaatar":"MN","Asia/Urumqi":"CN","Asia/Ust-Nera":"RU","Asia/Vientiane":"LA","Asia/Vladivostok":"RU","Asia/Yakutsk":"RU","Asia/Yangon":"MM","Asia/Yekaterinburg":"RU","Asia/Yerevan":"AM","Atlantic/Azores":"PT","Atlantic/Bermuda":"BM","Atlantic/Canary":"ES","Atlantic/Cape_Verde":"CV","Atlantic/Faroe":"FO","Atlantic/Jan_Mayen":"SJ","Atlantic/Madeira":"PT","Atlantic/Reykjavik":"IS","Atlantic/South_Georgia":"GS","Atlantic/St_Helena":"SH","Atlantic/Stanley":"FK","Australia/Adelaide":"AU","Australia/Brisbane":"AU","Australia/Broken_Hill":"AU","Australia/Currie":"AU","Australia/Darwin":"AU","Australia/Eucla":"AU","Australia/Hobart":"AU","Australia/Lindeman":"AU","Australia/Lord_Howe":"AU","Australia/Melbourne":"AU","Australia/Perth":"AU","Australia/Sydney":"AU","Europe/Amsterdam":"NL","Europe/Andorra":"AD","Europe/Astrakhan":"RU","Europe/Athens":"GR","Europe/Belfast":"GB","Europe/Belgrade":"RS","Europe/Berlin":"DE","Europe/Brussels":"BE","Europe/Bucharest":"RO","Europe/Budapest":"HU","Europe/Chisinau":"MD","Europe/Copenhagen":"DK","Europe/Dublin":"IE","Europe/Gibraltar":"GI","Europe/Guernsey":"GG","Europe/Helsinki":"FI","Europe/Isle_of_Man":"IM","Europe/Istanbul":"TR","Europe/Jersey":"JE","Europe/Kaliningrad":"RU","Europe/Kirov":"RU","Europe/Kyiv":"UA","Europe/Lisbon":"PT","Europe/Ljubljana":"SI","Europe/London":"GB","Europe/Luxembourg":"LU","Europe/Madrid":"ES","Europe/Malta":"MT","Europe/Minsk":"BY","Europe/Monaco":"MC","Europe/Moscow":"RU","Europe/Oslo":"NO","Europe/Paris":"FR","Europe/Prague":"CZ","Europe/Riga":"LV","Europe/Rome":"IT","Europe/Samara":"RU","Europe/Sarajevo":"BA","Europe/Saratov":"RU","Europe/Simferopol":"UA","Europe/Skopje":"MK","Europe/Sofia":"BG","Europe/Stockholm":"SE","Europe/Tallinn":"EE","Europe/Tirane":"AL","Europe/Tiraspol":"MD","Europe/Ulyanovsk":"RU","Europe/Uzhgorod":"UA","Europe/Vaduz":"LI","Europe/Vienna":"AT","Europe/Vilnius":"LT","Europe/Volgograd":"RU","Europe/Warsaw":"PL","Europe/Zagreb":"HR","Europe/Zaporozhye":"UA","Europe/Zurich":"CH","Indian/Antananarivo":"MG","Indian/Chagos":"IO","Indian/Christmas":"CX","Indian/Cocos":"CC","Indian/Comoro":"KM","Indian/Kerguelen":"TF","Indian/Mahe":"SC","Indian/Maldives":"MV","Indian/Mauritius":"MU","Indian/Mayotte":"YT","Indian/Reunion":"RE","Pacific/Apia":"WS","Pacific/Auckland":"NZ","Pacific/Bougainville":"PG","Pacific/Chatham":"NZ","Pacific/Chuuk":"FM","Pacific/Easter":"CL","Pacific/Efate":"VU","Pacific/Enderbury":"KI","Pacific/Fakaofo":"TK","Pacific/Fiji":"FJ","Pacific/Funafuti":"TV","Pacific/Galapagos":"EC","Pacific/Gambier":"PF","Pacific/Guadalcanal":"SB","Pacific/Guam":"GU","Pacific/Honolulu":"US","Pacific/Johnston":"US","Pacific/Kanton":"KI","Pacific/Kiritimati":"KI","Pacific/Kosrae":"FM","Pacific/Kwajalein":"MH","Pacific/Majuro":"MH","Pacific/Marquesas":"PF","Pacific/Midway":"UM","Pacific/Nauru":"NR","Pacific/Niue":"NU","Pacific/Norfolk":"NF","Pacific/Noumea":"NC","Pacific/Pago_Pago":"AS","Pacific/Palau":"PW","Pacific/Pitcairn":"PN","Pacific/Pohnpei":"FM","Pacific/Port_Moresby":"PG","Pacific/Rarotonga":"CK","Pacific/Saipan":"MP","Pacific/Tahiti":"PF","Pacific/Tarawa":"KI","Pacific/Tongatapu":"TO","Pacific/Wake":"UM","Pacific/Wallis":"WF"};function i(i){return a[i]||i}export{i as getCountry};
+//# sourceMappingURL=p-971a2083.js.map

package/dist/calcite/p-9989ef92.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{r as t,c as e,h as s,H as i,g as n}from"./p-d082798b.js";import{c as a,d as o}from"./p-b7d91d8f.js";import{u as r,I as h}from"./p-81650195.js";import{f as c,c as l,d}from"./p-7afb2479.js";import{u,c as f,d as m,s as p}from"./p-72480f54.js";import{c as b,s as g,a as y}from"./p-56775bc8.js";import{c as C,d as T,a as v,H as w}from"./p-79a165d1.js";import"./p-dbf49c5b.js";import"./p-b8e6c155.js";import"./p-c0ffa099.js";import"./p-14592a62.js";import"./p-84f7a609.js";import"./p-b4d9aa05.js";import"./p-e7a4ddfe.js";const I={offset:"offset"};const j=60;const D=["CET","CST6CDT","EET","EST","EST5EDT","Factory","HST","MET","MST","MST7MDT","PST8PDT","UTC","WET"];function Z(t){const e="−";const s="-";return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace(e,s)}function x(t,e){const s=V(t,"en-US",e).replace("GMT","");if(s===""){return 0}return Number(Z(s))*j}function k(){const t=new Date;return t.getTimezoneOffset()*-1}function M(){const t=new Intl.DateTimeFormat;return t.resolvedOptions().timeZone}async function E(t,e,s,i,n){if(s==="name"){const{groupByName:t}=await import("./p-e8664a6b.js");const e=await t();return e.map((({label:t})=>{const e=P(t);const s=t;return{label:e,value:s,filterValue:t}})).filter((t=>!!t)).sort()}const a=n==="user"?t:n==="utc"?"fr":"en-GB";const o=i.getTime();if(s==="region"){const[{groupByRegion:t},{getCountry:s}]=await Promise.all([import("./p-94df5f35.js"),import("./p-971a2083.js")]);const i=await t();return i.map((({label:t,tzs:i})=>({label:t,items:i.map((t=>{const i=Z(V(t,a,o));return{label:L(t,e),value:t,filterValue:P(t),metadata:{offset:i,country:s(t)}}}))}))).sort(((t,e)=>t.label.localeCompare(e.label)))}const[{groupByOffset:r},{DateEngine:h}]=await Promise.all([import("./p-4b5bf2c5.js"),import("./p-fbec0ce5.js")]);const c=await r({dateEngine:new h,groupDateRange:1,startDate:new Date(o).toISOString()});const l=new Intl.ListFormat(t,{style:"long",type:"conjunction"});c.forEach((t=>{const e=[];let s=0;t.tzs.forEach(((t,i)=>{if(D.includes(t)){s++}e[i]=s}));t.tzs=t.tzs.filter((t=>!D.includes(t)));t.labelTzIdx=t.labelTzIdx.map((t=>t-e[t])).filter((e=>e>=0&&e<t.tzs.length))}));return c.map((({labelTzIdx:t,tzs:s})=>{const i=s[0];const n=Z(V(i,a,o));const r=x(i,o);const h=t.map((t=>L(s[t],e)));const c=z(e,n,l.format(h));return{label:c,value:r,filterValue:s.map((t=>P(t)))}})).filter((t=>!!t)).sort(((t,e)=>t.value-e.value))}function L(t,e){return e[t]||O(t)}function S(t,e,s){const i=s.timeZoneRegionLabel;return i.replace("{city}",t).replace("{country}",B(s,e))}function B(t,e){return t[e]||e}function O(t){return t.split("/").pop()}function P(t){return t.replace(/_/g," ")}function z(t,e,s){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",s)}function V(t,e,s=Date.now()){const i=c(e,{timeZone:t,timeZoneName:"shortOffset"});const n=i.formatToParts(s);return n.find((({type:t})=>t==="timeZoneName")).value}function R(t){return t.items!==undefined}function F(t){return R(t[0])?t.flatMap((t=>t.items)):t}function N(t,e,s){return s==null?null:F(t).find((t=>t[e]==s))}const W=":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}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";const $=W;const _=class{constructor(s){t(this,s);this.calciteInputTimeZoneBeforeClose=e(this,"calciteInputTimeZoneBeforeClose",6);this.calciteInputTimeZoneBeforeOpen=e(this,"calciteInputTimeZoneBeforeOpen",6);this.calciteInputTimeZoneChange=e(this,"calciteInputTimeZoneChange",6);this.calciteInputTimeZoneClose=e(this,"calciteInputTimeZoneClose",6);this.calciteInputTimeZoneOpen=e(this,"calciteInputTimeZoneOpen",6);this.setComboboxRef=t=>{this.comboboxEl=t};this.onComboboxBeforeClose=t=>{t.stopPropagation();this.overrideSelectedLabelForRegion(false);this.calciteInputTimeZoneBeforeClose.emit()};this.onComboboxBeforeOpen=t=>{t.stopPropagation();this.overrideSelectedLabelForRegion(true);this.calciteInputTimeZoneBeforeOpen.emit()};this.onComboboxChange=t=>{t.stopPropagation();const e=t.target;const s=e.selectedItems[0];if(!s){this.value=null;this.selectedTimeZoneItem=null;this.calciteInputTimeZoneChange.emit();return}const i=this.findTimeZoneItemByLabel(s.textLabel);const n=`${i.value}`;if(this.value===n&&i.label===this.selectedTimeZoneItem.label){return}this.value=n;this.selectedTimeZoneItem=i;this.calciteInputTimeZoneChange.emit()};this.onComboboxClose=t=>{t.stopPropagation();this.open=false;this.calciteInputTimeZoneClose.emit()};this.onComboboxOpen=t=>{this.open=true;t.stopPropagation();this.calciteInputTimeZoneOpen.emit()};this.clearable=false;this.disabled=false;this.form=undefined;this.maxItems=0;this.messages=undefined;this.messageOverrides=undefined;this.mode="offset";this.offsetStyle="user";this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.open=false;this.overlayPositioning="absolute";this.referenceDate=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined;this.readOnly=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}handleTimeZoneItemPropsChange(){this.updateTimeZoneItemsAndSelection()}handleValueChange(t,e){t=this.normalizeValue(t);if(!t&&this.clearable){this.value=t;this.selectedTimeZoneItem=null;return}const s=this.findTimeZoneItem(t);if(!s){this.value=e;return}this.selectedTimeZoneItem=s}async setFocus(){await b(this);await this.comboboxEl.setFocus()}effectiveLocaleWatcher(){u(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(t){if(this.mode!=="region"||!this.selectedTimeZoneItem){return}const{label:e,metadata:s}=this.selectedTimeZoneItem;this.comboboxEl.selectedItems[0].textLabel=t?e:S(e,s.country,this.messages)}findTimeZoneItem(t){return N(this.timeZoneItems,"value",t)}findTimeZoneItemByLabel(t){return N(this.timeZoneItems,"label",t)}async updateTimeZoneItemsAndSelection(){this.timeZoneItems=await this.createTimeZoneItems();if(this.value===""&&this.clearable){this.selectedTimeZoneItem=null;return}const t=this.mode==="offset"?k():M();const e=this.value??t;this.selectedTimeZoneItem=this.findTimeZoneItem(e)||this.findTimeZoneItem(t)}async createTimeZoneItems(){if(!this.effectiveLocale||!this.messages){return[]}return E(this.effectiveLocale,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}connectedCallback(){C(this);a(this);l(this);f(this)}disconnectedCallback(){T(this);o(this);d(this);m(this)}normalizeValue(t){return t===null?"":t}async componentWillLoad(){g(this);await p(this);this.value=this.normalizeValue(this.value);await this.updateTimeZoneItemsAndSelection();const t=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:null;v(this,t);this.value=t}componentDidLoad(){y(this);this.overrideSelectedLabelForRegion(this.open)}componentDidRender(){r(this)}render(){return s(i,{key:"13738b95bac53c49aef65996a21e1196d37da70d"},s(h,{key:"f08bafa8dc47f74e1dace96146d65a7f647b985f",disabled:this.disabled},s("calcite-combobox",{key:"367854f956d5f9b7119af5193da7863634640b7e",clearDisabled:!this.clearable,disabled:this.disabled,label:this.messages.chooseTimeZone,lang:this.effectiveLocale,maxItems:this.maxItems,onCalciteComboboxBeforeClose:this.onComboboxBeforeClose,onCalciteComboboxBeforeOpen:this.onComboboxBeforeOpen,onCalciteComboboxChange:this.onComboboxChange,onCalciteComboboxClose:this.onComboboxClose,onCalciteComboboxOpen:this.onComboboxOpen,open:this.open,overlayPositioning:this.overlayPositioning,placeholder:this.mode==="name"?this.messages.namePlaceholder:this.mode==="offset"?this.messages.offsetPlaceholder:this.messages.regionPlaceholder,placeholderIcon:"search",readOnly:this.readOnly,ref:this.setComboboxRef,scale:this.scale,selectionMode:this.clearable?"single":"single-persist",status:this.status,"validation-icon":this.validationIcon,"validation-message":this.validationMessage},this.renderItems()),s(w,{key:"69d6d5e774bb3f5a41560bba7c01313d7253bc4e",component:this})))}renderItems(){if(this.mode==="region"){return this.renderRegionItems()}return this.timeZoneItems.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,value:n}=t;return s("calcite-combobox-item",{"data-value":n,key:i,selected:e,textLabel:i,value:`${t.filterValue}`})}))}renderRegionItems(){return this.timeZoneItems.flatMap((({label:t,items:e})=>s("calcite-combobox-item-group",{key:t,label:B(this.messages,t)},e.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,value:n}=t;return s("calcite-combobox-item",{"data-value":n,description:B(this.messages,t.metadata.country),key:i,metadata:t.metadata,selected:e,textLabel:i,value:`${t.filterValue}`},s("span",{class:I.offset,slot:"content-end"},t.metadata.offset))})))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],messages:["handleTimeZoneItemPropsChange"],mode:["handleTimeZoneItemPropsChange"],referenceDate:["handleTimeZoneItemPropsChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};_.style=$;export{_ as calcite_input_time_zone};
+//# sourceMappingURL=p-9989ef92.entry.js.map

package/dist/calcite/p-998c93ee.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{d as r}from"./p-8ff7dcf0.js";import"./p-d082798b.js";import"./p-79a165d1.js";import"./p-dbf49c5b.js";import"./p-b8e6c155.js";import"./p-c0ffa099.js";import"./p-81650195.js";import"./p-84f7a609.js";import"./p-b4d9aa05.js";import"./p-b7d91d8f.js";import"./p-14592a62.js";import"./p-56775bc8.js";import"./p-7afb2479.js";import"./p-e7a4ddfe.js";import"./p-60802bb8.js";import"./p-ad0bb95c.js";import"./p-67d91f4e.js";import"./p-72480f54.js";import"./p-788ca57a.js";import"./p-65644314.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return s+(e(r)?"minúty":"minút")}return s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return s+(e(r)?"hodiny":"hodín")}return s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return s+(e(r)?"dni":"dní")}return s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return s+(e(r)?"mesiace":"mesiacov")}return s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return s+(e(r)?"roky":"rokov")}return s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-998c93ee.js.map

package/dist/calcite/p-9a85d48d.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.23
+ */
+import{d as e}from"./p-8ff7dcf0.js";import"./p-d082798b.js";import"./p-79a165d1.js";import"./p-dbf49c5b.js";import"./p-b8e6c155.js";import"./p-c0ffa099.js";import"./p-81650195.js";import"./p-84f7a609.js";import"./p-b4d9aa05.js";import"./p-b7d91d8f.js";import"./p-14592a62.js";import"./p-56775bc8.js";import"./p-7afb2479.js";import"./p-e7a4ddfe.js";import"./p-60802bb8.js";import"./p-ad0bb95c.js";import"./p-67d91f4e.js";import"./p-72480f54.js";import"./p-788ca57a.js";import"./p-65644314.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var a=r[i];if(Array.isArray(a)){a=a[t?0:1]}return a.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
+//# sourceMappingURL=p-9a85d48d.js.map