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

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{r as t,c as e,h as i,g as s}from"./p-ae2d591b.js";import{c as a,u as n,d as c,I as o}from"./p-53725bef.js";import{c as r}from"./p-3b9aa788.js";import{k as l}from"./p-11d977f2.js";import"./p-91ed324f.js";import"./p-f35d3608.js";import"./p-34486f6f.js";const h={container:"container"};const d=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto, 1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const p=d;const f=class{constructor(i){t(this,i);this.calciteTileGroupSelect=e(this,"calciteTileGroupSelect",6);this.items=[];this.getSlottedTiles=()=>this.slotEl?.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tile")));this.mutationObserver=r("mutation",(()=>this.updateTiles()));this.selectItem=t=>{if(!t){return}this.items?.forEach((e=>{const i=t===e;switch(this.selectionMode){case"multiple":if(i){e.selected=!e.selected}break;case"single":e.selected=i&&!e.selected;break;case"single-persist":e.selected=!!i;break}}));this.updateSelectedItems();this.calciteTileGroupSelect.emit()};this.setSlotEl=t=>{this.slotEl=t};this.updateSelectedItems=()=>{const t=this.items?.filter((t=>t.selected));if((this.selectionMode==="single"||this.selectionMode==="single-persist")&&t?.length>1){this.selectedItems=[t.pop()];this.items?.forEach((t=>{if(this.selectedItems.indexOf(t)===-1){t.selected=false}}))}else{this.selectedItems=t??[]}};this.updateTiles=()=>{this.items=this.getSlottedTiles();this.items?.forEach((t=>{t.alignment=this.alignment;t.interactive=true;t.layout=this.layout;t.scale=this.scale;t.selectionAppearance=this.selectionAppearance;t.selectionMode=this.selectionMode}));this.updateSelectedItems()};this.alignment="start";this.disabled=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selectedItems=[];this.selectionAppearance="icon";this.selectionMode="none"}scaleWatcher(){this.updateTiles()}handleSelectionModeOrAppearanceChange(){this.updateTiles()}connectedCallback(){a(this);this.mutationObserver?.observe(this.el,{childList:true});this.updateTiles()}componentDidRender(){n(this)}disconnectedCallback(){c(this);this.mutationObserver?.disconnect()}calciteInternalTileKeyEventListener(t){if(t.composedPath().includes(this.el)){t.preventDefault();t.stopPropagation();const e=this.items?.filter((t=>!t.disabled));switch(t.detail.key){case"ArrowDown":case"ArrowRight":l(e,t.detail.target,"next");break;case"ArrowUp":case"ArrowLeft":l(e,t.detail.target,"previous");break;case"Home":l(e,t.detail.target,"first");break;case"End":l(e,t.detail.target,"last");break}}}calciteTileSelectHandler(t){if(t.composedPath().includes(this.el)){this.selectItem(t.target)}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return i(o,{key:"2d98e94f6ee27168b8b6780dbaf789b675ff7db2",disabled:this.disabled},i("div",{key:"8ddbd00f075f711e4d497ab10b2c37bef2adb919","aria-label":this.label,class:h.container,role:t},i("slot",{key:"7b9920cbc7f9175a9377ade426601c60352f59e5",onSlotchange:this.updateTiles,ref:this.setSlotEl})))}get el(){return s(this)}static get watchers(){return{scale:["scaleWatcher"],selectionMode:["handleSelectionModeOrAppearanceChange"],selectionAppearance:["handleSelectionModeOrAppearanceChange"]}}};f.style=p;export{f as calcite_tile_group};
-//# sourceMappingURL=p-f44aceab.entry.js.map

package/dist/calcite/p-f5fa1be0.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{d as _}from"./p-3b8ce0b1.js";import"./p-ae2d591b.js";import"./p-cb4c2193.js";import"./p-11d977f2.js";import"./p-f35d3608.js";import"./p-34486f6f.js";import"./p-53725bef.js";import"./p-91ed324f.js";import"./p-3382b82d.js";import"./p-2000fe68.js";import"./p-07d4ef51.js";import"./p-2ed670f6.js";import"./p-729d0131.js";import"./p-3b9aa788.js";import"./p-d68ae6ca.js";import"./p-b083560a.js";import"./p-cb0984c6.js";import"./p-68539501.js";import"./p-b34ae0b7.js";import"./p-2c8411a4.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_");var t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_");var e="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_");var m="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function i(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var e={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"};if(t==="m"){return r?"минута":"минуту"}return _+" "+i(e[t],+_)}var o=function _(e,m){if(p.test(m)){return r[e.month()]}return t[e.month()]};o.s=t;o.f=r;var a=function _(r,t){if(p.test(t)){return e[r.month()]}return m[r.month()]};a.s=m;a.f=e;var n={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:o,monthsShort:a,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:s,mm:s,h:"час",hh:s,d:"день",dd:s,M:"месяц",MM:s,y:"год",yy:s},ordinal:function _(r){return r},meridiem:function _(r){if(r<4){return"ночи"}else if(r<12){return"утра"}else if(r<17){return"дня"}return"вечера"}};_.locale(n,null,true);export{n as default};
-//# sourceMappingURL=p-f5fa1be0.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{r as t,f as e,h as a,g as n}from"./p-ae2d591b.js";import{s as o,r,f as i}from"./p-cb4c2193.js";import{c,d as s,u as l,I as d}from"./p-53725bef.js";import{c as h,d as p,g as u}from"./p-2000fe68.js";import{s as b,a as v,c as g}from"./p-2ed670f6.js";import{c as f,d as k}from"./p-729d0131.js";import{c as m}from"./p-3b9aa788.js";import{g as x}from"./p-07d4ef51.js";import{c as w,d as y,s as z,u as j}from"./p-68539501.js";import{t as C}from"./p-11d977f2.js";import{i as L}from"./p-91ed324f.js";import"./p-3382b82d.js";import"./p-f35d3608.js";import"./p-34486f6f.js";const E={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty",buttonPadding:"button-padding",buttonPaddingShrunk:"button-padding--shrunk"};const S=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host(:is([scale=s],[scale=m],[scale=l])[width=full]) a:not(.content--slotted),:host(:is([scale=s],[scale=m],[scale=l])[width=full]) button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}";const D=S;const I=class{constructor(e){t(this,e);this.mutationObserver=m("mutation",(()=>this.updateHasContent()));this.resizeObserver=m("resize",(()=>this.setTooltipText()));this.handleClick=()=>{const{type:t}=this;if(this.href){return}if(t==="submit"){o(this)}else if(t==="reset"){r(this)}};this.setTooltipText=()=>{const{contentEl:t}=this;if(t){this.tooltipText=t.offsetWidth<t.scrollWidth?this.el.innerText||null:null}};this.setChildEl=t=>{this.childEl=t;if(t){this.resizeObserver?.observe(t)}};this.alignment="center";this.appearance="solid";this.label=undefined;this.kind="brand";this.disabled=false;this.form=undefined;this.download=false;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.name=undefined;this.rel=undefined;this.round=false;this.scale="m";this.splitChild=false;this.target=undefined;this.type="button";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.hasContent=false;this.effectiveLocale="";this.defaultMessages=undefined;this.tooltipText=undefined}handleGlobalAttributesChanged(){e(this)}onMessagesChange(){}async connectedCallback(){c(this);f(this);w(this);this.setupTextContentObserver();h(this);this.formEl=i(this)}disconnectedCallback(){this.mutationObserver?.disconnect();s(this);p(this);k(this);y(this);this.resizeObserver?.disconnect();this.formEl=null}async componentWillLoad(){b(this);if(L()){this.updateHasContent();await z(this)}}componentDidLoad(){v(this);this.setTooltipText()}componentDidRender(){l(this)}render(){const t=this.href?"a":"button";const e=t;const n=this.loading?a("div",{class:E.buttonLoader},a("calcite-loader",{class:this.loading?E.loadingIn:E.loadingOut,inline:true,label:this.messages.loading,scale:this.scale==="l"?"m":"s"})):null;const o=!this.iconStart&&!this.iconEnd;const r=a("calcite-icon",{key:"4d22fe0db49aa06f71162b2ef64d4011b1b818d8",class:{[E.icon]:true,[E.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:x(this.scale)});const i=a("calcite-icon",{key:"95c15bea3179d091058d225e80477956fcb27e63",class:{[E.icon]:true,[E.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:x(this.scale)});const c=a("span",{key:"6399f9291ba542a304a2813cda9ad21de0a19c36",class:E.content,ref:t=>this.contentEl=t},a("slot",{key:"818ff928ab9c8d722763ec6c1fdbf6b0d60ef210"}));return a(d,{key:"a6799ecea681f5e1929237fd26f91cc6895ae291",disabled:this.disabled},a(e,{key:"042f056a472a091f4728127d079089dbb262d572","aria-disabled":t==="a"?C(this.disabled||this.loading):null,"aria-expanded":this.el.getAttribute("aria-expanded"),"aria-label":!this.loading?u(this):this.messages.loading,"aria-live":"polite",class:{[E.buttonPadding]:o,[E.buttonPaddingShrunk]:!o,[E.contentSlotted]:this.hasContent,[E.iconStartEmpty]:!this.iconStart,[E.iconEndEmpty]:!this.iconEnd},disabled:t==="button"?this.disabled||this.loading:null,download:t==="a"&&(this.download===""||this.download)?this.download:null,href:t==="a"&&this.href,name:t==="button"&&this.name,onClick:this.handleClick,ref:this.setChildEl,rel:t==="a"&&this.rel,tabIndex:this.disabled?-1:null,target:t==="a"&&this.target,title:this.tooltipText,type:t==="button"&&this.type},n,this.iconStart?r:null,this.hasContent?c:null,this.iconEnd?i:null))}async setFocus(){await g(this);this.childEl?.focus()}effectiveLocaleChange(){j(this,this.effectiveLocale)}updateHasContent(){const t=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&this.el.childNodes[0]?.nodeName==="#text"?this.el.textContent?.trim().length>0:t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}onLabelClick(){this.handleClick();this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{"aria-expanded":["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=D;export{I as calcite_button};
-//# sourceMappingURL=p-f69e4027.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-ae2d591b.js";import{q as n,A as r,t as a}from"./p-11d977f2.js";import{c,b as l,a as h,r as f,F as d}from"./p-c6da1036.js";import{g as u}from"./p-f35d3608.js";import{o as p}from"./p-05de60b0.js";import{F as m}from"./p-17791531.js";import"./p-34486f6f.js";import"./p-91ed324f.js";import"./p-55c5e5a9.js";const g={container:"container"};const w=300;const b=500;const v="aria-describedby";function y(t){const{referenceElement:e}=t;return(typeof e==="string"?n(t,{id:e}):e)||null}class k{constructor(){this.registeredElements=new WeakMap;this.registeredShadowRootCounts=new WeakMap;this.hoverOpenTimeout=null;this.hoverCloseTimeout=null;this.activeTooltip=null;this.registeredElementCount=0;this.queryTooltip=t=>{const{registeredElements:e}=this;const i=t.find((t=>e.has(t)));return e.get(i)};this.keyDownHandler=t=>{if(t.key==="Escape"&&!t.defaultPrevented){const{activeTooltip:e}=this;if(e?.open){this.clearHoverTimeout();this.closeActiveTooltip();const i=y(e);if(i instanceof Element&&i.contains(t.target)){t.preventDefault()}}}};this.pointerMoveHandler=t=>{const e=t.composedPath();const{activeTooltip:i}=this;const s=this.queryTooltip(e);if(this.pathHasOpenTooltip(s,e)){this.clearHoverTimeout();return}if(s){this.openHoveredTooltip(s)}else if(i?.open){this.closeHoveredTooltip()}};this.clickHandler=t=>{const e=t.composedPath();const i=this.queryTooltip(e);if(this.pathHasOpenTooltip(i,e)){this.clearHoverTimeout();return}this.closeActiveTooltip();if(!i){return}this.clearHoverTimeout();if(i.closeOnClick){this.toggleTooltip(i,false);return}this.toggleTooltip(i,true)};this.blurHandler=()=>{this.closeActiveTooltip()};this.focusInHandler=t=>{const e=t.composedPath();const i=this.queryTooltip(e);if(this.pathHasOpenTooltip(i,e)){this.clearHoverTimeout();return}this.closeTooltipIfNotActive(i);if(!i){return}this.toggleFocusedTooltip(i,true)};this.openHoveredTooltip=t=>{this.hoverOpenTimeout=window.setTimeout((()=>{if(this.hoverOpenTimeout===null){return}this.clearHoverCloseTimeout();this.closeTooltipIfNotActive(t);this.toggleTooltip(t,true)}),this.activeTooltip?.open?0:w)};this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout((()=>{if(this.hoverCloseTimeout===null){return}this.closeActiveTooltip()}),b)}}registerElement(t,e){this.registeredElementCount++;this.registeredElements.set(t,e);const i=this.getReferenceElShadowRootNode(t);if(i){this.registerShadowRoot(i)}if(this.registeredElementCount===1){this.addListeners()}}unregisterElement(t){const e=this.getReferenceElShadowRootNode(t);if(e){this.unregisterShadowRoot(e)}if(this.registeredElements.delete(t)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}}pathHasOpenTooltip(t,e){const{activeTooltip:i}=this;return i?.open&&e.includes(i)||t?.open&&e.includes(t)}addShadowListeners(t){t.addEventListener("focusin",this.focusInHandler,{capture:true})}removeShadowListeners(t){t.removeEventListener("focusin",this.focusInHandler,{capture:true})}addListeners(){window.addEventListener("keydown",this.keyDownHandler,{capture:true});window.addEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.addEventListener("click",this.clickHandler,{capture:true});window.addEventListener("focusin",this.focusInHandler,{capture:true});window.addEventListener("blur",this.blurHandler)}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler,{capture:true});window.removeEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.removeEventListener("click",this.clickHandler,{capture:true});window.removeEventListener("focusin",this.focusInHandler,{capture:true});window.removeEventListener("blur",this.blurHandler)}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout);this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout);this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout();this.clearHoverCloseTimeout()}closeTooltipIfNotActive(t){if(this.activeTooltip!==t){this.closeActiveTooltip()}}closeActiveTooltip(){const{activeTooltip:t}=this;if(t?.open){this.toggleTooltip(t,false)}}toggleFocusedTooltip(t,e){if(e){this.clearHoverTimeout()}this.toggleTooltip(t,e)}toggleTooltip(t,e){t.open=e;this.activeTooltip=e?t:null}registerShadowRoot(t){const{registeredShadowRootCounts:e}=this;const i=e.get(t);const s=Math.min((typeof i==="number"?i:0)+1,1);if(s===1){this.addShadowListeners(t)}e.set(t,s)}unregisterShadowRoot(t){const{registeredShadowRootCounts:e}=this;const i=e.get(t);const s=Math.max((typeof i==="number"?i:1)-1,0);if(s===0){this.removeShadowListeners(t)}e.set(t,s)}getReferenceElShadowRootNode(t){return t instanceof Element?r(t):null}}const x=":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{inset-block-start:-5px}:host([data-placement^=top]) .calcite-floating-ui-anim{inset-block-start:5px}:host([data-placement^=left]) .calcite-floating-ui-anim{left:5px}:host([data-placement^=right]) .calcite-floating-ui-anim{left:-5px}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const E=x;const H=new k;const T=class{constructor(i){t(this,i);this.calciteTooltipBeforeClose=e(this,"calciteTooltipBeforeClose",6);this.calciteTooltipClose=e(this,"calciteTooltipClose",6);this.calciteTooltipBeforeOpen=e(this,"calciteTooltipBeforeOpen",6);this.calciteTooltipOpen=e(this,"calciteTooltipOpen",6);this.guid=`calcite-tooltip-${u()}`;this.hasLoaded=false;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.setUpReferenceElement=(t=true)=>{this.removeReferences();this.effectiveReferenceElement=y(this.el);c(this,this.effectiveReferenceElement,this.el);const{el:e,referenceElement:i,effectiveReferenceElement:s}=this;if(t&&i&&!s){console.warn(`${e.tagName}: reference-element id "${i}" was not found.`,{el:e})}this.addReferences()};this.getId=()=>this.el.id||this.guid;this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}const e=this.getId();if("setAttribute"in t){t.setAttribute(v,e)}H.registerElement(t,this.el)};this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}if("removeAttribute"in t){t.removeAttribute(v)}H.unregisterElement(t)};this.closeOnClick=false;this.label=undefined;this.offsetDistance=l;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.referenceElement=undefined;this.effectiveReferenceElement=undefined;this.floatingLayout="vertical"}offsetDistanceOffsetHandler(){this.reposition(true)}offsetSkiddingHandler(){this.reposition(true)}openHandler(){p(this);this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){this.setUpReferenceElement(true);if(this.open){p(this)}}async componentWillLoad(){if(this.open){p(this)}}componentDidLoad(){if(this.referenceElement&&!this.effectiveReferenceElement){this.setUpReferenceElement()}this.hasLoaded=true}disconnectedCallback(){this.removeReferences();h(this,this.effectiveReferenceElement,this.el)}async reposition(t=false){const{el:e,effectiveReferenceElement:i,placement:s,overlayPositioning:o,offsetDistance:n,offsetSkidding:r,arrowEl:a}=this;return f(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:s,offsetDistance:n,offsetSkidding:r,arrowEl:a,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:e,open:o,floatingLayout:n}=this;const r=t&&o;const c=!r;return i(s,{key:"fc8b3d3b7c730b670afe3d15ad110548841e08cb","aria-hidden":a(c),"aria-label":e,"aria-live":"polite","calcite-hydrated-hidden":c,id:this.getId(),role:"tooltip"},i("div",{key:"4a0d137962212382b6c1979c5405f31ffab156fc",class:{[d.animation]:true,[d.animationActive]:r},ref:this.setTransitionEl},i(m,{key:"6543e9d376fea7bad9bb1691238c7f7d76779f04",floatingLayout:n,ref:t=>this.arrowEl=t}),i("div",{key:"0e628ca7befad9ffafbf5af533c805e590cfd8e1",class:g.container},i("slot",{key:"c4e11f40221197e9d717e1975812d85cff4ff5f7"}))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};T.style=E;export{T as calcite_tooltip};
-//# sourceMappingURL=p-f702c97e.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{r as e,c as t,h as s,H as i,g as a}from"./p-ae2d591b.js";import{k as c,d as o,t as d}from"./p-11d977f2.js";import{c as r,u as n,d as h,I as l}from"./p-53725bef.js";import{a as p,s as b,b as f}from"./p-2ed670f6.js";import"./p-f35d3608.js";import"./p-34486f6f.js";import"./p-91ed324f.js";const u=":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{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const m=u;const g=class{constructor(s){e(this,s);this.calciteCardGroupSelect=t(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=e=>{this.updateSlottedItems(e.target);this.updateSelectedItems()};this.updateSlottedItems=e=>{this.items=e.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((e=>{e.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(e,t)=>{if(t){this.items.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.selectedItems=this.items.filter((e=>e.selected));if(e&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){r(this)}componentDidRender(){n(this)}componentDidLoad(){p(this)}disconnectedCallback(){h(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items.filter((e=>!e.disabled));switch(e.detail["key"]){case"ArrowRight":c(t,e.target,"next");break;case"ArrowLeft":c(t,e.target,"previous");break;case"Home":c(t,e.target,"first");break;case"End":c(t,e.target,"last");break}}}calciteCardSelectListener(e){if(e.composedPath().includes(this.el)&&!e.target.selectable){this.setSelectedItems(true,e.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return s(i,{key:"f7d72ac0d0c8b0cec9b1c5c048ed2a8ee304d9e2"},s(l,{key:"b477bbced684168f1e68c1fe0d8511a689653995",disabled:this.disabled},s("div",{key:"ce0aa841b96ad23886e109203a14ac2b0e54b948","aria-disabled":d(this.disabled),"aria-label":this.label,class:"container",role:e},s("slot",{key:"338c12be0a5a675daf911aad6049aff6319d3064",onSlotchange:this.updateItemsOnSlotChange,ref:e=>this.slotRefEl=e}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};g.style=m;export{g as calcite_card_group};
-//# sourceMappingURL=p-f8d877db.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{r as e,c as t,h as i,F as n,g as a}from"./p-ae2d591b.js";import{c as s,d as o}from"./p-7da7b57f.js";import{e as c,g as r,t as l}from"./p-11d977f2.js";import{c as d,d as h}from"./p-729d0131.js";import{u as p,c as g,s as f,d as m}from"./p-68539501.js";import{H as u,c as x}from"./p-ee0fc881.js";import{l as v}from"./p-9ca7574e.js";import{c as b}from"./p-3b9aa788.js";import"./p-f35d3608.js";import"./p-34486f6f.js";import"./p-3382b82d.js";import"./p-91ed324f.js";import"./p-b083560a.js";const y={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const k={close:"x"};const z={thumbnail:"thumbnail"};const w=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const C=w;v.deprecated("component",{name:"tip",removalVersion:4,suggested:["card","notice","panel","tile"]});const j=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:y.header},i(u,{class:y.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:y.close,icon:k.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,z.thumbnail)?i("div",{class:y.imageFrame,key:"thumbnail"},i("slot",{name:z.thumbnail})):null}renderInfoNode(){return i("div",{class:y.info},i("slot",null))}renderContent(){return i("div",{class:y.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,{key:"8562df36264e7b71164b7b42209d35a6f8bc8295"},i("article",{key:"99430d7005b542649c03153f1f22710a061c3d90",class:y.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=C;const L=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const T=L;v.deprecated("component",{name:"tip-group",removalVersion:4,suggested:["carousel","carousel-item"]});const H=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",{key:"c0b850aee69bf797ee288d75f02201f9a318c4ba"})}};H.style=T;const I={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const D={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const M=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const _=M;v.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"});const A=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=b("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:I.pagination},i("calcite-action",{class:I.pagePrevious,icon:e==="ltr"?D.chevronLeft:D.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:I.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:I.pageNext,icon:e==="ltr"?D.chevronRight:D.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:I.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},i("header",{class:I.header},i(u,{class:I.heading,level:n},a),i("calcite-action",{class:I.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:D.close,scale:"m"}))),i("div",{class:{[I.tipContainer]:true,[I.tipContainerAdvancing]:!e&&t==="advancing",[I.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=_;export{j as calcite_tip,H as calcite_tip_group,A as calcite_tip_manager};
-//# sourceMappingURL=p-f94ef316.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{r as i,c as e,h as t,H as a,g as n}from"./p-ae2d591b.js";import{t as o,f as s}from"./p-11d977f2.js";import{c as l,d as c,u as r,a as d}from"./p-d68ae6ca.js";import{s as h,a as m,c as f}from"./p-2ed670f6.js";import{c as g}from"./p-3b9aa788.js";import{o as p}from"./p-05de60b0.js";import{c as b,d as v}from"./p-729d0131.js";import{s as u,c as x,d as y,u as w}from"./p-68539501.js";import{c as z}from"./p-07d4ef51.js";import{S as k}from"./p-343cf54e.js";import"./p-f35d3608.js";import"./p-34486f6f.js";import"./p-b083560a.js";import"./p-91ed324f.js";import"./p-3382b82d.js";const C={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",content:"content",openingIdle:"dialog--opening-idle",openingActive:"dialog--opening-active",closingIdle:"dialog--closing-idle",closingActive:"dialog--closing-active"};const j={actionBar:"action-bar",alerts:"alerts",content:"content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"};const D=":host{--calcite-dialog-scrim-background-color:rgba(0, 0, 0, 0.85);pointer-events:none;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex}:host([modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-sm);--calcite-internal-dialog-padding:0.75rem;--calcite-internal-dialog-padding-large:1rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-1);--calcite-internal-dialog-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-md);--calcite-internal-dialog-padding:1rem;--calcite-internal-dialog-padding-large:1.25rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-2);--calcite-internal-dialog-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-lg);--calcite-internal-dialog-padding:1.25rem;--calcite-internal-dialog-padding-large:1.5rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-3);--calcite-internal-dialog-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color:var(\n    --calcite-dialog-scrim-background-color,\n    var(--calcite-color-transparent-scrim)\n  );position:fixed;inset:0px;display:flex;overflow-y:hidden}calcite-panel{--calcite-panel-footer-padding:var(--calcite-dialog-footer-space);--calcite-panel-header-border-block-end:var(--calcite-border-width-sm) solid var(--calcite-dialog-border-color)}.content{padding:var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding))}.dialog{pointer-events:none;position:relative;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;border-radius:0.25rem;opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-internal-dialog-hidden-position:translate3d(0, 20px, 0);--calcite-internal-dialog-shown-position:translate3d(0, 0, 0);inset-inline-start:var(--calcite-dialog-offset-x);inset-block-start:var(--calcite-dialog-offset-y)}.dialog--opening-idle{transform:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{transform:var(--calcite-internal-dialog-shown-position)}.dialog--closing-idle{transform:var(--calcite-internal-dialog-shown-position)}.dialog--closing-active{transform:var(--calcite-internal-dialog-hidden-position)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}.panel{border-radius:0.25rem}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([width=small]) .dialog{inline-size:auto}:host([width-scale=s]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([width-scale=m]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([width-scale=l]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([placement=cover]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-internal-dialog-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-internal-dialog-shown-position:translate3D(0, 0, 0) scale(1)}:host([placement=cover]) .panel{border-radius:0px}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .dialog{border-color:var(--calcite-color-status-info)}:host([kind=success]) .dialog{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .dialog{border-color:var(--calcite-color-status-warning)}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const O=D;let L=0;let A="";const B=class{constructor(t){i(this,t);this.calciteDialogBeforeClose=e(this,"calciteDialogBeforeClose",6);this.calciteDialogClose=e(this,"calciteDialogClose",6);this.calciteDialogBeforeOpen=e(this,"calciteDialogBeforeOpen",6);this.calciteDialogOpen=e(this,"calciteDialogOpen",6);this.calciteDialogScroll=e(this,"calciteDialogScroll",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=g("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteDialogOpen",this.openEnd)};this.handleScroll=()=>{this.calciteDialogScroll.emit()};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeDialog=async()=>{if(this.beforeClose){try{await this.beforeClose()}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}L--;this.opened=false;this.updateOverflowHiddenClass()};this.updateOverflowHiddenClass=()=>{this.opened&&!this.embedded&&this.modal?this.addOverflowHiddenClass():this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFocusTrapElements()};this.beforeClose=undefined;this.description=undefined;this.closeDisabled=false;this.embedded=false;this.heading=undefined;this.headingLevel=undefined;this.kind=undefined;this.loading=false;this.menuOpen=false;this.messages=undefined;this.messageOverrides=undefined;this.modal=false;this.open=false;this.outsideCloseDisabled=false;this.overlayPositioning="absolute";this.placement="center";this.scale="m";this.widthScale="m";this.opened=false;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}onModalChange(){this.updateOverflowHiddenClass()}async componentWillLoad(){await u(this);h(this);if(this.open){this.openDialog()}}componentDidLoad(){m(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});b(this);x(this);l(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();c(this);v(this);y(this);this.embedded=false}render(){const{description:i,heading:e,opened:n}=this;return t(a,{key:"8a42eeeeab3ee4ecda173ba89645d24ac5680431","aria-description":i,"aria-label":e,"aria-modal":o(this.modal),role:"dialog"},t("div",{key:"8340c99867985bc7fda81dae481753048a4c1604",class:{[C.container]:true,[C.containerOpen]:n,[C.containerEmbedded]:this.embedded}},this.modal?t("calcite-scrim",{class:C.scrim,onClick:this.handleOutsideClose}):null,t("div",{key:"4a122530b1dab0f05e2e2d3c615a7ce87c01b8b6",class:C.dialog,ref:this.setTransitionEl},t("slot",{key:"f776421bfbf6a2a57b66f4ce0e333e194a633f83",name:j.content},t("calcite-panel",{key:"4fc04c9e909cbf5318e19019297974e167b80fdd",beforeClose:this.beforeClose,class:C.panel,closable:!this.closeDisabled,closed:!n,description:i,heading:e,headingLevel:this.headingLevel,loading:this.loading,menuOpen:this.menuOpen,messageOverrides:this.messageOverrides,onCalcitePanelClose:this.handleCloseClick,onCalcitePanelScroll:this.handleScroll,overlayPositioning:this.overlayPositioning,ref:i=>this.panelEl=i,scale:this.scale},t("slot",{key:"c7baf471071a25bb55f23b6c22e3c0f2bd226549",name:j.actionBar,slot:k.actionBar}),t("slot",{key:"45288a61839638b012b97e77b7ef770bc3b58db8",name:j.alerts,slot:k.alerts}),t("slot",{key:"f6743c0413a73316c07016df0f403789783f812e",name:j.headerActionsStart,slot:k.headerActionsStart}),t("slot",{key:"20e6b7600012c9082ea8fc40db9c5983dc4dd43e",name:j.headerActionsEnd,slot:k.headerActionsEnd}),t("slot",{key:"8531aaa1efa444c485244b1f643dfbd2a99531bf",name:j.headerContent,slot:k.headerContent}),t("slot",{key:"b25fa45d5157d6f4b18b46595cedce009cb3874e",name:j.headerMenuActions,slot:k.headerMenuActions}),t("slot",{key:"c4bf81edc9606b1c8b3b5d923b437bd0f4e3c3d5",name:j.fab,slot:k.fab}),t("slot",{key:"3ca5302a35fb21976953f59f3d04615f3f364020",name:j.contentTop,slot:k.contentTop}),t("slot",{key:"720d55b5f9f7efb5f5f47117944405cbe568ff64",name:j.contentBottom,slot:k.contentBottom}),t("slot",{key:"a69b899e6d0347ad7919ca75e51d3e62c5b0e69e",name:j.footerStart,slot:k.footerStart}),t("slot",{key:"ae943f8882d5e6576c72b9b662f3340c5d7496e8",name:j.footer,slot:k.footer}),t("slot",{key:"2fd6916694ec9547541544cebdbbc75555d17a5f",name:j.footerEnd,slot:k.footerEnd}),t("div",{key:"812f15f76eb55f8975c83cd135ab62a8597189be",class:C.content},t("slot",{key:"cf266d71f207f274e13234ce2c557f6808d82949"})))))))}effectiveLocaleChange(){w(this,this.effectiveLocale)}handleEscape(i){if(this.open&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await f(this);return this.panelEl?.setFocus()??s(this.el)}async updateFocusTrapElements(){r(this)}async scrollContentTo(i){await(this.panelEl?.scrollContentTo(i))}onBeforeOpen(){this.transitionEl.classList.add(C.openingActive);this.calciteDialogBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(C.openingIdle,C.openingActive);this.calciteDialogOpen.emit();d(this)}onBeforeClose(){this.transitionEl.classList.add(C.closingActive);this.calciteDialogBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(C.closingIdle,C.closingActive);this.calciteDialogClose.emit();c(this)}toggleDialog(i){if(this.ignoreOpenChange){return}if(i){this.openDialog()}else{this.closeDialog()}}handleOpenedChange(i){const e=i?C.openingIdle:C.closingIdle;this.transitionEl.classList.add(e);p(this)}async openDialog(){await z(this.el);this.el.addEventListener("calciteDialogOpen",this.openEnd);this.opened=true;this.updateOverflowHiddenClass()}addOverflowHiddenClass(){if(L===0){A=document.documentElement.style.overflow}L++;document.documentElement.style.setProperty("overflow","hidden")}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",A)}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],modal:["onModalChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleDialog"],opened:["handleOpenedChange"]}}};B.style=O;export{B as calcite_dialog};
-//# sourceMappingURL=p-f9905385.entry.js.map

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

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

package/dist/calcite/p-fbfdd597.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-import{d as e}from"./p-3b8ce0b1.js";import"./p-ae2d591b.js";import"./p-cb4c2193.js";import"./p-11d977f2.js";import"./p-f35d3608.js";import"./p-34486f6f.js";import"./p-53725bef.js";import"./p-91ed324f.js";import"./p-3382b82d.js";import"./p-2000fe68.js";import"./p-07d4ef51.js";import"./p-2ed670f6.js";import"./p-729d0131.js";import"./p-3b9aa788.js";import"./p-d68ae6ca.js";import"./p-b083560a.js";import"./p-cb0984c6.js";import"./p-68539501.js";import"./p-b34ae0b7.js";import"./p-2c8411a4.js";var s={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aquí %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function e(s){var r;if(s===1||s===3)r="r";else if(s===2)r="n";else if(s===4)r="t";else r="è";return""+s+r}};e.locale(s,null,true);export{s as default};
-//# sourceMappingURL=p-fbfdd597.js.map

package/dist/cjs/ExpandToggle-3184ea02.js

@@ -1,107 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-'use strict';
-
-const index = require('./index-5d80273a.js');
-const dom = require('./dom-881fc445.js');
-const resources$1 = require('./resources-a8785223.js');
-const resources = require('./resources-b24bba40.js');
-
-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, expandLabel, collapseLabel, toggle, el, position, tooltip, ref, scale, }) => {
-    const rtl = dom.getElementDir(el) === "rtl";
-    const text = expanded ? collapseText : expandText;
-    const label = expanded ? collapseLabel : expandLabel;
-    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, id: "expand-toggle", label: label, onClick: toggle, ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }), scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null }));
-    return actionNode;
-};
-
-exports.ExpandToggle = ExpandToggle;
-exports.geActionDimensions = geActionDimensions;
-exports.getOverflowCount = getOverflowCount;
-exports.overflowActions = overflowActions;
-exports.queryActions = queryActions;
-exports.toggleChildActionText = toggleChildActionText;
-
-//# sourceMappingURL=ExpandToggle-3184ea02.js.map

package/dist/cjs/ExpandToggle-3184ea02.js.map

@@ -1 +0,0 @@
-{"file":"ExpandToggle-3184ea02.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\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  expandLabel: string;\n  collapseLabel: 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} as const;\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  expandLabel,\n  collapseLabel,\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 label = expanded ? collapseLabel : expandLabel;\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      id=\"expand-toggle\"\n      label={label}\n      onClick={toggle}\n      ref={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : null}\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}

package/dist/cjs/FloatingArrow-1df6096a.js

@@ -1,47 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-'use strict';
-
-const index = require('./index-5d80273a.js');
-
-const CSS = {
-    arrow: "calcite-floating-ui-arrow",
-    arrowStroke: "calcite-floating-ui-arrow__stroke",
-};
-const DEFAULTS = {
-    width: 12,
-    height: 6,
-    strokeWidth: 1,
-};
-/**
- * Renders a SVG element to be used as a floating-ui arrow.
- *
- * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
- *
- * @param floatingLayout.floatingLayout
- * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
- *
- * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/dev/src/utils/floating-ui.ts)
- * @param floatingLayout.key
- * @param floatingLayout.ref
- */
-const FloatingArrow = ({ floatingLayout, key, ref, }) => {
-    const { width, height, strokeWidth } = DEFAULTS;
-    const svgX = width / 2;
-    const isVertical = floatingLayout === "vertical";
-    const dValue = "M0,0" +
-        ` H${width}` +
-        ` L${width - svgX},${height}` +
-        ` Q${svgX},${height} ${svgX},${height}` +
-        " Z";
-    return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, ref: ref, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0) },
-        strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
-        index.h("path", { d: dValue, stroke: "none" })));
-};
-
-exports.FloatingArrow = FloatingArrow;
-
-//# sourceMappingURL=FloatingArrow-1df6096a.js.map

package/dist/cjs/FloatingArrow-1df6096a.js.map

@@ -1 +0,0 @@
-{"file":"FloatingArrow-1df6096a.js","mappings":";;;;;;;;;AAQA,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,2BAA2B;IAClC,WAAW,EAAE,mCAAmC;CACjD,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;MAYa,aAAa,GAA4C,CAAC,EACrE,cAAc,EACd,GAAG,EACH,GAAG,GACJ;IACC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IAChD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC;IAEjD,MAAM,MAAM,GACV,MAAM;QACN,KAAK,KAAK,EAAE;QACZ,KAAK,KAAK,GAAG,IAAI,IAAI,MAAM,EAAE;QAC7B,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;QACvC,IAAI,CAAC;IAEP,QACEA,gCACc,MAAM,EAClB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,EAAE,EAClE,KAAK,EAAE,KAAK,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;QAE5C,WAAW,GAAG,CAAC,KACdA,kBACE,KAAK,EAAE,GAAG,CAAC,WAAW,EACtB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBAEG,WAAW,GAAG,CAAC,GAC7B,CACH;QAGDA,kBAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,GAAG,CAC7B,EACN;AACJ;;;;","names":["h"],"sources":["src/components/functional/FloatingArrow.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FloatingLayout } from \"../../utils/floating-ui\";\n\ninterface FloatingArrowProps extends JSXAttributes {\n  floatingLayout: FloatingLayout;\n}\n\nconst CSS = {\n  arrow: \"calcite-floating-ui-arrow\",\n  arrowStroke: \"calcite-floating-ui-arrow__stroke\",\n};\n\nconst DEFAULTS = {\n  width: 12,\n  height: 6,\n  strokeWidth: 1,\n};\n\n/**\n * Renders a SVG element to be used as a floating-ui arrow.\n *\n * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.\n *\n * @param floatingLayout.floatingLayout\n * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.\n *\n * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/dev/src/utils/floating-ui.ts)\n * @param floatingLayout.key\n * @param floatingLayout.ref\n */\nexport const FloatingArrow: FunctionalComponent<FloatingArrowProps> = ({\n  floatingLayout,\n  key,\n  ref,\n}) => {\n  const { width, height, strokeWidth } = DEFAULTS;\n  const svgX = width / 2;\n  const isVertical = floatingLayout === \"vertical\";\n\n  const dValue =\n    \"M0,0\" +\n    ` H${width}` +\n    ` L${width - svgX},${height}` +\n    ` Q${svgX},${height} ${svgX},${height}` +\n    \" Z\";\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      class={CSS.arrow}\n      height={width}\n      key={key}\n      ref={ref}\n      viewBox={`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`}\n      width={width + (isVertical ? strokeWidth : 0)}\n    >\n      {strokeWidth > 0 && (\n        <path\n          class={CSS.arrowStroke}\n          d={dValue}\n          fill=\"none\"\n          // Account for the stroke on the fill path rendered below.\n          stroke-width={strokeWidth + 1}\n        />\n      )}\n      {/* In Firefox, for left/right placements there's a ~0.5px gap where the\n  border can show through. Adding a stroke on the fill removes it. */}\n      <path d={dValue} stroke=\"none\" />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/Heading-e593b068.js

@@ -1,22 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-'use strict';
-
-const index = require('./index-5d80273a.js');
-
-function constrainHeadingLevel(level) {
-    return Math.min(Math.max(Math.ceil(level), 1), 6);
-}
-const Heading = (props, children) => {
-    const HeadingTag = props.level ? `h${props.level}` : "div";
-    delete props.level;
-    return index.h(HeadingTag, { ...props }, children);
-};
-
-exports.Heading = Heading;
-exports.constrainHeadingLevel = constrainHeadingLevel;
-
-//# sourceMappingURL=Heading-e593b068.js.map

package/dist/cjs/Heading-e593b068.js.map

@@ -1 +0,0 @@
-{"file":"Heading-e593b068.js","mappings":";;;;;;;;;SASgB,qBAAqB,CAAC,KAAa;IACjD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAiB,CAAC;AACpE,CAAC;MAEY,OAAO,GAAsC,CAAC,KAAK,EAAE,QAAQ;IACxE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,KAAK,CAAC,KAAK,CAAC;IAEnB,OAAOA,QAAC,UAAU,OAAK,KAAK,IAAG,QAAQ,CAAc,CAAC;AACxD;;;;;","names":["h"],"sources":["src/components/functional/Heading.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeadingProps extends JSXBase.HTMLAttributes {\n  level?: HeadingLevel;\n}\n\nexport function constrainHeadingLevel(level: number): HeadingLevel {\n  return Math.min(Math.max(Math.ceil(level), 1), 6) as HeadingLevel;\n}\n\nexport const Heading: FunctionalComponent<HeadingProps> = (props, children) => {\n  const HeadingTag = props.level ? `h${props.level}` : \"div\";\n\n  delete props.level;\n\n  return <HeadingTag {...props}>{children}</HeadingTag>;\n};\n"],"version":3}

package/dist/cjs/Validation-e31223c9.js

@@ -1,18 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0-next.21
- */
-'use strict';
-
-const index = require('./index-5d80273a.js');
-
-const CSS = {
-    validationContainer: "validation-container",
-};
-const Validation = ({ scale, status, id, icon, message, }) => (index.h("div", { class: CSS.validationContainer },
-    index.h("calcite-input-message", { "aria-live": "polite", icon: icon, id: id, scale: scale, status: status }, message)));
-
-exports.Validation = Validation;
-
-//# sourceMappingURL=Validation-e31223c9.js.map

package/dist/cjs/Validation-e31223c9.js.map

@@ -1 +0,0 @@
-{"file":"Validation-e31223c9.js","mappings":";;;;;;;;;AAaO,MAAM,GAAG,GAAG;IACjB,mBAAmB,EAAE,sBAAsB;CAC5C,CAAC;MAEW,UAAU,GAAyC,CAAC,EAC/D,KAAK,EACL,MAAM,EACN,EAAE,EACF,IAAI,EACJ,OAAO,GACR,MACCA,iBAAK,KAAK,EAAE,GAAG,CAAC,mBAAmB;IACjCA,gDAAiC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IACvF,OAAO,CACc,CACpB;;;;","names":["h"],"sources":["src/components/functional/Validation.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { Scale, Status } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\n\ninterface ValidationProps extends JSXBase.HTMLAttributes {\n  scale: Scale;\n  status: Status;\n  icon?: IconNameOrString | boolean;\n  id?: string;\n  message: string;\n}\n\nexport const CSS = {\n  validationContainer: \"validation-container\",\n};\n\nexport const Validation: FunctionalComponent<ValidationProps> = ({\n  scale,\n  status,\n  id,\n  icon,\n  message,\n}) => (\n  <div class={CSS.validationContainer}>\n    <calcite-input-message aria-live=\"polite\" icon={icon} id={id} scale={scale} status={status}>\n      {message}\n    </calcite-input-message>\n  </div>\n);\n"],"version":3}