@esri/calcite-components 2.6.0-next.1 → 2.6.0-next.2

package/dist/calcite/p-f5f4d657.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.6.0-next.2
+ */
+import{r as t,h as e,F as n,g as o,c as i,f as a}from"./p-f8f9cef3.js";import{c as l,d as s}from"./p-3b7f927d.js";import{b as r,s as c,e as h,g as d,i as p}from"./p-a6243d9a.js";import{c as x,d as f}from"./p-b0528b4b.js";import{c as u}from"./p-4a194ced.js";import{c as b,s as w,d as m,u as v}from"./p-a534e089.js";import{C as g}from"./p-867e447e.js";import"./p-3e92a6e4.js";import"./p-2448987f.js";import"./p-ff8fc6a4.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:all 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 f=o*i;const u=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(u.indexOf(e)>-1){t.preventDefault()}const b=d(n);const w=["ArrowLeft","ArrowRight"];const m=["ArrowDown","ArrowUp"];const v=b==="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?f: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?f: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-f:r-f}if(e==="PageUp"){return a==="horizontal"?c+f:r+f}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);b(this)}async componentWillLoad(){await w(this)}disconnectedCallback(){s(this);this.disconnectSeparator();f(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:f}=this;const u=d(this.el);const b=f!=="float"&&p;const w=b?x==="horizontal"?r?{height:`${r}px`}:null:a?{width:`${a}px`}:null:null;const m=!t&&b?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]:f==="overlay",[I.contentFloat]:f==="float",[g.calciteAnimate]:f==="overlay",[v()]:f==="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-f5f4d657.entry.js.map

package/dist/calcite/p-f8b23e6b.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.6.0-next.2
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-f8f9cef3.js";import{b as a,t as n,e as l,h as r}from"./p-a6243d9a.js";import{g as c}from"./p-bbcbc447.js";import{s as h,a as d,c as u}from"./p-75a52371.js";import{N as m,c as p,d as g}from"./p-b0528b4b.js";import{o as f}from"./p-65ec787c.js";import{c as v,s as b,d as k,u as w}from"./p-a534e089.js";import{K as x}from"./p-da276851.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-ff8fc6a4.js";import"./p-3e92a6e4.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:all 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=a(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);v(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(){h(this);await b(this);if(this.open){f(this)}}componentDidLoad(){d(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:a,queued:l}=this;const c=e?"alert":"alertdialog";const h=!t;const d=r(x,this.icon,this.kind);const u=this.queueLength>1;return i(s,{"aria-hidden":n(h),"aria-label":o,"calcite-hydrated-hidden":h,role:c},i("div",{class:{[C.container]:true,[C.containerQueued]:l,[`${C.container}--${a}`]:true,[C.containerSlottedInShell]:this.slottedInShell},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseLeave:null,ref:this.setTransitionEl},d&&this.renderIcon(d),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-f8b23e6b.entry.js.map

package/dist/calcite/p-f8b23e6b.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":"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"}

package/dist/calcite/p-f8f9cef3.js

@@ -0,0 +1,8 @@
+/*!
+ * 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.6.0-next.2
+ */
+const t="calcite";let n;let e;let s=false;let l=false;const o=t=>{const n=new URL(t,qt.t);return n.origin!==Tt.location.origin?n.href:n.pathname};const i=(t,n="")=>{{return()=>{}}};const c=(t,n)=>{{return()=>{}}};const f="r";const r="o";const u="s";const a="t";const d="s-id";const $="sty-id";const v="c-id";const h="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const y="http://www.w3.org/1999/xlink";const m={};const w="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const g=t=>t!=null;const S=t=>{t=typeof t;return t==="object"||t==="function"};function k(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const j=(t,n,...e)=>{let s=null;let l=null;let o=false;let i=false;const c=[];const f=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!S(s)){s=String(s)}if(o&&i){c[c.length-1].l+=s}else{c.push(o?O(null,s):s)}i=o}}};f(e);if(n){if(n.key){l=n.key}{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}if(typeof t==="function"){return t(n===null?{}:n,c,M)}const r=O(t,null);r.o=n;if(c.length>0){r.i=c}{r.u=l}return r};const O=(t,n)=>{const e={$:0,v:t,l:n,h:null,i:null};{e.o=null}{e.u=null}return e};const x={};const C=t=>t&&t.v===x;const M={forEach:(t,n)=>t.map(P).forEach(n),map:(t,n)=>t.map(P).map(n).map(R)};const P=t=>({vattrs:t.o,vchildren:t.i,vkey:t.u,vname:t.p,vtag:t.v,vtext:t.l});const R=t=>{if(typeof t.vtag==="function"){const n=Object.assign({},t.vattrs);if(t.vkey){n.key=t.vkey}if(t.vname){n.name=t.vname}return j(t.vtag,n,...t.vchildren||[])}const n=O(t.vtag,t.vtext);n.o=t.vattrs;n.i=t.vchildren;n.u=t.vkey;n.p=t.vname;return n};const U=(t,n,e,s)=>{const l=i("hydrateClient",n);const o=t.shadowRoot;const c=[];const f=[];const r=o?[]:null;const u=s.m=O(n,null);if(!qt.S){I(Ht.body,qt.S=new Map)}t[d]=e;t.removeAttribute(d);E(u,c,f,r,t,t,e);c.map((t=>{const e=t.k+"."+t.j;const s=qt.S.get(e);const l=t.h;if(s&&Vt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=n;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}qt.S.delete(e)}));if(o){r.map((t=>{if(t){o.appendChild(t)}}))}l()};const E=(t,n,e,s,l,o,i)=>{let c;let r;let d;let $;if(o.nodeType===1){c=o.getAttribute(v);if(c){r=c.split(".");if(r[0]===i||r[0]==="0"){d={$:0,k:r[0],j:r[1],O:r[2],C:r[3],v:o.tagName.toLowerCase(),h:o,o:null,i:null,u:null,p:null,l:null};n.push(d);o.removeAttribute(v);if(!t.i){t.i=[]}t.i[d.C]=d;t=d;if(s&&d.O==="0"){s[d.C]=d.h}}}for($=o.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.childNodes[$],i)}if(o.shadowRoot){for($=o.shadowRoot.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.shadowRoot.childNodes[$],i)}}}else if(o.nodeType===8){r=o.nodeValue.split(".");if(r[1]===i||r[1]==="0"){c=r[0];d={$:0,k:r[1],j:r[2],O:r[3],C:r[4],h:o,o:null,i:null,u:null,p:null,v:null,l:null};if(c===a){d.h=o.nextSibling;if(d.h&&d.h.nodeType===3){d.l=d.h.textContent;n.push(d);o.remove();if(!t.i){t.i=[]}t.i[d.C]=d;if(s&&d.O==="0"){s[d.C]=d.h}}}else if(d.k===i){if(c===u){d.v="slot";if(r[5]){o["s-sn"]=d.p=r[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){d.h=Ht.createElement(d.v);if(d.p){d.h.setAttribute("name",d.p)}o.parentNode.insertBefore(d.h,o);o.remove();if(d.O==="0"){s[d.C]=d.h}}e.push(d);if(!t.i){t.i=[]}t.i[d.C]=d}else if(c===f){if(s){o.remove()}}}}}else if(t&&t.v==="style"){const n=O(null,o.textContent);n.h=o;n.C="0";t.i=[n]}};const I=(t,n)=>{if(t.nodeType===1){let e=0;for(;e<t.childNodes.length;e++){I(t.childNodes[e],n)}if(t.shadowRoot){for(e=0;e<t.shadowRoot.childNodes.length;e++){I(t.shadowRoot.childNodes[e],n)}}}else if(t.nodeType===8){const e=t.nodeValue.split(".");if(e[0]===r){n.set(e[1]+"."+e[2],t);t.nodeValue="";t["s-en"]=e[3]}}};const L=(t,n)=>{if(t!=null&&!S(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&2){return parseFloat(t)}if(n&1){return String(t)}return t}return t};const F=t=>Et(t).$hostElement$;const N=(t,n,e)=>{const s=F(t);return{emit:t=>W(s,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:t})}};const W=(t,n,e)=>{const s=qt.ce(n,e);t.dispatchEvent(s);return s};const A=new WeakMap;const D=(t,n,e)=>{let s=Dt.get(t);if(zt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}Dt.set(t,s)};const T=(t,n,e)=>{var s;const l=q(n);const o=Dt.get(l);t=t.nodeType===11?t:Ht;if(o){if(typeof o==="string"){t=t.head||t;let e=A.get(t);let i;if(!e){A.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(i=t.querySelector(`[${$}="${l}"]`))){i.innerHTML=o}else{i=Ht.createElement("style");i.innerHTML=o;const n=(s=qt.M)!==null&&s!==void 0?s:k(Ht);if(n!=null){i.setAttribute("nonce",n)}t.insertBefore(i,t.querySelector("link"))}if(n.$&4){i.innerHTML+=p}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const H=t=>{const n=t.P;const e=t.$hostElement$;const s=n.$;const l=i("attachStyles",n.R);const o=T(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=o;e.classList.add(o+"-h")}l()};const q=(t,n)=>"sc-"+t.R;const V=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const _=(t,n,e,s,l,o)=>{if(e!==s){let i=Ft(t,n);let c=n.toLowerCase();if(n==="class"){const n=t.classList;const l=B(e);const o=B(s);n.remove(...l.filter((t=>t&&!o.includes(t))));n.add(...o.filter((t=>t&&!l.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else if(n==="key");else if(n==="ref"){if(s){s(t)}}else if(!i&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(Ft(Tt,c)){n=c.slice(2)}else{n=c[2]+n.slice(3)}if(e||s){const l=n.endsWith(G);n=n.replace(J,"");if(e){qt.rel(t,n,e,l)}if(s){qt.ael(t,n,s,l)}}}else{const f=S(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(n==="list"){i=false}else if(e==null||t[n]!=l){t[n]=l}}else{t[n]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){n=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){if(r){t.removeAttributeNS(y,n)}else{t.removeAttribute(n)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(y,n,s)}else{t.setAttribute(n,s)}}}}};const z=/\s/;const B=t=>!t?[]:t.split(z);const G="Capture";const J=new RegExp(G+"$");const K=(t,n,e,s)=>{const l=n.h.nodeType===11&&n.h.host?n.h.host:n.h;const o=t&&t.o||m;const i=n.o||m;{for(s in o){if(!(s in i)){_(l,s,o[s],undefined,e,n.$)}}}for(s in i){_(l,s,o[s],i[s],e,n.$)}};const Q=(t,l,o,i)=>{const c=l.i[o];let f=0;let r;let u;if(c.l!==null){r=c.h=Ht.createTextNode(c.l)}else{if(!s){s=c.v==="svg"}r=c.h=Ht.createElementNS(s?w:b,c.v);if(s&&c.v==="foreignObject"){s=false}{K(null,c,s)}if(g(n)&&r["s-si"]!==n){r.classList.add(r["s-si"]=n)}if(c.i){for(f=0;f<c.i.length;++f){u=Q(t,c,f);if(u){r.appendChild(u)}}}{if(c.v==="svg"){s=false}else if(r.tagName==="foreignObject"){s=true}}}r["s-hn"]=e;return r};const X=(t,n,s,l,o,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===e){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=Q(null,s,o);if(f){l[o].h=f;c.insertBefore(f,n)}}}};const Y=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.h;et(n);if(t){t.remove()}}}};const Z=(t,n,e,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=n.length-1;let u=n[0];let a=n[r];let d=s.length-1;let $=s[0];let v=s[d];let h;let p;while(o<=r&&i<=d){if(u==null){u=n[++o]}else if(a==null){a=n[--r]}else if($==null){$=s[++i]}else if(v==null){v=s[--d]}else if(tt(u,$,l)){nt(u,$,l);u=n[++o];$=s[++i]}else if(tt(a,v,l)){nt(a,v,l);a=n[--r];v=s[--d]}else if(tt(u,v,l)){nt(u,v,l);t.insertBefore(u.h,a.h.nextSibling);u=n[++o];v=s[--d]}else if(tt(a,$,l)){nt(a,$,l);t.insertBefore(a.h,u.h);a=n[--r];$=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(n[f]&&n[f].u!==null&&n[f].u===$.u){c=f;break}}}if(c>=0){p=n[c];if(p.v!==$.v){h=Q(n&&n[i],e,c)}else{nt(p,$,l);n[c]=undefined;h=p.h}$=s[++i]}else{h=Q(n&&n[i],e,i);$=s[++i]}if(h){{u.h.parentNode.insertBefore(h,u.h)}}}}if(o>r){X(t,s[d+1]==null?null:s[d+1].h,e,s,i,d)}else if(i>d){Y(n,o,r)}};const tt=(t,n,e=false)=>{if(t.v===n.v){if(!e){return t.u===n.u}return true}return false};const nt=(t,n,e=false)=>{const l=n.h=t.h;const o=t.i;const i=n.i;const c=n.v;const f=n.l;if(f===null){{s=c==="svg"?true:c==="foreignObject"?false:s}{if(c==="slot");else{K(t,n,s)}}if(o!==null&&i!==null){Z(l,o,n,i,e)}else if(i!==null){if(t.l!==null){l.textContent=""}X(l,null,n,i,0,i.length-1)}else if(o!==null){Y(o,0,o.length-1)}if(s&&c==="svg"){s=false}}else if(t.l!==f){l.data=f}};const et=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.i&&t.i.map(et)}};const st=(t,s,l=false)=>{const o=t.$hostElement$;const i=t.P;const c=t.m||O(null,null);const f=C(s)?s:j(null,null,s);e=o.tagName;if(i.U){f.o=f.o||{};i.U.map((([t,n])=>f.o[n]=o[t]))}if(l&&f.o){for(const t of Object.keys(f.o)){if(o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){f.o[t]=o[t]}}}f.v=null;f.$|=4;t.m=f;f.h=c.h=o.shadowRoot||o;{n=o["s-sc"]}nt(c,f,l)};const lt=(t,n)=>{if(n&&!t.I&&n["s-p"]){n["s-p"].push(new Promise((n=>t.I=n)))}};const ot=(t,n)=>{{t.$|=16}if(t.$&4){t.$|=512;return}lt(t,t.L);const e=()=>it(t,n);return Zt(e)};const it=(t,n)=>{const e=i("scheduleUpdate",t.P.R);const s=t.F;let l;if(n){{t.$|=256;if(t.N){t.N.map((([t,n])=>vt(s,t,n)));t.N=undefined}}{l=vt(s,"componentWillLoad")}}{l=ct(l,(()=>vt(s,"componentWillRender")))}e();return ct(l,(()=>rt(t,s,n)))};const ct=(t,n)=>ft(t)?t.then(n):n();const ft=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const rt=async(t,n,e)=>{var s;const l=t.$hostElement$;const o=i("update",t.P.R);const c=l["s-rc"];if(e){H(t)}const f=i("render",t.P.R);{ut(t,n,l,e)}if(c){c.map((t=>t()));l["s-rc"]=undefined}f();o();{const n=(s=l["s-p"])!==null&&s!==void 0?s:[];const e=()=>at(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.$|=4;n.length=0}}};const ut=(t,n,e,s)=>{try{n=n.render();{t.$&=~16}{t.$|=2}{{{st(t,n,s)}}}}catch(n){Nt(n,t.$hostElement$)}return null};const at=t=>{const n=t.P.R;const e=t.$hostElement$;const s=i("postUpdate",n);const l=t.F;const o=t.L;{vt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{ht(e)}{vt(l,"componentDidLoad")}s();{t.W(e);if(!o){$t()}}}else{{vt(l,"componentDidUpdate")}s()}{t.A(e)}{if(t.I){t.I();t.I=undefined}if(t.$&512){Xt((()=>ot(t,false)))}t.$&=~(4|512)}};const dt=t=>{{const n=Et(t);const e=n.$hostElement$.isConnected;if(e&&(n.$&(2|16))===2){ot(n,false)}return e}};const $t=n=>{{ht(Ht.documentElement)}Xt((()=>W(Tt,"appload",{detail:{namespace:t}})))};const vt=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){Nt(t)}}return undefined};const ht=t=>t.setAttribute("calcite-hydrated","");const pt=(t,n)=>Et(t).D.get(n);const yt=(t,n,e,s)=>{const l=Et(t);const o=l.$hostElement$;const i=l.D.get(n);const c=l.$;const f=l.F;e=L(e,s.T[n][0]);const r=Number.isNaN(i)&&Number.isNaN(e);const u=e!==i&&!r;if((!(c&8)||i===undefined)&&u){l.D.set(n,e);if(f){if(s.H&&c&128){const t=s.H[n];if(t){t.map((t=>{try{f[t](e,i,n)}catch(t){Nt(t,o)}}))}}if((c&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(e,i,n)===false){return}}ot(l,false)}}}};const mt=(t,n,e)=>{var s;const l=t.prototype;if(n.T){if(t.watchers){n.H=t.watchers}const o=Object.entries(n.T);o.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(l,t,{get(){return pt(this,t)},set(e){yt(this,t,e,n)},configurable:true,enumerable:true})}else if(e&1&&s&64){Object.defineProperty(l,t,{value(...n){var e;const s=Et(this);return(e=s===null||s===void 0?void 0:s.q)===null||e===void 0?void 0:e.then((()=>{var e;return(e=s.F)===null||e===void 0?void 0:e[t](...n)}))}})}}));if(e&1){const e=new Map;l.attributeChangedCallback=function(t,s,o){qt.jmp((()=>{var i;const c=e.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const e=Et(this);const l=e===null||e===void 0?void 0:e.$;if(l&&!(l&8)&&l&128&&o!==s){const l=e.F;const c=(i=n.H)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((n=>{if(l[n]!=null){l[n].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.H)!==null&&s!==void 0?s:{}),...o.filter((([t,n])=>n[0]&15)).map((([t,s])=>{var l;const o=s[1]||t;e.set(o,t);if(s[0]&512){(l=n.U)===null||l===void 0?void 0:l.push([t,o])}return o}))]))}}return t};const wt=async(t,n,e,s)=>{let l;if((n.$&32)===0){n.$|=32;{l=At(e);if(l.then){const t=c();l=await l;t()}if(!l.isProxied){{e.H=l.watchers}mt(l,e,2);l.isProxied=true}const t=i("createInstance",e.R);{n.$|=8}try{new l(n)}catch(t){Nt(t)}{n.$&=~8}{n.$|=128}t();bt(n.F)}if(l.style){let t=l.style;const n=q(e);if(!Dt.has(n)){const s=i("registerStyles",e.R);D(n,t,!!(e.$&1));s()}}}const o=n.L;const f=()=>ot(n,true);if(o&&o["s-rc"]){o["s-rc"].push(f)}else{f()}};const bt=t=>{{vt(t,"connectedCallback")}};const gt=t=>{if((qt.$&1)===0){const n=Et(t);const e=n.P;const s=i("connectedCallback",e.R);if(!(n.$&1)){n.$|=1;let s;{s=t.getAttribute(d);if(s){if(e.$&1){const n=T(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}U(t,e.R,s,n)}}{let e=t;while(e=e.parentNode||e.host){if(e.nodeType===1&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){lt(n,n.L=e);break}}}if(e.T){Object.entries(e.T).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{wt(t,n,e)}}else{xt(t,n,e.V);if(n===null||n===void 0?void 0:n.F){bt(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>bt(n.F)))}}s()}};const St=t=>{{vt(t,"disconnectedCallback")}};const kt=async t=>{if((qt.$&1)===0){const n=Et(t);{if(n.B){n.B.map((t=>t()));n.B=undefined}}if(n===null||n===void 0?void 0:n.F){St(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>St(n.F)))}}};const jt=(t,n={})=>{var e;const s=i();const l=[];const o=n.exclude||[];const c=Tt.customElements;const f=Ht.head;const r=f.querySelector("meta[charset]");const u=Ht.createElement("style");const a=[];const d=Ht.querySelectorAll(`[${$}]`);let v;let y=true;let m=0;Object.assign(qt,n);qt.t=new URL(n.resourcesUrl||"./",Ht.baseURI).href;{qt.$|=2}{for(;m<d.length;m++){D(d[m].getAttribute($),V(d[m].innerHTML),true)}}let w=false;t.map((t=>{t[1].map((n=>{var e;const s={$:n[0],R:n[1],T:n[2],V:n[3]};if(s.$&4){w=true}{s.T=n[2]}{s.V=n[3]}{s.U=[]}{s.H=(e=n[4])!==null&&e!==void 0?e:{}}const i=s.R;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,s);if(s.$&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(s.$&16)})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(y){a.push(this)}else{qt.jmp((()=>gt(this)))}}disconnectedCallback(){qt.jmp((()=>kt(this)))}componentOnReady(){return Et(this)._}};s.G=t[0];if(!o.includes(i)&&!c.get(i)){l.push(i);c.define(i,mt(f,s,1))}}))}));if(w){u.innerHTML+=p}{u.innerHTML+=l+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const t=(e=qt.M)!==null&&e!==void 0?e:k(Ht);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,r?r.nextSibling:f.firstChild)}y=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{qt.jmp((()=>v=setTimeout($t,30)))}}s()};const Ot=(t,n)=>n;const xt=(t,n,e,s)=>{if(e){e.map((([e,s,l])=>{const o=Mt(t,e);const i=Ct(n,l);const c=Pt(e);qt.ael(o,s,i,c);(n.B=n.B||[]).push((()=>qt.rel(o,s,i,c)))}))}};const Ct=(t,n)=>e=>{try{{if(t.$&256){t.F[n](e)}else{(t.N=t.N||[]).push([n,e])}}}catch(t){Nt(t)}};const Mt=(t,n)=>{if(n&4)return Ht;if(n&8)return Tt;if(n&16)return Ht.body;return t};const Pt=t=>(t&2)!==0;const Rt=t=>qt.M=t;const Ut=new WeakMap;const Et=t=>Ut.get(t);const It=(t,n)=>Ut.set(n.F=t,n);const Lt=(t,n)=>{const e={$:0,$hostElement$:t,P:n,D:new Map};{e.q=new Promise((t=>e.A=t))}{e._=new Promise((t=>e.W=t));t["s-p"]=[];t["s-rc"]=[]}xt(t,e,n.V);return Ut.set(t,e)};const Ft=(t,n)=>n in t;const Nt=(t,n)=>(0,console.error)(t,n);const Wt=new Map;const At=(t,n,e)=>{const s=t.R.replace(/-/g,"_");const l=t.G;const o=Wt.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Wt.set(l,t)}return t[s]}),Nt)};const Dt=new Map;const Tt=typeof window!=="undefined"?window:{};const Ht=Tt.document||{head:{}};const qt={$:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const Vt=true;const _t=t=>Promise.resolve(t);const zt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Bt=[];const Gt=[];const Jt=(t,n)=>e=>{t.push(e);if(!l){l=true;if(n&&qt.$&4){Xt(Qt)}else{qt.raf(Qt)}}};const Kt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){Nt(t)}}t.length=0};const Qt=()=>{Kt(Bt);{Kt(Gt);if(l=Bt.length>0){qt.raf(Qt)}}};const Xt=t=>_t().then(t);const Yt=Jt(Bt,false);const Zt=Jt(Gt,true);export{Ot as F,x as H,t as N,o as a,jt as b,N as c,Ht as d,Yt as e,dt as f,F as g,j as h,_t as p,It as r,Rt as s};
+//# sourceMappingURL=p-f8f9cef3.js.map

package/dist/calcite/p-f97a4e17.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.6.0-next.2
+ */
+import{r as t,h as a,g as s}from"./p-f8f9cef3.js";import{d as o}from"./p-a6243d9a.js";import{c as e,u as i,d,I as l}from"./p-77b97148.js";import{s as n,a as r,c}from"./p-75a52371.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-4880529d.js";const h={button:"button"};const p={plus:"plus"};const w=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--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)}calcite-button:hover{--tw-shadow:var(--calcite-shadow-md);--tw-shadow-colored:var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}";const b=class{constructor(a){t(this,a);this.appearance="solid";this.kind="brand";this.disabled=false;this.icon=p.plus;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false}connectedCallback(){e(this)}componentWillLoad(){n(this)}componentDidLoad(){r(this)}componentDidRender(){i(this)}disconnectedCallback(){d(this)}async setFocus(){await c(this);o(this.buttonEl)}render(){const{appearance:t,kind:s,disabled:o,loading:e,scale:i,textEnabled:d,icon:n,label:r,text:c,iconFlipRtl:p}=this;const w=!d?r||c||null:null;return a(l,{disabled:o},a("calcite-button",{appearance:t==="solid"?"solid":"outline-fill",class:h.button,disabled:o,iconFlipRtl:p?"start":null,iconStart:n,kind:s,label:r,loading:e,round:true,scale:i,title:w,type:"button",width:"auto",ref:t=>{this.buttonEl=t}},this.textEnabled?this.text:null))}get el(){return s(this)}};b.style=w;export{b as calcite_fab};
+//# sourceMappingURL=p-f97a4e17.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","ICONS","plus","fabCss","Fab","connectedCallback","connectInteractive","this","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","setFocus","componentFocusable","focusElement","buttonEl","render","appearance","kind","disabled","loading","scale","textEnabled","icon","label","text","iconFlipRtl","title","h","InteractiveContainer","class","iconStart","round","type","width","ref"],"sources":["src/components/fab/resources.ts","src/components/fab/fab.scss?tag=calcite-fab&encapsulation=shadow","src/components/fab/fab.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n};\n\nexport const ICONS = {\n  plus: \"plus\",\n};\n",":host {\n  @apply flex bg-transparent;\n}\n\n@include disabled();\n\ncalcite-button {\n  @apply shadow-2;\n  &:hover {\n    @apply shadow-2-lg;\n  }\n  &:active {\n    @apply shadow-2-sm;\n  }\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-fab\",\n  styleUrl: \"fab.scss\",\n  shadow: true,\n})\nexport class Fab implements InteractiveComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the appearance style of the component.\n   */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"outline-fill\", Appearance> = \"solid\";\n\n  /**\n   * Specifies the kind of the component, which will apply to border and background.\n   */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @default \"plus\"\n   */\n  @Prop({ reflect: true }) icon: string = ICONS.plus;\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  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text to accompany the component's icon.\n   */\n  @Prop() text: string;\n\n  /**\n   * When `true`, displays the `text` value in the component.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFabElement;\n\n  private buttonEl: HTMLElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.buttonEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      appearance,\n      kind,\n      disabled,\n      loading,\n      scale,\n      textEnabled,\n      icon,\n      label,\n      text,\n      iconFlipRtl,\n    } = this;\n\n    const title = !textEnabled ? label || text || null : null;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <calcite-button\n          appearance={appearance === \"solid\" ? \"solid\" : \"outline-fill\"}\n          class={CSS.button}\n          disabled={disabled}\n          iconFlipRtl={iconFlipRtl ? \"start\" : null}\n          iconStart={icon}\n          kind={kind}\n          label={label}\n          loading={loading}\n          round={true}\n          scale={scale}\n          title={title}\n          type=\"button\"\n          width=\"auto\"\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={(buttonEl): void => {\n            this.buttonEl = buttonEl;\n          }}\n        >\n          {this.textEnabled ? this.text : null}\n        </calcite-button>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;+PAAO,MAAMA,EAAM,CACjBC,OAAQ,UAGH,MAAMC,EAAQ,CACnBC,KAAM,QCLR,MAAMC,EAAS,wuC,MCuBFC,EAAG,M,yCAUuE,Q,UAMnF,Q,cAKkC,M,UAOIH,EAAMC,K,iBAGP,M,kCAUJ,M,WAKK,I,qCAUD,K,CAkBvC,iBAAAG,GACEC,EAAmBC,K,CAGrB,iBAAAC,GACEC,EAAuBF,K,CAGzB,gBAAAG,GACEC,EAAmBJ,K,CAGrB,kBAAAK,GACEC,EAAsBN,K,CAGxB,oBAAAO,GACEC,EAAsBR,K,CAWxB,cAAMS,SACEC,EAAmBV,MAEzBW,EAAaX,KAAKY,S,CASpB,MAAAC,GACE,MAAMC,WACJA,EAAUC,KACVA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,YACJA,GACEvB,KAEJ,MAAMwB,GAASL,EAAcE,GAASC,GAAQ,KAAO,KAErD,OACEG,EAACC,EAAoB,CAACV,SAAUA,GAC9BS,EAAA,kBACEX,WAAYA,IAAe,QAAU,QAAU,eAC/Ca,MAAOnC,EAAIC,OACXuB,SAAUA,EACVO,YAAaA,EAAc,QAAU,KACrCK,UAAWR,EACXL,KAAMA,EACNM,MAAOA,EACPJ,QAASA,EACTY,MAAO,KACPX,MAAOA,EACPM,MAAOA,EACPM,KAAK,SACLC,MAAM,OAENC,IAAMpB,IACJZ,KAAKY,SAAWA,CAAQ,GAGzBZ,KAAKmB,YAAcnB,KAAKsB,KAAO,M"}

package/dist/calcite/p-ff8fc6a4.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.6.0-next.2
+ */
+function n(n){return n==="Enter"||n===" "}const t=["0","1","2","3","4","5","6","7","8","9"];export{n as i,t as n};
+//# sourceMappingURL=p-ff8fc6a4.js.map

package/dist/calcite-preset.js

@@ -1,7 +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.6.0-next.1
+ * v2.6.0-next.2
  */
 import flattenColorPalette from "tailwindcss/lib/util/flattenColorPalette";
 import plugin from "tailwindcss/plugin";
@@ -261,14 +261,14 @@ export default {
                     "outline-color": "transparent",
                 },
                 ".focus-normal": {
-                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
+                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))",
                 },
                 ".focus-outset": {
-                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
+                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))",
                     "outline-offset": invert("2px", "--calcite-offset-invert-focus"),
                 },
                 ".focus-inset": {
-                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
+                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))",
                     "outline-offset": invert("-2px", "--calcite-offset-invert-focus"),
                 },
                 ".focus-outset-danger": {

package/dist/calcite-preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"calcite-preset.js","sourceRoot":"","sources":["../calcite-preset.ts"],"names":[],"mappings":"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","sourcesContent":["import flattenColorPalette from \"tailwindcss/lib/util/flattenColorPalette\";\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * This helper inverts a value based on a boolean CSS prop flag\n *\n * When the flag is 0, it will not be inverted. When 1, it will invert it (multiplied by -1)\n *\n * @param {string} value - the CSS value to invert\n * @param {string} flagPropName - the boolean CSS prop (value must be 0 or 1)\n */\nfunction invert(value: string, flagPropName: string): string {\n  return `calc(\n            ${value} *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(${flagPropName}),\n                1\n              )\n            )\n          )`;\n}\n\nexport default {\n  theme: {\n    borderColor: ({ theme }): object => ({\n      color: {\n        1: \"var(--calcite-color-border-1)\",\n        2: \"var(--calcite-color-border-2)\",\n        3: \"var(--calcite-color-border-3)\",\n        input: \"var(--calcite-color-border-input)\",\n        transparent: theme(\"colors.transparent\"),\n      },\n      \"color-brand\": theme(\"colors.brand\"),\n      \"color-brand-hover\": theme(\"colors.brand-hover\"),\n      \"color-brand-press\": theme(\"colors.brand-press\"),\n      \"color-info\": theme(\"colors.info\"),\n      \"color-success\": theme(\"colors.success\"),\n      \"color-warning\": theme(\"colors.warning\"),\n      \"color-danger\": theme(\"colors.danger\"),\n      \"color-danger-hover\": theme(\"colors.danger-hover\"),\n      \"color-danger-press\": theme(\"colors.danger-press\"),\n    }),\n    colors: {\n      current: \"currentColor\",\n      brand: \"var(--calcite-color-brand)\",\n      \"brand-hover\": \"var(--calcite-color-brand-hover)\",\n      \"brand-press\": \"var(--calcite-color-brand-press)\",\n      info: \"var(--calcite-color-status-info)\",\n      success: \"var(--calcite-color-status-success)\",\n      warning: \"var(--calcite-color-status-warning)\",\n      danger: \"var(--calcite-color-status-danger)\",\n      \"danger-hover\": \"var(--calcite-color-status-danger-hover)\",\n      \"danger-press\": \"var(--calcite-color-status-danger-press)\",\n      background: {\n        background: \"var(--calcite-color-background)\",\n        foreground: {\n          1: \"var(--calcite-color-foreground-1)\",\n          2: \"var(--calcite-color-foreground-2)\",\n          3: \"var(--calcite-color-foreground-3)\",\n        },\n      },\n      color: {\n        1: \"var(--calcite-color-text-1)\",\n        2: \"var(--calcite-color-text-2)\",\n        3: \"var(--calcite-color-text-3)\",\n        inverse: \"var(--calcite-color-text-inverse)\",\n        link: \"var(--calcite-color-text-link)\",\n        icon: \"var(--calcite-ui-icon-color)\",\n      },\n      transparent: \"transparent\",\n    },\n    fontFamily: {\n      // assets/styles/_type\n      sans: \"var(--calcite-sans-family)\",\n      mono: \"var(--calcite-code-family)\",\n      inherit: \"inherit\",\n    },\n    fontSize: {\n      // assets/styles/_type\n      n3: \"var(--calcite-font-size--3)\", // 10px\n      n2: \"var(--calcite-font-size--2)\", // 12px\n      n1: \"var(--calcite-font-size--1)\", // 14px\n      0: \"var(--calcite-font-size-0)\", // 16px\n      1: \"var(--calcite-font-size-1)\", // 18px\n      2: \"var(--calcite-font-size-2)\", // 20px\n      3: \"var(--calcite-font-size-3)\", // 26px\n      4: \"var(--calcite-font-size-4)\", // 32px\n      5: \"var(--calcite-font-size-5)\", // 40px\n      6: \"var(--calcite-font-size-6)\", // 48px\n      7: \"var(--calcite-font-size-7)\", // 56px\n      8: \"var(--calcite-font-size-8)\", // 64px\n      // TODO: temp selectors to be renamed before closing https://github.com/Esri/calcite-design-system/issues/1500.\n      // at this point all existing instances of text-N should be replaced with either text-Nh or text-N-wrap and we\n      // should be able to safely drop the \"h\" suffix.\n      n3h: [\"var(--calcite-font-size--3)\", { lineHeight: \"0.75rem\" }], // 10px (0.625rem)\n      n2h: [\"var(--calcite-font-size--2)\", { lineHeight: \"1rem\" }], // 12px (0.75rem)\n      n1h: [\"var(--calcite-font-size--1)\", { lineHeight: \"1rem\" }], // 14px (0.875rem)\n      \"0h\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.25rem\" }], // 16px (1rem)\n      \"1h\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.5rem\" }], // 18px (1.125rem)\n      \"2h\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.5rem\" }], // 20px (1.25rem)\n      \"3h\": [\"var(--calcite-font-size-3)\", { lineHeight: \"2rem\" }], // 26px (1.625rem)\n      \"4h\": [\"var(--calcite-font-size-4)\", { lineHeight: \"2.5rem\" }], // 32px (2rem)\n      \"5h\": [\"var(--calcite-font-size-5)\", { lineHeight: \"3rem\" }], // 40px (2.5rem)\n      \"6h\": [\"var(--calcite-font-size-6)\", { lineHeight: \"4rem\" }], // 48px (3rem)\n      \"7h\": [\"var(--calcite-font-size-7)\", { lineHeight: \"4rem\" }], // 56px (3.5rem)\n      \"8h\": [\"var(--calcite-font-size-8)\", { lineHeight: \"5rem\" }], // 64px (4rem)\n      \"n3-wrap\": [\"var(--calcite-font-size--3)\", { lineHeight: \"1.375\" }],\n      \"n2-wrap\": [\"var(--calcite-font-size--2)\", { lineHeight: \"1.375\" }],\n      \"n1-wrap\": [\"var(--calcite-font-size--1)\", { lineHeight: \"1.375\" }],\n      \"0-wrap\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.375\" }],\n      \"1-wrap\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.375\" }],\n      \"2-wrap\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.375\" }],\n      \"3-wrap\": [\"var(--calcite-font-size-3)\", { lineHeight: \"1.25\" }],\n      \"4-wrap\": [\"var(--calcite-font-size-4)\", { lineHeight: \"1.25\" }],\n      \"5-wrap\": [\"var(--calcite-font-size-5)\", { lineHeight: \"1.25\" }],\n      \"6-wrap\": [\"var(--calcite-font-size-6)\", { lineHeight: \"1.25\" }],\n      \"7-wrap\": [\"var(--calcite-font-size-7)\", { lineHeight: \"1.25\" }],\n      \"8-wrap\": [\"var(--calcite-font-size-8)\", { lineHeight: \"1.25\" }],\n    },\n    fontWeight: {\n      // assets/styles/_type\n      light: \"var(--calcite-font-weight-light)\",\n      normal: \"var(--calcite-font-weight-normal)\",\n      medium: \"var(--calcite-font-weight-medium)\",\n      bold: \"var(--calcite-font-weight-bold)\",\n    },\n    screens: {\n      s: \"480px\",\n      m: \"864px\",\n      l: \"1024px\",\n      xl: \"1440px\",\n    },\n    backgroundColor: ({ theme }): object => ({\n      ...theme(\"colors.background\"),\n      transparent: theme(\"colors.transparent\"),\n      brand: theme(\"colors.brand\"),\n      \"brand-hover\": theme(\"colors.brand-hover\"),\n      \"brand-press\": theme(\"colors.brand-press\"),\n      info: theme(\"colors.info\"),\n      success: theme(\"colors.success\"),\n      warning: theme(\"colors.warning\"),\n      danger: theme(\"colors.danger\"),\n      \"danger-hover\": theme(\"colors.danger-hover\"),\n      \"danger-press\": theme(\"colors.danger-press\"),\n    }),\n    extend: {\n      animation: {\n        in: \"in var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-down\": \"in-down var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-up\": \"in-up var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-scale\": \"in-scale var(--calcite-internal-animation-timing-slow) linear\",\n      },\n      borderRadius: {\n        half: \"50%\",\n      },\n      boxShadow: {\n        0: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        1: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        \"1-lg\": \"var(--calcite-shadow-sm)\",\n        \"1-sm\": \"0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08)\",\n        2: \"0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08)\",\n        \"2-lg\": \"var(--calcite-shadow-md)\",\n        \"2-sm\": \"0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16)\",\n        \"border-bottom\": \"0 1px 0 var(--calcite-color-border-3)\",\n        \"border-top\": \"0 -1px 0 var(--calcite-color-border-3)\",\n        \"outline-active\": \"0 0 0 1px var(--calcite-color-brand)\",\n        none: \"none\",\n        xs: \"0 0 0 1px rgba(0, 0, 0, 0.05)\",\n        outline: \"0 0 0 3px rgba(66, 153, 225, 0.5)\",\n      },\n      keyframes: {\n        in: {\n          \"0%\": {\n            opacity: 0,\n          },\n          \"100%\": {\n            opacity: 1,\n          },\n        },\n        \"in-down\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, -5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-up\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, 5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-scale\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"scale3D(0.95, 0.95, 1)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"scale3D(1, 1, 1)\",\n          },\n        },\n      },\n      opacity: {\n        disabled: \"var(--calcite-opacity-disabled)\",\n      },\n      spacing: {\n        0.5: \"0.125rem\",\n        2.5: \"0.625rem\",\n        3.5: \"0.875rem\",\n        4.5: \"1.125rem\",\n        9: \"2.25rem\",\n        11: \"2.75rem\",\n        13: \"3.25rem\",\n      },\n      transitionProperty: {\n        margin: \"margin\",\n        color: \"color\",\n      },\n      transitionTimingFunction: {\n        cubic: \"cubic-bezier(0.215, 0.440, 0.420, 0.880)\",\n      },\n      maxHeight: {\n        menu: \"45vh\",\n      },\n      zIndex: {\n        deep: \"var(--calcite-z-index-deep)\",\n        default: \"var(--calcite-z-index)\",\n        sticky: \"var(--calcite-z-index-sticky)\",\n        header: \"var(--calcite-z-index-header)\",\n        toast: \"var(--calcite-z-index-toast)\",\n        dropdown: \"var(--calcite-z-index-dropdown)\",\n        overlay: \"var(--calcite-z-index-overlay)\",\n        modal: \"var(--calcite-z-index-modal)\",\n        popover: \"var(--calcite-z-index-popup)\",\n        tooltip: \"var(--calcite-z-index-tooltip)\",\n      },\n    },\n  },\n  plugins: [\n    plugin(({ addUtilities }) => {\n      const newUtilities = {\n        \".word-break\": {\n          \"word-wrap\": \"break-word\",\n          \"word-break\": \"break-word\",\n        },\n        \".focus-base\": {\n          \"outline-color\": \"transparent\",\n        },\n        \".focus-normal\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))\",\n        },\n        \".focus-outset\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-outset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".transition-default\": {\n          transition: \"all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s\",\n        },\n      };\n      addUtilities(newUtilities);\n    }),\n    plugin(({ addUtilities, theme }) => {\n      const colors = flattenColorPalette(theme(\"borderColor\"));\n      delete colors[\"default\"];\n\n      const colorMap = Object.keys(colors).map((color) => ({\n        [`.border-t-${color}`]: { borderTopColor: colors[color] },\n        [`.border-r-${color}`]: { borderRightColor: colors[color] },\n        [`.border-b-${color}`]: { borderBottomColor: colors[color] },\n        [`.border-l-${color}`]: { borderLeftColor: colors[color] },\n      }));\n      const utilities = Object.assign({}, ...colorMap);\n\n      addUtilities(utilities);\n    }),\n  ],\n};\n"]}
+{"version":3,"file":"calcite-preset.js","sourceRoot":"","sources":["../calcite-preset.ts"],"names":[],"mappings":"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","sourcesContent":["import flattenColorPalette from \"tailwindcss/lib/util/flattenColorPalette\";\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * This helper inverts a value based on a boolean CSS prop flag\n *\n * When the flag is 0, it will not be inverted. When 1, it will invert it (multiplied by -1)\n *\n * @param {string} value - the CSS value to invert\n * @param {string} flagPropName - the boolean CSS prop (value must be 0 or 1)\n */\nfunction invert(value: string, flagPropName: string): string {\n  return `calc(\n            ${value} *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(${flagPropName}),\n                1\n              )\n            )\n          )`;\n}\n\nexport default {\n  theme: {\n    borderColor: ({ theme }): object => ({\n      color: {\n        1: \"var(--calcite-color-border-1)\",\n        2: \"var(--calcite-color-border-2)\",\n        3: \"var(--calcite-color-border-3)\",\n        input: \"var(--calcite-color-border-input)\",\n        transparent: theme(\"colors.transparent\"),\n      },\n      \"color-brand\": theme(\"colors.brand\"),\n      \"color-brand-hover\": theme(\"colors.brand-hover\"),\n      \"color-brand-press\": theme(\"colors.brand-press\"),\n      \"color-info\": theme(\"colors.info\"),\n      \"color-success\": theme(\"colors.success\"),\n      \"color-warning\": theme(\"colors.warning\"),\n      \"color-danger\": theme(\"colors.danger\"),\n      \"color-danger-hover\": theme(\"colors.danger-hover\"),\n      \"color-danger-press\": theme(\"colors.danger-press\"),\n    }),\n    colors: {\n      current: \"currentColor\",\n      brand: \"var(--calcite-color-brand)\",\n      \"brand-hover\": \"var(--calcite-color-brand-hover)\",\n      \"brand-press\": \"var(--calcite-color-brand-press)\",\n      info: \"var(--calcite-color-status-info)\",\n      success: \"var(--calcite-color-status-success)\",\n      warning: \"var(--calcite-color-status-warning)\",\n      danger: \"var(--calcite-color-status-danger)\",\n      \"danger-hover\": \"var(--calcite-color-status-danger-hover)\",\n      \"danger-press\": \"var(--calcite-color-status-danger-press)\",\n      background: {\n        background: \"var(--calcite-color-background)\",\n        foreground: {\n          1: \"var(--calcite-color-foreground-1)\",\n          2: \"var(--calcite-color-foreground-2)\",\n          3: \"var(--calcite-color-foreground-3)\",\n        },\n      },\n      color: {\n        1: \"var(--calcite-color-text-1)\",\n        2: \"var(--calcite-color-text-2)\",\n        3: \"var(--calcite-color-text-3)\",\n        inverse: \"var(--calcite-color-text-inverse)\",\n        link: \"var(--calcite-color-text-link)\",\n        icon: \"var(--calcite-ui-icon-color)\",\n      },\n      transparent: \"transparent\",\n    },\n    fontFamily: {\n      // assets/styles/_type\n      sans: \"var(--calcite-sans-family)\",\n      mono: \"var(--calcite-code-family)\",\n      inherit: \"inherit\",\n    },\n    fontSize: {\n      // assets/styles/_type\n      n3: \"var(--calcite-font-size--3)\", // 10px\n      n2: \"var(--calcite-font-size--2)\", // 12px\n      n1: \"var(--calcite-font-size--1)\", // 14px\n      0: \"var(--calcite-font-size-0)\", // 16px\n      1: \"var(--calcite-font-size-1)\", // 18px\n      2: \"var(--calcite-font-size-2)\", // 20px\n      3: \"var(--calcite-font-size-3)\", // 26px\n      4: \"var(--calcite-font-size-4)\", // 32px\n      5: \"var(--calcite-font-size-5)\", // 40px\n      6: \"var(--calcite-font-size-6)\", // 48px\n      7: \"var(--calcite-font-size-7)\", // 56px\n      8: \"var(--calcite-font-size-8)\", // 64px\n      // TODO: temp selectors to be renamed before closing https://github.com/Esri/calcite-design-system/issues/1500.\n      // at this point all existing instances of text-N should be replaced with either text-Nh or text-N-wrap and we\n      // should be able to safely drop the \"h\" suffix.\n      n3h: [\"var(--calcite-font-size--3)\", { lineHeight: \"0.75rem\" }], // 10px (0.625rem)\n      n2h: [\"var(--calcite-font-size--2)\", { lineHeight: \"1rem\" }], // 12px (0.75rem)\n      n1h: [\"var(--calcite-font-size--1)\", { lineHeight: \"1rem\" }], // 14px (0.875rem)\n      \"0h\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.25rem\" }], // 16px (1rem)\n      \"1h\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.5rem\" }], // 18px (1.125rem)\n      \"2h\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.5rem\" }], // 20px (1.25rem)\n      \"3h\": [\"var(--calcite-font-size-3)\", { lineHeight: \"2rem\" }], // 26px (1.625rem)\n      \"4h\": [\"var(--calcite-font-size-4)\", { lineHeight: \"2.5rem\" }], // 32px (2rem)\n      \"5h\": [\"var(--calcite-font-size-5)\", { lineHeight: \"3rem\" }], // 40px (2.5rem)\n      \"6h\": [\"var(--calcite-font-size-6)\", { lineHeight: \"4rem\" }], // 48px (3rem)\n      \"7h\": [\"var(--calcite-font-size-7)\", { lineHeight: \"4rem\" }], // 56px (3.5rem)\n      \"8h\": [\"var(--calcite-font-size-8)\", { lineHeight: \"5rem\" }], // 64px (4rem)\n      \"n3-wrap\": [\"var(--calcite-font-size--3)\", { lineHeight: \"1.375\" }],\n      \"n2-wrap\": [\"var(--calcite-font-size--2)\", { lineHeight: \"1.375\" }],\n      \"n1-wrap\": [\"var(--calcite-font-size--1)\", { lineHeight: \"1.375\" }],\n      \"0-wrap\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.375\" }],\n      \"1-wrap\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.375\" }],\n      \"2-wrap\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.375\" }],\n      \"3-wrap\": [\"var(--calcite-font-size-3)\", { lineHeight: \"1.25\" }],\n      \"4-wrap\": [\"var(--calcite-font-size-4)\", { lineHeight: \"1.25\" }],\n      \"5-wrap\": [\"var(--calcite-font-size-5)\", { lineHeight: \"1.25\" }],\n      \"6-wrap\": [\"var(--calcite-font-size-6)\", { lineHeight: \"1.25\" }],\n      \"7-wrap\": [\"var(--calcite-font-size-7)\", { lineHeight: \"1.25\" }],\n      \"8-wrap\": [\"var(--calcite-font-size-8)\", { lineHeight: \"1.25\" }],\n    },\n    fontWeight: {\n      // assets/styles/_type\n      light: \"var(--calcite-font-weight-light)\",\n      normal: \"var(--calcite-font-weight-normal)\",\n      medium: \"var(--calcite-font-weight-medium)\",\n      bold: \"var(--calcite-font-weight-bold)\",\n    },\n    screens: {\n      s: \"480px\",\n      m: \"864px\",\n      l: \"1024px\",\n      xl: \"1440px\",\n    },\n    backgroundColor: ({ theme }): object => ({\n      ...theme(\"colors.background\"),\n      transparent: theme(\"colors.transparent\"),\n      brand: theme(\"colors.brand\"),\n      \"brand-hover\": theme(\"colors.brand-hover\"),\n      \"brand-press\": theme(\"colors.brand-press\"),\n      info: theme(\"colors.info\"),\n      success: theme(\"colors.success\"),\n      warning: theme(\"colors.warning\"),\n      danger: theme(\"colors.danger\"),\n      \"danger-hover\": theme(\"colors.danger-hover\"),\n      \"danger-press\": theme(\"colors.danger-press\"),\n    }),\n    extend: {\n      animation: {\n        in: \"in var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-down\": \"in-down var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-up\": \"in-up var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-scale\": \"in-scale var(--calcite-internal-animation-timing-slow) linear\",\n      },\n      borderRadius: {\n        half: \"50%\",\n      },\n      boxShadow: {\n        0: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        1: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        \"1-lg\": \"var(--calcite-shadow-sm)\",\n        \"1-sm\": \"0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08)\",\n        2: \"0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08)\",\n        \"2-lg\": \"var(--calcite-shadow-md)\",\n        \"2-sm\": \"0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16)\",\n        \"border-bottom\": \"0 1px 0 var(--calcite-color-border-3)\",\n        \"border-top\": \"0 -1px 0 var(--calcite-color-border-3)\",\n        \"outline-active\": \"0 0 0 1px var(--calcite-color-brand)\",\n        none: \"none\",\n        xs: \"0 0 0 1px rgba(0, 0, 0, 0.05)\",\n        outline: \"0 0 0 3px rgba(66, 153, 225, 0.5)\",\n      },\n      keyframes: {\n        in: {\n          \"0%\": {\n            opacity: 0,\n          },\n          \"100%\": {\n            opacity: 1,\n          },\n        },\n        \"in-down\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, -5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-up\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, 5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-scale\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"scale3D(0.95, 0.95, 1)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"scale3D(1, 1, 1)\",\n          },\n        },\n      },\n      opacity: {\n        disabled: \"var(--calcite-opacity-disabled)\",\n      },\n      spacing: {\n        0.5: \"0.125rem\",\n        2.5: \"0.625rem\",\n        3.5: \"0.875rem\",\n        4.5: \"1.125rem\",\n        9: \"2.25rem\",\n        11: \"2.75rem\",\n        13: \"3.25rem\",\n      },\n      transitionProperty: {\n        margin: \"margin\",\n        color: \"color\",\n      },\n      transitionTimingFunction: {\n        cubic: \"cubic-bezier(0.215, 0.440, 0.420, 0.880)\",\n      },\n      maxHeight: {\n        menu: \"45vh\",\n      },\n      zIndex: {\n        deep: \"var(--calcite-z-index-deep)\",\n        default: \"var(--calcite-z-index)\",\n        sticky: \"var(--calcite-z-index-sticky)\",\n        header: \"var(--calcite-z-index-header)\",\n        toast: \"var(--calcite-z-index-toast)\",\n        dropdown: \"var(--calcite-z-index-dropdown)\",\n        overlay: \"var(--calcite-z-index-overlay)\",\n        modal: \"var(--calcite-z-index-modal)\",\n        popover: \"var(--calcite-z-index-popup)\",\n        tooltip: \"var(--calcite-z-index-tooltip)\",\n      },\n    },\n  },\n  plugins: [\n    plugin(({ addUtilities }) => {\n      const newUtilities = {\n        \".word-break\": {\n          \"word-wrap\": \"break-word\",\n          \"word-break\": \"break-word\",\n        },\n        \".focus-base\": {\n          \"outline-color\": \"transparent\",\n        },\n        \".focus-normal\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))\",\n        },\n        \".focus-outset\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-outset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".transition-default\": {\n          transition: \"all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s\",\n        },\n      };\n      addUtilities(newUtilities);\n    }),\n    plugin(({ addUtilities, theme }) => {\n      const colors = flattenColorPalette(theme(\"borderColor\"));\n      delete colors[\"default\"];\n\n      const colorMap = Object.keys(colors).map((color) => ({\n        [`.border-t-${color}`]: { borderTopColor: colors[color] },\n        [`.border-r-${color}`]: { borderRightColor: colors[color] },\n        [`.border-b-${color}`]: { borderBottomColor: colors[color] },\n        [`.border-l-${color}`]: { borderLeftColor: colors[color] },\n      }));\n      const utilities = Object.assign({}, ...colorMap);\n\n      addUtilities(utilities);\n    }),\n  ],\n};\n"]}

package/dist/cjs/ExpandToggle-1b35868f.js

@@ -0,0 +1,110 @@
+/*!
+ * 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.6.0-next.2
+ */
+'use strict';
+
+const index = require('./index-e56de92a.js');
+const dom = require('./dom-d9bb586f.js');
+const resources$1 = require('./resources-42df3571.js');
+const resources = require('./resources-6fc01532.js');
+
+const overflowActionsDebounceInMs = 150;
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+    const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
+    const actionLen = actionsNotSlotted?.length;
+    return {
+        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
+    };
+};
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
+    const maxContainerPx = layout === "horizontal" ? width : height;
+    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
+    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+};
+const queryActions = (el) => {
+    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
+};
+const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
+    let needToSlotCount = overflowCount;
+    actionGroups.reverse().forEach((group) => {
+        let slottedWithinGroupCount = 0;
+        const groupActions = queryActions(group).reverse();
+        groupActions.forEach((groupAction) => {
+            if (groupAction.slot === resources$1.SLOTS.menuActions) {
+                groupAction.removeAttribute("slot");
+                groupAction.textEnabled = expanded;
+            }
+        });
+        if (needToSlotCount > 0) {
+            groupActions.some((groupAction) => {
+                const unslottedActions = groupActions.filter((action) => !action.slot);
+                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+                    groupAction.textEnabled = true;
+                    groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
+                    slottedWithinGroupCount++;
+                    if (slottedWithinGroupCount > 1) {
+                        needToSlotCount--;
+                    }
+                }
+                return needToSlotCount < 1;
+            });
+        }
+        index.forceUpdate(group);
+    });
+};
+
+const ICONS = {
+    chevronsLeft: "chevrons-left",
+    chevronsRight: "chevrons-right",
+};
+function getCalcitePosition(position, el) {
+    return position || el.closest("calcite-shell-panel")?.position || "start";
+}
+function toggleChildActionText({ el, expanded, }) {
+    queryActions(el)
+        .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
+        .forEach((action) => (action.textEnabled = expanded));
+    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
+    if (tooltip) {
+        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+    }
+    if (ref) {
+        ref(referenceElement);
+    }
+    return referenceElement;
+};
+const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
+    const rtl = dom.getElementDir(el) === "rtl";
+    const text = expanded ? collapseText : expandText;
+    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+    if (rtl) {
+        icons.reverse();
+    }
+    const end = getCalcitePosition(position, el) === "end";
+    const expandIcon = end ? icons[1] : icons[0];
+    const collapseIcon = end ? icons[0] : icons[1];
+    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null, 
+        // 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)
+        ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
+    return actionNode;
+};
+
+exports.ExpandToggle = ExpandToggle;
+exports.geActionDimensions = geActionDimensions;
+exports.getOverflowCount = getOverflowCount;
+exports.overflowActions = overflowActions;
+exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
+exports.queryActions = queryActions;
+exports.toggleChildActionText = toggleChildActionText;
+
+//# sourceMappingURL=ExpandToggle-1b35868f.js.map

package/dist/cjs/ExpandToggle-1b35868f.js.map

@@ -0,0 +1 @@
+{"file":"ExpandToggle-1b35868f.js","mappings":"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","names":["ACTION_GROUP_SLOTS","ACTION_MENU_SLOTS","forceUpdate","getElementDir","h"],"sources":["src/components/action-bar/utils.ts","src/components/functional/ExpandToggle.tsx"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Layout } from \"../interfaces\";\n\nexport const overflowActionsDebounceInMs = 150;\nconst groupBufferPx = 2;\n\nconst getAverage = (arr: number[]) => arr.reduce((p, c) => p + c, 0) / arr.length;\n\nexport const geActionDimensions = (\n  actions: HTMLCalciteActionElement[],\n): { actionWidth: number; actionHeight: number } => {\n  const actionsNotSlotted = actions.filter((action) => action.slot !== ACTION_GROUP_SLOTS.menuActions);\n  const actionLen = actionsNotSlotted?.length;\n  return {\n    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,\n  };\n};\n\nconst getMaxActionCount = ({\n  width,\n  actionWidth,\n  layout,\n  height,\n  actionHeight,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  height: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  groupCount: number;\n}): number => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\n\nexport const getOverflowCount = ({\n  layout,\n  actionCount,\n  actionWidth,\n  width,\n  actionHeight,\n  height,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  actionCount: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  height: number;\n  groupCount: number;\n}): number => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\n\nexport const queryActions = (el: HTMLElement): HTMLCalciteActionElement[] => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) =>\n    action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true,\n  );\n};\n\nexport const overflowActions = ({\n  actionGroups,\n  expanded,\n  overflowCount,\n}: {\n  actionGroups: HTMLCalciteActionGroupElement[];\n  expanded: boolean;\n  overflowCount: number;\n}): void => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n\n    const groupActions = queryActions(group).reverse();\n\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n\n        return needToSlotCount < 1;\n      });\n    }\n\n    forceUpdate(group);\n  });\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { Position, Scale } from \"../interfaces\";\n\ninterface ExpandToggleProps {\n  expanded: boolean;\n  expandText: string;\n  collapseText: string;\n  el: HTMLElement;\n  position: Position;\n  tooltip?: HTMLCalciteTooltipElement;\n  toggle: () => void;\n  ref?: (el: HTMLElement) => void;\n  scale?: Scale;\n}\n\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\",\n};\n\nfunction getCalcitePosition(position: Position, el: HTMLElement): Position {\n  return position || el.closest(\"calcite-shell-panel\")?.position || \"start\";\n}\n\nexport function toggleChildActionText({\n  el,\n  expanded,\n}: {\n  el: HTMLElement;\n  expanded: boolean;\n}): void {\n  queryActions(el)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  el.querySelectorAll(\"calcite-action-group, calcite-action-menu\").forEach(\n    (el: HTMLCalciteActionMenuElement | HTMLCalciteActionGroupElement) => (el.expanded = expanded),\n  );\n}\n\nconst setTooltipReference = ({\n  tooltip,\n  referenceElement,\n  expanded,\n  ref,\n}: {\n  tooltip: HTMLCalciteTooltipElement;\n  referenceElement: HTMLCalciteActionElement;\n  expanded: boolean;\n  ref?: (el: HTMLElement) => void;\n}): HTMLCalciteActionElement => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n\n  if (ref) {\n    ref(referenceElement);\n  }\n\n  return referenceElement;\n};\n\nexport const ExpandToggle: FunctionalComponent<ExpandToggleProps> = ({\n  expanded,\n  expandText,\n  collapseText,\n  toggle,\n  el,\n  position,\n  tooltip,\n  ref,\n  scale,\n}) => {\n  const rtl = getElementDir(el) === \"rtl\";\n\n  const text = expanded ? collapseText : expandText;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n\n  if (rtl) {\n    icons.reverse();\n  }\n\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n\n  const actionNode = (\n    <calcite-action\n      icon={expanded ? expandIcon : collapseIcon}\n      onClick={toggle}\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : 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={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}