@esri/calcite-components 2.5.0-next.2 → 2.5.0-next.3

package/dist/calcite/p-33fe032b.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/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{h as t,r as i,c as s,H as e,g as a}from"./p-e0ae45c1.js";import{c as n,d as o,H as r}from"./p-7327524e.js";import{g as c}from"./p-48c4d1e8.js";import{c as l,d as h,u as d,I as p}from"./p-a58dc387.js";import{c as u,d as f}from"./p-72b0894d.js";import{s as m,a as b,c as g}from"./p-cc810944.js";import{c as v,d as y}from"./p-ce98cbec.js";import{u as w,c as k,s as x,d as j}from"./p-8f0b5cad.js";import{f as C}from"./p-d111a16f.js";import"./p-11c57855.js";import"./p-87ffed8b.js";import"./p-c7425f90.js";import"./p-7a05b03e.js";import"./p-6f8dcde6.js";const z=({full:i,scale:s,partial:e})=>t("calcite-icon",{class:e?undefined:"icon",icon:i?"star-f":"star",scale:s});const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(t){i(this,t);this.calciteRatingChange=s(this,"calciteRatingChange",6);this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=false};this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=true;this.hoverValue=null};this.handleHostKeyDown=()=>{this.isKeyboardInteraction=true};this.handleLabelKeyDown=t=>{const i=this.getValueFromLabelEvent(t);const s=t.key;const e=s==" "?undefined:Number(s);this.emit=true;if(isNaN(e)){switch(s){case"Enter":case" ":this.value=!this.required&&this.value===i?0:i;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(i);this.updateFocus();t.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(i);this.updateFocus();t.preventDefault();break;case"Tab":this.hoverValue=null}}else{if(!this.required&&e>=0&&e<=this.max){this.value=e}else if(this.required&&e>0&&e<=this.max){this.value=e}this.updateFocus()}};this.handleInputChange=t=>{if(this.isKeyboardInteraction===true){const i=Number(t.target["value"]);this.hoverValue=i;this.value=i}};this.handleLabelPointerOver=t=>{this.hoverValue=this.getValueFromLabelEvent(t)};this.handleLabelPointerDown=t=>{const i=t.currentTarget;const s=this.getValueFromLabelEvent(t);this.hoverValue=s;this.emit=true;this.value=!this.required&&this.value===s?0:s;i.focus()};this.handleLabelClick=t=>{t.preventDefault()};this.handleLabelFocus=t=>{const i=this.getValueFromLabelEvent(t);this.hoverValue=i};this.setLabelEl=t=>{this.labelElements.push(t)};this.emit=false;this.guid=`calcite-ratings-${c()}`;this.isKeyboardInteraction=true;this.labelElements=[];this.max=5;this.average=undefined;this.count=undefined;this.disabled=false;this.form=undefined;this.messages=undefined;this.messageOverrides=undefined;this.name=undefined;this.readOnly=false;this.required=false;this.scale="m";this.showChip=false;this.value=0;this.effectiveLocale="";this.defaultMessages=undefined;this.hoverValue=undefined}onMessagesChange(){}handleValueUpdate(t){this.hoverValue=t;if(this.emit){this.calciteRatingChange.emit()}this.emit=false}effectiveLocaleChange(){w(this,this.effectiveLocale)}connectedCallback(){l(this);v(this);k(this);u(this);n(this)}async componentWillLoad(){await x(this);m(this)}componentWillRender(){this.starsMap=Array.from({length:this.max},((t,i)=>{const s=i+1;const e=!this.hoverValue&&this.average&&!this.value&&s<=this.average;const a=s===this.value;const n=this.average&&this.average+1-s;const o=s<=this.hoverValue;const r=`${this.guid}-${s}`;const c=!this.hoverValue&&!this.value&&!o&&n>0&&n<1;const l=this.value>=s;const h=this.getTabIndex(s);return{average:e,checked:a,fraction:n,hovered:o,id:r,partial:c,selected:l,value:s,tabIndex:h}}))}componentDidLoad(){b(this)}disconnectedCallback(){h(this);y(this);j(this);f(this);o(this)}componentDidRender(){d(this)}render(){return t(e,{onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},t(p,{disabled:this.disabled},t("span",{class:"wrapper"},t("fieldset",{class:"fieldset",disabled:this.disabled},t("legend",{class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:i,checked:s,fraction:e,hovered:a,id:n,partial:o,selected:r,value:c,tabIndex:l})=>t("label",{class:{star:true,selected:r,hovered:a,average:i,partial:o},"data-value":c,htmlFor:n,onClick:this.handleLabelClick,onFocus:this.handleLabelFocus,onKeyDown:this.handleLabelKeyDown,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver,tabIndex:l,ref:this.setLabelEl},t("input",{checked:s,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:n,name:this.guid,onChange:this.handleInputChange,tabIndex:-1,type:"radio",value:c}),t(z,{full:r||i,scale:this.scale}),o&&t("div",{class:"fraction",style:{width:`${e*100}%`}},t(z,{full:true,partial:true,scale:this.scale})),t("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${c}`))))),(this.count||this.average)&&this.showChip?t("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&t("span",{class:"number--average"},this.average.toString()),!!this.count&&t("span",{class:"number--count"},"(",this.count?.toString(),")")):null),t(r,{component:this}))))}onLabelClick(){this.setFocus()}updateFocus(){this.hoverValue=this.value;this.labelElements[this.value-1].focus()}getTabIndex(t){if(this.readOnly||this.value!==t&&(this.value||t!==1)){return-1}return 0}getValueFromLabelEvent(t){const i=t.currentTarget;return Number(i.getAttribute("data-value"))}getNextRatingValue(t){return t===5?1:t+1}getPreviousRatingValue(t){return t===1?5:t-1}async setFocus(){await g(this);C(this.el)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=L;export{D as calcite_rating};
-//# sourceMappingURL=p-33fe032b.entry.js.map

package/dist/calcite/p-34457faa.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-const t={menu:"menu",defaultTrigger:"default-trigger"};const e={tooltip:"tooltip",trigger:"trigger"};const a={menu:"ellipsis"};const s="data-active";export{t as C,a as I,e as S,s as a};
-//# sourceMappingURL=p-34457faa.js.map

package/dist/calcite/p-36012902.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{d as e}from"./p-55541222.js";import"./p-e0ae45c1.js";import"./p-7327524e.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-a58dc387.js";import"./p-11c57855.js";import"./p-c7425f90.js";import"./p-72b0894d.js";import"./p-87ffed8b.js";import"./p-cc810944.js";import"./p-ce98cbec.js";import"./p-7a05b03e.js";import"./p-a45b7197.js";import"./p-55668338.js";import"./p-8f0b5cad.js";import"./p-04354662.js";import"./p-b1867447.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,r){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?r[0]:r[1]}return r[2]},relativeTimeFormatter:function e(r,d,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&d)return"jedna godina";return n||d?m[0]:m[1]}var o=a.correctGrammarCase(r,m);if(t==="yy"&&d&&o==="%d godinu")return r+" godina";return o.replace("%d",r)}};var r={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(r,null,true);export default r;
-//# sourceMappingURL=p-36012902.js.map

package/dist/calcite/p-3c627e7e.js

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

package/dist/calcite/p-3e090648.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{d as e}from"./p-55541222.js";import"./p-e0ae45c1.js";import"./p-7327524e.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-a58dc387.js";import"./p-11c57855.js";import"./p-c7425f90.js";import"./p-72b0894d.js";import"./p-87ffed8b.js";import"./p-cc810944.js";import"./p-ce98cbec.js";import"./p-7a05b03e.js";import"./p-a45b7197.js";import"./p-55668338.js";import"./p-8f0b5cad.js";import"./p-04354662.js";import"./p-b1867447.js";var o={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function e(o){return o+"º"}};e.locale(o,null,true);export default o;
-//# sourceMappingURL=p-3e090648.js.map

package/dist/calcite/p-3f7c0623.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{d as e}from"./p-55541222.js";import"./p-e0ae45c1.js";import"./p-7327524e.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-a58dc387.js";import"./p-11c57855.js";import"./p-c7425f90.js";import"./p-72b0894d.js";import"./p-87ffed8b.js";import"./p-cc810944.js";import"./p-ce98cbec.js";import"./p-7a05b03e.js";import"./p-a45b7197.js";import"./p-55668338.js";import"./p-8f0b5cad.js";import"./p-04354662.js";import"./p-b1867447.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export default m;
-//# sourceMappingURL=p-3f7c0623.js.map

package/dist/calcite/p-3f927f4e.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/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-e0ae45c1.js";import{s as n,l as a}from"./p-d111a16f.js";import{c}from"./p-7a05b03e.js";import{g as l}from"./p-48c4d1e8.js";import{c as h,d as p,n as d}from"./p-ce98cbec.js";import{c as m,s as u,d as b,u as f}from"./p-8f0b5cad.js";import{c as g,u as v,d as y,I as x}from"./p-a58dc387.js";import{s as z,a as w,c as k}from"./p-cc810944.js";import"./p-6f8dcde6.js";import"./p-c7425f90.js";import"./p-11c57855.js";const I={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const C=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[I.stepBar]:true},key:r},e("rect",{class:{[I.stepBarActive]:i,[I.stepBarComplete]:s,[I.stepBarDisabled]:t,[I.stepBarError]:o,[I.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const S={s:120,m:180,l:200};const A={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const E=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(e){t(this,e);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.resizeObserver=c("resize",(e=>this.elWidth=e[0].contentRect.width));this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(typeof this.currentActivePosition==="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.calciteStepperItemChange.emit()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;this.setGridTemplateColumns(t);this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined;this.elWidth=undefined}handleItemPropChange(){this.updateItems()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){this.resizeObserver?.observe(this.containerEl);if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){this.resizeObserver?.disconnect();b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{"aria-label":this.messages.label,role:"region"},e("div",{class:{container:true,[A.singleView]:!this.multipleViewMode},ref:this.setContainerEl},!this.multipleViewMode&&this.layout==="horizontal"&&e("div",{class:{[A.stepBarContainer]:true}},this.items.map(((t,i)=>e(C,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),e("div",{class:{[A.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleUserRequestedStepperItemSelect(){this.calciteStepperItemChange.emit()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper(true)}))}handleElWidthChange(){o((()=>{this.determineActiveStepper()}))}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(e=false){const t=this.items.length;if(!this.elWidth||!t||this.layout!=="horizontal"||t===1){return}const i=this.currentActivePosition||0;const s=t*this.getMinWidthOfStepperItem();const o=(t-1)*(parseInt(window.getComputedStyle(this.containerEl).rowGap)||0);if(this.elWidth<=s+o){this.multipleViewMode=false;this.items.forEach(((e,t)=>{if(t!==i){e.hidden=true}else{e.hidden=false;e.multipleViewMode=false}}))}else if(this.elWidth>s+o){if(this.multipleViewMode&&!e){return}this.multipleViewMode=true;this.setGridTemplateColumns(this.items);this.items.forEach((e=>{e.hidden=false;e.multipleViewMode=true}))}}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.multipleViewMode){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[A.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}setGridTemplateColumns(e){const t=this.getMinWidthOfStepperItem();const i=Array(e.length).fill(`minmax(${t}px, 1fr)`).join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i}getMinWidthOfStepperItem(){return S[this.scale]}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"],elWidth:["handleElWidthChange"]}}};j.style=E;const L={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const P=":host([layout=horizontal][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])),:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-text-3)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){const e=this.itemPosition;this.calciteInternalUserRequestedStepperItemSelect.emit({position:e})}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.multipleViewMode=false;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){z(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){w(this)}componentDidRender(){v(this)}disconnectedCallback(){y(this);p(this);b(this)}render(){return e(s,{"aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler,tabIndex:this.disabled?-1:0},e(x,{disabled:this.disabled},e("div",{class:L.container},this.complete&&e("span",{"aria-live":"polite",class:L.visuallyHidden},this.messages.complete),e("div",{class:L.stepperItemHeader,tabIndex:this.layout==="horizontal"&&!this.disabled&&this.multipleViewMode?0:null,ref:e=>this.headerEl=e},this.icon?this.renderIcon():null,this.numbered?e("div",{class:L.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{class:L.stepperItemHeaderText},e("span",{class:L.stepperItemHeading},this.heading),e("span",{class:L.stepperItemDescription},this.description))),e("div",{class:L.stepperItemContent},e("slot",null)))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await k(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.multipleViewMode||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};D.style=P;export{j as calcite_stepper,D as calcite_stepper_item};
-//# sourceMappingURL=p-3f927f4e.entry.js.map

package/dist/calcite/p-3f927f4e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","stepBar","stepBarActive","stepBarComplete","stepBarDisabled","stepBarError","stepBarInActive","StepBar","disabled","active","complete","error","key","h","class","width","x","y","ITEM_MIN_WIDTH","s","m","l","actionIcon","actionIconStart","actionIconEnd","actionContainer","stepBarContainer","singleView","stepperCss","Stepper","this","enabledItems","itemMap","Map","items","mutationObserver","createObserver","updateItems","multipleViewMode","guid","resizeObserver","entries","elWidth","contentRect","handleActionClick","event","currentActivePosition","target","getAttribute","prevStep","nextStep","calciteStepperItemChange","emit","setContainerEl","el","containerEl","handleDefaultSlotChange","slotChangeGetAssignedElements","filter","tagName","setGridTemplateColumns","setStepperItemNumberingSystem","handleItemPropChange","numberingSystemChange","onMessagesChange","connectedCallback","observe","childList","connectMessages","connectLocalized","componentWillLoad","setUpMessages","componentDidLoad","enabledStepIndex","getFirstEnabledStepperPosition","calciteInternalStepperItemChange","position","disconnectedCallback","disconnect","disconnectMessages","disconnectLocalized","render","Host","messages","label","role","container","ref","layout","map","item","index","renderAction","onSlotchange","calciteInternalStepperItemKeyEvent","detail","itemToFocus","focusElementInGroup","stopPropagation","registerItem","content","set","filterItems","updateItem","selectedItem","handleUserRequestedStepperItemSelect","getEnabledStepIndex","updateStep","goToStep","step","startStep","endStep","length","effectiveLocaleChange","updateMessages","effectiveLocale","handlePositionChange","readTask","determineActiveStepper","handleElWidthChange","querySelectorAll","forEach","icon","numbered","scale","currentActivePositionChanged","totalItems","activePosition","totalMinWidthOfItems","getMinWidthOfStepperItem","totalRowGap","parseInt","window","getComputedStyle","rowGap","hidden","startIndex","direction","newIndex","numberingSystem","isPositionStart","path","id","alignment","appearance","compact","iconFlipRtl","onClick","text","previousStep","findIndex","minWidth","spacing","Array","fill","join","style","gridTemplateAreas","gridTemplateColumns","stepperItemContent","stepperItemDescription","stepperItemHeader","stepperItemHeading","stepperItemHeaderText","stepperItemNumber","visuallyHidden","stepperItemCss","StepperItem","keyDownHandler","emitUserRequestedItem","preventDefault","handleItemClick","composedPath","some","classList","contains","emitRequestedItem","itemPosition","calciteInternalUserRequestedStepperItemSelect","calciteInternalStepperItemSelect","selectedHandler","selected","disabledWatcher","registerStepperItem","effectiveLocaleWatcher","locale","numberStringFormatter","numberFormatOptions","useGrouping","connectInteractive","setUpLoadableComponent","parentStepperEl","parentElement","getItemPosition","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectInteractive","onKeyDown","tabIndex","InteractiveContainer","headerEl","renderIcon","renderNumbers","heading","description","updateActiveItemOnChange","includes","selectedPosition","determineSelectedItem","setFocus","componentFocusable","focus","flipRtl","calciteInternalStepperItemRegister","from","indexOf","numberFormatter","format"],"sources":["src/components/stepper/functional/step-bar.tsx","src/components/stepper/resources.ts","src/components/stepper/stepper.scss?tag=calcite-stepper&encapsulation=shadow","src/components/stepper/stepper.tsx","src/components/stepper-item/resources.ts","src/components/stepper-item/stepper-item.scss?tag=calcite-stepper-item&encapsulation=shadow","src/components/stepper-item/stepper-item.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface StepBarProps {\n  active: boolean;\n  complete: boolean;\n  error: boolean;\n  disabled: boolean;\n  key: number;\n}\n\nexport const CSS = {\n  stepBar: \"step-bar\",\n  stepBarActive: \"step-bar--active\",\n  stepBarComplete: \"step-bar--complete\",\n  stepBarDisabled: \"step-bar--disabled\",\n  stepBarError: \"step-bar--error\",\n  stepBarInActive: \"step-bar--inactive\",\n};\n\nexport const StepBar: FunctionalComponent<StepBarProps> = ({\n  disabled,\n  active,\n  complete,\n  error,\n  key,\n}) => (\n  <svg\n    class={{\n      [CSS.stepBar]: true,\n    }}\n    key={key}\n  >\n    <rect\n      class={{\n        [CSS.stepBarActive]: active,\n        [CSS.stepBarComplete]: complete,\n        [CSS.stepBarDisabled]: disabled,\n        [CSS.stepBarError]: error,\n        [CSS.stepBarInActive]: true,\n      }}\n      width=\"100%\"\n      x=\"0\"\n      y=\"0\"\n    />\n  </svg>\n);\n","export const ITEM_MIN_WIDTH = {\n  s: 120,\n  m: 180,\n  l: 200,\n};\n\nexport const CSS = {\n  actionIcon: \"action-icon\",\n  actionIconStart: \"action-icon--start\",\n  actionIconEnd: \"action-icon--end\",\n  actionContainer: \"action-container\",\n  stepBarContainer: \"step-bar-container\",\n  singleView: \"single-view\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.11\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.13\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.16\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.3\");\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply relative\n    flex\n    w-full\n    min-w-fit\n    flex-row\n    flex-wrap\n    items-stretch\n    justify-between;\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply flex-auto flex-col;\n}\n\n:host([layout=\"horizontal\"]) .container {\n  display: grid;\n  // grid-templates-columns are dynamically generated\n  // grid-templates-rows are dynamically generated\n  grid-template-areas:\n    \"items\"\n    \"content\";\n  gap: theme(\"spacing.2\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"][scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"]) .container.single-view {\n  @apply flex  grid-cols-none;\n}\n\n.action-icon {\n  @apply flex relative grow-0;\n  block-size: var(--calcite-internal-stepper-action-block-size);\n  inline-size: var(--calcite-internal-stepper-action-inline-size);\n}\n\n.action-container {\n  @apply absolute flex justify-between;\n  padding-block: 0.25rem;\n  inline-size: 100%;\n}\n\n@mixin stepBar {\n  .step-bar {\n    @apply flex;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .step-bar-container {\n    @apply flex absolute justify-between items-start;\n    block-size: 0.125rem;\n    inline-size: 100%;\n    gap: var(--calcite-internal-step-bar-gap, 0.5rem);\n  }\n\n  .step-bar--inactive {\n    fill: var(--calcite-color-border-3, #dfdfdf);\n    fill-opacity: 1;\n    block-size: 100%;\n  }\n\n  .step-bar--active {\n    fill: var(--calcite-color-brand);\n  }\n\n  .step-bar--complete {\n    fill: var(--calcite-color-brand);\n    fill-opacity: 0.5;\n  }\n\n  .step-bar--error {\n    fill: var(--calcite-color-status-danger);\n  }\n\n  .step-bar--disabled {\n    opacity: 0.5;\n  }\n}\n\n@include stepBar();\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  readTask,\n} from \"@stencil/core\";\nimport { focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { StepBar } from \"./functional/step-bar\";\nimport { ITEM_MIN_WIDTH, CSS } from \"./resources\";\nimport { guid } from \"../../utils/guid\";\n\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { StepperMessages } from \"./assets/stepper/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-stepper-item` elements.\n */\n@Component({\n  tag: \"calcite-stepper\",\n  styleUrl: \"stepper.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Stepper implements LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) icon = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"horizontal\";\n\n  /** When `true`, displays the step number in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"icon\")\n  @Watch(\"layout\")\n  @Watch(\"numbered\")\n  @Watch(\"scale\")\n  handleItemPropChange(): void {\n    this.updateItems();\n  }\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: StepperMessages;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.setStepperItemNumberingSystem();\n  }\n\n  /**\n   * Specifies the component's selected item.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteStepperItemElement = null;\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<StepperMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   */\n  @Event({ cancelable: false }) calciteStepperItemChange: EventEmitter<void>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateItems();\n    connectMessages(this);\n    connectLocalized(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.resizeObserver?.observe(this.containerEl);\n    // if no stepper items are set as active, default to the first one\n    if (typeof this.currentActivePosition !== \"number\") {\n      const enabledStepIndex = this.getFirstEnabledStepperPosition();\n\n      if (enabledStepIndex === 0) {\n        this.currentActivePosition = enabledStepIndex;\n      }\n\n      this.calciteInternalStepperItemChange.emit({\n        position: enabledStepIndex,\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    disconnectMessages(this);\n    disconnectLocalized(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Host aria-label={this.messages.label} role=\"region\">\n        <div\n          class={{ container: true, [CSS.singleView]: !this.multipleViewMode }}\n          ref={this.setContainerEl}\n        >\n          {!this.multipleViewMode && this.layout === \"horizontal\" && (\n            <div class={{ [CSS.stepBarContainer]: true }}>\n              {this.items.map((item, index) => (\n                <StepBar\n                  active={index === this.currentActivePosition}\n                  complete={item.complete && index !== this.currentActivePosition && !item.error}\n                  disabled={item.disabled && index !== this.currentActivePosition}\n                  error={item.error && index !== this.currentActivePosition}\n                  key={index}\n                />\n              ))}\n            </div>\n          )}\n          <div class={{ [CSS.actionContainer]: true }}>\n            {this.renderAction(\"start\")}\n            {this.renderAction(\"end\")}\n          </div>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemKeyEvent\")\n  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void {\n    const item = event.detail.item;\n    const itemToFocus = event.target as HTMLCalciteStepperItemElement;\n\n    switch (item.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"next\");\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"last\");\n        break;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemRegister\")\n  registerItem(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteStepperItemElement;\n    const { content, position } = event.detail;\n\n    this.itemMap.set(item, { position, content });\n    this.enabledItems = this.filterItems();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemSelect\")\n  updateItem(event: CustomEvent): void {\n    const { position } = event.detail;\n    if (typeof position === \"number\") {\n      this.currentActivePosition = position;\n      this.selectedItem = event.target as HTMLCalciteStepperItemElement;\n    }\n\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  @Listen(\"calciteInternalUserRequestedStepperItemSelect\")\n  handleUserRequestedStepperItemSelect(): void {\n    this.calciteStepperItemChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Set the next `calcite-stepper-item` as active. */\n  @Method()\n  async nextStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition + 1, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the previous `calcite-stepper-item` as active. */\n  @Method()\n  async prevStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /**\n   * Set a specified `calcite-stepper-item` as active.\n   *\n   * @param step\n   */\n  @Method()\n  async goToStep(step: number): Promise<void> {\n    const position = step - 1;\n\n    if (this.currentActivePosition !== position) {\n      this.updateStep(position);\n    }\n  }\n\n  /** Set the first `calcite-stepper-item` as active. */\n  @Method()\n  async startStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(0, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the last `calcite-stepper-item` as active. */\n  @Method()\n  async endStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.items.length - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperElement;\n\n  @State() defaultMessages: StepperMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() currentActivePosition: number;\n\n  @Watch(\"currentActivePosition\")\n  handlePositionChange(): void {\n    readTask((): void => {\n      this.determineActiveStepper(true);\n    });\n  }\n\n  @State() elWidth: number;\n\n  @Watch(\"elWidth\")\n  handleElWidthChange(): void {\n    readTask((): void => {\n      this.determineActiveStepper();\n    });\n  }\n\n  private enabledItems: HTMLCalciteStepperItemElement[] = [];\n\n  private itemMap = new Map<HTMLCalciteStepperItemElement, { position: number; content: Node[] }>();\n\n  private items: HTMLCalciteStepperItemElement[] = [];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  /** Specifies if the user is viewing one `stepper-item` at a time when the page width is less than sum of min-width of each item. */\n  private multipleViewMode = false;\n\n  private guid = `calcite-stepper-action-${guid()}`;\n\n  private containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private resizeObserver = createObserver(\n    \"resize\",\n    (entries) => (this.elWidth = entries[0].contentRect.width),\n  );\n\n  private updateItems(): void {\n    this.el.querySelectorAll(\"calcite-stepper-item\").forEach((item) => {\n      item.icon = this.icon;\n      item.numbered = this.numbered;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  private determineActiveStepper(currentActivePositionChanged = false): void {\n    const totalItems = this.items.length;\n    if (!this.elWidth || !totalItems || this.layout !== \"horizontal\" || totalItems === 1) {\n      return;\n    }\n\n    const activePosition = this.currentActivePosition || 0;\n    const totalMinWidthOfItems = totalItems * this.getMinWidthOfStepperItem();\n    const totalRowGap =\n      (totalItems - 1) * (parseInt(window.getComputedStyle(this.containerEl).rowGap) || 0);\n\n    if (this.elWidth <= totalMinWidthOfItems + totalRowGap) {\n      this.multipleViewMode = false;\n\n      this.items.forEach((item: HTMLCalciteStepperItemElement, index) => {\n        if (index !== activePosition) {\n          item.hidden = true;\n        } else {\n          item.hidden = false;\n          item.multipleViewMode = false;\n        }\n      });\n    } else if (this.elWidth > totalMinWidthOfItems + totalRowGap) {\n      if (this.multipleViewMode && !currentActivePositionChanged) {\n        return;\n      }\n\n      this.multipleViewMode = true;\n      this.setGridTemplateColumns(this.items);\n      this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n        item.hidden = false;\n        item.multipleViewMode = true;\n      });\n    }\n  }\n\n  private getEnabledStepIndex(\n    startIndex: number,\n    direction: \"next\" | \"previous\" = \"next\",\n  ): number | null {\n    const { items, currentActivePosition } = this;\n\n    let newIndex = startIndex;\n\n    while (items[newIndex]?.disabled && this.multipleViewMode) {\n      newIndex = newIndex + (direction === \"previous\" ? -1 : 1);\n    }\n\n    return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0\n      ? newIndex\n      : null;\n  }\n\n  private updateStep(position: number): void {\n    this.currentActivePosition = position;\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  private filterItems(): HTMLCalciteStepperItemElement[] {\n    return this.items.filter((item) => !item.disabled);\n  }\n\n  private setStepperItemNumberingSystem(): void {\n    this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n      item.numberingSystem = this.numberingSystem;\n    });\n  }\n\n  private renderAction(position: Position): VNode {\n    const isPositionStart = position === \"start\";\n    const path = isPositionStart ? \"chevron-left\" : \"chevron-right\";\n    const { currentActivePosition, multipleViewMode, layout } = this;\n    const totalItems = this.items.length;\n    const id = `${this.guid}-${isPositionStart ? \"start\" : \"end\"}`;\n\n    return layout === \"horizontal\" && !multipleViewMode ? (\n      <calcite-action\n        alignment=\"center\"\n        appearance=\"transparent\"\n        class={{\n          [CSS.actionIcon]: true,\n        }}\n        compact={true}\n        data-position={position}\n        disabled={\n          (currentActivePosition === 0 && isPositionStart) ||\n          (currentActivePosition === totalItems - 1 && !isPositionStart)\n        }\n        icon={path}\n        iconFlipRtl={true}\n        id={id}\n        onClick={this.handleActionClick}\n        scale={this.scale}\n        text={isPositionStart ? this.messages.previousStep : this.messages.nextStep}\n      />\n    ) : null;\n  }\n\n  private handleActionClick = (event: MouseEvent): void => {\n    const currentActivePosition = this.currentActivePosition;\n    const target = event.target as HTMLCalciteActionElement;\n    if (target.getAttribute(\"data-position\") === \"start\") {\n      this.prevStep();\n    } else {\n      this.nextStep();\n    }\n\n    if (\n      typeof this.currentActivePosition === \"number\" &&\n      currentActivePosition !== this.currentActivePosition &&\n      !this.items[this.currentActivePosition].disabled\n    ) {\n      this.calciteStepperItemChange.emit();\n    }\n  };\n\n  private getFirstEnabledStepperPosition(): number {\n    const enabledStepIndex = this.items.findIndex((item) => !item.disabled);\n\n    if (enabledStepIndex > -1) {\n      return enabledStepIndex;\n    }\n\n    return 0;\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.tagName === \"CALCITE-STEPPER-ITEM\",\n    );\n    this.items = items as HTMLCalciteStepperItemElement[];\n    this.setGridTemplateColumns(items);\n    this.setStepperItemNumberingSystem();\n  };\n\n  private setGridTemplateColumns(items: Element[]): void {\n    const minWidth = this.getMinWidthOfStepperItem();\n    const spacing = Array(items.length).fill(`minmax(${minWidth}px, 1fr)`).join(\" \");\n    this.containerEl.style.gridTemplateAreas = spacing;\n    this.containerEl.style.gridTemplateColumns = spacing;\n  }\n\n  private getMinWidthOfStepperItem(): number {\n    return ITEM_MIN_WIDTH[this.scale];\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  stepperItemContent: \"stepper-item-content\",\n  stepperItemDescription: \"stepper-item-description\",\n  stepperItemHeader: \"stepper-item-header\",\n  stepperItemHeading: \"stepper-item-heading\",\n  stepperItemHeaderText: \"stepper-item-header-text\",\n  stepperItemNumber: \"stepper-item-number\",\n  visuallyHidden: \"visually-hidden\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  @apply text-n1h;\n  margin-inline-end: theme(\"margin.1\");\n  .stepper-item-description {\n    @apply text-n2h;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.4\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.5\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n  @apply text-0h;\n  margin-inline-end: theme(\"margin.2\");\n  .stepper-item-description {\n    @apply text-n1h;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.5\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.6\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  @apply text-1h;\n  margin-inline-end: theme(\"margin.3\");\n  .stepper-item-description {\n    @apply text-0h;\n  }\n}\n\n:host {\n  @apply relative\n  flex\n  flex-grow\n  flex-col\n  self-start;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host .container {\n  @apply text-color-3\n    border-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    flex-col\n    border-0\n    border-t-2\n    border-solid\n    no-underline\n    outline-none\n    duration-150\n    ease-in-out;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-outset;\n}\n\n// .stepper-item-header / content\n:host .stepper-item-header {\n  @apply flex cursor-pointer items-start;\n}\n\n:host .stepper-item-content,\n:host .stepper-item-header {\n  @apply duration-150 ease-in-out;\n  padding-block: var(--calcite-stepper-item-spacing-unit-l);\n  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  text-align: start;\n}\n\n:host .stepper-item-header * {\n  @apply inline-flex\n    items-center\n    duration-150\n    ease-in-out;\n}\n\n:host .stepper-item-content {\n  @apply text-n2-wrap\n    hidden\n    w-full\n    flex-col;\n}\n\n// stepper item icon\n:host .stepper-item-icon {\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  @apply text-color-3\n    opacity-disabled\n    mt-px\n    inline-flex\n    h-3\n    flex-shrink-0\n    self-start\n    duration-150\n    ease-in-out;\n}\n\n// stepper item title\n:host .stepper-item-header-text {\n  @apply flex-col;\n  text-align: initial;\n  margin-inline-end: auto;\n}\n\n:host .stepper-item-heading,\n:host .stepper-item-description {\n  @apply flex w-full;\n}\n:host .stepper-item-heading {\n  @apply text-color-2 mb-1 font-medium;\n}\n:host .stepper-item-description {\n  @apply text-color-3;\n}\n\n:host .stepper-item-number {\n  @apply text-color-3\n    font-medium\n    duration-150\n    ease-in-out;\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n}\n\n@include disabled();\n\n:host([complete]) .container {\n  // todo dark mode\n  border-color: rgba($h-bb-060, 0.5);\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n:host([error]) .container {\n  @apply border-t-color-danger;\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host(:hover:not([disabled]):not([selected])) .container,\n:host(:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-brand;\n\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n}\n\n:host([error]:hover:not([disabled]):not([selected])) .container,\n:host([error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-danger-hover;\n}\n\n:host([selected]) .container {\n  border-block-start-color: theme(\"backgroundColor.brand\");\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.brand\");\n  }\n\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n    @apply opacity-100;\n  }\n}\n\n:host([selected]) .container {\n  & .stepper-item-content {\n    @apply flex;\n  }\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply border-color-3\n  mx-0\n  mt-0\n  flex-auto\n  border-t-0\n  border-solid\n  py-0;\n  border-inline-start-width: theme(\"borderWidth.2\");\n  padding-inline-start: var(--calcite-stepper-item-spacing-unit-l);\n\n  & .stepper-item-icon {\n    @apply order-3 mt-px mb-0;\n    padding-inline-start: var(--calcite-stepper-item-spacing-unit-s);\n    margin-inline-start: theme(\"margin.auto\");\n  }\n  & .stepper-item-header {\n    padding-inline-end: theme(\"padding.0\");\n  }\n  & .stepper-item-content {\n    @apply p-0;\n  }\n}\n\n:host([layout=\"vertical\"][complete]) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][complete]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][complete]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-brand;\n}\n:host([layout=\"vertical\"][error]) .container {\n  @apply border-color-danger;\n}\n:host([layout=\"vertical\"][selected]) .container {\n  @apply border-color-brand;\n\n  & .stepper-item-content:not(:empty) {\n    margin-block-end: var(--calcite-stepper-item-spacing-unit-l);\n  }\n}\n:host([layout=\"vertical\"]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"]:focus:not([disabled]):not([selected])) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][error]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-danger-hover;\n}\n\n:host([layout=\"horizontal\"]) {\n  display: contents;\n\n  .container {\n    display: contents;\n  }\n\n  .stepper-item-header {\n    @apply border-color-3\n    border-0\n    border-solid\n    border-t-2\n    focus-base;\n    grid-row: items;\n\n    &:focus {\n      @apply focus-outset;\n    }\n  }\n\n  .stepper-item-content {\n    @apply cursor-auto duration-150 ease-in-out;\n    padding-block: 0;\n    padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n    text-align: start;\n  }\n}\n\n:host([layout=\"horizontal\"][disabled]) {\n  .stepper-item-header {\n    @extend %disabled-host-only;\n  }\n}\n\n:host([layout=\"horizontal\"][selected]) {\n  .stepper-item-content {\n    grid-area: 2 / 1 / 2 / -1;\n  }\n}\n\n:host([layout=\"horizontal\"][complete]) .stepper-item-header {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"horizontal\"][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=\"horizontal\"][complete]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  @apply border-color-brand;\n}\n:host([layout=\"horizontal\"][error]) .stepper-item-header {\n  @apply border-color-danger;\n}\n:host([layout=\"horizontal\"][selected][multiple-view-mode]) .stepper-item-header {\n  @apply border-color-brand;\n}\n:host([layout=\"horizontal\"]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=\"horizontal\"]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"horizontal\"][error]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=\"horizontal\"][error]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  @apply border-color-danger-hover;\n}\n\n@media (forced-colors: active) {\n  :host .container {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus),\n  :host(:focus-visible) {\n    outline-color: canvasText;\n  }\n\n  :host([selected]) .container {\n    border-block-start-color: highlight;\n    & .stepper-item-number {\n      color: highlight;\n    }\n    & .stepper-item-icon {\n      color: highlight;\n    }\n  }\n\n  :host([layout=\"vertical\"][selected]) .container {\n    border-color: highlight;\n  }\n}\n\n:host([layout=\"horizontal\"]:not([multiple-view-mode])) .stepper-item-header {\n  @apply border-none \n  me-0;\n  inline-size: 100%;\n  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);\n}\n\n:host([layout=\"horizontal\"][error]:not([multiple-view-mode])) .container {\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host([layout=\"horizontal\"][error][selected]:not([multiple-view-mode])),\n:host([layout=\"horizontal\"][complete][selected]:not([multiple-view-mode])) .container {\n  @apply text-color-3;\n  & .stepper-item-heading {\n    @apply text-color-2;\n  }\n}\n\n:host([layout=\"horizontal\"][complete][selected]:not([multiple-view-mode])) .container {\n  & .stepper-item-icon {\n    @apply opacity-disabled;\n  }\n  & .stepper-item-number {\n    @apply text-color-3;\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\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 { Layout, Scale } from \"../interfaces\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  StepperItemChangeEventDetail,\n  StepperItemEventDetail,\n  StepperItemKeyEventDetail,\n} from \"../stepper/interfaces\";\nimport {\n  numberStringFormatter,\n  LocalizedComponent,\n  disconnectLocalized,\n  connectLocalized,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  setUpLoadableComponent,\n  setComponentLoaded,\n  LoadableComponent,\n  componentFocusable,\n} from \"../../utils/loadable\";\nimport { CSS } from \"./resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { StepperItemMessages } from \"./assets/stepper-item/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-stepper-item\",\n  styleUrl: \"stepper-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class StepperItem\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n  }\n\n  /** When `true`, the step has been completed. */\n  @Prop({ reflect: true }) complete = false;\n\n  /** When `true`, the component contains an error that requires resolution from the user. */\n  @Prop({ reflect: true }) error = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The component header text. */\n  @Prop() heading: string;\n\n  /** A description for the component. Displays below the header text. */\n  @Prop() description: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * @internal\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  // watch for removal of disabled to register step\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.registerStepperItem();\n  }\n\n  /**\n   * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() icon = false;\n\n  /**\n   * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout>;\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: StepperItemMessages;\n\n  /**\n   * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() numbered = false;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies if the user is viewing one `stepper-item` at a time.\n   * Helps in determining if header region is tabbable.\n   * @internal\n   */\n  @Prop({ reflect: true }) multipleViewMode = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<StepperItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Internal State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: StepperItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(locale: string): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  headerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemSelect: EventEmitter<StepperItemEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalUserRequestedStepperItemSelect: EventEmitter<StepperItemChangeEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.parentStepperEl = this.el.parentElement as HTMLCalciteStepperElement;\n    this.itemPosition = this.getItemPosition();\n    this.registerStepperItem();\n\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-current={this.selected ? \"step\" : \"false\"}\n        onClick={this.handleItemClick}\n        onKeyDown={this.keyDownHandler}\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={CSS.container}>\n            {this.complete && (\n              <span aria-live=\"polite\" class={CSS.visuallyHidden}>\n                {this.messages.complete}\n              </span>\n            )}\n            <div\n              class={CSS.stepperItemHeader}\n              tabIndex={\n                /* additional tab index logic needed because of display: contents */\n                this.layout === \"horizontal\" && !this.disabled && this.multipleViewMode ? 0 : null\n              }\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.headerEl = el)}\n            >\n              {this.icon ? this.renderIcon() : null}\n              {this.numbered ? (\n                <div class={CSS.stepperItemNumber}>{this.renderNumbers()}.</div>\n              ) : null}\n              <div class={CSS.stepperItemHeaderText}>\n                <span class={CSS.stepperItemHeading}>{this.heading}</span>\n                <span class={CSS.stepperItemDescription}>{this.description}</span>\n              </div>\n            </div>\n            <div class={CSS.stepperItemContent}>\n              <slot />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void {\n    if (\n      event.target === this.parentStepperEl ||\n      event.composedPath().includes(this.parentStepperEl)\n    ) {\n      this.selectedPosition = event.detail.position;\n      this.determineSelectedItem();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    (this.layout === \"vertical\" ? this.el : this.headerEl)?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperItemElement;\n\n  /** position within parent */\n  private itemPosition: number;\n\n  /** the latest requested item position*/\n  private selectedPosition: number;\n\n  /** the parent stepper component */\n  private parentStepperEl: HTMLCalciteStepperElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitUserRequestedItem();\n          event.preventDefault();\n          break;\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalStepperItemKeyEvent.emit({ item: event });\n          event.preventDefault();\n          break;\n      }\n    }\n  };\n\n  private renderIcon(): VNode {\n    let path = \"circle\";\n\n    if (this.selected && (this.multipleViewMode || (!this.error && !this.complete))) {\n      path = \"circleF\";\n    } else if (this.error) {\n      path = \"exclamationMarkCircleF\";\n    } else if (this.complete) {\n      path = \"checkCircleF\";\n    }\n\n    return (\n      <calcite-icon class=\"stepper-item-icon\" flipRtl={this.iconFlipRtl} icon={path} scale=\"s\" />\n    );\n  }\n\n  private determineSelectedItem(): void {\n    this.selected = !this.disabled && this.itemPosition === this.selectedPosition;\n  }\n\n  private registerStepperItem(): void {\n    this.calciteInternalStepperItemRegister.emit({\n      position: this.itemPosition,\n    });\n  }\n\n  private handleItemClick = (event: MouseEvent): void => {\n    if (\n      this.disabled ||\n      (this.layout === \"horizontal\" &&\n        event\n          .composedPath()\n          .some((el) => (el as HTMLElement).classList?.contains(\"stepper-item-content\")))\n    ) {\n      return;\n    }\n\n    this.emitUserRequestedItem();\n  };\n\n  private emitUserRequestedItem = (): void => {\n    this.emitRequestedItem();\n    if (!this.disabled) {\n      const position = this.itemPosition;\n\n      this.calciteInternalUserRequestedStepperItemSelect.emit({\n        position,\n      });\n    }\n  };\n\n  private emitRequestedItem = (): void => {\n    if (!this.disabled) {\n      const position = this.itemPosition;\n\n      this.calciteInternalStepperItemSelect.emit({\n        position,\n      });\n    }\n  };\n\n  private getItemPosition(): number {\n    return Array.from(this.parentStepperEl?.querySelectorAll(\"calcite-stepper-item\")).indexOf(\n      this.el,\n    );\n  }\n\n  renderNumbers(): string {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    return numberStringFormatter.numberFormatter.format(this.itemPosition + 1);\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-40f8d312.js

@@ -1,13 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-/**!
- * Sortable 1.15.1
- * @author	RubaXa   <trash@rubaxa.org>
- * @author	owenm    <owen23355@gmail.com>
- * @license MIT
- */
-function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);if(e){i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}n.push.apply(n,i)}return n}function e(e){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};if(n%2){t(Object(r),true).forEach((function(t){i(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}function n(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){n=function(t){return typeof t}}else{n=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return n(t)}function i(t,e,n){if(e in t){Object.defineProperty(t,e,{value:n,enumerable:true,configurable:true,writable:true})}else{t[e]=n}return t}function r(){r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n){if(Object.prototype.hasOwnProperty.call(n,i)){t[i]=n[i]}}}return t};return r.apply(this,arguments)}function o(t,e){if(t==null)return{};var n={};var i=Object.keys(t);var r,o;for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;n[r]=t[r]}return n}function a(t,e){if(t==null)return{};var n=o(t,e);var i,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++){i=a[r];if(e.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,i))continue;n[i]=t[i]}}return n}var f="1.15.1";function u(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var s=u(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var l=u(/Edge/i);var c=u(/firefox/i);var h=u(/safari/i)&&!u(/chrome/i)&&!u(/android/i);var d=u(/iP(ad|od|hone)/i);var v=u(/chrome/i)&&u(/android/i);var m={capture:false,passive:false};function p(t,e,n){t.addEventListener(e,n,!s&&m)}function g(t,e,n){t.removeEventListener(e,n,!s&&m)}function b(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function w(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function E(t,e,n,i){if(t){n=n||document;do{if(e!=null&&(e[0]===">"?t.parentNode===n&&b(t,e):b(t,e))||i&&t===n){return t}if(t===n)break}while(t=w(t))}return null}var y=/\s+/g;function I(t,e,n){if(t&&e){if(t.classList){t.classList[n?"add":"remove"](e)}else{var i=(" "+t.className+" ").replace(y," ").replace(" "+e+" "," ");t.className=(i+(n?" "+e:"")).replace(y," ")}}}function x(t,e,n){var i=t&&t.style;if(i){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){n=t.currentStyle}return e===void 0?n:n[e]}else{if(!(e in i)&&e.indexOf("webkit")===-1){e="-webkit-"+e}i[e]=n+(typeof n==="string"?"":"px")}}}function S(t,e){var n="";if(typeof t==="string"){n=t}else{do{var i=x(t,"transform");if(i&&i!=="none"){n=i+" "+n}}while(!e&&(t=t.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function T(t,e,n){if(t){var i=t.getElementsByTagName(e),r=0,o=i.length;if(n){for(;r<o;r++){n(i[r],r)}}return i}return[]}function O(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function M(t,e,n,i,r){if(!t.getBoundingClientRect&&t!==window)return;var o,a,f,u,l,c,h;if(t!==window&&t.parentNode&&t!==O()){o=t.getBoundingClientRect();a=o.top;f=o.left;u=o.bottom;l=o.right;c=o.height;h=o.width}else{a=0;f=0;u=window.innerHeight;l=window.innerWidth;c=window.innerHeight;h=window.innerWidth}if((e||n)&&t!==window){r=r||t.parentNode;if(!s){do{if(r&&r.getBoundingClientRect&&(x(r,"transform")!=="none"||n&&x(r,"position")!=="static")){var d=r.getBoundingClientRect();a-=d.top+parseInt(x(r,"border-top-width"));f-=d.left+parseInt(x(r,"border-left-width"));u=a+o.height;l=f+o.width;break}}while(r=r.parentNode)}}if(i&&t!==window){var v=S(r||t),m=v&&v.a,p=v&&v.d;if(v){a/=p;f/=m;h/=m;c/=p;u=a+c;l=f+h}}return{top:a,left:f,bottom:u,right:l,width:h,height:c}}function _(t){var e=M(t);var n=parseInt(x(t,"padding-left")),i=parseInt(x(t,"padding-top")),r=parseInt(x(t,"padding-right")),o=parseInt(x(t,"padding-bottom"));e.top+=i+parseInt(x(t,"border-top-width"));e.left+=n+parseInt(x(t,"border-left-width"));e.width=t.clientWidth-n-r;e.height=t.clientHeight-i-o;e.bottom=e.top+e.height;e.right=e.left+e.width;return e}function D(t,e,n){var i=N(t,true),r=M(t)[e];while(i){var o=M(i)[n],a=void 0;if(n==="top"||n==="left"){a=r>=o}else{a=r<=o}if(!a)return i;if(i===O())break;i=N(i,false)}return false}function k(t,e,n,i){var r=0,o=0,a=t.children;while(o<a.length){if(a[o].style.display!=="none"&&a[o]!==Ut.ghost&&(i||a[o]!==Ut.dragged)&&E(a[o],n.draggable,t,false)){if(r===e){return a[o]}r++}o++}return null}function C(t,e){var n=t.lastElementChild;while(n&&(n===Ut.ghost||x(n,"display")==="none"||e&&!b(n,e))){n=n.previousElementSibling}return n||null}function j(t,e){var n=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Ut.clone&&(!e||b(t,e))){n++}}return n}function A(t){var e=0,n=0,i=O();if(t){do{var r=S(t),o=r.a,a=r.d;e+=t.scrollLeft*o;n+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[e,n]}function z(t,e){for(var n in t){if(!t.hasOwnProperty(n))continue;for(var i in e){if(e.hasOwnProperty(i)&&e[i]===t[n][i])return Number(n)}}return-1}function N(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t;var i=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var r=x(n);if(n.clientWidth<n.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return O();if(i||e)return n;i=true}}}while(n=n.parentNode);return O()}function F(t,e){if(t&&e){for(var n in e){if(e.hasOwnProperty(n)){t[n]=e[n]}}}return t}function P(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var B;function H(t,e){return function(){if(!B){var n=arguments,i=this;if(n.length===1){t.call(i,n[0])}else{t.apply(i,n)}B=setTimeout((function(){B=void 0}),e)}}}function G(){clearTimeout(B);B=void 0}function L(t,e,n){t.scrollLeft+=e;t.scrollTop+=n}function R(t){var e=window.Polymer;var n=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(n){return n(t).clone(true)[0]}else{return t.cloneNode(true)}}var W="Sortable"+(new Date).getTime();function X(){var t=[],n;return{captureAnimationState:function n(){t=[];if(!this.options.animation)return;var i=[].slice.call(this.el.children);i.forEach((function(n){if(x(n,"display")==="none"||n===Ut.ghost)return;t.push({target:n,rect:M(n)});var i=e({},t[t.length-1].rect);if(n.thisAnimationDuration){var r=S(n,true);if(r){i.top-=r.f;i.left-=r.e}}n.fromRect=i}))},addAnimationState:function e(n){t.push(n)},removeAnimationState:function e(n){t.splice(z(t,{target:n}),1)},animateAll:function e(i){var r=this;if(!this.options.animation){clearTimeout(n);if(typeof i==="function")i();return}var o=false,a=0;t.forEach((function(t){var e=0,n=t.target,i=n.fromRect,f=M(n),u=n.prevFromRect,s=n.prevToRect,l=t.rect,c=S(n,true);if(c){f.top-=c.f;f.left-=c.e}n.toRect=f;if(n.thisAnimationDuration){if(P(u,f)&&!P(i,f)&&(l.top-f.top)/(l.left-f.left)===(i.top-f.top)/(i.left-f.left)){e=U(l,u,s,r.options)}}if(!P(f,i)){n.prevFromRect=i;n.prevToRect=f;if(!e){e=r.options.animation}r.animate(n,l,f,e)}if(e){o=true;a=Math.max(a,e);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),e);n.thisAnimationDuration=e}}));clearTimeout(n);if(!o){if(typeof i==="function")i()}else{n=setTimeout((function(){if(typeof i==="function")i()}),a)}t=[]},animate:function t(e,n,i,r){if(r){x(e,"transition","");x(e,"transform","");var o=S(this.el),a=o&&o.a,f=o&&o.d,u=(n.left-i.left)/(a||1),s=(n.top-i.top)/(f||1);e.animatingX=!!u;e.animatingY=!!s;x(e,"transform","translate3d("+u+"px,"+s+"px,0)");this.forRepaintDummy=Y(e);x(e,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));x(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){x(e,"transition","");x(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),r)}}}}function Y(t){return t.offsetWidth}function U(t,e,n,i){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*i.animation}var V=[];var Z={initializeByDefault:true};var $={mount:function t(e){for(var n in Z){if(Z.hasOwnProperty(n)&&!(n in e)){e[n]=Z[n]}}V.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));V.push(e)},pluginEvent:function t(n,i,r){var o=this;this.eventCanceled=false;r.cancel=function(){o.eventCanceled=true};var a=n+"Global";V.forEach((function(t){if(!i[t.pluginName])return;if(i[t.pluginName][a]){i[t.pluginName][a](e({sortable:i},r))}if(i.options[t.pluginName]&&i[t.pluginName][n]){i[t.pluginName][n](e({sortable:i},r))}}))},initializePlugins:function t(e,n,i,o){V.forEach((function(t){var o=t.pluginName;if(!e.options[o]&&!t.initializeByDefault)return;var a=new t(e,n,e.options);a.sortable=e;a.options=e.options;e[o]=a;r(i,a.defaults)}));for(var a in e.options){if(!e.options.hasOwnProperty(a))continue;var f=this.modifyOption(e,a,e.options[a]);if(typeof f!=="undefined"){e.options[a]=f}}},getEventProperties:function t(e,n){var i={};V.forEach((function(t){if(typeof t.eventProperties!=="function")return;r(i,t.eventProperties.call(n[t.pluginName],e))}));return i},modifyOption:function t(e,n,i){var r;V.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[n]==="function"){r=t.optionListeners[n].call(e[t.pluginName],i)}}));return r}};function q(t){var n=t.sortable,i=t.rootEl,r=t.name,o=t.targetEl,a=t.cloneEl,f=t.toEl,u=t.fromEl,c=t.oldIndex,h=t.newIndex,d=t.oldDraggableIndex,v=t.newDraggableIndex,m=t.originalEvent,p=t.putSortable,g=t.extraEventProperties;n=n||i&&i[W];if(!n)return;var b,w=n.options,E="on"+r.charAt(0).toUpperCase()+r.substr(1);if(window.CustomEvent&&!s&&!l){b=new CustomEvent(r,{bubbles:true,cancelable:true})}else{b=document.createEvent("Event");b.initEvent(r,true,true)}b.to=f||i;b.from=u||i;b.item=o||i;b.clone=a;b.oldIndex=c;b.newIndex=h;b.oldDraggableIndex=d;b.newDraggableIndex=v;b.originalEvent=m;b.pullMode=p?p.lastPutMode:undefined;var y=e(e({},g),$.getEventProperties(r,n));for(var I in y){b[I]=y[I]}if(i){i.dispatchEvent(b)}if(w[E]){w[E].call(n,b)}}var J=["evt"];var K=function t(n,i){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},o=r.evt,f=a(r,J);$.pluginEvent.bind(Ut)(n,i,e({dragEl:tt,parentEl:et,ghostEl:nt,rootEl:it,nextEl:rt,lastDownEl:ot,cloneEl:at,cloneHidden:ft,dragStarted:xt,putSortable:dt,activeSortable:Ut.active,originalEvent:o,oldIndex:ut,oldDraggableIndex:lt,newIndex:st,newDraggableIndex:ct,hideGhostForTarget:Rt,unhideGhostForTarget:Wt,cloneNowHidden:function t(){ft=true},cloneNowShown:function t(){ft=false},dispatchSortableEvent:function t(e){Q({sortable:i,name:e,originalEvent:o})}},f))};function Q(t){q(e({putSortable:dt,cloneEl:at,targetEl:tt,rootEl:it,oldIndex:ut,oldDraggableIndex:lt,newIndex:st,newDraggableIndex:ct},t))}var tt,et,nt,it,rt,ot,at,ft,ut,st,lt,ct,ht,dt,vt=false,mt=false,pt=[],gt,bt,wt,Et,yt,It,xt,St,Tt,Ot=false,Mt=false,_t,Dt,kt=[],Ct=false,jt=[];var At=typeof document!=="undefined",zt=d,Nt=l||s?"cssFloat":"float",Ft=At&&!v&&!d&&"draggable"in document.createElement("div"),Pt=function(){if(!At)return;if(s){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Bt=function t(e,n){var i=x(e),r=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=k(e,0,n),a=k(e,1,n),f=o&&x(o),u=a&&x(a),s=f&&parseInt(f.marginLeft)+parseInt(f.marginRight)+M(o).width,l=u&&parseInt(u.marginLeft)+parseInt(u.marginRight)+M(a).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&f["float"]&&f["float"]!=="none"){var c=f["float"]==="left"?"left":"right";return a&&(u.clear==="both"||u.clear===c)?"vertical":"horizontal"}return o&&(f.display==="block"||f.display==="flex"||f.display==="table"||f.display==="grid"||s>=r&&i[Nt]==="none"||a&&i[Nt]==="none"&&s+l>r)?"vertical":"horizontal"},Ht=function t(e,n,i){var r=i?e.left:e.top,o=i?e.right:e.bottom,a=i?e.width:e.height,f=i?n.left:n.top,u=i?n.right:n.bottom,s=i?n.width:n.height;return r===f||o===u||r+a/2===f+s/2},Gt=function t(e,n){var i;pt.some((function(t){var r=t[W].options.emptyInsertThreshold;if(!r||C(t))return;var o=M(t),a=e>=o.left-r&&e<=o.right+r,f=n>=o.top-r&&n<=o.bottom+r;if(a&&f){return i=t}}));return i},Lt=function t(e){function i(t,e){return function(n,r,o,a){var f=n.options.group.name&&r.options.group.name&&n.options.group.name===r.options.group.name;if(t==null&&(e||f)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return i(t(n,r,o,a),e)(n,r,o,a)}else{var u=(e?n:r).options.group.name;return t===true||typeof t==="string"&&t===u||t.join&&t.indexOf(u)>-1}}}var r={};var o=e.group;if(!o||n(o)!="object"){o={name:o}}r.name=o.name;r.checkPull=i(o.pull,true);r.checkPut=i(o.put);r.revertClone=o.revertClone;e.group=r},Rt=function t(){if(!Pt&&nt){x(nt,"display","none")}},Wt=function t(){if(!Pt&&nt){x(nt,"display","")}};if(At&&!v){document.addEventListener("click",(function(t){if(mt){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();mt=false;return false}}),true)}var Xt=function t(e){if(tt){e=e.touches?e.touches[0]:e;var n=Gt(e.clientX,e.clientY);if(n){var i={};for(var r in e){if(e.hasOwnProperty(r)){i[r]=e[r]}}i.target=i.rootEl=n;i.preventDefault=void 0;i.stopPropagation=void 0;n[W]._onDragOver(i)}}};var Yt=function t(e){if(tt){tt.parentNode[W]._isOutsideThisEl(e.target)}};function Ut(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=r({},e);t[W]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return Bt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,n){e.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Ut.supportPointer!==false&&"PointerEvent"in window&&!h,emptyInsertThreshold:5};$.initializePlugins(this,t,n);for(var i in n){!(i in e)&&(e[i]=n[i])}Lt(e);for(var o in this){if(o.charAt(0)==="_"&&typeof this[o]==="function"){this[o]=this[o].bind(this)}}this.nativeDraggable=e.forceFallback?false:Ft;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){p(t,"pointerdown",this._onTapStart)}else{p(t,"mousedown",this._onTapStart);p(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){p(t,"dragover",this);p(t,"dragenter",this)}pt.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);r(this,X())}Ut.prototype={constructor:Ut,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){St=null}},_getDirection:function t(e,n){return typeof this.options.direction==="function"?this.options.direction.call(this,e,n,tt):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var n=this,i=this.el,r=this.options,o=r.preventOnFilter,a=e.type,f=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,u=(f||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||u,l=r.filter;ne(i);if(tt){return}if(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled){return}if(s.isContentEditable){return}if(!this.nativeDraggable&&h&&u&&u.tagName.toUpperCase()==="SELECT"){return}u=E(u,r.draggable,i,false);if(u&&u.animated){return}if(ot===u){return}ut=j(u);lt=j(u,r.draggable);if(typeof l==="function"){if(l.call(this,e,u,this)){Q({sortable:n,rootEl:s,name:"filter",targetEl:u,toEl:i,fromEl:i});K("filter",n,{evt:e});o&&e.cancelable&&e.preventDefault();return}}else if(l){l=l.split(",").some((function(t){t=E(s,t.trim(),i,false);if(t){Q({sortable:n,rootEl:t,name:"filter",targetEl:u,fromEl:i,toEl:i});K("filter",n,{evt:e});return true}}));if(l){o&&e.cancelable&&e.preventDefault();return}}if(r.handle&&!E(s,r.handle,i,false)){return}this._prepareDragStart(e,f,u)},_prepareDragStart:function t(e,n,i){var r=this,o=r.el,a=r.options,f=o.ownerDocument,u;if(i&&!tt&&i.parentNode===o){var h=M(i);it=o;tt=i;et=tt.parentNode;rt=tt.nextSibling;ot=i;ht=a.group;Ut.dragged=tt;gt={target:tt,clientX:(n||e).clientX,clientY:(n||e).clientY};yt=gt.clientX-h.left;It=gt.clientY-h.top;this._lastX=(n||e).clientX;this._lastY=(n||e).clientY;tt.style["will-change"]="all";u=function t(){K("delayEnded",r,{evt:e});if(Ut.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!c&&r.nativeDraggable){tt.draggable=true}r._triggerDragStart(e,n);Q({sortable:r,name:"choose",originalEvent:e});I(tt,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){T(tt,t.trim(),$t)}));p(f,"dragover",Xt);p(f,"mousemove",Xt);p(f,"touchmove",Xt);p(f,"mouseup",r._onDrop);p(f,"touchend",r._onDrop);p(f,"touchcancel",r._onDrop);if(c&&this.nativeDraggable){this.options.touchStartThreshold=4;tt.draggable=true}K("delayStart",this,{evt:e});if(a.delay&&(!a.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(l||s))){if(Ut.eventCanceled){this._onDrop();return}p(f,"mouseup",r._disableDelayedDrag);p(f,"touchend",r._disableDelayedDrag);p(f,"touchcancel",r._disableDelayedDrag);p(f,"mousemove",r._delayedDragTouchMoveHandler);p(f,"touchmove",r._delayedDragTouchMoveHandler);a.supportPointer&&p(f,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(u,a.delay)}else{u()}}},_delayedDragTouchMoveHandler:function t(e){var n=e.touches?e.touches[0]:e;if(Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function t(){tt&&$t(tt);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;g(e,"mouseup",this._disableDelayedDrag);g(e,"touchend",this._disableDelayedDrag);g(e,"touchcancel",this._disableDelayedDrag);g(e,"mousemove",this._delayedDragTouchMoveHandler);g(e,"touchmove",this._delayedDragTouchMoveHandler);g(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,n){n=n||e.pointerType=="touch"&&e;if(!this.nativeDraggable||n){if(this.options.supportPointer){p(document,"pointermove",this._onTouchMove)}else if(n){p(document,"touchmove",this._onTouchMove)}else{p(document,"mousemove",this._onTouchMove)}}else{p(tt,"dragend",this);p(it,"dragstart",this._onDragStart)}try{if(document.selection){ie((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,n){vt=false;if(it&&tt){K("dragStarted",this,{evt:n});if(this.nativeDraggable){p(document,"dragover",Yt)}var i=this.options;!e&&I(tt,i.dragClass,false);I(tt,i.ghostClass,true);Ut.active=this;e&&this._appendGhost();Q({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function t(){if(bt){this._lastX=bt.clientX;this._lastY=bt.clientY;Rt();var e=document.elementFromPoint(bt.clientX,bt.clientY);var n=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(bt.clientX,bt.clientY);if(e===n)break;n=e}tt.parentNode[W]._isOutsideThisEl(e);if(n){do{if(n[W]){var i=void 0;i=n[W]._onDragOver({clientX:bt.clientX,clientY:bt.clientY,target:e,rootEl:n});if(i&&!this.options.dragoverBubble){break}}e=n}while(n=n.parentNode)}Wt()}},_onTouchMove:function t(e){if(gt){var n=this.options,i=n.fallbackTolerance,r=n.fallbackOffset,o=e.touches?e.touches[0]:e,a=nt&&S(nt,true),f=nt&&a&&a.a,u=nt&&a&&a.d,s=zt&&Dt&&A(Dt),l=(o.clientX-gt.clientX+r.x)/(f||1)+(s?s[0]-kt[0]:0)/(f||1),c=(o.clientY-gt.clientY+r.y)/(u||1)+(s?s[1]-kt[1]:0)/(u||1);if(!Ut.active&&!vt){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i){return}this._onDragStart(e,true)}if(nt){if(a){a.e+=l-(wt||0);a.f+=c-(Et||0)}else{a={a:1,b:0,c:0,d:1,e:l,f:c}}var h="matrix(".concat(a.a,",").concat(a.b,",").concat(a.c,",").concat(a.d,",").concat(a.e,",").concat(a.f,")");x(nt,"webkitTransform",h);x(nt,"mozTransform",h);x(nt,"msTransform",h);x(nt,"transform",h);wt=l;Et=c;bt=o}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!nt){var e=this.options.fallbackOnBody?document.body:it,n=M(tt,true,zt,true,e),i=this.options;if(zt){Dt=e;while(x(Dt,"position")==="static"&&x(Dt,"transform")==="none"&&Dt!==document){Dt=Dt.parentNode}if(Dt!==document.body&&Dt!==document.documentElement){if(Dt===document)Dt=O();n.top+=Dt.scrollTop;n.left+=Dt.scrollLeft}else{Dt=O()}kt=A(Dt)}nt=tt.cloneNode(true);I(nt,i.ghostClass,false);I(nt,i.fallbackClass,true);I(nt,i.dragClass,true);x(nt,"transition","");x(nt,"transform","");x(nt,"box-sizing","border-box");x(nt,"margin",0);x(nt,"top",n.top);x(nt,"left",n.left);x(nt,"width",n.width);x(nt,"height",n.height);x(nt,"opacity","0.8");x(nt,"position",zt?"absolute":"fixed");x(nt,"zIndex","100000");x(nt,"pointerEvents","none");Ut.ghost=nt;e.appendChild(nt);x(nt,"transform-origin",yt/parseInt(nt.style.width)*100+"% "+It/parseInt(nt.style.height)*100+"%")}},_onDragStart:function t(e,n){var i=this;var r=e.dataTransfer;var o=i.options;K("dragStart",this,{evt:e});if(Ut.eventCanceled){this._onDrop();return}K("setupClone",this);if(!Ut.eventCanceled){at=R(tt);at.removeAttribute("id");at.draggable=false;at.style["will-change"]="";this._hideClone();I(at,this.options.chosenClass,false);Ut.clone=at}i.cloneId=ie((function(){K("clone",i);if(Ut.eventCanceled)return;if(!i.options.removeCloneOnHide){it.insertBefore(at,tt)}i._hideClone();Q({sortable:i,name:"clone"})}));!n&&I(tt,o.dragClass,true);if(n){mt=true;i._loopId=setInterval(i._emulateDragOver,50)}else{g(document,"mouseup",i._onDrop);g(document,"touchend",i._onDrop);g(document,"touchcancel",i._onDrop);if(r){r.effectAllowed="move";o.setData&&o.setData.call(i,r,tt)}p(document,"drop",i);x(tt,"transform","translateZ(0)")}vt=true;i._dragStartId=ie(i._dragStarted.bind(i,n,e));p(document,"selectstart",i);xt=true;if(h){x(document.body,"user-select","none")}},_onDragOver:function t(n){var i=this.el,r=n.target,o,a,f,u=this.options,s=u.group,l=Ut.active,c=ht===s,h=u.sort,d=dt||l,v,m=this,p=false;if(Ct)return;function g(t,u){K(t,m,e({evt:n,isOwner:c,axis:v?"vertical":"horizontal",revert:f,dragRect:o,targetRect:a,canSort:h,fromSortable:d,target:r,completed:w,onMove:function t(e,r){return Zt(it,i,tt,o,e,M(e),n,r)},changed:y},u))}function b(){g("dragOverAnimationCapture");m.captureAnimationState();if(m!==d){d.captureAnimationState()}}function w(t){g("dragOverCompleted",{insertion:t});if(t){if(c){l._hideClone()}else{l._showClone(m)}if(m!==d){I(tt,dt?dt.options.ghostClass:l.options.ghostClass,false);I(tt,u.ghostClass,true)}if(dt!==m&&m!==Ut.active){dt=m}else if(m===Ut.active&&dt){dt=null}if(d===m){m._ignoreWhileAnimating=r}m.animateAll((function(){g("dragOverAnimationComplete");m._ignoreWhileAnimating=null}));if(m!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(r===tt&&!tt.animated||r===i&&!r.animated){St=null}if(!u.dragoverBubble&&!n.rootEl&&r!==document){tt.parentNode[W]._isOutsideThisEl(n.target);!t&&Xt(n)}!u.dragoverBubble&&n.stopPropagation&&n.stopPropagation();return p=true}function y(){st=j(tt);ct=j(tt,u.draggable);Q({sortable:m,name:"change",toEl:i,newIndex:st,newDraggableIndex:ct,originalEvent:n})}if(n.preventDefault!==void 0){n.cancelable&&n.preventDefault()}r=E(r,u.draggable,i,true);g("dragOver");if(Ut.eventCanceled)return p;if(tt.contains(n.target)||r.animated&&r.animatingX&&r.animatingY||m._ignoreWhileAnimating===r){return w(false)}mt=false;if(l&&!u.disabled&&(c?h||(f=et!==it):dt===this||(this.lastPutMode=ht.checkPull(this,l,tt,n))&&s.checkPut(this,l,tt,n))){v=this._getDirection(n,r)==="vertical";o=M(tt);g("dragOverValid");if(Ut.eventCanceled)return p;if(f){et=it;b();this._hideClone();g("revert");if(!Ut.eventCanceled){if(rt){it.insertBefore(tt,rt)}else{it.appendChild(tt)}}return w(true)}var S=C(i,u.draggable);if(!S||Kt(n,v,this)&&!S.animated){if(S===tt){return w(false)}if(S&&i===n.target){r=S}if(r){a=M(r)}if(Zt(it,i,tt,o,r,a,n,!!r)!==false){b();if(S&&S.nextSibling){i.insertBefore(tt,S.nextSibling)}else{i.appendChild(tt)}et=i;y();return w(true)}}else if(S&&Jt(n,v,this)){var T=k(i,0,u,true);if(T===tt){return w(false)}r=T;a=M(r);if(Zt(it,i,tt,o,r,a,n,false)!==false){b();i.insertBefore(tt,T);et=i;y();return w(true)}}else if(r.parentNode===i){a=M(r);var O=0,_,A=tt.parentNode!==i,z=!Ht(tt.animated&&tt.toRect||o,r.animated&&r.toRect||a,v),N=v?"top":"left",F=D(r,"top","top")||D(tt,"top","top"),P=F?F.scrollTop:void 0;if(St!==r){_=a[N];Ot=false;Mt=!z&&u.invertSwap||A}O=Qt(n,r,a,v,z?1:u.swapThreshold,u.invertedSwapThreshold==null?u.swapThreshold:u.invertedSwapThreshold,Mt,St===r);var B;if(O!==0){var H=j(tt);do{H-=O;B=et.children[H]}while(B&&(x(B,"display")==="none"||B===nt))}if(O===0||B===r){return w(false)}St=r;Tt=O;var G=r.nextElementSibling,R=false;R=O===1;var X=Zt(it,i,tt,o,r,a,n,R);if(X!==false){if(X===1||X===-1){R=X===1}Ct=true;setTimeout(qt,30);b();if(R&&!G){i.appendChild(tt)}else{r.parentNode.insertBefore(tt,R?G:r)}if(F){L(F,0,P-F.scrollTop)}et=tt.parentNode;if(_!==undefined&&!Mt){_t=Math.abs(_-M(r)[N])}y();return w(true)}}if(i.contains(tt)){return w(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){g(document,"mousemove",this._onTouchMove);g(document,"touchmove",this._onTouchMove);g(document,"pointermove",this._onTouchMove);g(document,"dragover",Xt);g(document,"mousemove",Xt);g(document,"touchmove",Xt)},_offUpEvents:function t(){var e=this.el.ownerDocument;g(e,"mouseup",this._onDrop);g(e,"touchend",this._onDrop);g(e,"pointerup",this._onDrop);g(e,"touchcancel",this._onDrop);g(document,"selectstart",this)},_onDrop:function t(e){var n=this.el,i=this.options;st=j(tt);ct=j(tt,i.draggable);K("drop",this,{evt:e});et=tt&&tt.parentNode;st=j(tt);ct=j(tt,i.draggable);if(Ut.eventCanceled){this._nulling();return}vt=false;Mt=false;Ot=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);re(this.cloneId);re(this._dragStartId);if(this.nativeDraggable){g(document,"drop",this);g(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(h){x(document.body,"user-select","")}x(tt,"transform","");if(e){if(xt){e.cancelable&&e.preventDefault();!i.dropBubble&&e.stopPropagation()}nt&&nt.parentNode&&nt.parentNode.removeChild(nt);if(it===et||dt&&dt.lastPutMode!=="clone"){at&&at.parentNode&&at.parentNode.removeChild(at)}if(tt){if(this.nativeDraggable){g(tt,"dragend",this)}$t(tt);tt.style["will-change"]="";if(xt&&!vt){I(tt,dt?dt.options.ghostClass:this.options.ghostClass,false)}I(tt,this.options.chosenClass,false);Q({sortable:this,name:"unchoose",toEl:et,newIndex:null,newDraggableIndex:null,originalEvent:e});if(it!==et){if(st>=0){Q({rootEl:et,name:"add",toEl:et,fromEl:it,originalEvent:e});Q({sortable:this,name:"remove",toEl:et,originalEvent:e});Q({rootEl:et,name:"sort",toEl:et,fromEl:it,originalEvent:e});Q({sortable:this,name:"sort",toEl:et,originalEvent:e})}dt&&dt.save()}else{if(st!==ut){if(st>=0){Q({sortable:this,name:"update",toEl:et,originalEvent:e});Q({sortable:this,name:"sort",toEl:et,originalEvent:e})}}}if(Ut.active){if(st==null||st===-1){st=ut;ct=lt}Q({sortable:this,name:"end",toEl:et,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){K("nulling",this);it=tt=et=nt=rt=at=ot=ft=gt=bt=xt=st=ct=ut=lt=St=Tt=dt=ht=Ut.dragged=Ut.ghost=Ut.clone=Ut.active=null;jt.forEach((function(t){t.checked=true}));jt.length=wt=Et=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(tt){this._onDragOver(e);Vt(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],n,i=this.el.children,r=0,o=i.length,a=this.options;for(;r<o;r++){n=i[r];if(E(n,a.draggable,this.el,false)){e.push(n.getAttribute(a.dataIdAttr)||ee(n))}}return e},sort:function t(e,n){var i={},r=this.el;this.toArray().forEach((function(t,e){var n=r.children[e];if(E(n,this.options.draggable,r,false)){i[t]=n}}),this);n&&this.captureAnimationState();e.forEach((function(t){if(i[t]){r.removeChild(i[t]);r.appendChild(i[t])}}));n&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,n){return E(e,n||this.options.draggable,this.el,false)},option:function t(e,n){var i=this.options;if(n===void 0){return i[e]}else{var r=$.modifyOption(this,e,n);if(typeof r!=="undefined"){i[e]=r}else{i[e]=n}if(e==="group"){Lt(i)}}},destroy:function t(){K("destroy",this);var e=this.el;e[W]=null;g(e,"mousedown",this._onTapStart);g(e,"touchstart",this._onTapStart);g(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){g(e,"dragover",this);g(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();pt.splice(pt.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!ft){K("hideClone",this);if(Ut.eventCanceled)return;x(at,"display","none");if(this.options.removeCloneOnHide&&at.parentNode){at.parentNode.removeChild(at)}ft=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(ft){K("showClone",this);if(Ut.eventCanceled)return;if(tt.parentNode==it&&!this.options.group.revertClone){it.insertBefore(at,tt)}else if(rt){it.insertBefore(at,rt)}else{it.appendChild(at)}if(this.options.group.revertClone){this.animate(tt,at)}x(at,"display","");ft=false}}};function Vt(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function Zt(t,e,n,i,r,o,a,f){var u,c=t[W],h=c.options.onMove,d;if(window.CustomEvent&&!s&&!l){u=new CustomEvent("move",{bubbles:true,cancelable:true})}else{u=document.createEvent("Event");u.initEvent("move",true,true)}u.to=e;u.from=t;u.dragged=n;u.draggedRect=i;u.related=r||e;u.relatedRect=o||M(e);u.willInsertAfter=f;u.originalEvent=a;t.dispatchEvent(u);if(h){d=h.call(c,u,a)}return d}function $t(t){t.draggable=false}function qt(){Ct=false}function Jt(t,e,n){var i=M(k(n.el,0,n.options,true));var r=_(n.el);var o=10;return e?t.clientX<r.left-o||t.clientY<i.top&&t.clientX<i.right:t.clientY<r.top-o||t.clientY<i.bottom&&t.clientX<i.left}function Kt(t,e,n){var i=M(C(n.el,n.options.draggable));var r=_(n.el);var o=10;return e?t.clientX>r.right+o||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>r.bottom+o||t.clientX>i.right&&t.clientY>i.top}function Qt(t,e,n,i,r,o,a,f){var u=i?t.clientY:t.clientX,s=i?n.height:n.width,l=i?n.top:n.left,c=i?n.bottom:n.right,h=false;if(!a){if(f&&_t<s*r){if(!Ot&&(Tt===1?u>l+s*o/2:u<c-s*o/2)){Ot=true}if(!Ot){if(Tt===1?u<l+_t:u>c-_t){return-Tt}}else{h=true}}else{if(u>l+s*(1-r)/2&&u<c-s*(1-r)/2){return te(e)}}}h=h||a;if(h){if(u<l+s*o/2||u>c-s*o/2){return u>l+s/2?1:-1}}return 0}function te(t){if(j(tt)<j(t)){return 1}else{return-1}}function ee(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,i=0;while(n--){i+=e.charCodeAt(n)}return i.toString(36)}function ne(t){jt.length=0;var e=t.getElementsByTagName("input");var n=e.length;while(n--){var i=e[n];i.checked&&jt.push(i)}}function ie(t){return setTimeout(t,0)}function re(t){return clearTimeout(t)}if(At){p(document,"touchmove",(function(t){if((Ut.active||vt)&&t.cancelable){t.preventDefault()}}))}Ut.utils={on:p,off:g,css:x,find:T,is:function t(e,n){return!!E(e,n,e,false)},extend:F,throttle:H,closest:E,toggleClass:I,clone:R,index:j,nextTick:ie,cancelNextTick:re,detectDirection:Bt,getChild:k};Ut.get=function(t){return t[W]};Ut.mount=function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++){n[i]=arguments[i]}if(n[0].constructor===Array)n=n[0];n.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)Ut.utils=e(e({},Ut.utils),t.utils);$.mount(t)}))};Ut.create=function(t,e){return new Ut(t,e)};Ut.version=f;var oe=[],ae,fe,ue=false,se,le,ce,he;function de(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var n=e.originalEvent;if(this.sortable.nativeDraggable){p(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){p(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){p(document,"touchmove",this._handleFallbackAutoScroll)}else{p(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var n=e.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function t(){if(this.sortable.nativeDraggable){g(document,"dragover",this._handleAutoScroll)}else{g(document,"pointermove",this._handleFallbackAutoScroll);g(document,"touchmove",this._handleFallbackAutoScroll);g(document,"mousemove",this._handleFallbackAutoScroll)}me();ve();G()},nulling:function t(){ce=fe=ae=ue=he=se=le=null;oe.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,n){var i=this;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,a=document.elementFromPoint(r,o);ce=e;if(n||this.options.forceAutoScrollFallback||l||s||h){pe(e,this.options,a,n);var f=N(a,true);if(ue&&(!he||r!==se||o!==le)){he&&me();he=setInterval((function(){var t=N(document.elementFromPoint(r,o),true);if(t!==f){f=t;ve()}pe(e,i.options,t,n)}),10);se=r;le=o}}else{if(!this.options.bubbleScroll||N(a,true)===O()){ve();return}pe(e,this.options,N(a,false),false)}}};return r(t,{pluginName:"scroll",initializeByDefault:true})}function ve(){oe.forEach((function(t){clearInterval(t.pid)}));oe=[]}function me(){clearInterval(he)}var pe=H((function(t,e,n,i){if(!e.scroll)return;var r=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,a=e.scrollSensitivity,f=e.scrollSpeed,u=O();var s=false,l;if(fe!==n){fe=n;ve();ae=e.scroll;l=e.scrollFn;if(ae===true){ae=N(n,true)}}var c=0;var h=ae;do{var d=h,v=M(d),m=v.top,p=v.bottom,g=v.left,b=v.right,w=v.width,E=v.height,y=void 0,I=void 0,S=d.scrollWidth,T=d.scrollHeight,_=x(d),D=d.scrollLeft,k=d.scrollTop;if(d===u){y=w<S&&(_.overflowX==="auto"||_.overflowX==="scroll"||_.overflowX==="visible");I=E<T&&(_.overflowY==="auto"||_.overflowY==="scroll"||_.overflowY==="visible")}else{y=w<S&&(_.overflowX==="auto"||_.overflowX==="scroll");I=E<T&&(_.overflowY==="auto"||_.overflowY==="scroll")}var C=y&&(Math.abs(b-r)<=a&&D+w<S)-(Math.abs(g-r)<=a&&!!D);var j=I&&(Math.abs(p-o)<=a&&k+E<T)-(Math.abs(m-o)<=a&&!!k);if(!oe[c]){for(var A=0;A<=c;A++){if(!oe[A]){oe[A]={}}}}if(oe[c].vx!=C||oe[c].vy!=j||oe[c].el!==d){oe[c].el=d;oe[c].vx=C;oe[c].vy=j;clearInterval(oe[c].pid);if(C!=0||j!=0){s=true;oe[c].pid=setInterval(function(){if(i&&this.layer===0){Ut.active._onTouchMove(ce)}var e=oe[this.layer].vy?oe[this.layer].vy*f:0;var n=oe[this.layer].vx?oe[this.layer].vx*f:0;if(typeof l==="function"){if(l.call(Ut.dragged.parentNode[W],n,e,t,ce,oe[this.layer].el)!=="continue"){return}}L(oe[this.layer].el,n,e)}.bind({layer:c}),24)}}c++}while(e.bubbleScroll&&h!==u&&(h=N(h,false)));ue=s}),30);var ge=function t(e){var n=e.originalEvent,i=e.putSortable,r=e.dragEl,o=e.activeSortable,a=e.dispatchSortableEvent,f=e.hideGhostForTarget,u=e.unhideGhostForTarget;if(!n)return;var s=i||o;f();var l=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var c=document.elementFromPoint(l.clientX,l.clientY);u();if(s&&!s.el.contains(c)){a("spill");this.onSpill({dragEl:r,putSortable:i})}};function be(){}be.prototype={startIndex:null,dragStart:function t(e){var n=e.oldDraggableIndex;this.startIndex=n},onSpill:function t(e){var n=e.dragEl,i=e.putSortable;this.sortable.captureAnimationState();if(i){i.captureAnimationState()}var r=k(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(n,r)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(i){i.animateAll()}},drop:ge};r(be,{pluginName:"revertOnSpill"});function we(){}we.prototype={onSpill:function t(e){var n=e.dragEl,i=e.putSortable;var r=i||this.sortable;r.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);r.animateAll()},drop:ge};r(we,{pluginName:"removeOnSpill"});Ut.mount(new de);Ut.mount(we,be);const Ee=new Set;const ye={ghostClass:"calcite-sortable--ghost",chosenClass:"calcite-sortable--chosen",dragClass:"calcite-sortable--drag"};function Ie(t){xe(t);Ee.add(t);const e="id";const{group:n,handleSelector:i,dragSelector:r}=t;t.sortable=Ut.create(t.el,{dataIdAttr:e,...ye,...!!r&&{draggable:r},...!!n&&{group:{name:n,...!!t.canPull&&{pull:(e,n,i,{newIndex:r,oldIndex:o})=>t.canPull({toEl:e.el,fromEl:n.el,dragEl:i,newIndex:r,oldIndex:o})},...!!t.canPut&&{put:(e,n,i,{newIndex:r,oldIndex:o})=>t.canPut({toEl:e.el,fromEl:n.el,dragEl:i,newIndex:r,oldIndex:o})}}},handle:i,filter:"[drag-disabled]",onStart:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{Se.active=true;Oe();t.onDragStart({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})},onEnd:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{Se.active=false;Me();t.onDragEnd({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})},onSort:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{t.onDragSort({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})}})}function xe(t){Ee.delete(t);t.sortable?.destroy();t.sortable=null}const Se={active:false};function Te(t){return t.dragEnabled&&Se.active}function Oe(){Array.from(Ee).forEach((t=>t.onGlobalDragStart()))}function Me(){Array.from(Ee).forEach((t=>t.onGlobalDragEnd()))}export{xe as a,Ie as c,Te as d};
-//# sourceMappingURL=p-40f8d312.js.map

package/dist/calcite/p-42b76c6c.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/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{r as t,c as e,h as i,F as s,g as n}from"./p-e0ae45c1.js";import{g as o}from"./p-785098ad.js";import{t as a,i as r,d as c}from"./p-d111a16f.js";import{g as l}from"./p-48c4d1e8.js";import{i as h}from"./p-c7425f90.js";import{s as d,a as u,c as p}from"./p-cc810944.js";import{a as f,C as m,I as x,S as b}from"./p-34457faa.js";import"./p-6f8dcde6.js";const g=":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const v=["ArrowUp","ArrowDown","End","Home"];const w=class{constructor(i){t(this,i);this.calciteActionMenuOpen=e(this,"calciteActionMenuOpen",6);this.actionElements=[];this.guid=`calcite-action-menu-${l()}`;this.menuId=`${this.guid}-menu`;this.menuButtonId=`${this.guid}-menu-button`;this.connectMenuButtonEl=()=>{const{menuButtonId:t,menuId:e,open:i,label:s}=this;const n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;if(this.menuButtonEl===n){return}this.disconnectMenuButtonEl();this.menuButtonEl=n;this.setTooltipReferenceElement();if(!n){return}n.active=i;n.setAttribute("aria-controls",e);n.setAttribute("aria-expanded",a(i));n.setAttribute("aria-haspopup","true");if(!n.id){n.id=t}if(!n.label){n.label=s}if(!n.text){n.text=s}n.addEventListener("pointerdown",this.menuButtonClick);n.addEventListener("keydown",this.menuButtonKeyDown)};this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;if(!t){return}t.removeEventListener("pointerdown",this.menuButtonClick);t.removeEventListener("keydown",this.menuButtonKeyDown)};this.setMenuButtonEl=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-action")));this.slottedMenuButtonEl=e[0];this.connectMenuButtonEl()};this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t;this.connectMenuButtonEl()};this.handleCalciteActionClick=()=>{this.open=false;this.setFocus()};this.menuButtonClick=t=>{if(!r(t)){return}this.toggleOpen()};this.updateTooltip=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));this.tooltipEl=e[0];this.setTooltipReferenceElement()};this.setTooltipReferenceElement=()=>{const{tooltipEl:t,expanded:e,menuButtonEl:i,open:s}=this;if(t){t.referenceElement=!e&&!s?i:null}};this.updateAction=(t,e)=>{const{guid:i,activeMenuItemIndex:s}=this;const n=`${i}-action-${e}`;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=n}t.toggleAttribute(f,e===s)};this.updateActions=t=>{t?.forEach(this.updateAction)};this.handleDefaultSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).reduce(((t,e)=>{if(e?.matches("calcite-action")){t.push(e);return t}if(e?.matches("calcite-action-group")){return t.concat(Array.from(e.querySelectorAll("calcite-action")))}return t}),[]);this.actionElements=e.filter((t=>!t.disabled&&!t.hidden))};this.menuButtonKeyDown=t=>{const{key:e}=t;const{actionElements:i,activeMenuItemIndex:s,open:n}=this;if(!i.length){return}if(h(e)){t.preventDefault();if(!n){this.toggleOpen();return}const e=i[s];e?e.click():this.toggleOpen(false)}if(e==="Tab"){this.open=false;return}if(e==="Escape"){this.toggleOpen(false);t.preventDefault();return}this.handleActionNavigation(t,e,i)};this.handleActionNavigation=(t,e,i)=>{if(!this.isValidKey(e,v)){return}t.preventDefault();if(!this.open){this.toggleOpen();if(e==="Home"||e==="ArrowDown"){this.activeMenuItemIndex=0}if(e==="End"||e==="ArrowUp"){this.activeMenuItemIndex=i.length-1}return}if(e==="Home"){this.activeMenuItemIndex=0}if(e==="End"){this.activeMenuItemIndex=i.length-1}const s=this.activeMenuItemIndex;if(e==="ArrowUp"){this.activeMenuItemIndex=o(Math.max(s-1,-1),i.length)}if(e==="ArrowDown"){this.activeMenuItemIndex=o(s+1,i.length)}};this.toggleOpenEnd=()=>{this.setFocus();this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)};this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd);this.open=t};this.handlePopoverOpen=()=>{this.open=true};this.handlePopoverClose=()=>{this.open=false};this.appearance="solid";this.expanded=false;this.flipPlacements=undefined;this.label=undefined;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.scale=undefined;this.menuButtonEl=undefined;this.activeMenuItemIndex=-1}connectedCallback(){this.connectMenuButtonEl()}componentWillLoad(){d(this)}componentDidLoad(){u(this)}disconnectedCallback(){this.disconnectMenuButtonEl()}expandedHandler(){this.open=false;this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpen.emit();this.setTooltipReferenceElement()}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){await p(this);return c(this.menuButtonEl)}renderMenuButton(){const{appearance:t,label:e,scale:s,expanded:n}=this;const o=i("slot",{name:b.trigger,onSlotchange:this.setMenuButtonEl},i("calcite-action",{appearance:t,class:m.defaultTrigger,icon:x.menu,scale:s,text:e,textEnabled:n,ref:this.setDefaultMenuButtonEl}));return o}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:e,open:s,menuId:n,menuButtonEl:o,label:a,placement:r,overlayPositioning:c,flipPlacements:l}=this;const h=t[e];const d=h?.id||null;return i("calcite-popover",{autoClose:true,flipPlacements:l,focusTrapDisabled:true,label:a,offsetDistance:0,onCalcitePopoverClose:this.handlePopoverClose,onCalcitePopoverOpen:this.handlePopoverOpen,open:s,overlayPositioning:c,placement:r,pointerDisabled:true,referenceElement:o},i("div",{"aria-activedescendant":d,"aria-labelledby":o?.id,class:m.menu,id:n,onClick:this.handleCalciteActionClick,role:"menu",tabIndex:-1},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}render(){return i(s,null,this.renderMenuButton(),this.renderMenuItems(),i("slot",{name:b.tooltip,onSlotchange:this.updateTooltip}))}isValidKey(t,e){return!!e.find((e=>e===t))}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};w.style=g;export{w as calcite_action_menu};
-//# sourceMappingURL=p-42b76c6c.entry.js.map

package/dist/calcite/p-46bb28b4.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{d as o}from"./p-55541222.js";import"./p-e0ae45c1.js";import"./p-7327524e.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-a58dc387.js";import"./p-11c57855.js";import"./p-c7425f90.js";import"./p-72b0894d.js";import"./p-87ffed8b.js";import"./p-cc810944.js";import"./p-ce98cbec.js";import"./p-7a05b03e.js";import"./p-a45b7197.js";import"./p-55668338.js";import"./p-8f0b5cad.js";import"./p-04354662.js";import"./p-b1867447.js";var e={name:"pt-br",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sáb".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sá".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function o(e){return e+"º"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"poucos segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};o.locale(e,null,true);export default e;
-//# sourceMappingURL=p-46bb28b4.js.map

package/dist/calcite/p-48c4d1e8.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
-//# sourceMappingURL=p-48c4d1e8.js.map

package/dist/calcite/p-4af08be4.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{d as r}from"./p-55541222.js";import"./p-e0ae45c1.js";import"./p-7327524e.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-a58dc387.js";import"./p-11c57855.js";import"./p-c7425f90.js";import"./p-72b0894d.js";import"./p-87ffed8b.js";import"./p-cc810944.js";import"./p-ce98cbec.js";import"./p-7a05b03e.js";import"./p-a45b7197.js";import"./p-55668338.js";import"./p-8f0b5cad.js";import"./p-04354662.js";import"./p-b1867447.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return s+(e(r)?"minúty":"minút")}return s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return s+(e(r)?"hodiny":"hodín")}return s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return s+(e(r)?"dni":"dní")}return s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return s+(e(r)?"mesiace":"mesiacov")}return s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return s+(e(r)?"roky":"rokov")}return s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export default m;
-//# sourceMappingURL=p-4af08be4.js.map

package/dist/calcite/p-4b2cb8b0.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{d as Y}from"./p-55541222.js";import"./p-e0ae45c1.js";import"./p-7327524e.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-a58dc387.js";import"./p-11c57855.js";import"./p-c7425f90.js";import"./p-72b0894d.js";import"./p-87ffed8b.js";import"./p-cc810944.js";import"./p-ce98cbec.js";import"./p-7a05b03e.js";import"./p-a45b7197.js";import"./p-55668338.js";import"./p-8f0b5cad.js";import"./p-04354662.js";import"./p-b1867447.js";var M={s:"מספר שניות",ss:"%d שניות",m:"דקה",mm:"%d דקות",h:"שעה",hh:"%d שעות",hh2:"שעתיים",d:"יום",dd:"%d ימים",dd2:"יומיים",M:"חודש",MM:"%d חודשים",MM2:"חודשיים",y:"שנה",yy:"%d שנים",yy2:"שנתיים"};function m(Y,m,_){var d=M[_+(Y===2?"2":"")]||M[_];return d.replace("%d",Y)}var _={name:"he",weekdays:"ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת".split("_"),weekdaysShort:"א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳".split("_"),weekdaysMin:"א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳".split("_"),months:"ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר".split("_"),monthsShort:"ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ".split("_"),relativeTime:{future:"בעוד %s",past:"לפני %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m},ordinal:function Y(M){return M},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"}};Y.locale(_,null,true);export default _;
-//# sourceMappingURL=p-4b2cb8b0.js.map

package/dist/calcite/p-4d9ad7c8.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/main/LICENSE.md for details.
- * v2.5.0-next.2
- */
-import{r as e,c as t,h as a,H as i,g as n}from"./p-e0ae45c1.js";import{a as s,l as o,b as l}from"./p-72b0894d.js";import"./p-d111a16f.js";import"./p-48c4d1e8.js";import"./p-6f8dcde6.js";import"./p-87ffed8b.js";const c={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}: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 d=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{onClick:this.labelClickHandler},a("div",{class:c.container},a("slot",null)))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};d.style=r;export{d as calcite_label};
-//# sourceMappingURL=p-4d9ad7c8.entry.js.map

package/dist/calcite/p-4f8be795.js

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

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