@esri/calcite-components 2.7.0-next.0 → 2.7.0-next.10

package/dist/calcite/p-817e3e84.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/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{r as t,h as e,F as n,g as o,c as i,f as a}from"./p-1ca7fe9c.js";import{c as l,d as s}from"./p-1e640794.js";import{b as r,s as c,e as h,g as d,i as p}from"./p-1410c913.js";import{c as x,d as b}from"./p-260f9eff.js";import{c as u}from"./p-26847988.js";import{c as f,s as w,d as m,u as v}from"./p-d2aed476.js";import{C as g}from"./p-a1e39b70.js";import"./p-5b2a1340.js";import"./p-0c16a3b3.js";import"./p-5bcb94f2.js";const y={main:"main",content:"content",contentBehind:"content--behind",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"};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,.content--non-interactive{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}.content{overflow:auto}.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}::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-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}::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=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.nodeName==="CALCITE-ALERT"){t.slottedInShell=true}}))};this.handleSheetsSlotChange=t=>{this.hasSheets=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-SHEET"){t.slottedInShell=true}}))};this.handleModalsSlotChange=t=>{this.hasModals=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-MODAL"){t.slottedInShell=true}}))};this.contentBehind=false;this.hasHeader=false;this.hasFooter=false;this.hasAlerts=false;this.hasModals=false;this.hasSheets=false;this.panelIsResizing=false}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=true;t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=false;t.stopPropagation()}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}))}renderContent(){const{panelIsResizing:t}=this;const n=e("slot",{key:"default-slot"});const o=t?e("div",{class:y.contentNonInteractive},n):n;const i=e("slot",{key:"center-row-slot",name:z.centerRow});const a=e("slot",{key:"panel-bottom-slot",name:z.panelBottom});const l=e("slot",{key:"panel-top-slot",name:z.panelTop});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},l,a,i)]:[e("div",{class:y.content,key:s},l,o,a,i)];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.renderSheets())}render(){return e(n,null,this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return o(this)}};C.style=k;const H={actionBarContainer:"action-bar-container",content:"content"};const S={actionBar:"action-bar"};const M=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{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 D=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",{class:H.content},e("slot",null));const i=h(t,S.actionBar);const a=i?e("div",{class:H.actionBarContainer,key:"action-bar"},e("slot",{name:S.actionBar})):null;const l=[a,o];if(i?.position==="end"){l.reverse()}return e(n,null,l)}get el(){return o(this)}};D.style=M;const I={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentFloat:"content--float",contentOverlay:"content--overlay",separator:"separator"};const A={actionBar:"action-bar",header:"header"};const E=":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-shell-panel-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-end-internal:-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-shell-panel-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-end-internal: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][width-scale=s]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 12vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 300px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 20vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 420px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 45vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 680px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-shell-panel-min-height-internal:var(--calcite-shell-panel-min-height, 5vh);--calcite-shell-panel-max-height-internal: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-shell-panel-max-height-internal: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}: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]) .content{inline-size:var(--calcite-shell-panel-width-internal);max-inline-size:var(--calcite-shell-panel-max-width-internal);min-inline-size:var(--calcite-shell-panel-min-width-internal)}:host([layout=horizontal]) .content{block-size:var(--calcite-shell-panel-height-internal);max-block-size:var(--calcite-shell-panel-max-height-internal);min-block-size:var(--calcite-shell-panel-min-height-internal)}.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-shell-panel-shadow-inline-start-internal)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-shell-panel-shadow-inline-end-internal)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-shell-panel-shadow-block-start-internal)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-shell-panel-shadow-block-end-internal)}.content--float{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-shell-panel-max-height-internal, calc(100% - 1rem))}.content--float ::slotted(calcite-panel),.content--float ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .content--float{margin-block:0.5rem}:host([position=start]) .content--float ::slotted(calcite-panel),:host([position=start]) .content--float ::slotted(calcite-flow),:host([position=end]) .content--float ::slotted(calcite-panel),:host([position=end]) .content--float ::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])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=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]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";const W=class{constructor(e){t(this,e);this.calciteInternalShellPanelResizeStart=i(this,"calciteInternalShellPanelResizeStart",6);this.calciteInternalShellPanelResizeEnd=i(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:i,layout:a,contentWidthMin:l,contentWidthMax:s,initialContentWidth:r,initialContentHeight:c,contentHeightMin:h,contentHeightMax:p,position:x}=this;const b=o*i;const u=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(u.indexOf(e)>-1){t.preventDefault()}const f=d(n);const w=["ArrowLeft","ArrowRight"];const m=["ArrowDown","ArrowUp"];const v=f==="rtl"&&w.includes(e)?-1:1;const g=a==="horizontal"?x==="end"?e===m[1]||e===w[0]:e===m[0]||e===w[1]:e===m[1]||(x==="end"?e===w[0]:e===w[1]);if(g){const e=t.shiftKey?b:o;return a==="horizontal"?c+v*e:r+v*e}const y=a==="horizontal"?x==="end"?e===m[0]||e===w[0]:e===m[1]||e===w[1]:e===m[0]||(x==="end"?e===w[1]:e===w[0]);if(y){const e=t.shiftKey?b:o;return a==="horizontal"?c-v*e:r-v*e}if(e==="Home"&&a==="horizontal"&&typeof h==="number"){return h}if(e==="Home"&&a==="vertical"&&typeof l==="number"){return l}if(e==="End"&&a==="horizontal"&&typeof p==="number"){return p}if(e==="End"&&a==="vertical"&&typeof s==="number"){return s}if(e==="PageDown"){return a==="horizontal"?c-b:r-b}if(e==="PageUp"){return a==="horizontal"?c+b:r+b}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:i,position:a,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"?a==="end"?-c*r:c*r:a==="end"?-c*r:c*r;n==="horizontal"?this.setContentHeight(i+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"}else if(this.displayMode==="float"){this.displayMode="dock"}}handleDisplayMode(t){this.detached=t==="float"}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){l(this);x(this);f(this)}async componentWillLoad(){await w(this)}disconnectedCallback(){s(this);this.disconnectSeparator();b(this);m(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){v(this,this.effectiveLocale)}renderHeader(){return e("div",{class:I.contentHeader,hidden:!this.hasHeader,key:"header"},e("slot",{name:A.header,onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:n,initialContentWidth:o,initialContentHeight:i,contentWidth:a,contentWidthMax:l,contentWidthMin:s,contentHeight:r,contentHeightMax:c,contentHeightMin:h,resizable:p,layout:x,displayMode:b}=this;const u=d(this.el);const f=b!=="float"&&p;const w=f?x==="horizontal"?r?{height:`${r}px`}:null:a?{width:`${a}px`}:null:null;const m=!t&&f?e("div",{"aria-label":this.messages.resize,"aria-orientation":x==="horizontal"?"vertical":"horizontal","aria-valuemax":x=="horizontal"?c:l,"aria-valuemin":x=="horizontal"?h:s,"aria-valuenow":x=="horizontal"?r??i:a??o,class:I.separator,key:"separator",onKeyDown:this.separatorKeyDown,role:"separator",tabIndex:0,"touch-action":"none",ref:this.connectSeparator}):null;const v=()=>{if(x==="horizontal"){return n==="start"?g.calciteAnimateInDown:g.calciteAnimateInUp}else{const t=u==="ltr"&&n==="end"||u==="rtl"&&n==="start";return t?g.calciteAnimateInLeft:g.calciteAnimateInRight}};const y=e("div",{class:{[g.rtl]:u==="rtl",[I.content]:true,[I.contentOverlay]:b==="overlay",[I.contentFloat]:b==="float",[g.calciteAnimate]:b==="overlay",[v()]:b==="overlay"},hidden:t,key:"content",style:w,ref:this.storeContentEl},this.renderHeader(),e("div",{class:I.contentBody},e("slot",null)),m);const z=e("slot",{key:"action-bar",name:A.actionBar,onSlotchange:this.handleActionBarSlotChange});const k=[z,y];if(n==="end"){k.reverse()}return e("div",{class:{[I.container]:true}},k)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:n}=this;const o=Math.round(t);this.contentWidth=typeof e==="number"&&typeof n==="number"?u(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);a(this)}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:n}=this;const o=Math.round(t);this.contentHeight=typeof e==="number"&&typeof n==="number"?u(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=E;export{C as calcite_shell,D as calcite_shell_center_row,W as calcite_shell_panel};
+//# sourceMappingURL=p-817e3e84.entry.js.map

package/dist/calcite/p-817e3e84.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","main","content","contentBehind","contentNonInteractive","footer","positionedSlotWrapper","container","contentBehindCenterContent","SLOTS","centerRow","panelStart","panelEnd","panelTop","panelBottom","header","alerts","sheets","modals","shellCss","Shell","this","handleHeaderSlotChange","event","hasHeader","slotChangeHasAssignedElement","handleFooterSlotChange","hasFooter","handleAlertsSlotChange","hasAlerts","slotChangeGetAssignedElements","map","el","nodeName","slottedInShell","handleSheetsSlotChange","hasSheets","handleModalsSlotChange","hasModals","handleCalciteInternalShellPanelResizeStart","panelIsResizing","stopPropagation","handleCalciteInternalShellPanelResizeEnd","connectedCallback","connectConditionalSlotComponent","disconnectedCallback","disconnectConditionalSlotComponent","renderHeader","h","hidden","key","name","onSlotchange","renderFooter","class","renderAlerts","renderSheets","renderModals","renderContent","defaultSlotNode","defaultSlotContainerNode","deprecatedCenterRowSlotNode","panelBottomSlotNode","panelTopSlotNode","contentContainerKey","renderMain","renderPositionedSlots","render","Fragment","actionBarContainer","actionBar","shellCenterRowCss","ShellCenterRow","contentNode","getSlotted","actionBarNode","children","position","reverse","contentHeader","contentBody","contentFloat","contentOverlay","separator","shellPanelCss","ShellPanel","initialContentWidth","initialContentHeight","initialClientX","initialClientY","contentWidthMax","contentWidthMin","contentHeightMax","contentHeightMin","step","stepMultiplier","actionBars","storeContentEl","contentEl","getKeyAdjustedSize","layout","multipliedStep","MOVEMENT_KEYS","indexOf","preventDefault","dir","getElementDir","horizontalKeys","verticalKeys","directionFactor","includes","increaseKeys","stepValue","shiftKey","decreaseKeys","initialKeydownWidth","setInitialContentWidth","width","setContentWidth","initialKeydownHeight","setInitialContentHeight","height","setContentHeight","separatorKeyDown","separatorPointerMove","offset","clientY","clientX","adjustmentDirection","adjustedOffset","separatorPointerUp","isPrimaryPointerButton","calciteInternalShellPanelResizeEnd","emit","window","removeEventListener","getBoundingClientRect","separatorPointerDown","calciteInternalShellPanelResizeStart","separatorEl","document","activeElement","focus","addEventListener","connectSeparator","disconnectSeparator","setActionBarsLayout","forEach","handleActionBarSlotChange","filter","matches","handleDetached","value","displayMode","handleDisplayMode","detached","handleDetachedHeightScale","heightScale","handleHeightScale","detachedHeightScale","layoutHandler","onMessagesChange","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectLocalized","disconnectMessages","componentDidLoad","updateAriaValues","effectiveLocaleChange","updateMessages","effectiveLocale","collapsed","contentWidth","contentHeight","resizable","allowResizing","style","separatorNode","messages","resize","onKeyDown","role","tabIndex","ref","getAnimationDir","CSS_UTILITY","calciteAnimateInDown","calciteAnimateInUp","isStart","calciteAnimateInLeft","calciteAnimateInRight","rtl","calciteAnimate","mainNodes","roundedWidth","Math","round","clamp","computedStyle","getComputedStyle","updateHeights","updateWidths","forceUpdate","max","parseInt","getPropertyValue","min","valueNow","isNaN"],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx","src/components/shell-center-row/resources.ts","src/components/shell-center-row/shell-center-row.scss?tag=calcite-shell-center-row&encapsulation=shadow","src/components/shell-center-row/shell-center-row.tsx","src/components/shell-panel/resources.ts","src/components/shell-panel/shell-panel.scss?tag=calcite-shell-panel&encapsulation=shadow","src/components/shell-panel/shell-panel.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content,\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap;\n}\n\n.content {\n  @apply overflow-auto;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply pointer-events-none;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  @apply text-n2-wrap font-normal;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-center-row`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-center-row`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the shell.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasSheets = false;\n\n  @State() panelIsResizing = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).slottedInShell = true;\n      }\n    });\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = <slot key=\"panel-bottom-slot\" name={SLOTS.panelBottom} />;\n    const panelTopSlotNode: VNode = <slot key=\"panel-top-slot\" name={SLOTS.panelTop} />;\n\n    const contentContainerKey = \"content-container\";\n\n    const content = !!this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div class={CSS.contentBehindCenterContent}>\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div class={CSS.content} key={contentContainerKey}>\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  content: \"content\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n};\n",":host {\n  @extend %component-host;\n  @apply flex\n    flex-auto\n    overflow-hidden\n    bg-transparent\n    z-default;\n}\n\n.content {\n  @apply m-0\n    flex\n    h-full\n    w-full\n    overflow-hidden;\n  flex: 1 0 0;\n}\n\n.action-bar-container {\n  @apply flex;\n}\n\n:host([detached]) {\n  @apply shadow-0\n  animate-in-up\n  mx-2\n  mt-2 mb-6 rounded\n  border-0;\n}\n\n:host([position=\"end\"]) {\n  @apply self-end;\n}\n\n:host([position=\"start\"]) {\n  @apply self-start;\n}\n\n:host([height-scale=\"s\"]) {\n  block-size: theme(\"width[1/3]\");\n}\n\n:host([height-scale=\"m\"]) {\n  block-size: 70%;\n}\n\n:host([height-scale=\"l\"]) {\n  @apply h-full;\n}\n\n:host([height-scale=\"l\"][detached]) {\n  block-size: calc(theme(\"height.full\") - theme(\"spacing.8\"));\n}\n\n::slotted(calcite-panel) {\n  @apply h-full w-full;\n}\n\n::slotted(calcite-action-bar),\n::slotted(calcite-action-bar[position=\"end\"]) {\n  border-inline-end: theme(\"borderWidth.DEFAULT\") solid;\n  @apply border-color-3;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content to the `calcite-shell-panel`.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.\n */\n@Component({\n  tag: \"calcite-shell-center-row\",\n  styleUrl: \"shell-center-row.scss\",\n  shadow: true,\n})\nexport class ShellCenterRow implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  /**\n   * Specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"s\";\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"end\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellCenterRowElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el } = this;\n\n    const contentNode = (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n\n    const actionBar = getSlotted<HTMLCalciteActionBarElement>(el, SLOTS.actionBar);\n\n    const actionBarNode = actionBar ? (\n      <div class={CSS.actionBarContainer} key=\"action-bar\">\n        <slot name={SLOTS.actionBar} />\n      </div>\n    ) : null;\n\n    const children: VNode[] = [actionBarNode, contentNode];\n\n    if (actionBar?.position === \"end\") {\n      children.reverse();\n    }\n\n    return <Fragment>{children}</Fragment>;\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  contentHeader: \"content__header\",\n  contentBody: \"content__body\",\n  contentFloat: \"content--float\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  header: \"header\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-panel-width: Specifies the width of the component.\n * @prop --calcite-shell-panel-max-width: Specifies the maximum width of the component.\n * @prop --calcite-shell-panel-min-width: Specifies the minimum width of the component.\n * @prop --calcite-shell-panel-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the height of the component.\n * @prop --calcite-shell-panel-max-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-min-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the minimum height of the component.\n * @prop --calcite-shell-panel-detached-max-height: [Deprecated] Use the `heightScale` property instead. When `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-z-index: Specifies the z-index value for the component.\n *\n */\n\n:host {\n  @apply relative\n    pointer-events-none\n    flex\n    flex-initial\n    items-stretch;\n  z-index: var(--calcite-shell-panel-z-index, theme(\"zIndex.default\"));\n  --calcite-shell-panel-detached-max-height: unset;\n  --calcite-shell-panel-max-height: unset;\n  --calcite-shell-panel-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl.content--overlay {\n  --calcite-shell-panel-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n:host([layout=\"vertical\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.default\") + 1));\n}\n\n:host([layout=\"vertical\"][display-mode=\"overlay\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.header\") + 1));\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 12vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 20vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 45vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  );\n}\n\n:host([layout=\"horizontal\"]) .content {\n  --calcite-shell-panel-min-height-internal: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  );\n}\n\n:host([layout=\"horizontal\"][height-scale=\"l\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  );\n}\n\n.container {\n  @apply text-color-2\n  text-n1\n  pointer-events-none\n  box-border\n  flex\n  flex-auto\n  items-stretch\n  bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host([layout=\"horizontal\"]) .container {\n  flex-direction: column;\n}\n\n:host(:hover),\n:host(:focus-within) {\n  .separator:not(:hover):not(:focus) {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-3);\n  }\n}\n\n.separator {\n  @apply transition-default\n  pointer-events-auto\n  absolute\n  flex\n  bg-transparent\n  opacity-0;\n  cursor: col-resize;\n  outline: none;\n  &:hover {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-2);\n  }\n  &:focus {\n    @apply bg-brand opacity-100;\n  }\n}\n\n:host([layout=\"vertical\"]) .separator {\n  @apply bottom-0\n  top-0 h-full\n  w-0.5;\n  cursor: col-resize;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  @apply bottom-0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  @apply top-0;\n}\n\n:host([layout=\"horizontal\"]) .separator {\n  @apply right-0 w-full\n  h-0.5;\n  cursor: row-resize;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .separator {\n  inset-inline-end: -2px;\n}\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  inset-block-end: -2px;\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .separator {\n  inset-inline-start: -2px;\n}\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  inset-block-start: -2px;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full w-full flex-auto;\n  max-block-size: unset;\n  max-inline-size: unset;\n}\n\n::slotted(.calcite-match-height) {\n  @apply flex flex-auto overflow-hidden;\n}\n\n.content {\n  @apply bg-background\n  pointer-events-auto\n  flex\n  flex-col\n  flex-nowrap\n  items-stretch\n  self-stretch\n  p-0;\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    max-inline-size var(--calcite-animation-timing);\n}\n\n:host([layout=\"vertical\"]) .content {\n  inline-size: var(--calcite-shell-panel-width-internal);\n  max-inline-size: var(--calcite-shell-panel-max-width-internal);\n  min-inline-size: var(--calcite-shell-panel-min-width-internal);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-shell-panel-height-internal);\n  max-block-size: var(--calcite-shell-panel-max-height-internal);\n  min-block-size: var(--calcite-shell-panel-min-height-internal);\n}\n\n.content__header {\n  @apply flex\n  flex-initial\n  flex-col\n  flex-nowrap\n  items-stretch;\n}\n\n.content__body {\n  @apply flex\n  flex-auto\n  flex-col\n  overflow-hidden;\n}\n\n.content--overlay {\n  @apply absolute\n  shadow-0;\n}\n\n:host([layout=\"vertical\"]) .content--overlay {\n  @apply top-0 h-full;\n}\n\n:host([layout=\"horizontal\"]) .content--overlay {\n  @apply left-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-start-internal);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-end-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-start-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-end-internal);\n}\n\n.content--float {\n  @apply shadow-0\n  mx-2\n  mt-2\n  mb-auto\n  h-auto\n  overflow-hidden\n  rounded;\n  max-block-size: var(--calcite-shell-panel-max-height-internal, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .content--float {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .content--float,\n:host([position=\"end\"]) .content--float {\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    @apply border-none;\n  }\n}\n\n.content[hidden] {\n  @apply hidden;\n}\n\nslot[name=\"action-bar\"]::slotted(calcite-action-bar),\n.content ::slotted(calcite-flow),\n.content ::slotted(calcite-panel:not([closed])) {\n  @apply border-color-3 border border-solid;\n}\n\n:host([position=\"start\"]:not([slot=\"panel-end\"])),\n:host([position=\"end\"][slot=\"panel-start\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-start: none;\n  }\n}\n\n:host([position=\"end\"]:not([slot=\"panel-start\"])),\n:host([position=\"start\"][slot=\"panel-end\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-end: none;\n  }\n}\n\n:host([layout=\"horizontal\"]) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-start: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-end: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  getElementDir,\n  isPrimaryPointerButton,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { clamp } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { DisplayMode } from \"./interfaces\";\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 */\n@Component({\n  tag: \"calcite-shell-panel\",\n  styleUrl: \"shell-panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ShellPanel implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   *\n   * @deprecated Use `displayMode` instead.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  @Watch(\"detached\")\n  handleDetached(value: boolean): void {\n    if (value) {\n      this.displayMode = \"float\";\n    } else if (this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode of the component, where:\n   *\n   * `\"dock\"` displays at full height adjacent to center content,\n   *\n   * `\"overlay\"` displays at full height on top of center content, and\n   *\n   * `\"float\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"dock\";\n\n  @Watch(\"displayMode\")\n  handleDisplayMode(value: DisplayMode): void {\n    this.detached = value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float`, specifies the maximum height of the component.\n   *\n   * @deprecated Use `heightScale` instead.\n   */\n  @Prop({ reflect: true }) detachedHeightScale: Scale;\n\n  @Watch(\"detachedHeightScale\")\n  handleDetachedHeightScale(value: Scale): void {\n    this.heightScale = value;\n  }\n\n  /**\n   * When `layout` is `horizontal`, specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale;\n\n  @Watch(\"heightScale\")\n  handleHeightScale(value: Scale): void {\n    this.detachedHeightScale = value;\n  }\n\n  /**\n   * When `layout` is `vertical`, specifies the width of the component.\n   */\n\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /**\n   *  The direction of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.setActionBarsLayout(this.actionBars);\n  }\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float`, the component's content area is resizable.\n   */\n  @Prop({ reflect: true }) resizable = 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: ShellPanelMessages;\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<ShellPanelMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    this.disconnectSeparator();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.updateAriaValues();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellPanelElement;\n\n  @State() contentWidth: number = null;\n\n  @State() contentHeight: number = null;\n\n  initialContentWidth: number = null;\n\n  initialContentHeight: number = null;\n\n  initialClientX: number = null;\n\n  initialClientY: number = null;\n\n  contentEl: HTMLDivElement;\n\n  separatorEl: HTMLDivElement;\n\n  contentWidthMax: number = null;\n\n  contentWidthMin: number = null;\n\n  contentHeightMax: number = null;\n\n  contentHeightMin: number = null;\n\n  step = 1;\n\n  stepMultiplier = 10;\n\n  actionBars: HTMLCalciteActionBarElement[] = [];\n\n  @State() defaultMessages: ShellPanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasHeader = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeStart: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeEnd: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader(): VNode {\n    return (\n      <div class={CSS.contentHeader} hidden={!this.hasHeader} key=\"header\">\n        <slot name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      position,\n      initialContentWidth,\n      initialContentHeight,\n      contentWidth,\n      contentWidthMax,\n      contentWidthMin,\n      contentHeight,\n      contentHeightMax,\n      contentHeightMin,\n      resizable,\n      layout,\n      displayMode,\n    } = this;\n\n    const dir = getElementDir(this.el);\n\n    const allowResizing = displayMode !== \"float\" && resizable;\n\n    const style = allowResizing\n      ? layout === \"horizontal\"\n        ? contentHeight\n          ? { height: `${contentHeight}px` }\n          : null\n        : contentWidth\n          ? { width: `${contentWidth}px` }\n          : null\n      : null;\n\n    const separatorNode =\n      !collapsed && allowResizing ? (\n        <div\n          aria-label={this.messages.resize}\n          aria-orientation={layout === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n          aria-valuemax={layout == \"horizontal\" ? contentHeightMax : contentWidthMax}\n          aria-valuemin={layout == \"horizontal\" ? contentHeightMin : contentWidthMin}\n          aria-valuenow={\n            layout == \"horizontal\"\n              ? contentHeight ?? initialContentHeight\n              : contentWidth ?? initialContentWidth\n          }\n          class={CSS.separator}\n          key=\"separator\"\n          onKeyDown={this.separatorKeyDown}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.connectSeparator}\n        />\n      ) : null;\n\n    const getAnimationDir = (): string => {\n      if (layout === \"horizontal\") {\n        return position === \"start\"\n          ? CSS_UTILITY.calciteAnimateInDown\n          : CSS_UTILITY.calciteAnimateInUp;\n      } else {\n        const isStart =\n          (dir === \"ltr\" && position === \"end\") || (dir === \"rtl\" && position === \"start\");\n        return isStart ? CSS_UTILITY.calciteAnimateInLeft : CSS_UTILITY.calciteAnimateInRight;\n      }\n    };\n\n    const contentNode = (\n      <div\n        class={{\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.content]: true,\n          [CSS.contentOverlay]: displayMode === \"overlay\",\n          [CSS.contentFloat]: displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.storeContentEl}\n      >\n        {this.renderHeader()}\n        <div class={CSS.contentBody}>\n          <slot />\n        </div>\n        {separatorNode}\n      </div>\n    );\n\n    const actionBarNode = (\n      <slot key=\"action-bar\" name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n    );\n\n    const mainNodes = [actionBarNode, contentNode];\n\n    if (position === \"end\") {\n      mainNodes.reverse();\n    }\n\n    return <div class={{ [CSS.container]: true }}>{mainNodes}</div>;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setContentWidth(width: number): void {\n    const { contentWidthMax, contentWidthMin } = this;\n\n    const roundedWidth = Math.round(width);\n\n    this.contentWidth =\n      typeof contentWidthMax === \"number\" && typeof contentWidthMin === \"number\"\n        ? clamp(roundedWidth, contentWidthMin, contentWidthMax)\n        : roundedWidth;\n  }\n\n  updateAriaValues(): void {\n    const { contentEl } = this;\n    const computedStyle = contentEl && getComputedStyle(contentEl);\n\n    if (!computedStyle) {\n      return;\n    }\n\n    this.layout === \"horizontal\"\n      ? this.updateHeights(computedStyle)\n      : this.updateWidths(computedStyle);\n\n    forceUpdate(this);\n  }\n\n  setContentHeight(height: number): void {\n    const { contentHeightMax, contentHeightMin } = this;\n\n    const roundedWidth = Math.round(height);\n\n    this.contentHeight =\n      typeof contentHeightMax === \"number\" && typeof contentHeightMin === \"number\"\n        ? clamp(roundedWidth, contentHeightMin, contentHeightMax)\n        : roundedWidth;\n  }\n\n  updateWidths(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-width\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-width\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"width\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentWidth = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentWidthMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentWidthMin = min;\n    }\n  }\n\n  updateHeights(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-height\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-height\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"height\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentHeight = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentHeightMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentHeightMin = min;\n    }\n  }\n\n  storeContentEl = (contentEl: HTMLDivElement): void => {\n    this.contentEl = contentEl;\n  };\n\n  getKeyAdjustedSize = (event: KeyboardEvent): number | null => {\n    const { key } = event;\n    const {\n      el,\n      step,\n      stepMultiplier,\n      layout,\n      contentWidthMin,\n      contentWidthMax,\n      initialContentWidth,\n      initialContentHeight,\n      contentHeightMin,\n      contentHeightMax,\n      position,\n    } = this;\n    const multipliedStep = step * stepMultiplier;\n\n    const MOVEMENT_KEYS = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n      \"PageUp\",\n      \"PageDown\",\n    ];\n\n    if (MOVEMENT_KEYS.indexOf(key) > -1) {\n      event.preventDefault();\n    }\n\n    const dir = getElementDir(el);\n\n    const horizontalKeys = [\"ArrowLeft\", \"ArrowRight\"];\n    const verticalKeys = [\"ArrowDown\", \"ArrowUp\"];\n    const directionFactor = dir === \"rtl\" && horizontalKeys.includes(key) ? -1 : 1;\n\n    const increaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[1] || key === horizontalKeys[0]\n          : key === verticalKeys[0] || key === horizontalKeys[1]\n        : key === verticalKeys[1] ||\n          (position === \"end\" ? key === horizontalKeys[0] : key === horizontalKeys[1]);\n\n    if (increaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight + directionFactor * stepValue\n        : initialContentWidth + directionFactor * stepValue;\n    }\n\n    const decreaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[0] || key === horizontalKeys[0]\n          : key === verticalKeys[1] || key === horizontalKeys[1]\n        : key === verticalKeys[0] ||\n          (position === \"end\" ? key === horizontalKeys[1] : key === horizontalKeys[0]);\n\n    if (decreaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight - directionFactor * stepValue\n        : initialContentWidth - directionFactor * stepValue;\n    }\n\n    if (key === \"Home\" && layout === \"horizontal\" && typeof contentHeightMin === \"number\") {\n      return contentHeightMin;\n    }\n\n    if (key === \"Home\" && layout === \"vertical\" && typeof contentWidthMin === \"number\") {\n      return contentWidthMin;\n    }\n\n    if (key === \"End\" && layout === \"horizontal\" && typeof contentHeightMax === \"number\") {\n      return contentHeightMax;\n    }\n\n    if (key === \"End\" && layout === \"vertical\" && typeof contentWidthMax === \"number\") {\n      return contentWidthMax;\n    }\n\n    if (key === \"PageDown\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight - multipliedStep\n        : initialContentWidth - multipliedStep;\n    }\n\n    if (key === \"PageUp\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight + multipliedStep\n        : initialContentWidth + multipliedStep;\n    }\n\n    return null;\n  };\n\n  initialKeydownWidth = (event: KeyboardEvent): void => {\n    this.setInitialContentWidth();\n    const width = this.getKeyAdjustedSize(event);\n\n    if (typeof width === \"number\") {\n      this.setContentWidth(width);\n    }\n  };\n\n  initialKeydownHeight = (event: KeyboardEvent): void => {\n    this.setInitialContentHeight();\n    const height = this.getKeyAdjustedSize(event);\n\n    if (typeof height === \"number\") {\n      this.setContentHeight(height);\n    }\n  };\n\n  separatorKeyDown = (event: KeyboardEvent): void => {\n    this.layout === \"horizontal\"\n      ? this.initialKeydownHeight(event)\n      : this.initialKeydownWidth(event);\n  };\n\n  separatorPointerMove = (event: PointerEvent): void => {\n    event.preventDefault();\n\n    const {\n      el,\n      layout,\n      initialContentWidth,\n      initialContentHeight,\n      position,\n      initialClientX,\n      initialClientY,\n    } = this;\n\n    const offset =\n      layout === \"horizontal\" ? event.clientY - initialClientY : event.clientX - initialClientX;\n\n    const adjustmentDirection = layout === \"vertical\" && getElementDir(el) === \"rtl\" ? -1 : 1;\n\n    const adjustedOffset =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset\n        : position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset;\n\n    layout === \"horizontal\"\n      ? this.setContentHeight(initialContentHeight + adjustedOffset)\n      : this.setContentWidth(initialContentWidth + adjustedOffset);\n  };\n\n  separatorPointerUp = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeEnd.emit();\n\n    event.preventDefault();\n    window.removeEventListener(\"pointerup\", this.separatorPointerUp);\n    window.removeEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  setInitialContentHeight = (): void => {\n    this.initialContentHeight = this.contentEl?.getBoundingClientRect().height;\n  };\n\n  setInitialContentWidth = (): void => {\n    this.initialContentWidth = this.contentEl?.getBoundingClientRect().width;\n  };\n\n  separatorPointerDown = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeStart.emit();\n\n    event.preventDefault();\n    const { separatorEl } = this;\n\n    separatorEl && document.activeElement !== separatorEl && separatorEl.focus();\n\n    if (this.layout === \"horizontal\") {\n      this.setInitialContentHeight();\n      this.initialClientY = event.clientY;\n    } else {\n      this.setInitialContentWidth();\n      this.initialClientX = event.clientX;\n    }\n\n    window.addEventListener(\"pointerup\", this.separatorPointerUp);\n    window.addEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  connectSeparator = (separatorEl: HTMLDivElement): void => {\n    this.disconnectSeparator();\n    this.separatorEl = separatorEl;\n    separatorEl?.addEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  disconnectSeparator = (): void => {\n    this.separatorEl?.removeEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  setActionBarsLayout = (actionBars: HTMLCalciteActionBarElement[]): void => {\n    actionBars.forEach((actionBar) => (actionBar.layout = this.layout));\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.matches(\"calcite-action-bar\"),\n    ) as HTMLCalciteActionBarElement[];\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-817e4d6e.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/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-1ca7fe9c.js";import{b as n,t as a,e as l,h as r}from"./p-1410c913.js";import{g as c}from"./p-b67f2f5b.js";import{s as d,a as h,c as u}from"./p-db808440.js";import{N as m,c as p,d as g}from"./p-260f9eff.js";import{o as f}from"./p-9e781854.js";import{c as b,s as v,d as k,u as w}from"./p-d2aed476.js";import{K as x}from"./p-ca3720b4.js";import"./p-0c16a3b3.js";import"./p-a1e39b70.js";import"./p-5bcb94f2.js";import"./p-5b2a1340.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerQueued:"container--queued",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerSlottedInShell:"container--slotted-in-shell",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container"};const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--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);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);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;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const j=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.calciteInternalAlertSync=e(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=e(this,"calciteInternalAlertRegister",6);this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.autoCloseTimeoutId=null;this.queued=false;this.open=false;this.queue=this.queue.filter((t=>t!==this.el));this.determineActiveAlert();this.calciteInternalAlertSync.emit({queue:this.queue})};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=n(t)};this.handleMouseOver=()=>{window.clearTimeout(this.autoCloseTimeoutId);this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleMouseLeave=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.queue=[];this.queueLength=0;this.queued=false}openHandler(){f(this);if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit()}if(!this.open){this.queue=this.queue.filter((t=>t!==this.el));this.calciteInternalAlertSync.emit({queue:this.queue})}}onMessagesChange(){}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}connectedCallback(){p(this);b(this);const t=this.open;if(t&&!this.queued){this.calciteInternalAlertRegister.emit()}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){f(this)}}componentDidLoad(){h(this)}disconnectedCallback(){window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister",{detail:{alert:this.el}}));window.clearTimeout(this.autoCloseTimeoutId);window.clearTimeout(this.queueTimeout);g(this);k(this);this.slottedInShell=false}render(){const{open:t,autoClose:e,label:o,placement:n,queued:l}=this;const c=e?"alert":"alertdialog";const d=!t;const h=r(x,this.icon,this.kind);const u=this.queueLength>1;return i(s,{"aria-hidden":a(d),"aria-label":o,"calcite-hydrated-hidden":d,role:c},i("div",{class:{[C.container]:true,[C.containerQueued]:l,[`${C.container}--${n}`]:true,[C.containerSlottedInShell]:this.slottedInShell},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseLeave:null,ref:this.setTransitionEl},h&&this.renderIcon(h),i("div",{class:C.textContainer},i("slot",{name:z.title}),i("slot",{name:z.message}),i("slot",{name:z.link})),this.renderActionsEnd(),u?this.renderQueueCount():null,this.renderCloseButton(),t&&!l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,type:"button",ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const t=this.queueLength>2?this.queueLength-1:1;const e=this.numberStringFormatter.numberFormatter.format(t);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:this.queueLength>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:e},e))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}alertSync(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();t.stopPropagation()}alertRegister(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()}alertUnregister(t){const e=this.queue.filter((e=>e!==t.detail.alert));this.queue=e;window.dispatchEvent(new CustomEvent("calciteInternalAlertSync",{detail:{queue:e}}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){w(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}determineActiveAlert(){if(this.queue?.[0]===this.el){this.openAlert();if(this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}else{return}}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}openAlert(){window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((()=>this.queued=false),300)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],autoCloseDuration:["updateDuration"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};j.style=q;export{j as calcite_alert};
+//# sourceMappingURL=p-817e4d6e.entry.js.map

package/dist/calcite/p-817e4d6e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DURATIONS","slow","medium","fast","SLOTS","actionsEnd","title","message","link","CSS","close","container","containerBottom","containerBottomEnd","containerBottomStart","containerQueued","containerTop","containerTopEnd","containerTopStart","content","contentContainer","dismissProgress","footer","icon","containerSlottedInShell","queueCount","queueCountActive","textContainer","alertCss","Alert","this","autoCloseTimeoutId","totalOpenTime","totalHoverTime","openTransitionProp","setTransitionEl","el","transitionEl","closeAlert","queued","open","queue","filter","determineActiveAlert","calciteInternalAlertSync","emit","actionsEndSlotChangeHandler","event","hasEndActions","slotChangeHasAssignedElement","handleMouseOver","window","clearTimeout","Date","now","initialOpenTime","lastMouseOverBegin","handleMouseLeave","hoverDuration","timeRemaining","autoCloseDuration","setTimeout","NumberStringFormat","openHandler","onToggleOpenCloseComponent","calciteInternalAlertRegister","onMessagesChange","updateDuration","autoClose","connectedCallback","connectLocalized","connectMessages","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","signDisplay","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","dispatchEvent","CustomEvent","detail","alert","queueTimeout","disconnectLocalized","disconnectMessages","slottedInShell","render","label","placement","role","hidden","effectiveIcon","setRequestedIcon","KindIcons","kind","hasQueuedAlerts","queueLength","h","Host","toAriaBoolean","class","onPointerEnter","onPointerLeave","ref","renderIcon","name","renderActionsEnd","renderQueueCount","renderCloseButton","messages","key","onClick","type","closeButton","scale","getIconScale","queueNumber","queueText","numberFormatter","format","value","onSlotchange","flipRtl","iconFlipRtl","alertSync","length","stopPropagation","alertRegister","includes","push","alertUnregister","setFocus","componentFocusable","alertLinkEl","getSlotted","selector","focus","effectiveLocaleChange","updateMessages","numberingSystemChange","openAlert","onBeforeOpen","calciteAlertBeforeOpen","onOpen","calciteAlertOpen","onBeforeClose","calciteAlertBeforeClose","onClose","calciteAlertClose"],"sources":["src/components/alert/resources.ts","src/components/alert/alert.scss?tag=calcite-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["export const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000,\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"close\",\n  container: \"container\",\n  containerBottom: \"container--bottom\",\n  containerBottomEnd: \"container--bottom-end\",\n  containerBottomStart: \"container--bottom-start\",\n  containerQueued: \"container--queued\",\n  containerTop: \"container--top\",\n  containerTopEnd: \"container--top-end\",\n  containerTopStart: \"container--top-start\",\n  content: \"content\",\n  contentContainer: \"content-container\",\n  dismissProgress: \"dismiss-progress\",\n  footer: \"footer\",\n  icon: \"icon\",\n  containerSlottedInShell: \"container--slotted-in-shell\",\n  queueCount: \"queue-count\",\n  queueCountActive: \"queue-count--active\",\n  textContainer: \"text-container\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-alert-width: Specifies the width of the component.\n */\n\n$border-style: 1px solid var(--calcite-color-border-3);\n\n:host {\n  --calcite-alert-edge-distance: theme(\"spacing.8\");\n  --calcite-alert-dismiss-progress-background: var(--calcite-color-transparent-tint);\n  @apply block;\n}\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  fixed\n  flex\n  items-center\n  justify-center\n  min-w-min\n  mx-auto\n  my-0\n  opacity-0\n  pointer-events-none\n  shadow-2\n  text-start\n  w-full\n  z-toast;\n\n  border-radius: var(--calcite-border-radius);\n  border-block-start: 0 solid transparent;\n  border-inline: $border-style;\n  border-block-end: $border-style;\n  inline-size: var(--calcite-alert-width);\n  max-inline-size: calc(100% - (var(--calcite-alert-edge-distance) * 2));\n  transition:\n    var(--calcite-internal-animation-timing-slow) $easing-function,\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function,\n    all var(--calcite-animation-timing) ease-in-out;\n\n  &--bottom,\n  &--top {\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n  }\n  &[class*=\"bottom\"] {\n    transform: translate3d(0, var(--calcite-alert-edge-distance), 0);\n    inset-block-end: var(--calcite-alert-edge-distance);\n  }\n  &[class*=\"top\"] {\n    transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);\n    inset-block-start: var(--calcite-alert-edge-distance);\n  }\n  &[class*=\"start\"] {\n    inset-inline-start: var(--calcite-alert-edge-distance);\n    inset-inline-end: auto;\n  }\n  &[class*=\"end\"] {\n    inset-inline-end: var(--calcite-alert-edge-distance);\n    inset-inline-start: auto;\n  }\n}\n\n.icon {\n  @apply flex flex-col items-center justify-center p-0;\n  margin-block: auto;\n  margin-inline-end: auto;\n  padding-inline-start: var(--calcite-alert-spacing-token-large);\n}\n\n.close {\n  @apply bg-transparent border-none cursor-pointer flex items-center justify-end outline-none self-stretch text-color-3;\n  -webkit-appearance: none;\n  padding: var(--calcite-alert-spacing-token-large);\n\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply bg-foreground-2 text-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n}\n\n.queue-count {\n  @apply bg-foreground-1\n  cursor-default\n  flex\n  font-medium\n  invisible\n  items-center\n  justify-around\n  min-w-min\n  opacity-0\n  overflow-hidden\n  self-stretch\n  text-center\n  text-color-2\n  transition-default;\n  border-inline: 0 solid transparent;\n  border-start-end-radius: 0;\n\n  &--active {\n    @apply visible opacity-100;\n  }\n}\n\n.dismiss-progress {\n  @apply absolute\n  block\n  w-full\n  overflow-hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n  &:after {\n    @apply absolute\n    top-0\n    block;\n    block-size: 2px;\n    content: \"\";\n    background-color: var(--calcite-alert-dismiss-progress-background);\n    inset-inline-end: 0;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n.text-container {\n  @apply box-border flex flex-auto min-w-0 flex-col break-words;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small);\n}\n\n.footer {\n  @apply flex justify-end pt-px relative self-stretch w-auto;\n  block-size: inherit;\n}\n\n// scale variables\n:host([scale=\"s\"]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: theme(\"spacing.2\");\n  --calcite-alert-spacing-token-large: theme(\"spacing.3\");\n  --calcite-alert-footer-height: theme(\"height.8\");\n  --calcite-alert-footer-divider-gap: theme(\"spacing[0.5]\");\n\n  @include slotted(\"title\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  .queue-count {\n    @apply mx-2;\n  }\n  .container {\n    --calcite-alert-min-height: 3.5rem;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: theme(\"spacing.3\");\n  --calcite-alert-spacing-token-large: theme(\"spacing.4\");\n  --calcite-alert-footer-height: theme(\"height.12\");\n  --calcite-alert-footer-divider-gap: theme(\"spacing.1\");\n\n  @include slotted(\"title\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  .queue-count {\n    @apply mx-3;\n  }\n  .container {\n    --calcite-alert-min-height: 4.1875rem;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: theme(\"spacing.4\");\n  --calcite-alert-spacing-token-large: theme(\"spacing.5\");\n  --calcite-alert-footer-height: theme(\"height.16\");\n  --calcite-alert-footer-divider-gap: theme(\"spacing.2\");\n\n  @include slotted(\"title\", \"*\") {\n    @apply text-1-wrap mb-1;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-0-wrap;\n  }\n  .queue-count {\n    @apply mx-4;\n  }\n  .container {\n    --calcite-alert-min-height: 5.625rem;\n  }\n}\n\n:host([open]) {\n  .container:not(.container--queued) {\n    @apply border-t-2 opacity-100;\n    pointer-events: initial;\n    &[class*=\"bottom\"] {\n      transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);\n    }\n    &[class*=\"top\"] {\n      transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);\n    }\n  }\n}\n\n:host([auto-close]) > .queue-count {\n  border-inline-end: 0 solid transparent;\n}\n\n@include slotted(\"title\", \"*\") {\n  @apply text-0-wrap\n    text-color-1\n    font-medium;\n}\n\n@include slotted(\"message\", \"*\") {\n  @apply text-n1-wrap\n    text-color-2\n    m-0\n    inline\n    font-normal;\n  margin-inline-end: theme(\"margin.2\");\n}\n\n@include slotted(\"link\", \"*\") {\n  @apply text-color-link inline-flex;\n}\n\n$alertKinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $alertKind in $alertKinds {\n  $name: nth($alertKind, 1);\n  $kind: nth($alertKind, 2);\n\n  :host([kind=\"#{$name}\"]) {\n    .container {\n      border-block-start-color: $kind;\n\n      & .icon {\n        color: $kind;\n      }\n    }\n  }\n}\n\n$alertDurations:\n  \"fast\" 6000ms,\n  \"medium\" 10000ms,\n  \"slow\" 14000ms;\n\n@each $alertDuration in $alertDurations {\n  $name: nth($alertDuration, 1);\n  $duration: nth($alertDuration, 2);\n\n  :host([auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation: dismissProgress $duration ease-out;\n  }\n  :host(:hover[auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation-play-state: paused;\n  }\n}\n\n@keyframes dismissProgress {\n  0% {\n    @apply w-0 opacity-75;\n  }\n  100% {\n    @apply w-full opacity-100;\n  }\n}\n\n/**\n * Conditional styles for when Alert is slotted in Shell\n */\n.container--slotted-in-shell {\n  @apply absolute;\n}\n\n@include base-component();\n@include calciteHydratedHidden();\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 {\n  getSlotted,\n  setRequestedIcon,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { MenuPlacement } from \"../../utils/floating-ui\";\nimport { getIconScale } from \"../../utils/component\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  NumberingSystem,\n  NumberStringFormat,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { AlertMessages } from \"./assets/alert/t9n\";\nimport { AlertDuration, Sync, Unregister } from \"./interfaces\";\nimport { CSS, DURATIONS, SLOTS } from \"./resources\";\n\n/**\n * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n\n/**\n * @slot title - A slot for adding a title to the component.\n * @slot message - A slot for adding main text to the component.\n * @slot link - A slot for adding a `calcite-action` to take from the component such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.\n */\n\n@Component({\n  tag: \"calcite-alert\",\n  styleUrl: \"alert.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Alert implements OpenCloseComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    if (this.open && !this.queued) {\n      this.calciteInternalAlertRegister.emit();\n    }\n    if (!this.open) {\n      this.queue = this.queue.filter((el) => el !== this.el);\n      this.calciteInternalAlertSync.emit({ queue: this.queue });\n    }\n  }\n\n  /** When `true`, the component closes automatically. Recommended for passive, non-blocking alerts. */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** Specifies the duration before the component automatically closes - only use with `autoClose`. */\n  @Prop({ reflect: true }) autoCloseDuration: AlertDuration = \"medium\";\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively,\n   * pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an accessible name for the component. */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the placement of the component. */\n  @Prop({ reflect: true }) placement: MenuPlacement = \"bottom\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\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: AlertMessages;\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<AlertMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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 }) slottedInShell: boolean;\n\n  @Watch(\"autoCloseDuration\")\n  updateDuration(): void {\n    if (this.autoClose && this.autoCloseTimeoutId) {\n      window.clearTimeout(this.autoCloseTimeoutId);\n      this.autoCloseTimeoutId = window.setTimeout(\n        () => this.closeAlert(),\n        DURATIONS[this.autoCloseDuration],\n      );\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    const open = this.open;\n    if (open && !this.queued) {\n      this.calciteInternalAlertRegister.emit();\n    }\n\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    window.dispatchEvent(\n      new CustomEvent<Unregister>(\"calciteInternalAlertUnregister\", {\n        detail: { alert: this.el },\n      }),\n    );\n    window.clearTimeout(this.autoCloseTimeoutId);\n    window.clearTimeout(this.queueTimeout);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    const { open, autoClose, label, placement, queued } = this;\n    const role = autoClose ? \"alert\" : \"alertdialog\";\n    const hidden = !open;\n    const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    const hasQueuedAlerts = this.queueLength > 1;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        calcite-hydrated-hidden={hidden}\n        role={role}\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerQueued]: queued,\n            [`${CSS.container}--${placement}`]: true,\n            [CSS.containerSlottedInShell]: this.slottedInShell,\n          }}\n          onPointerEnter={this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null}\n          onPointerLeave={this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setTransitionEl}\n        >\n          {effectiveIcon && this.renderIcon(effectiveIcon)}\n          <div class={CSS.textContainer}>\n            <slot name={SLOTS.title} />\n            <slot name={SLOTS.message} />\n            <slot name={SLOTS.link} />\n          </div>\n          {this.renderActionsEnd()}\n          {hasQueuedAlerts ? this.renderQueueCount() : null}\n          {this.renderCloseButton()}\n          {open && !queued && autoClose ? <div class={CSS.dismissProgress} /> : null}\n        </div>\n      </Host>\n    );\n  }\n\n  private renderCloseButton(): VNode {\n    return (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"close\"\n        onClick={this.closeAlert}\n        type=\"button\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButton = el)}\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  private renderQueueCount(): VNode {\n    const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;\n    const queueText = this.numberStringFormatter.numberFormatter.format(queueNumber);\n\n    return (\n      <div\n        class={{\n          [CSS.queueCount]: true,\n          [CSS.queueCountActive]: this.queueLength > 1,\n        }}\n        key=\"queue-count\"\n      >\n        <calcite-chip scale={this.scale} value={queueText}>\n          {queueText}\n        </calcite-chip>\n      </div>\n    );\n  }\n\n  private renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.actionsEndSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderIcon(icon: string): VNode {\n    return (\n      <div class={CSS.icon}>\n        <calcite-icon flipRtl={this.iconFlipRtl} icon={icon} scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteAlertBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertClose: 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 }) calciteAlertBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertOpen: EventEmitter<void>;\n\n  /**\n   * Fires to sync queue when opened or closed.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAlertSync: EventEmitter<Sync>;\n\n  /**\n   * Fires when the component is added to DOM - used to receive initial queue.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAlertRegister: EventEmitter<void>;\n\n  // when an alert is opened or closed, update queue and determine active alert\n  @Listen(\"calciteInternalAlertSync\", { target: \"window\" })\n  alertSync(event: CustomEvent): void {\n    if (this.queue !== event.detail.queue) {\n      this.queue = event.detail.queue;\n    }\n    this.queueLength = this.queue.length;\n    this.determineActiveAlert();\n    event.stopPropagation();\n  }\n\n  // when an alert is first registered, trigger a queue sync\n  @Listen(\"calciteInternalAlertRegister\", { target: \"window\" })\n  alertRegister(): void {\n    if (this.open && !this.queue.includes(this.el as HTMLCalciteAlertElement)) {\n      this.queued = true;\n      this.queue.push(this.el as HTMLCalciteAlertElement);\n    }\n    this.calciteInternalAlertSync.emit({ queue: this.queue });\n    this.determineActiveAlert();\n  }\n\n  // Event is dispatched on the window because the element is not in the DOM so bubbling won't occur.\n  @Listen(\"calciteInternalAlertUnregister\", { target: \"window\" })\n  alertUnregister(event: CustomEvent<Unregister>): void {\n    const queue = this.queue.filter((el) => el !== event.detail.alert);\n    this.queue = queue;\n\n    window.dispatchEvent(\n      new CustomEvent<Sync>(\"calciteInternalAlertSync\", {\n        detail: { queue },\n      }),\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's \"close\" button, the first focusable item. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const alertLinkEl: HTMLCalciteLinkElement = getSlotted(this.el, { selector: \"calcite-link\" });\n\n    if (!this.closeButton && !alertLinkEl) {\n      return;\n    } else if (alertLinkEl) {\n      return alertLinkEl.setFocus();\n    } else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAlertElement;\n\n  @State() defaultMessages: AlertMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() numberStringFormatter = new NumberStringFormat();\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() hasEndActions = false;\n\n  /** the list of queued alerts */\n  @State() queue: HTMLCalciteAlertElement[] = [];\n\n  /** the count of queued alerts */\n  @State() queueLength = 0;\n\n  /** is the alert queued */\n  @State() queued = false;\n\n  private autoCloseTimeoutId: number = null;\n\n  private closeButton: HTMLButtonElement;\n\n  private initialOpenTime: number;\n\n  private lastMouseOverBegin: number;\n\n  private queueTimeout: number;\n\n  private totalOpenTime = 0;\n\n  private totalHoverTime = 0;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  /** determine which alert is active */\n  private determineActiveAlert(): void {\n    if (this.queue?.[0] === this.el) {\n      this.openAlert();\n      if (this.autoClose && !this.autoCloseTimeoutId) {\n        this.initialOpenTime = Date.now();\n        this.autoCloseTimeoutId = window.setTimeout(\n          () => this.closeAlert(),\n          DURATIONS[this.autoCloseDuration],\n        );\n      }\n    } else {\n      return;\n    }\n  }\n\n  /** close and emit calciteInternalAlertSync event with the updated queue payload */\n  private closeAlert = (): void => {\n    this.autoCloseTimeoutId = null;\n    this.queued = false;\n    this.open = false;\n    this.queue = this.queue.filter((el) => el !== this.el);\n    this.determineActiveAlert();\n    this.calciteInternalAlertSync.emit({ queue: this.queue });\n  };\n\n  onBeforeOpen(): void {\n    this.calciteAlertBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteAlertOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteAlertBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteAlertClose.emit();\n  }\n\n  /** remove queued class after animation completes */\n  private openAlert(): void {\n    window.clearTimeout(this.queueTimeout);\n    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);\n  }\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  private handleMouseOver = (): void => {\n    window.clearTimeout(this.autoCloseTimeoutId);\n    this.totalOpenTime = Date.now() - this.initialOpenTime;\n    this.lastMouseOverBegin = Date.now();\n  };\n\n  private handleMouseLeave = (): void => {\n    const hoverDuration = Date.now() - this.lastMouseOverBegin;\n    const timeRemaining =\n      DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;\n    this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;\n    this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);\n  };\n}\n"],"mappings":";;;;;keAAO,MAAMA,EAAY,CACvBC,KAAM,KACNC,OAAQ,IACRC,KAAM,KAGD,MAAMC,EAAQ,CACnBC,WAAY,cACZC,MAAO,QACPC,QAAS,UACTC,KAAM,QAGD,MAAMC,EAAM,CACjBJ,WAAY,cACZK,MAAO,QACPC,UAAW,YACXC,gBAAiB,oBACjBC,mBAAoB,wBACpBC,qBAAsB,0BACtBC,gBAAiB,oBACjBC,aAAc,iBACdC,gBAAiB,qBACjBC,kBAAmB,uBACnBC,QAAS,UACTC,iBAAkB,oBAClBC,gBAAiB,mBACjBC,OAAQ,SACRC,KAAM,OACNC,wBAAyB,8BACzBC,WAAY,cACZC,iBAAkB,sBAClBC,cAAe,kBChCjB,MAAMC,EAAW,uwS,MCmEJC,EAAK,M,+YA+WRC,KAAAC,mBAA6B,KAU7BD,KAAAE,cAAgB,EAEhBF,KAAAG,eAAiB,EAEzBH,KAAAI,mBAAqB,UAUbJ,KAAAK,gBAAmBC,IACzBN,KAAKO,aAAeD,CAAE,EAoBhBN,KAAAQ,WAAa,KACnBR,KAAKC,mBAAqB,KAC1BD,KAAKS,OAAS,MACdT,KAAKU,KAAO,MACZV,KAAKW,MAAQX,KAAKW,MAAMC,QAAQN,GAAOA,IAAON,KAAKM,KACnDN,KAAKa,uBACLb,KAAKc,yBAAyBC,KAAK,CAAEJ,MAAOX,KAAKW,OAAQ,EAyBnDX,KAAAgB,4BAA+BC,IACrCjB,KAAKkB,cAAgBC,EAA6BF,EAAM,EAGlDjB,KAAAoB,gBAAkB,KACxBC,OAAOC,aAAatB,KAAKC,oBACzBD,KAAKE,cAAgBqB,KAAKC,MAAQxB,KAAKyB,gBACvCzB,KAAK0B,mBAAqBH,KAAKC,KAAK,EAG9BxB,KAAA2B,iBAAmB,KACzB,MAAMC,EAAgBL,KAAKC,MAAQxB,KAAK0B,mBACxC,MAAMG,EACJ3D,EAAU8B,KAAK8B,mBAAqB9B,KAAKE,cAAgBF,KAAKG,eAChEH,KAAKG,eAAiBH,KAAKG,eAAiByB,EAAgB5B,KAAKG,eAAiByB,EAClF5B,KAAKC,mBAAqBoB,OAAOU,YAAW,IAAM/B,KAAKQ,cAAcqB,EAAc,E,UAlctC,M,eAeV,M,uBAGuB,S,UAMxD,Q,qCASmC,M,mEAWa,S,WAGZ,I,0IAsRb,G,2BAYM,IAAIG,E,mBAWZ,M,WAGmB,G,iBAGrB,E,YAGL,K,CAlWlB,WAAAC,GACEC,EAA2BlC,MAC3B,GAAIA,KAAKU,OAASV,KAAKS,OAAQ,CAC7BT,KAAKmC,6BAA6BpB,M,CAEpC,IAAKf,KAAKU,KAAM,CACdV,KAAKW,MAAQX,KAAKW,MAAMC,QAAQN,GAAOA,IAAON,KAAKM,KACnDN,KAAKc,yBAAyBC,KAAK,CAAEJ,MAAOX,KAAKW,O,EAsDrD,gBAAAyB,G,CAaA,cAAAC,GACE,GAAIrC,KAAKsC,WAAatC,KAAKC,mBAAoB,CAC7CoB,OAAOC,aAAatB,KAAKC,oBACzBD,KAAKC,mBAAqBoB,OAAOU,YAC/B,IAAM/B,KAAKQ,cACXtC,EAAU8B,KAAK8B,mB,EAWrB,iBAAAS,GACEC,EAAiBxC,MACjByC,EAAgBzC,MAEhB,MAAMU,EAAOV,KAAKU,KAClB,GAAIA,IAASV,KAAKS,OAAQ,CACxBT,KAAKmC,6BAA6BpB,M,CAGpCf,KAAK0C,sBAAsBC,oBAAsB,CAC/CC,OAAQ5C,KAAK6C,gBACbC,gBAAiB9C,KAAK8C,gBACtBC,YAAa,S,CAIjB,uBAAMC,GACJC,EAAuBjD,YACjBkD,EAAclD,MACpB,GAAIA,KAAKU,KAAM,CACbwB,EAA2BlC,K,EAI/B,gBAAAmD,GACEC,EAAmBpD,K,CAGrB,oBAAAqD,GACEhC,OAAOiC,cACL,IAAIC,YAAwB,iCAAkC,CAC5DC,OAAQ,CAAEC,MAAOzD,KAAKM,OAG1Be,OAAOC,aAAatB,KAAKC,oBACzBoB,OAAOC,aAAatB,KAAK0D,cACzBC,EAAoB3D,MACpB4D,EAAmB5D,MACnBA,KAAK6D,eAAiB,K,CAGxB,MAAAC,GACE,MAAMpD,KAAEA,EAAI4B,UAAEA,EAASyB,MAAEA,EAAKC,UAAEA,EAASvD,OAAEA,GAAWT,KACtD,MAAMiE,EAAO3B,EAAY,QAAU,cACnC,MAAM4B,GAAUxD,EAChB,MAAMyD,EAAgBC,EAAiBC,EAAWrE,KAAKP,KAAMO,KAAKsE,MAClE,MAAMC,EAAkBvE,KAAKwE,YAAc,EAE3C,OACEC,EAACC,EAAI,eACUC,EAAcT,GAAO,aACtBH,EAAK,0BACQG,EACzBD,KAAMA,GAENQ,EAAA,OACEG,MAAO,CACL,CAACjG,EAAIE,WAAY,KACjB,CAACF,EAAIM,iBAAkBwB,EACvB,CAAC,GAAG9B,EAAIE,cAAcmF,KAAc,KACpC,CAACrF,EAAIe,yBAA0BM,KAAK6D,gBAEtCgB,eAAgB7E,KAAKsC,WAAatC,KAAKC,mBAAqBD,KAAKoB,gBAAkB,KACnF0D,eAAgB9E,KAAKsC,WAAatC,KAAKC,mBAAqBD,KAAK2B,iBAAmB,KAEpFoD,IAAK/E,KAAKK,iBAET8D,GAAiBnE,KAAKgF,WAAWb,GAClCM,EAAA,OAAKG,MAAOjG,EAAIkB,eACd4E,EAAA,QAAMQ,KAAM3G,EAAME,QAClBiG,EAAA,QAAMQ,KAAM3G,EAAMG,UAClBgG,EAAA,QAAMQ,KAAM3G,EAAMI,QAEnBsB,KAAKkF,mBACLX,EAAkBvE,KAAKmF,mBAAqB,KAC5CnF,KAAKoF,oBACL1E,IAASD,GAAU6B,EAAYmC,EAAA,OAAKG,MAAOjG,EAAIY,kBAAsB,M,CAMtE,iBAAA6F,GACN,OACEX,EAAA,uBACczE,KAAKqF,SAASzG,MAC1BgG,MAAOjG,EAAIC,MACX0G,IAAI,QACJC,QAASvF,KAAKQ,WACdgF,KAAK,SAELT,IAAMzE,GAAQN,KAAKyF,YAAcnF,GAEjCmE,EAAA,gBAAchF,KAAK,IAAIiG,MAAOC,EAAa3F,KAAK0F,S,CAK9C,gBAAAP,GACN,MAAMS,EAAc5F,KAAKwE,YAAc,EAAIxE,KAAKwE,YAAc,EAAI,EAClE,MAAMqB,EAAY7F,KAAK0C,sBAAsBoD,gBAAgBC,OAAOH,GAEpE,OACEnB,EAAA,OACEG,MAAO,CACL,CAACjG,EAAIgB,YAAa,KAClB,CAAChB,EAAIiB,kBAAmBI,KAAKwE,YAAc,GAE7Cc,IAAI,eAEJb,EAAA,gBAAciB,MAAO1F,KAAK0F,MAAOM,MAAOH,GACrCA,G,CAMD,gBAAAX,GACN,OACET,EAAA,OAAKG,MAAOjG,EAAIJ,YACdkG,EAAA,QAAMQ,KAAM3G,EAAMC,WAAY0H,aAAcjG,KAAKgB,8B,CAK/C,UAAAgE,CAAWvF,GACjB,OACEgF,EAAA,OAAKG,MAAOjG,EAAIc,MACdgF,EAAA,gBAAcyB,QAASlG,KAAKmG,YAAa1G,KAAMA,EAAMiG,MAAOC,EAAa3F,KAAK0F,S,CAuCpF,SAAAU,CAAUnF,GACR,GAAIjB,KAAKW,QAAUM,EAAMuC,OAAO7C,MAAO,CACrCX,KAAKW,MAAQM,EAAMuC,OAAO7C,K,CAE5BX,KAAKwE,YAAcxE,KAAKW,MAAM0F,OAC9BrG,KAAKa,uBACLI,EAAMqF,iB,CAKR,aAAAC,GACE,GAAIvG,KAAKU,OAASV,KAAKW,MAAM6F,SAASxG,KAAKM,IAAgC,CACzEN,KAAKS,OAAS,KACdT,KAAKW,MAAM8F,KAAKzG,KAAKM,G,CAEvBN,KAAKc,yBAAyBC,KAAK,CAAEJ,MAAOX,KAAKW,QACjDX,KAAKa,sB,CAKP,eAAA6F,CAAgBzF,GACd,MAAMN,EAAQX,KAAKW,MAAMC,QAAQN,GAAOA,IAAOW,EAAMuC,OAAOC,QAC5DzD,KAAKW,MAAQA,EAEbU,OAAOiC,cACL,IAAIC,YAAkB,2BAA4B,CAChDC,OAAQ,CAAE7C,W,CAahB,cAAMgG,SACEC,EAAmB5G,MAEzB,MAAM6G,EAAsCC,EAAW9G,KAAKM,GAAI,CAAEyG,SAAU,iBAE5E,IAAK/G,KAAKyF,cAAgBoB,EAAa,CACrC,M,MACK,GAAIA,EAAa,CACtB,OAAOA,EAAYF,U,MACd,GAAI3G,KAAKyF,YAAa,CAC3BzF,KAAKyF,YAAYuB,O,EAiBrB,qBAAAC,GACEC,EAAelH,KAAMA,KAAK6C,iBAC1B7C,KAAK0C,sBAAsBC,oBAAsB,CAC/CC,OAAQ5C,KAAK6C,gBACbC,gBAAiB9C,KAAK8C,gBACtBC,YAAa,S,CAOjB,qBAAAoE,GACEnH,KAAK0C,sBAAsBC,oBAAsB,CAC/CC,OAAQ5C,KAAK6C,gBACbC,gBAAiB9C,KAAK8C,gBACtBC,YAAa,S,CA4CT,oBAAAlC,GACN,GAAIb,KAAKW,QAAQ,KAAOX,KAAKM,GAAI,CAC/BN,KAAKoH,YACL,GAAIpH,KAAKsC,YAActC,KAAKC,mBAAoB,CAC9CD,KAAKyB,gBAAkBF,KAAKC,MAC5BxB,KAAKC,mBAAqBoB,OAAOU,YAC/B,IAAM/B,KAAKQ,cACXtC,EAAU8B,KAAK8B,mB,MAGd,CACL,M,EAcJ,YAAAuF,GACErH,KAAKsH,uBAAuBvG,M,CAG9B,MAAAwG,GACEvH,KAAKwH,iBAAiBzG,M,CAGxB,aAAA0G,GACEzH,KAAK0H,wBAAwB3G,M,CAG/B,OAAA4G,GACE3H,KAAK4H,kBAAkB7G,M,CAIjB,SAAAqG,GACN/F,OAAOC,aAAatB,KAAK0D,cACzB1D,KAAK0D,aAAerC,OAAOU,YAAW,IAAO/B,KAAKS,OAAS,OAAQ,I"}

package/dist/calcite/p-81bd9b5a.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/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{r as t,h as o,H as e,g as i,f as n}from"./p-1ca7fe9c.js";import{t as a}from"./p-1410c913.js";import{g as c}from"./p-0c16a3b3.js";import{c as r,d as s,u as l,I as d}from"./p-7cc09828.js";import{s as u,a as h,c as b}from"./p-db808440.js";import{c as p,d as f}from"./p-260f9eff.js";import{c as v}from"./p-5b2a1340.js";import{g}from"./p-b67f2f5b.js";import{u as m,c as x,s as y,d as k}from"./p-d2aed476.js";import"./p-a1e39b70.js";import"./p-565a28af.js";import"./p-5bcb94f2.js";const z={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"};const w={tooltip:"tooltip"};const j=':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{display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-color-brand);--calcite-action-color-transparent-hover:var(--calcite-color-transparent-hover);--calcite-action-color-transparent-press:var(--calcite-color-transparent-press)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-color-foreground-1);fill:var(--calcite-color-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.button:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.button:active{background-color:var(--calcite-color-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([data-active]) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-color-foreground-3);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}:host([active]) .button:active{background-color:var(--calcite-color-foreground-1)}:host([appearance=transparent]) .button{background-color:transparent}:host([appearance=transparent][active]) .button,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-action-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-color-transparent-press)}:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading][appearance=solid]) .button,:host([loading][appearance=solid]) .button:hover,:host([loading][appearance=solid]) .button:focus{background-color:var(--calcite-color-foreground-1)}:host([loading][appearance=solid]) .button .text-container,:host([loading][appearance=solid]) .button:hover .text-container,:host([loading][appearance=solid]) .button:focus .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-color-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}';const C=class{constructor(o){t(this,o);this.mutationObserver=v("mutation",(()=>n(this)));this.guid=`calcite-action-${c()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=t=>{const o=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));const e=o[0];if(e){e.referenceElement=this.buttonEl}};this.active=false;this.alignment=undefined;this.appearance="solid";this.compact=false;this.disabled=false;this.icon=undefined;this.iconFlipRtl=false;this.indicator=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){r(this);p(this);x(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){u(this);{await y(this)}}componentDidLoad(){h(this)}disconnectedCallback(){s(this);f(this);k(this);this.mutationObserver?.disconnect()}componentDidRender(){l(this)}async setFocus(){await b(this);this.buttonEl?.focus()}renderTextContainer(){const{text:t,textEnabled:e}=this;const i={[z.textContainer]:true,[z.textContainerVisible]:e};return t?o("div",{class:i,key:"text-container"},t):null}renderIndicatorText(){const{indicator:t,messages:e,indicatorId:i,buttonId:n}=this;return o("div",{"aria-labelledby":n,"aria-live":"polite",class:z.indicatorText,id:i,role:"region"},t?e.indicator:null)}renderIconContainer(){const{loading:t,icon:e,scale:i,el:n,iconFlipRtl:a,indicator:c}=this;const r=i==="l"?"l":"m";const s=t?o("calcite-loader",{inline:true,label:this.messages.loading,scale:r}):null;const l=e?o("calcite-icon",{class:{[z.indicatorWithIcon]:c},flipRtl:a,icon:e,scale:g(this.scale)}):null;const d=s||l;const u=d||n.children?.length;const h=o("div",{class:{[z.slotContainer]:true,[z.slotContainerHidden]:t}},o("slot",null));return u?o("div",{"aria-hidden":"true",class:z.iconContainer,key:"icon-container"},d,h):null}render(){const{active:t,compact:i,disabled:n,icon:c,loading:r,textEnabled:s,label:l,text:u,indicator:h,indicatorId:b,buttonId:p,messages:f}=this;const v=`${l||u}${h?` (${f.indicator})`:""}`;const g={[z.button]:true,[z.buttonTextVisible]:s,[z.buttonCompact]:i};return o(e,null,o(d,{disabled:n},o("button",{"aria-busy":a(r),"aria-controls":h?b:null,"aria-disabled":a(n),"aria-label":v,"aria-pressed":a(t),class:g,disabled:n,id:p,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer(),!c&&h&&o("div",{class:z.indicatorWithoutIcon,key:"indicator-no-icon"})),o("slot",{name:w.tooltip,onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText()))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=j;export{C as calcite_action};
+//# sourceMappingURL=p-81bd9b5a.entry.js.map

package/dist/calcite/p-8c012e2d.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{d as _}from"./p-28c4b511.js";import"./p-1ca7fe9c.js";import"./p-e72b8fac.js";import"./p-1410c913.js";import"./p-0c16a3b3.js";import"./p-a1e39b70.js";import"./p-7cc09828.js";import"./p-565a28af.js";import"./p-5bcb94f2.js";import"./p-9839b3a4.js";import"./p-b67f2f5b.js";import"./p-db808440.js";import"./p-260f9eff.js";import"./p-5b2a1340.js";import"./p-dbb11a6d.js";import"./p-26847988.js";import"./p-d2aed476.js";import"./p-9e781854.js";import"./p-1c4763a4.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_");var t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_");var e="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_");var m="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function i(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var e={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"};if(t==="m"){return r?"минута":"минуту"}return _+" "+i(e[t],+_)}var a=function _(e,m){if(p.test(m)){return r[e.month()]}return t[e.month()]};a.s=t;a.f=r;var o=function _(r,t){if(p.test(t)){return e[r.month()]}return m[r.month()]};o.s=m;o.f=e;var n={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:a,monthsShort:o,weekStart:1,yearStart:4,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"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:s,mm:s,h:"час",hh:s,d:"день",dd:s,M:"месяц",MM:s,y:"год",yy:s},ordinal:function _(r){return r},meridiem:function _(r){if(r<4){return"ночи"}else if(r<12){return"утра"}else if(r<17){return"дня"}return"вечера"}};_.locale(n,null,true);export default n;
+//# sourceMappingURL=p-8c012e2d.js.map

package/dist/calcite/p-8e164b64.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+var n=typeof global=="object"&&global&&global.Object===Object&&global;var e=typeof self=="object"&&self&&self.Object===Object&&self;var r=n||e||Function("return this")();var t=r.Symbol;var u=Object.prototype;var i=u.hasOwnProperty;var f=u.toString;var a=t?t.toStringTag:undefined;function o(n){var e=i.call(n,a),r=n[a];try{n[a]=undefined;var t=true}catch(n){}var u=f.call(n);if(t){if(e){n[a]=r}else{delete n[a]}}return u}var c=Object.prototype;var v=c.toString;function d(n){return v.call(n)}var l="[object Null]",s="[object Undefined]";var b=t?t.toStringTag:undefined;function p(n){if(n==null){return n===undefined?s:l}return b&&b in Object(n)?o(n):d(n)}function y(n){return n!=null&&typeof n=="object"}var j="[object Symbol]";function m(n){return typeof n=="symbol"||y(n)&&p(n)==j}var h=/\s/;function T(n){var e=n.length;while(e--&&h.test(n.charAt(e))){}return e}var g=/^\s+/;function O(n){return n?n.slice(0,T(n)+1).replace(g,""):n}function x(n){var e=typeof n;return n!=null&&(e=="object"||e=="function")}var w=0/0;var $=/^[-+]0x[0-9a-f]+$/i;var E=/^0b[01]+$/i;var M=/^0o[0-7]+$/i;var S=parseInt;function F(n){if(typeof n=="number"){return n}if(m(n)){return w}if(x(n)){var e=typeof n.valueOf=="function"?n.valueOf():n;n=x(e)?e+"":e}if(typeof n!="string"){return n===0?n:+n}n=O(n);var r=E.test(n);return r||M.test(n)?S(n.slice(2),r?2:8):$.test(n)?w:+n}var I=function(){return r.Date.now()};var N="Expected a function";var U=Math.max,W=Math.min;function k(n,e,r){var t,u,i,f,a,o,c=0,v=false,d=false,l=true;if(typeof n!="function"){throw new TypeError(N)}e=F(e)||0;if(x(r)){v=!!r.leading;d="maxWait"in r;i=d?U(F(r.maxWait)||0,e):i;l="trailing"in r?!!r.trailing:l}function s(e){var r=t,i=u;t=u=undefined;c=e;f=n.apply(i,r);return f}function b(n){c=n;a=setTimeout(j,e);return v?s(n):f}function p(n){var r=n-o,t=n-c,u=e-r;return d?W(u,i-t):u}function y(n){var r=n-o,t=n-c;return o===undefined||r>=e||r<0||d&&t>=i}function j(){var n=I();if(y(n)){return m(n)}a=setTimeout(j,p(n))}function m(n){a=undefined;if(l&&t){return s(n)}t=u=undefined;return f}function h(){if(a!==undefined){clearTimeout(a)}c=0;t=o=u=a=undefined}function T(){return a===undefined?f:m(I())}function g(){var n=I(),r=y(n);t=arguments;u=this;o=n;if(r){if(a===undefined){return b(o)}if(d){clearTimeout(a);a=setTimeout(j,e);return s(o)}}if(a===undefined){a=setTimeout(j,e)}return f}g.cancel=h;g.flush=T;return g}export{t as S,m as a,p as b,y as c,k as d,n as f,x as i,r};
+//# sourceMappingURL=p-8e164b64.js.map

package/dist/calcite/p-8ea943ab.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/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{r as e,h as t,H as i,g as n}from"./p-1ca7fe9c.js";import{s as a,a as l}from"./p-db808440.js";import{a as s,c as r,d as c}from"./p-e72b8fac.js";import{g as o,n as h,c as d,d as u}from"./p-260f9eff.js";import{v as b}from"./p-1410c913.js";import{c as p}from"./p-5b2a1340.js";import"./p-5bcb94f2.js";import"./p-0c16a3b3.js";import"./p-a1e39b70.js";const g={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};const f=":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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=p("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){a(this);this.calculateValues();s(this,this.value)}componentDidLoad(){l(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){u(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:a}=this;const l=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(a-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!a){this.value=e}this.lowPercent=l;this.highPercent=s;this.currentPercent=a?r:0;this.lowActive=!!i&&i>e&&(!a||i>a)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!a||n>a)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:a}=this;const l=e?e:i;const s=t?t:n;const r=a>=l;const c=a<l;const o=a>=s;const h=a<s;if(!a||!e&&h||c){return g.success}else if(r&&h){return g.warning}else if(o){return g.danger}else{return g.success}}intersects(e,t){return e&&t&&b(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const a=this.intersects(i,n);const l=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=g.labelHidden;if(t){if(c||s||l){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||a){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const a=e.getBoundingClientRect().width;const l=t.getBoundingClientRect().width;const s=100*(a-0)/(l-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[g.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:g.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:a}=this;const l=this.formatLabel(i==="percent"?e/100:a||0,i);return t("div",{class:{[g.label]:true,[g.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},l,n&&i!=="percent"&&t("span",{class:g.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:a}=this;const l={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"min-label-line",style:l,ref:e=>this.minLabelEl=e},s,a&&e!=="percent"&&t("span",{class:g.unitLabel}," ",a))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:a,labelFlipProximity:l}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(a-n)/100<l?c:r;return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"low-label-line",style:o,ref:e=>this.lowLabelEl=e},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:a}=this;const l=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=a?r:s;return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"high-label-line",style:c,ref:e=>this.highLabelEl=e},l)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const a={insetInlineEnd:`${100-n}%`};const l=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"max-label-line",style:a,ref:e=>this.maxLabelEl=e},l)}render(){const{appearance:e,currentPercent:n,highActive:a,highPercent:l,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:u,rangeLabels:b,rangeLabelType:p,unitLabel:f,value:m,valueLabel:v,valueLabelType:L}=this;const y=this.formatLabel(n/100,"percent");const x=`${m} ${f}`;const w=L==="percent"?y:f?x:undefined;return t(i,null,t("div",{"aria-label":s,"aria-valuemax":p==="percent"?h:o,"aria-valuemin":p==="percent"?u:d,"aria-valuenow":L==="percent"?n:m,"aria-valuetext":w,class:{[g.container]:true,[g.stepsVisible]:b,[g.valueVisible]:v,[e]:e!=="outline-fill"},role:"meter",ref:e=>this.meterContainerEl=e},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),a&&this.renderRangeLine(l),b&&this.renderMinLabel(),b&&r&&this.renderLowLabel(),b&&a&&this.renderHighLabel(),b&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};m.style=f;export{m as calcite_meter};
+//# sourceMappingURL=p-8ea943ab.entry.js.map

package/dist/calcite/p-8ecfbd8b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{d as e}from"./p-28c4b511.js";import"./p-1ca7fe9c.js";import"./p-e72b8fac.js";import"./p-1410c913.js";import"./p-0c16a3b3.js";import"./p-a1e39b70.js";import"./p-7cc09828.js";import"./p-565a28af.js";import"./p-5bcb94f2.js";import"./p-9839b3a4.js";import"./p-b67f2f5b.js";import"./p-db808440.js";import"./p-260f9eff.js";import"./p-5b2a1340.js";import"./p-dbb11a6d.js";import"./p-26847988.js";import"./p-d2aed476.js";import"./p-9e781854.js";import"./p-1c4763a4.js";function r(e){return e%100==2}function t(e){return e%100==3||e%100==4}function m(e,m,n,a){var i=e+" ";switch(n){case"s":return m||a?"nekaj sekund":"nekaj sekundami";case"m":return m?"ena minuta":"eno minuto";case"mm":if(r(e)){return i+(m||a?"minuti":"minutama")}if(t(e)){return i+(m||a?"minute":"minutami")}return i+(m||a?"minut":"minutami");case"h":return m?"ena ura":a?"eno uro":"eno uro";case"hh":if(r(e)){return i+(m||a?"uri":"urama")}if(t(e)){return i+(m||a?"ure":"urami")}return i+(m||a?"ur":"urami");case"d":return m||a?"en dan":"enim dnem";case"dd":if(r(e)){return i+(m||a?"dneva":"dnevoma")}return i+(m||a?"dni":"dnevi");case"M":return m||a?"en mesec":"enim mesecem";case"MM":if(r(e)){return i+(m||a?"meseca":"mesecema")}if(t(e)){return i+(m||a?"mesece":"meseci")}return i+(m||a?"mesecev":"meseci");case"y":return m||a?"eno leto":"enim letom";case"yy":if(r(e)){return i+(m||a?"leti":"letoma")}if(t(e)){return i+(m||a?"leta":"leti")}return i+(m||a?"let":"leti")}}var n={name:"sl",weekdays:"nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota".split("_"),months:"januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december".split("_"),weekStart:1,weekdaysShort:"ned._pon._tor._sre._čet._pet._sob.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_to_sr_če_pe_so".split("_"),ordinal:function e(r){return r+"."},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:"čez %s",past:"pred %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m}};e.locale(n,null,true);export default n;
+//# sourceMappingURL=p-8ecfbd8b.js.map

package/dist/calcite/p-8ecfbd8b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dual","n","threeFour","translate","number","withoutSuffix","key","isFuture","result","locale","name","weekdays","split","months","weekStart","weekdaysShort","monthsShort","weekdaysMin","ordinal","formats","LT","LTS","L","LL","LLL","LLLL","l","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/sl.js"],"sourcesContent":["// Slovenian [sl]\nimport dayjs from '../index';\n\nfunction dual(n) {\n  return n % 100 == 2; // eslint-disable-line\n}\n\nfunction threeFour(n) {\n  return n % 100 == 3 || n % 100 == 4; // eslint-disable-line\n}\n/* eslint-disable */\n\n\nfunction translate(number, withoutSuffix, key, isFuture) {\n  var result = number + \" \";\n\n  switch (key) {\n    case 's':\n      // a few seconds / in a few seconds / a few seconds ago\n      return withoutSuffix || isFuture ? 'nekaj sekund' : 'nekaj sekundami';\n\n    case 'm':\n      // a minute / in a minute / a minute ago\n      return withoutSuffix ? 'ena minuta' : 'eno minuto';\n\n    case 'mm':\n      // 9 minutes / in 9 minutes / 9 minutes ago\n      if (dual(number)) {\n        return result + (withoutSuffix || isFuture ? 'minuti' : 'minutama');\n      }\n\n      if (threeFour(number)) {\n        return result + (withoutSuffix || isFuture ? 'minute' : 'minutami');\n      }\n\n      return result + (withoutSuffix || isFuture ? 'minut' : 'minutami');\n\n    case 'h':\n      // an hour / in an hour / an hour ago\n      return withoutSuffix ? 'ena ura' : isFuture ? 'eno uro' : 'eno uro';\n\n    case 'hh':\n      // 9 hours / in 9 hours / 9 hours ago\n      if (dual(number)) {\n        return result + (withoutSuffix || isFuture ? 'uri' : 'urama');\n      }\n\n      if (threeFour(number)) {\n        return result + (withoutSuffix || isFuture ? 'ure' : 'urami');\n      }\n\n      return result + (withoutSuffix || isFuture ? 'ur' : 'urami');\n\n    case 'd':\n      // a day / in a day / a day ago\n      return withoutSuffix || isFuture ? 'en dan' : 'enim dnem';\n\n    case 'dd':\n      // 9 days / in 9 days / 9 days ago\n      if (dual(number)) {\n        return result + (withoutSuffix || isFuture ? 'dneva' : 'dnevoma');\n      }\n\n      return result + (withoutSuffix || isFuture ? 'dni' : 'dnevi');\n\n    case 'M':\n      // a month / in a month / a month ago\n      return withoutSuffix || isFuture ? 'en mesec' : 'enim mesecem';\n\n    case 'MM':\n      // 9 months / in 9 months / 9 months ago\n      if (dual(number)) {\n        // 2 minutes / in 2 minutes\n        return result + (withoutSuffix || isFuture ? 'meseca' : 'mesecema');\n      }\n\n      if (threeFour(number)) {\n        return result + (withoutSuffix || isFuture ? 'mesece' : 'meseci');\n      }\n\n      return result + (withoutSuffix || isFuture ? 'mesecev' : 'meseci');\n\n    case 'y':\n      // a year / in a year / a year ago\n      return withoutSuffix || isFuture ? 'eno leto' : 'enim letom';\n\n    case 'yy':\n      // 9 years / in 9 years / 9 years ago\n      if (dual(number)) {\n        // 2 minutes / in 2 minutes\n        return result + (withoutSuffix || isFuture ? 'leti' : 'letoma');\n      }\n\n      if (threeFour(number)) {\n        return result + (withoutSuffix || isFuture ? 'leta' : 'leti');\n      }\n\n      return result + (withoutSuffix || isFuture ? 'let' : 'leti');\n  }\n}\n/* eslint-enable */\n\n\nvar locale = {\n  name: 'sl',\n  weekdays: 'nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota'.split('_'),\n  months: 'januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december'.split('_'),\n  weekStart: 1,\n  weekdaysShort: 'ned._pon._tor._sre._čet._pet._sob.'.split('_'),\n  monthsShort: 'jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.'.split('_'),\n  weekdaysMin: 'ne_po_to_sr_če_pe_so'.split('_'),\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  },\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D. MMMM YYYY',\n    LLL: 'D. MMMM YYYY H:mm',\n    LLLL: 'dddd, D. MMMM YYYY H:mm',\n    l: 'D. M. YYYY'\n  },\n  relativeTime: {\n    future: 'čez %s',\n    past: 'pred %s',\n    s: translate,\n    m: translate,\n    mm: translate,\n    h: translate,\n    hh: translate,\n    d: translate,\n    dd: translate,\n    M: translate,\n    MM: translate,\n    y: translate,\n    yy: translate\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAGA,SAASA,EAAKC,GACZ,OAAOA,EAAI,KAAO,CACpB,CAEA,SAASC,EAAUD,GACjB,OAAOA,EAAI,KAAO,GAAKA,EAAI,KAAO,CACpC,CAIA,SAASE,EAAUC,EAAQC,EAAeC,EAAKC,GAC7C,IAAIC,EAASJ,EAAS,IAEtB,OAAQE,GACN,IAAK,IAEH,OAAOD,GAAiBE,EAAW,eAAiB,kBAEtD,IAAK,IAEH,OAAOF,EAAgB,aAAe,aAExC,IAAK,KAEH,GAAIL,EAAKI,GAAS,CAChB,OAAOI,GAAUH,GAAiBE,EAAW,SAAW,WAChE,CAEM,GAAIL,EAAUE,GAAS,CACrB,OAAOI,GAAUH,GAAiBE,EAAW,SAAW,WAChE,CAEM,OAAOC,GAAUH,GAAiBE,EAAW,QAAU,YAEzD,IAAK,IAEH,OAAOF,EAAgB,UAAYE,EAAW,UAAY,UAE5D,IAAK,KAEH,GAAIP,EAAKI,GAAS,CAChB,OAAOI,GAAUH,GAAiBE,EAAW,MAAQ,QAC7D,CAEM,GAAIL,EAAUE,GAAS,CACrB,OAAOI,GAAUH,GAAiBE,EAAW,MAAQ,QAC7D,CAEM,OAAOC,GAAUH,GAAiBE,EAAW,KAAO,SAEtD,IAAK,IAEH,OAAOF,GAAiBE,EAAW,SAAW,YAEhD,IAAK,KAEH,GAAIP,EAAKI,GAAS,CAChB,OAAOI,GAAUH,GAAiBE,EAAW,QAAU,UAC/D,CAEM,OAAOC,GAAUH,GAAiBE,EAAW,MAAQ,SAEvD,IAAK,IAEH,OAAOF,GAAiBE,EAAW,WAAa,eAElD,IAAK,KAEH,GAAIP,EAAKI,GAAS,CAEhB,OAAOI,GAAUH,GAAiBE,EAAW,SAAW,WAChE,CAEM,GAAIL,EAAUE,GAAS,CACrB,OAAOI,GAAUH,GAAiBE,EAAW,SAAW,SAChE,CAEM,OAAOC,GAAUH,GAAiBE,EAAW,UAAY,UAE3D,IAAK,IAEH,OAAOF,GAAiBE,EAAW,WAAa,aAElD,IAAK,KAEH,GAAIP,EAAKI,GAAS,CAEhB,OAAOI,GAAUH,GAAiBE,EAAW,OAAS,SAC9D,CAEM,GAAIL,EAAUE,GAAS,CACrB,OAAOI,GAAUH,GAAiBE,EAAW,OAAS,OAC9D,CAEM,OAAOC,GAAUH,GAAiBE,EAAW,MAAQ,QAE3D,CAIG,IAACE,EAAS,CACXC,KAAM,KACNC,SAAU,sDAAsDC,MAAM,KACtEC,OAAQ,wFAAwFD,MAAM,KACtGE,UAAW,EACXC,cAAe,qCAAqCH,MAAM,KAC1DI,YAAa,8DAA8DJ,MAAM,KACjFK,YAAa,uBAAuBL,MAAM,KAC1CM,QAAS,SAASA,EAAQjB,GACxB,OAAOA,EAAI,GACf,EACEkB,QAAS,CACPC,GAAI,OACJC,IAAK,UACLC,EAAG,aACHC,GAAI,eACJC,IAAK,oBACLC,KAAM,0BACNC,EAAG,cAELC,aAAc,CACZC,OAAQ,SACRC,KAAM,UACNC,EAAG3B,EACH4B,EACAC,GAAI7B,EACJ8B,EAAG9B,EACH+B,GAAI/B,EACJgC,EAAGhC,EACHiC,GAAIjC,EACJkC,EAAGlC,EACHmC,GAAInC,EACJoC,EAAGpC,EACHqC,GAAIrC,IAGRsC,EAAMhC,OAAOA,EAAQ,KAAM,qB"}

package/dist/calcite/p-8f564b6b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{a as n}from"./p-1ca7fe9c.js";import{n as t,g as r}from"./p-260f9eff.js";function e(n,t,r){if(!n){return}const e=n.getTime();const o=!(t instanceof Date)||e>=t.getTime();const s=!(r instanceof Date)||e<=r.getTime();return o&&s}function o(n,t,r){if(!(n instanceof Date)){return null}const e=n.getTime();const o=t instanceof Date&&e<t.getTime();const s=r instanceof Date&&e>r.getTime();if(o){return t}if(s){return r}return n}function s(n,t=false){if(n instanceof Date){return n}if(!n||typeof n!=="string"){return null}const r=n.split(/[: T-]/).map(parseFloat);const e=new Date(r[0],(r[1]||1)-1,r[2]||1);e.setFullYear(r[0]);if(isNaN(e.getTime())){throw new Error(`Invalid ISO 8601 date: "${n}"`)}if(t){return g(e)}return e}function a(n,t){if(!t){return null}const{separator:r}=t;const e=m(n,t);const{day:o,month:s}=e;const a=c(e.year,t);const i=new Date(a,s,o);i.setFullYear(a);const u=o>0;const f=s>-1;const l=!isNaN(i.getTime());const d=n.split(r).filter((n=>n)).length>2;const D=a.toString().length>0;if(u&&f&&l&&d&&D){return i}return null}function c(n,t){return u(n,t,"read")}function i(n,t){return u(n,t,"write")}function u(n,t,r){if(t["default-calendar"]!=="buddhist"){return n}const e=543;const o=e*(r==="read"?-1:1);return n+o}function f(n,r){const{separator:e,unitOrder:o}=r;const s=w(o);const a=n.split(e).map((n=>t.delocalize(n)));const c=a[s.indexOf("d")];const i=a[s.indexOf("m")];const u=a[s.indexOf("y")];return{day:c,month:i,year:u}}function l(n){if(n instanceof Date){return new Date(n.getTime()-n.getTimezoneOffset()*6e4).toISOString().split("T")[0]}return""}function d(n){const t=n.split("-");return{day:t[2],month:t[1],year:t[0]}}function D(n,t){return n instanceof Date&&t instanceof Date&&n.getDate()===t.getDate()&&n.getMonth()===t.getMonth()&&n.getFullYear()===t.getFullYear()}function p(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t-1);if(t===r.getMonth()){return new Date(n.getFullYear(),t,0)}return r}function y(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t+1);if((t+2)%7===r.getMonth()%7){return new Date(n.getFullYear(),t+2,0)}return r}function m(n,t){const{day:r,month:e,year:o}=f(n,t);return{day:parseInt(r),month:parseInt(e)-1,year:parseInt(o)}}function w(n){const t=["d","m","y"];const r=n.toLowerCase();return t.sort(((n,t)=>r.indexOf(n)-r.indexOf(t)))}function h(n,t){const r=n.getTime();const e=t.getTime();return(r-e)/(1e3*3600*24)}function g(n){n.setHours(23,59,59,999);return n}const I={};const j={};async function N(t){const e=r(t);if(I[e]){return I[e]}if(!j[e]){j[e]=fetch(n(`./assets/date-picker/nls/${e}.json`)).then((n=>n.json())).catch((()=>{console.error(`Translations for "${e}" not found or invalid, falling back to english`);return N("en")}))}const o=await j[e];I[e]=o;return o}function b(n){return n.map(((n,t)=>s(n,t===1)))}export{f as a,a as b,l as c,d,s as e,N as f,b as g,o as h,e as i,h as j,D as k,w as l,i as m,y as n,c as o,p,g as s};
+//# sourceMappingURL=p-8f564b6b.js.map

package/dist/calcite/p-93cd237b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{h as t}from"./p-1ca7fe9c.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const a=e.level?`h${e.level}`:"div";delete e.level;return t(a,{...e},r)};export{r as H,e as c};
+//# sourceMappingURL=p-93cd237b.js.map

package/dist/calcite/p-96fcb196.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/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{r as e,c as t,h as i,F as n,g as a}from"./p-1ca7fe9c.js";import{c as s,d as o}from"./p-1e640794.js";import{e as c,g as r,t as l}from"./p-1410c913.js";import{c as d,d as h}from"./p-260f9eff.js";import{u as p,c as g,s as f,d as m}from"./p-d2aed476.js";import{H as u,c as x}from"./p-93cd237b.js";import{c as v}from"./p-5b2a1340.js";import"./p-0c16a3b3.js";import"./p-a1e39b70.js";import"./p-5bcb94f2.js";const b={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.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}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:b.header},i(u,{class:b.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:b.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:b.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:b.info},i("slot",null))}renderContent(){return i("div",{class:b.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,null,i("article",{class:b.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};w.style=z;const C=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",null)}};L.style=C;const j={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const T={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const H=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.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}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=v("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:j.pagination},i("calcite-action",{class:j.pagePrevious,icon:e==="ltr"?T.chevronLeft:T.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:j.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:j.pageNext,icon:e==="ltr"?T.chevronRight:T.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:j.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},i("header",{class:j.header},i(u,{class:j.heading,level:n},a),i("calcite-action",{class:j.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:T.close,scale:"m"}))),i("div",{class:{[j.tipContainer]:true,[j.tipContainerAdvancing]:!e&&t==="advancing",[j.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=H;export{w as calcite_tip,L as calcite_tip_group,I as calcite_tip_manager};
+//# sourceMappingURL=p-96fcb196.entry.js.map

package/dist/calcite/p-981b4646.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{d as _}from"./p-28c4b511.js";import"./p-1ca7fe9c.js";import"./p-e72b8fac.js";import"./p-1410c913.js";import"./p-0c16a3b3.js";import"./p-a1e39b70.js";import"./p-7cc09828.js";import"./p-565a28af.js";import"./p-5bcb94f2.js";import"./p-9839b3a4.js";import"./p-b67f2f5b.js";import"./p-db808440.js";import"./p-260f9eff.js";import"./p-5b2a1340.js";import"./p-dbb11a6d.js";import"./p-26847988.js";import"./p-d2aed476.js";import"./p-9e781854.js";import"./p-1c4763a4.js";var p={name:"hi",weekdays:"रविवार_सोमवार_मंगलवार_बुधवार_गुरूवार_शुक्रवार_शनिवार".split("_"),months:"जनवरी_फ़रवरी_मार्च_अप्रैल_मई_जून_जुलाई_अगस्त_सितम्बर_अक्टूबर_नवम्बर_दिसम्बर".split("_"),weekdaysShort:"रवि_सोम_मंगल_बुध_गुरू_शुक्र_शनि".split("_"),monthsShort:"जन._फ़र._मार्च_अप्रै._मई_जून_जुल._अग._सित._अक्टू._नव._दिस.".split("_"),weekdaysMin:"र_सो_मं_बु_गु_शु_श".split("_"),ordinal:function _(p){return p},formats:{LT:"A h:mm बजे",LTS:"A h:mm:ss बजे",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm बजे",LLLL:"dddd, D MMMM YYYY, A h:mm बजे"},relativeTime:{future:"%s में",past:"%s पहले",s:"कुछ ही क्षण",m:"एक मिनट",mm:"%d मिनट",h:"एक घंटा",hh:"%d घंटे",d:"एक दिन",dd:"%d दिन",M:"एक महीने",MM:"%d महीने",y:"एक वर्ष",yy:"%d वर्ष"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-981b4646.js.map

package/dist/calcite/p-9839b3a4.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.10
+ */
+import{k as n,q as t,c}from"./p-1410c913.js";import{c as e}from"./p-b67f2f5b.js";const o="calciteInternalLabelClick";const s="calciteInternalLabelConnected";const r="calciteInternalLabelDisconnected";const i="calcite-label";const u=new WeakMap;const a=new WeakMap;const f=new WeakMap;const l=new WeakMap;const m=new Set;const b=n=>{const{id:e}=n;const o=e&&t(n,{selector:`${i}[for="${e}"]`});if(o){return o}const s=c(n,i);if(!s||d(s,n)){return null}return s};function d(n,t){let c;const e="custom-element-ancestor-check";const o=e=>{e.stopImmediatePropagation();const o=e.composedPath();c=o.slice(o.indexOf(t),o.indexOf(n))};n.addEventListener(e,o,{once:true});t.dispatchEvent(new CustomEvent(e,{composed:true,bubbles:true}));n.removeEventListener(e,o);const s=c.filter((c=>c!==t&&c!==n)).filter((n=>n.tagName?.includes("-")));return s.length>0}function p(n){if(!n){return}const t=b(n.el);if(a.has(t)&&t===n.labelEl||!t&&m.has(n)){return}const c=C.bind(n);if(t){n.labelEl=t;const e=u.get(t)||[];e.push(n);u.set(t,e.sort(k));if(!a.has(n.labelEl)){a.set(n.labelEl,M);n.labelEl.addEventListener(o,M)}m.delete(n);document.removeEventListener(s,f.get(n));l.set(n,c);document.addEventListener(r,c)}else if(!m.has(n)){c();document.removeEventListener(r,l.get(n))}}function h(n){if(!n){return}m.delete(n);document.removeEventListener(s,f.get(n));document.removeEventListener(r,l.get(n));f.delete(n);l.delete(n);if(!n.labelEl){return}const t=u.get(n.labelEl);if(t.length===1){n.labelEl.removeEventListener(o,a.get(n.labelEl));a.delete(n.labelEl)}u.set(n.labelEl,t.filter((t=>t!==n)).sort(k));n.labelEl=null}function k(t,c){return n(t.el,c.el)?-1:1}function w(n){return n.label||n.labelEl?.textContent?.trim()||""}function M(n){const t=n.detail.sourceEvent.target;const c=u.get(this);const e=c.find((n=>n.el===t));const o=c.includes(e);if(o){return}const s=c[0];if(s.disabled){return}s.onLabelClick(n)}function W(){if(m.has(this)){p(this)}}function C(){m.add(this);const n=f.get(this)||W.bind(this);f.set(this,n);document.addEventListener(s,n)}async function I(n){await e(n);const t=u.has(n);if(t){return}const c=n.ownerDocument?.getElementById(n.for);if(!c){return}requestAnimationFrame((()=>{for(const n of m){if(n.el===c){p(n);break}}}))}export{I as a,r as b,p as c,h as d,w as g,s as l};
+//# sourceMappingURL=p-9839b3a4.js.map