@esri/calcite-components 3.0.0-next.95 → 3.0.0-next.97

package/dist/calcite/{7S3JWCZ5.js → 2AZOKFAV.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{a as c}from"./NXLPCTQ3.js";import{b as m}from"./T7I7AUYL.js";import"./BGWMQRWP.js";var u=n=>n.map(o=>{let{label:a}=o,t=m(a);return{...o,continent:t}});async function v(){let n=[],o=c.map(t=>({label:t})),a=u(o);for(let t of a){let{label:e,continent:l}=t;if(t.visited)continue;t.visited=!0;let i={label:l,tzs:[{label:e}]};for(let r of a.filter(s=>!s.visited)){let{label:s,continent:b}=r;if(l===b){let p={label:s};i.tzs.push(p),r.visited=!0}}n.push(i)}return n.map(t=>(t.tzs=t.tzs.sort((e,l)=>e.label.localeCompare(l.label)),{label:t.label,tzs:t.tzs.map(e=>e.label)})).sort((t,e)=>t.label.localeCompare(e.label))}export{v as groupByRegion};
+import{a as c}from"./7PJ52E3T.js";import{b as m}from"./O6XY5VIP.js";import"./WLAPZUMN.js";var u=n=>n.map(o=>{let{label:a}=o,t=m(a);return{...o,continent:t}});async function v(){let n=[],o=c.map(t=>({label:t})),a=u(o);for(let t of a){let{label:e,continent:l}=t;if(t.visited)continue;t.visited=!0;let i={label:l,tzs:[{label:e}]};for(let r of a.filter(s=>!s.visited)){let{label:s,continent:b}=r;if(l===b){let p={label:s};i.tzs.push(p),r.visited=!0}}n.push(i)}return n.map(t=>(t.tzs=t.tzs.sort((e,l)=>e.label.localeCompare(l.label)),{label:t.label,tzs:t.tzs.map(e=>e.label)})).sort((t,e)=>t.label.localeCompare(e.label))}export{v as groupByRegion};

package/dist/calcite/{GJFW6JKB.js → 2BBRNGRQ.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{b as _}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var a="\u064A\u0646\u0627\u064A\u0631_\u0641\u0628\u0631\u0627\u064A\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064A\u0644_\u0645\u0627\u064A\u0648_\u064A\u0648\u0646\u064A\u0648_\u064A\u0648\u0644\u064A\u0648_\u0623\u063A\u0633\u0637\u0633_\u0633\u0628\u062A\u0645\u0628\u0631_\u0623\u0643\u062A\u0648\u0628\u0631_\u0646\u0648\u0641\u0645\u0628\u0631_\u062F\u064A\u0633\u0645\u0628\u0631".split("_"),n={1:"\u0661",2:"\u0662",3:"\u0663",4:"\u0664",5:"\u0665",6:"\u0666",7:"\u0667",8:"\u0668",9:"\u0669",0:"\u0660"},o={"\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u0660":"0"},m={name:"ar",weekdays:"\u0627\u0644\u0623\u062D\u062F_\u0627\u0644\u0625\u062B\u0646\u064A\u0646_\u0627\u0644\u062B\u0644\u0627\u062B\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062E\u0645\u064A\u0633_\u0627\u0644\u062C\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062A".split("_"),weekdaysShort:"\u0623\u062D\u062F_\u0625\u062B\u0646\u064A\u0646_\u062B\u0644\u0627\u062B\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062E\u0645\u064A\u0633_\u062C\u0645\u0639\u0629_\u0633\u0628\u062A".split("_"),weekdaysMin:"\u062D_\u0646_\u062B_\u0631_\u062E_\u062C_\u0633".split("_"),months:a,monthsShort:a,weekStart:6,meridiem:function(r){return r>12?"\u0645":"\u0635"},relativeTime:{future:"\u0628\u0639\u062F %s",past:"\u0645\u0646\u0630 %s",s:"\u062B\u0627\u0646\u064A\u0629 \u0648\u0627\u062D\u062F\u0629",m:"\u062F\u0642\u064A\u0642\u0629 \u0648\u0627\u062D\u062F\u0629",mm:"%d \u062F\u0642\u0627\u0626\u0642",h:"\u0633\u0627\u0639\u0629 \u0648\u0627\u062D\u062F\u0629",hh:"%d \u0633\u0627\u0639\u0627\u062A",d:"\u064A\u0648\u0645 \u0648\u0627\u062D\u062F",dd:"%d \u0623\u064A\u0627\u0645",M:"\u0634\u0647\u0631 \u0648\u0627\u062D\u062F",MM:"%d \u0623\u0634\u0647\u0631",y:"\u0639\u0627\u0645 \u0648\u0627\u062D\u062F",yy:"%d \u0623\u0639\u0648\u0627\u0645"},preparse:function(r){return r.replace(/[١٢٣٤٥٦٧٨٩٠]/g,function(t){return o[t]}).replace(/،/g,",")},postformat:function(r){return r.replace(/\d/g,function(t){return n[t]}).replace(/,/g,"\u060C")},ordinal:function(r){return r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/\u200FM/\u200FYYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"}};_.locale(m,null,!0);var d=m;export{d as default};
+import{b as _}from"./QZX7GUA2.js";import"./VDM7YCAG.js";var a="\u064A\u0646\u0627\u064A\u0631_\u0641\u0628\u0631\u0627\u064A\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064A\u0644_\u0645\u0627\u064A\u0648_\u064A\u0648\u0646\u064A\u0648_\u064A\u0648\u0644\u064A\u0648_\u0623\u063A\u0633\u0637\u0633_\u0633\u0628\u062A\u0645\u0628\u0631_\u0623\u0643\u062A\u0648\u0628\u0631_\u0646\u0648\u0641\u0645\u0628\u0631_\u062F\u064A\u0633\u0645\u0628\u0631".split("_"),n={1:"\u0661",2:"\u0662",3:"\u0663",4:"\u0664",5:"\u0665",6:"\u0666",7:"\u0667",8:"\u0668",9:"\u0669",0:"\u0660"},o={"\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u0660":"0"},m={name:"ar",weekdays:"\u0627\u0644\u0623\u062D\u062F_\u0627\u0644\u0625\u062B\u0646\u064A\u0646_\u0627\u0644\u062B\u0644\u0627\u062B\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062E\u0645\u064A\u0633_\u0627\u0644\u062C\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062A".split("_"),weekdaysShort:"\u0623\u062D\u062F_\u0625\u062B\u0646\u064A\u0646_\u062B\u0644\u0627\u062B\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062E\u0645\u064A\u0633_\u062C\u0645\u0639\u0629_\u0633\u0628\u062A".split("_"),weekdaysMin:"\u062D_\u0646_\u062B_\u0631_\u062E_\u062C_\u0633".split("_"),months:a,monthsShort:a,weekStart:6,meridiem:function(r){return r>12?"\u0645":"\u0635"},relativeTime:{future:"\u0628\u0639\u062F %s",past:"\u0645\u0646\u0630 %s",s:"\u062B\u0627\u0646\u064A\u0629 \u0648\u0627\u062D\u062F\u0629",m:"\u062F\u0642\u064A\u0642\u0629 \u0648\u0627\u062D\u062F\u0629",mm:"%d \u062F\u0642\u0627\u0626\u0642",h:"\u0633\u0627\u0639\u0629 \u0648\u0627\u062D\u062F\u0629",hh:"%d \u0633\u0627\u0639\u0627\u062A",d:"\u064A\u0648\u0645 \u0648\u0627\u062D\u062F",dd:"%d \u0623\u064A\u0627\u0645",M:"\u0634\u0647\u0631 \u0648\u0627\u062D\u062F",MM:"%d \u0623\u0634\u0647\u0631",y:"\u0639\u0627\u0645 \u0648\u0627\u062D\u062F",yy:"%d \u0623\u0639\u0648\u0627\u0645"},preparse:function(r){return r.replace(/[١٢٣٤٥٦٧٨٩٠]/g,function(t){return o[t]}).replace(/،/g,",")},postformat:function(r){return r.replace(/\d/g,function(t){return n[t]}).replace(/,/g,"\u060C")},ordinal:function(r){return r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/\u200FM/\u200FYYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"}};_.locale(m,null,!0);var d=m;export{d as default};

package/dist/calcite/{KYUH33ZD.js → 2JZYR4BZ.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{a as g,b as l,e as E,f as F,k as u,l as x,n as y,o as O,q as p}from"./HFPXZPEV.js";import{f as P,g as I,h as A}from"./NV52PWOU.js";import{k as h}from"./HHAX7YDL.js";import{a as f}from"./GQ4SXKAQ.js";import{a as v,b as m}from"./WPQC5BHF.js";import{i as w,k as S}from"./WQQ6WFHM.js";import"./XZSRONUF.js";import{I as Y,d as D,e as r,i as M,t as $,u as C,v as z,w as c}from"./35XUQZKY.js";var L=D`:host{display:block;--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-font-weight: var(--calcite-font-weight-medium);--calcite-select-text-color: var(--calcite-color-text-1)}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-spacing-sm);margin-inline-start:var(--calcite-spacing-sm-plus)}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-spacing-xxs)}:host([scale=l]){block-size:44px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-spacing-sm-plus)}.chevron{box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;--calcite-internal-action-padding-block: 0}.chevron:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-spacing-xxs)}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{background-color:var(--calcite-color-foreground-1);margin-inline:var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-spacing-inline: var(--calcite-spacing-xxs);--calcite-internal-select-spacing-block: var(--calcite-spacing-xxs);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-xxs);--calcite-select-font-size: var(--calcite-font-size-md);--calcite-select-line-height: var(--calcite-font-line-height-fixed-lg)}:host([scale=s]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-base);--calcite-internal-select-spacing-block: var(--calcite-spacing-base);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-base);--calcite-internal-select-block-size: 24px;--calcite-select-font-size: var(--calcite-font-size);--calcite-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-sm);--calcite-internal-select-spacing-block: var(--calcite-spacing-sm);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 44px;--calcite-select-font-size: var(--calcite-font-size-lg);--calcite-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,o={header:"header",chevron:"chevron",chevronContainer:"chevron-container",chevronContainerLeft:"chevron-container--left",chevronContainerRight:"chevron-container--right",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container"},W={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,b=class extends z{constructor(){super(...arguments),this.monthPickerEl=v(),this.yearInputEl=v(),this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:16,prevMonthDate:16,activeDate:0,headingLevel:9,localeData:0,max:0,messages:0,min:0,monthStyle:1,position:1,scale:3,selectedDate:0}}static{this.styles=L}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=S(this.el,"calcite-date-picker")}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=l(y(this.activeDate),this.min,this.max),this.prevMonthDate=l(u(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return h.localize(`${F(e,this.localeData)}`)}parseCalendarYear(e){return h.localize(`${E(Number(h.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){f(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){f(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:i,wide:a}=this.localeData.months,s=(this.monthStyle==="wide"?a:i).indexOf(t.value),n=x(this.activeDate,s);g(n,this.min,this.max)||(n=l(n,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(n),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:i,max:a,activeDate:s}=this,n=Number(h.delocalize(e)),N=n.toString().length,d=isNaN(n)?!1:n+t,R=d&&(!i||i.getFullYear()<=d)&&(!a||a.getFullYear()>=d);if(d&&R&&N===e.length){let k=new Date(s);return k.setFullYear(d),l(k,i,a)}}setYear({localizedYear:e,commit:t=!0,offset:i=0}){let{yearInputEl:{value:a},activeDate:s}=this,n=this.getInRangeDate({localizedYear:e,offset:i});n&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(n),t&&(a.value=this.formatCalendarYear((n||s).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding()),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerEl.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),i=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,a=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],s=Math.ceil(w(a,i));e.style.width=`${s+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=x(this.activeDate,e);return!this.min&&!this.max?!0:!!this.max&&t<this.max||!!this.min&&t>this.min}async handlePenultimateValidMonth(e){let t=e.target.getAttribute("data-direction")==="left",i;if(t&&this.min){let a=l(u(this.activeDate),this.min,this.max);i=p(a,this.min)}else if(this.max){let a=l(y(this.activeDate),this.min,this.max);i=p(a,this.max)}i&&(this.position?this.yearInputEl.value.focus():await(t?this.nextMonthAction.setFocus():this.prevMonthAction.setFocus()))}getPx(e){let t=Number(e.replace(/[rem|px]/g,""));return e.includes("rem")?`${t*16}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=P;break;default:e=I;break}return this.getPx(e)}render(){return r`<div class=${c(o.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:s,lang:n}=this.parentDatePickerEl;h.numberFormatOptions={useGrouping:!1,...s&&{numberingSystem:s},...n&&{locale:n}}}let i=O(e.unitOrder),a=i.indexOf("y")<i.indexOf("m");return r`${this.position&&r`<div class=${c({[o.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${c({[o.monthYearContainer]:!0,[o.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(a)}</div>${!this.position&&r`<div class=${c({[o.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${c({[o.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return r`<calcite-select class=${c(o.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${m(this.monthPickerEl)}>${t.map((i,a)=>r`<calcite-option .disabled=${!this.isMonthInRange(a)} .selected=${a===e} .value=${i}>${i}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return r`<span class=${c(o.yearContainer)}><input .ariaLabel=${this.messages.year} class=${c({year:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${$(t??"")} ${m(this.yearInputEl)}>${e&&r`<span class=${c(o.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",i=p(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!g(this.activeDate,this.min,this.max);return r`<calcite-action alignment=center .ariaDisabled=${i} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${c(o.chevron)} compact data-direction=${e??M} .disabled=${i} .icon=${t?W.chevronRight:W.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale==="l"?"l":"m"} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${m(a=>t?this.nextMonthAction=a:this.prevMonthAction=a)}></calcite-action>`}};Y("calcite-date-picker-month-header",b);export{b as DatePickerMonthHeader};
+import{a as g,b as l,e as E,f as F,k as u,l as x,n as y,o as O,q as p}from"./LYYGMIJF.js";import{f as P,g as I,h as A}from"./ZWTL7HEP.js";import{k as h}from"./RJ5MYWXY.js";import{a as f}from"./BFXD62LZ.js";import{a as v,b as m}from"./FOFTIS5P.js";import{i as w,k as S}from"./BNHC3TG7.js";import"./4GIDO7PI.js";import{I as Y,d as D,e as r,i as M,t as $,u as C,v as z,w as c}from"./UKJU4YCU.js";var L=D`:host{display:block;--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-font-weight: var(--calcite-font-weight-medium);--calcite-select-text-color: var(--calcite-color-text-1)}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-spacing-sm);margin-inline-start:var(--calcite-spacing-sm-plus)}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-spacing-xxs)}:host([scale=l]){block-size:44px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-spacing-sm-plus)}.chevron{box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;--calcite-internal-action-padding-block: 0}.chevron:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-spacing-xxs)}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{background-color:var(--calcite-color-foreground-1);margin-inline:var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-spacing-inline: var(--calcite-spacing-xxs);--calcite-internal-select-spacing-block: var(--calcite-spacing-xxs);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-xxs);--calcite-select-font-size: var(--calcite-font-size-md);--calcite-select-line-height: var(--calcite-font-line-height-fixed-lg)}:host([scale=s]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-base);--calcite-internal-select-spacing-block: var(--calcite-spacing-base);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-base);--calcite-internal-select-block-size: 24px;--calcite-select-font-size: var(--calcite-font-size);--calcite-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-sm);--calcite-internal-select-spacing-block: var(--calcite-spacing-sm);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 44px;--calcite-select-font-size: var(--calcite-font-size-lg);--calcite-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,o={header:"header",chevron:"chevron",chevronContainer:"chevron-container",chevronContainerLeft:"chevron-container--left",chevronContainerRight:"chevron-container--right",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container"},W={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,b=class extends z{constructor(){super(...arguments),this.monthPickerEl=v(),this.yearInputEl=v(),this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:16,prevMonthDate:16,activeDate:0,headingLevel:9,localeData:0,max:0,messages:0,min:0,monthStyle:1,position:1,scale:3,selectedDate:0}}static{this.styles=L}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=S(this.el,"calcite-date-picker")}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=l(y(this.activeDate),this.min,this.max),this.prevMonthDate=l(u(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return h.localize(`${F(e,this.localeData)}`)}parseCalendarYear(e){return h.localize(`${E(Number(h.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){f(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){f(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:i,wide:a}=this.localeData.months,s=(this.monthStyle==="wide"?a:i).indexOf(t.value),n=x(this.activeDate,s);g(n,this.min,this.max)||(n=l(n,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(n),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:i,max:a,activeDate:s}=this,n=Number(h.delocalize(e)),N=n.toString().length,d=isNaN(n)?!1:n+t,R=d&&(!i||i.getFullYear()<=d)&&(!a||a.getFullYear()>=d);if(d&&R&&N===e.length){let k=new Date(s);return k.setFullYear(d),l(k,i,a)}}setYear({localizedYear:e,commit:t=!0,offset:i=0}){let{yearInputEl:{value:a},activeDate:s}=this,n=this.getInRangeDate({localizedYear:e,offset:i});n&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(n),t&&(a.value=this.formatCalendarYear((n||s).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding()),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerEl.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),i=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,a=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],s=Math.ceil(w(a,i));e.style.width=`${s+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=x(this.activeDate,e);return!this.min&&!this.max?!0:!!this.max&&t<this.max||!!this.min&&t>this.min}async handlePenultimateValidMonth(e){let t=e.target.getAttribute("data-direction")==="left",i;if(t&&this.min){let a=l(u(this.activeDate),this.min,this.max);i=p(a,this.min)}else if(this.max){let a=l(y(this.activeDate),this.min,this.max);i=p(a,this.max)}i&&(this.position?this.yearInputEl.value.focus():await(t?this.nextMonthAction.setFocus():this.prevMonthAction.setFocus()))}getPx(e){let t=Number(e.replace(/[rem|px]/g,""));return e.includes("rem")?`${t*16}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=P;break;default:e=I;break}return this.getPx(e)}render(){return r`<div class=${c(o.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:s,lang:n}=this.parentDatePickerEl;h.numberFormatOptions={useGrouping:!1,...s&&{numberingSystem:s},...n&&{locale:n}}}let i=O(e.unitOrder),a=i.indexOf("y")<i.indexOf("m");return r`${this.position&&r`<div class=${c({[o.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${c({[o.monthYearContainer]:!0,[o.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(a)}</div>${!this.position&&r`<div class=${c({[o.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${c({[o.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return r`<calcite-select class=${c(o.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${m(this.monthPickerEl)}>${t.map((i,a)=>r`<calcite-option .disabled=${!this.isMonthInRange(a)} .selected=${a===e} .value=${i}>${i}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return r`<span class=${c(o.yearContainer)}><input .ariaLabel=${this.messages.year} class=${c({year:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${$(t??"")} ${m(this.yearInputEl)}>${e&&r`<span class=${c(o.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",i=p(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!g(this.activeDate,this.min,this.max);return r`<calcite-action alignment=center .ariaDisabled=${i} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${c(o.chevron)} compact data-direction=${e??M} .disabled=${i} .icon=${t?W.chevronRight:W.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale==="l"?"l":"m"} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${m(a=>t?this.nextMonthAction=a:this.prevMonthAction=a)}></calcite-action>`}};Y("calcite-date-picker-month-header",b);export{b as DatePickerMonthHeader};

package/dist/calcite/{KKPCOABT.js → 2TIBR3XL.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{a as k,b as B,c as H}from"./NZGBJS44.js";import{a as I}from"./AREUHZPN.js";import{a as v}from"./QPB62OMT.js";import{a as O}from"./ZP7Q5NSL.js";import{b as x}from"./WPQC5BHF.js";import{e as S,o as f,v as C,z as y}from"./WQQ6WFHM.js";import"./XZSRONUF.js";import{B as w,I as m,d as u,e as T,u as h,v as p,w as b}from"./35XUQZKY.js";var W={chevronRight:"chevron-right",chevronLeft:"chevron-left"},o={container:"tab-nav",containerHasEndTabTitleOverflow:"tab-nav--end-overflow",containerHasStartTabTitleOverflow:"tab-nav--start-overflow",scrollButton:"scroll-button",scrollButtonContainer:"scroll-button-container",scrollBackwardContainerButton:"scroll-button-container--backward",scrollForwardContainerButton:"scroll-button-container--forward",tabTitleSlotWrapper:"tab-titles-slot-wrapper"},$=u`:host{--calcite-internal-tab-nav-gradient-start-side: left;--calcite-internal-tab-nav-gradient-end-side: right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width: 24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width: 32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width: 44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side: right;--calcite-internal-tab-nav-gradient-end-side: left}.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%),linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap: var(--calcite-spacing-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus: 1;--calcite-color-text-1: var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1: unset;--calcite-color-foreground-1: var(--calcite-color-transparent-hover);--calcite-color-foreground-3: var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward:before,:host(:not([bordered])) .scroll-button-container--forward:before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward:before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward:before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends p{constructor(){super(),this.effectiveDir="ltr",this.lastScrollWheelAxis="x",this.resizeObserver=v("resize",()=>{this.updateScrollingState()}),this.hasOverflowingEndTabTitle=!1,this.hasOverflowingStartTabTitle=!1,this.bordered=!1,this.layout="inline",this.messages=O(),this.position="bottom",this.scale="m",this.selectedTitle=null,this.calciteInternalTabChange=h({cancelable:!1}),this.calciteInternalTabNavSlotChange=h(),this.calciteTabChange=h({cancelable:!1}),this.listen("calciteInternalTabsFocusPrevious",this.focusPreviousTabHandler),this.listen("calciteInternalTabsFocusNext",this.focusNextTabHandler),this.listen("calciteInternalTabsFocusFirst",this.focusFirstTabHandler),this.listen("calciteInternalTabsFocusLast",this.focusLastTabHandler),this.listen("calciteInternalTabsActivate",this.internalActivateTabHandler),this.listen("calciteTabsActivate",this.activateTabHandler),this.listen("calciteInternalTabsClose",this.internalCloseTabHandler),this.listen("calciteInternalTabTitleRegister",this.updateTabTitles),this.listenOn(document.body,"calciteInternalTabChange",this.globalInternalTabChangeHandler)}static{this.properties={hasOverflowingEndTabTitle:16,hasOverflowingStartTabTitle:16,selectedTabId:16,bordered:7,layout:3,messageOverrides:0,position:1,scale:1,selectedTitle:0,storageId:3,syncId:3}}static{this.styles=$}get enabledTabTitles(){return f(this.el,"calcite-tab-title:not([disabled])").filter(t=>!t.closed)}get scrollerButtonWidth(){let{scale:t}=this;return parseInt(t==="s"?k:t==="m"?B:H)}get tabTitles(){return f(this.el,"calcite-tab-title")}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs"),this.resizeObserver?.observe(this.el)}async load(){let t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){let e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}willUpdate(t){t.has("selectedTitle")&&(this.hasUpdated||this.selectedTitle!==null)&&this.calciteInternalTabChange.emit({tab:this.selectedTabId}),t.has("selectedTabId")&&this.selectedTabIdChanged();let{parentTabsEl:e}=this;this.layout=e?.layout,this.bordered=e?.bordered,this.effectiveDir=S(this.el)}loaded(){this.scrollTabTitleIntoView(this.selectedTitle,"instant"),this.tabTitles.length&&this.tabTitles.every(t=>!t.selected)&&!this.selectedTabId&&this.tabTitles[0].getTabIdentifier().then(t=>{this.calciteInternalTabChange.emit({tab:t})})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){let e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e),t.stopPropagation(),this.selectedTitle=e,this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){t&&requestAnimationFrame(()=>{let l=this.effectiveDir==="ltr",a=this.tabTitleContainerEl,r=a.getBoundingClientRect(),i=t.getBoundingClientRect(),s=a.scrollLeft,n=l?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle,c=l?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(i.left<r.left+(n?this.scrollerButtonWidth:0)){let d=s+(i.left-r.left)-this.scrollerButtonWidth;a.scrollTo({left:d,behavior:e})}else if(i.right>r.right-(c?this.scrollerButtonWidth:0)){let d=s+(i.right-r.right)+this.scrollerButtonWidth;a.scrollTo({left:d,behavior:e})}})}activateTabHandler(t){this.calciteTabChange.emit(),t.stopPropagation()}internalCloseTabHandler(t){let e=t.target;this.handleTabTitleClose(e),t.stopPropagation()}async updateTabTitles(t){t.target.selected&&(this.selectedTabId=t.detail,this.selectedTitle=await this.getTabTitleById(this.selectedTabId))}globalInternalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab&&(this.selectedTabId=t.detail.tab),t.stopPropagation()}async selectedTabIdChanged(){await this.componentOnReady(),localStorage&&this.storageId&&this.selectedTabId!==void 0&&this.selectedTabId!==null&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId)),this.calciteInternalTabChange.emit({tab:this.selectedTabId})}onTabTitleWheel(t){t.preventDefault();let{deltaX:e,deltaY:l}=t,a=Math.abs(e),r=Math.abs(l),i;a===r?i=this.lastScrollWheelAxis==="x"?e:l:a>r?(i=e,this.lastScrollWheelAxis="x"):(i=l,this.lastScrollWheelAxis="y");let s=(this.effectiveDir==="rtl"?-1:1)*i;t.currentTarget.scrollBy(s,0)}onSlotChange(t){this.intersectionObserver?.disconnect();let e=C(t,"calcite-tab-title");e.forEach(l=>{this.intersectionObserver?.observe(l)}),this.calciteInternalTabNavSlotChange.emit(e)}storeTabTitleWrapperRef(t){t&&(this.tabTitleContainerEl=t,this.intersectionObserver=v("intersection",()=>this.updateScrollingState(),{root:t,threshold:[0,.5,1]}))}updateScrollingState(){let t=this.tabTitleContainerEl;if(!t)return;let e,l,a=t.scrollLeft,r=t.clientWidth,i=t.scrollWidth;this.effectiveDir==="ltr"?(e=a>0,l=a+r<i):(e=a<0,l=a!==-(i-r)),this.hasOverflowingStartTabTitle=e,this.hasOverflowingEndTabTitle=l}scrollToTabTitles(t){requestAnimationFrame(()=>{let e=this.tabTitleContainerEl,l=e.getBoundingClientRect(),a=Array.from(this.el.querySelectorAll("calcite-tab-title")),{effectiveDir:r}=this;t==="forward"&&a.reverse();let i=null;if(a.forEach(s=>{let n=s.getBoundingClientRect(),c=l.x+l.width,d=n.x+n.width;t==="forward"&&r==="ltr"||t==="backward"&&r==="rtl"?(n.x>c||d>c&&n.x>l.x)&&(i=s):(d<l.x||d<c&&n.x<l.x)&&(i=s)}),i){let{scrollerButtonWidth:s}=this,n=t==="forward"&&r==="ltr"||t==="backward"&&r==="rtl"?-s:i.offsetWidth-e.clientWidth+s,c=i.offsetLeft+n;e.scrollTo({left:c,behavior:"smooth"})}})}scrollToNextTabTitles(){this.scrollToTabTitles("forward")}scrollToPreviousTabTitles(){this.scrollToTabTitles("backward")}handleTabFocus(t,e,l){let a=y(this.enabledTabTitles,e,l);this.scrollTabTitleIntoView(a,"instant"),t.stopPropagation()}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}onTabTitleScroll(){this.updateScrollingState()}async getTabTitleById(t){return Promise.all(this.tabTitles.map(e=>e.getTabIdentifier())).then(e=>this.tabTitles[e.indexOf(t)])}handleTabTitleClose(t){let{tabTitles:e}=this,l=t.selected,a=e.reduce((i,s,n)=>s.closed?i:[...i,n],[]),r=a.length;if(r===1&&e[a[0]].closable)e[a[0]].closable=!1,this.selectedTabId=a[0],l&&e[a[0]].activateTab();else if(r>1){let i=e.findIndex(n=>n===t),s=a.find(n=>n>i);this.selectedTabId===i&&(this.selectedTabId=s||r-1,e[this.selectedTabId].activateTab())}requestAnimationFrame(()=>{e[this.selectedTabId].focus()})}render(){return this.el.role="tablist",T`<div class=${b({[o.container]:!0,[o.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[o.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:!0,[`position-${this.position}`]:!0,[w.rtl]:this.effectiveDir==="rtl"})}>${this.renderScrollButton("start")}<div class=${b({[o.tabTitleSlotWrapper]:!0})} @scroll=${this.onTabTitleScroll} @wheel=${this.onTabTitleWheel} ${x(this.storeTabTitleWrapperRef)}><slot @slotchange=${this.onSlotChange}></slot></div>${this.renderScrollButton("end")}</div>`}renderScrollButton(t){let{bordered:e,messages:l,hasOverflowingStartTabTitle:a,hasOverflowingEndTabTitle:r,scale:i}=this,s=t==="end";return I(t,T`<div class=${b({[o.scrollButtonContainer]:!0,[o.scrollBackwardContainerButton]:!s,[o.scrollForwardContainerButton]:s})} .hidden=${s&&!r||!s&&!a}><calcite-button .appearance=${e?"outline-fill":"transparent"} .ariaLabel=${s?l.nextTabTitles:l.previousTabTitles} class=${b({[o.scrollButton]:!0})} icon-flip-rtl=both .iconStart=${s?W.chevronRight:W.chevronLeft} kind=neutral @click=${s?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles} .scale=${i} tabindex=-1></calcite-button></div>`)}};m("calcite-tab-nav",g);export{g as TabNav};
+import{a as k,b as B,c as H}from"./AR3X5JQL.js";import{a as I}from"./MXBINGTR.js";import{a as v}from"./MAG3ALXG.js";import{a as O}from"./YCHMYAFD.js";import{b as x}from"./FOFTIS5P.js";import{e as S,o as f,v as C,z as y}from"./BNHC3TG7.js";import"./4GIDO7PI.js";import{B as w,I as m,d as u,e as T,u as h,v as p,w as b}from"./UKJU4YCU.js";var W={chevronRight:"chevron-right",chevronLeft:"chevron-left"},o={container:"tab-nav",containerHasEndTabTitleOverflow:"tab-nav--end-overflow",containerHasStartTabTitleOverflow:"tab-nav--start-overflow",scrollButton:"scroll-button",scrollButtonContainer:"scroll-button-container",scrollBackwardContainerButton:"scroll-button-container--backward",scrollForwardContainerButton:"scroll-button-container--forward",tabTitleSlotWrapper:"tab-titles-slot-wrapper"},$=u`:host{--calcite-internal-tab-nav-gradient-start-side: left;--calcite-internal-tab-nav-gradient-end-side: right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width: 24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width: 32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width: 44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side: right;--calcite-internal-tab-nav-gradient-end-side: left}.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%),linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap: var(--calcite-spacing-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus: 1;--calcite-color-text-1: var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1: unset;--calcite-color-foreground-1: var(--calcite-color-transparent-hover);--calcite-color-foreground-3: var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward:before,:host(:not([bordered])) .scroll-button-container--forward:before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward:before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward:before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends p{constructor(){super(),this.effectiveDir="ltr",this.lastScrollWheelAxis="x",this.resizeObserver=v("resize",()=>{this.updateScrollingState()}),this.hasOverflowingEndTabTitle=!1,this.hasOverflowingStartTabTitle=!1,this.bordered=!1,this.layout="inline",this.messages=O(),this.position="bottom",this.scale="m",this.selectedTitle=null,this.calciteInternalTabChange=h({cancelable:!1}),this.calciteInternalTabNavSlotChange=h(),this.calciteTabChange=h({cancelable:!1}),this.listen("calciteInternalTabsFocusPrevious",this.focusPreviousTabHandler),this.listen("calciteInternalTabsFocusNext",this.focusNextTabHandler),this.listen("calciteInternalTabsFocusFirst",this.focusFirstTabHandler),this.listen("calciteInternalTabsFocusLast",this.focusLastTabHandler),this.listen("calciteInternalTabsActivate",this.internalActivateTabHandler),this.listen("calciteTabsActivate",this.activateTabHandler),this.listen("calciteInternalTabsClose",this.internalCloseTabHandler),this.listen("calciteInternalTabTitleRegister",this.updateTabTitles),this.listenOn(document.body,"calciteInternalTabChange",this.globalInternalTabChangeHandler)}static{this.properties={hasOverflowingEndTabTitle:16,hasOverflowingStartTabTitle:16,selectedTabId:16,bordered:7,layout:3,messageOverrides:0,position:1,scale:1,selectedTitle:0,storageId:3,syncId:3}}static{this.styles=$}get enabledTabTitles(){return f(this.el,"calcite-tab-title:not([disabled])").filter(t=>!t.closed)}get scrollerButtonWidth(){let{scale:t}=this;return parseInt(t==="s"?k:t==="m"?B:H)}get tabTitles(){return f(this.el,"calcite-tab-title")}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs"),this.resizeObserver?.observe(this.el)}async load(){let t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){let e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}willUpdate(t){t.has("selectedTitle")&&(this.hasUpdated||this.selectedTitle!==null)&&this.calciteInternalTabChange.emit({tab:this.selectedTabId}),t.has("selectedTabId")&&this.selectedTabIdChanged();let{parentTabsEl:e}=this;this.layout=e?.layout,this.bordered=e?.bordered,this.effectiveDir=S(this.el)}loaded(){this.scrollTabTitleIntoView(this.selectedTitle,"instant"),this.tabTitles.length&&this.tabTitles.every(t=>!t.selected)&&!this.selectedTabId&&this.tabTitles[0].getTabIdentifier().then(t=>{this.calciteInternalTabChange.emit({tab:t})})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){let e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e),t.stopPropagation(),this.selectedTitle=e,this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){t&&requestAnimationFrame(()=>{let l=this.effectiveDir==="ltr",a=this.tabTitleContainerEl,r=a.getBoundingClientRect(),i=t.getBoundingClientRect(),s=a.scrollLeft,n=l?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle,c=l?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(i.left<r.left+(n?this.scrollerButtonWidth:0)){let d=s+(i.left-r.left)-this.scrollerButtonWidth;a.scrollTo({left:d,behavior:e})}else if(i.right>r.right-(c?this.scrollerButtonWidth:0)){let d=s+(i.right-r.right)+this.scrollerButtonWidth;a.scrollTo({left:d,behavior:e})}})}activateTabHandler(t){this.calciteTabChange.emit(),t.stopPropagation()}internalCloseTabHandler(t){let e=t.target;this.handleTabTitleClose(e),t.stopPropagation()}async updateTabTitles(t){t.target.selected&&(this.selectedTabId=t.detail,this.selectedTitle=await this.getTabTitleById(this.selectedTabId))}globalInternalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab&&(this.selectedTabId=t.detail.tab),t.stopPropagation()}async selectedTabIdChanged(){await this.componentOnReady(),localStorage&&this.storageId&&this.selectedTabId!==void 0&&this.selectedTabId!==null&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId)),this.calciteInternalTabChange.emit({tab:this.selectedTabId})}onTabTitleWheel(t){t.preventDefault();let{deltaX:e,deltaY:l}=t,a=Math.abs(e),r=Math.abs(l),i;a===r?i=this.lastScrollWheelAxis==="x"?e:l:a>r?(i=e,this.lastScrollWheelAxis="x"):(i=l,this.lastScrollWheelAxis="y");let s=(this.effectiveDir==="rtl"?-1:1)*i;t.currentTarget.scrollBy(s,0)}onSlotChange(t){this.intersectionObserver?.disconnect();let e=C(t,"calcite-tab-title");e.forEach(l=>{this.intersectionObserver?.observe(l)}),this.calciteInternalTabNavSlotChange.emit(e)}storeTabTitleWrapperRef(t){t&&(this.tabTitleContainerEl=t,this.intersectionObserver=v("intersection",()=>this.updateScrollingState(),{root:t,threshold:[0,.5,1]}))}updateScrollingState(){let t=this.tabTitleContainerEl;if(!t)return;let e,l,a=t.scrollLeft,r=t.clientWidth,i=t.scrollWidth;this.effectiveDir==="ltr"?(e=a>0,l=a+r<i):(e=a<0,l=a!==-(i-r)),this.hasOverflowingStartTabTitle=e,this.hasOverflowingEndTabTitle=l}scrollToTabTitles(t){requestAnimationFrame(()=>{let e=this.tabTitleContainerEl,l=e.getBoundingClientRect(),a=Array.from(this.el.querySelectorAll("calcite-tab-title")),{effectiveDir:r}=this;t==="forward"&&a.reverse();let i=null;if(a.forEach(s=>{let n=s.getBoundingClientRect(),c=l.x+l.width,d=n.x+n.width;t==="forward"&&r==="ltr"||t==="backward"&&r==="rtl"?(n.x>c||d>c&&n.x>l.x)&&(i=s):(d<l.x||d<c&&n.x<l.x)&&(i=s)}),i){let{scrollerButtonWidth:s}=this,n=t==="forward"&&r==="ltr"||t==="backward"&&r==="rtl"?-s:i.offsetWidth-e.clientWidth+s,c=i.offsetLeft+n;e.scrollTo({left:c,behavior:"smooth"})}})}scrollToNextTabTitles(){this.scrollToTabTitles("forward")}scrollToPreviousTabTitles(){this.scrollToTabTitles("backward")}handleTabFocus(t,e,l){let a=y(this.enabledTabTitles,e,l);this.scrollTabTitleIntoView(a,"instant"),t.stopPropagation()}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}onTabTitleScroll(){this.updateScrollingState()}async getTabTitleById(t){return Promise.all(this.tabTitles.map(e=>e.getTabIdentifier())).then(e=>this.tabTitles[e.indexOf(t)])}handleTabTitleClose(t){let{tabTitles:e}=this,l=t.selected,a=e.reduce((i,s,n)=>s.closed?i:[...i,n],[]),r=a.length;if(r===1&&e[a[0]].closable)e[a[0]].closable=!1,this.selectedTabId=a[0],l&&e[a[0]].activateTab();else if(r>1){let i=e.findIndex(n=>n===t),s=a.find(n=>n>i);this.selectedTabId===i&&(this.selectedTabId=s||r-1,e[this.selectedTabId].activateTab())}requestAnimationFrame(()=>{e[this.selectedTabId].focus()})}render(){return this.el.role="tablist",T`<div class=${b({[o.container]:!0,[o.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[o.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:!0,[`position-${this.position}`]:!0,[w.rtl]:this.effectiveDir==="rtl"})}>${this.renderScrollButton("start")}<div class=${b({[o.tabTitleSlotWrapper]:!0})} @scroll=${this.onTabTitleScroll} @wheel=${this.onTabTitleWheel} ${x(this.storeTabTitleWrapperRef)}><slot @slotchange=${this.onSlotChange}></slot></div>${this.renderScrollButton("end")}</div>`}renderScrollButton(t){let{bordered:e,messages:l,hasOverflowingStartTabTitle:a,hasOverflowingEndTabTitle:r,scale:i}=this,s=t==="end";return I(t,T`<div class=${b({[o.scrollButtonContainer]:!0,[o.scrollBackwardContainerButton]:!s,[o.scrollForwardContainerButton]:s})} .hidden=${s&&!r||!s&&!a}><calcite-button .appearance=${e?"outline-fill":"transparent"} .ariaLabel=${s?l.nextTabTitles:l.previousTabTitles} class=${b({[o.scrollButton]:!0})} icon-flip-rtl=both .iconStart=${s?W.chevronRight:W.chevronLeft} kind=neutral @click=${s?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles} .scale=${i} tabindex=-1></calcite-button></div>`)}};m("calcite-tab-nav",g);export{g as TabNav};

package/dist/calcite/{WVXG2FNU.js → 2TUZMGPF.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{b as t}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var M={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function e(r,a,_){var n=M[_];return Array.isArray(n)&&(n=n[a?0:1]),n.replace("%d",r)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_M\xE4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._M\xE4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function(a){return a+"."},weekStart:1,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:"in %s",past:"vor %s",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e}};t.locale(i,null,!0);var d=i;export{d as default};
+import{b as t}from"./QZX7GUA2.js";import"./VDM7YCAG.js";var M={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function e(r,a,_){var n=M[_];return Array.isArray(n)&&(n=n[a?0:1]),n.replace("%d",r)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_M\xE4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._M\xE4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function(a){return a+"."},weekStart:1,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:"in %s",past:"vor %s",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e}};t.locale(i,null,!0);var d=i;export{d as default};

package/dist/calcite/{55Q76LEL.js → 2UEQTURT.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{e as y,i as k,j as I}from"./C4DAZCKN.js";import{a}from"./CZLF6EI3.js";import{a as C,b as z}from"./P56DHNB5.js";import{a as c}from"./AREUHZPN.js";import{a as r,b as $}from"./JXGCEHGE.js";import"./OTHII6CF.js";import{s as w}from"./WQQ6WFHM.js";import{a as v}from"./XZSRONUF.js";import{I as f,d as p,e as o,i as u,u as s,v as x,w as i,x as g}from"./35XUQZKY.js";var t={active:"label--active",centerContent:"center-content",container:"container",custom:"icon--custom",description:"description",icon:"icon",iconSelected:"icon--selected",label:"label",scale:h=>`scale--${h}`,selected:"label--selected",shortText:"short-text",single:"label--single",textContainer:"text-container",title:"title"},S={contentEnd:"content-end",contentStart:"content-start"},j=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .25rem;--calcite-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .375rem;--calcite-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-s: .625rem;--calcite-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.label--active{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.label:active{background-color:var(--calcite-color-foreground-3)}.icon{display:inline-flex;opacity:0;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-color-border-1)}.icon--custom{margin-block-start:-1px}.icon--selected{color:var(--calcite-color-text-1)}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,d=class extends x{constructor(){super(...arguments),this.hasContent=!1,this.active=!1,this.disabled=!1,this.guid=v(),this.iconFlipRtl=!1,this.scale="m",this.selected=!1,this.selectionMode="multiple",this.calciteComboboxItemChange=s({cancelable:!1}),this.calciteInternalComboboxItemChange=s({cancelable:!1})}static{this.properties={hasContent:16,active:7,ancestors:0,description:1,disabled:7,filterDisabled:7,filterTextMatchPattern:2,guid:3,heading:1,icon:3,iconFlipRtl:7,label:1,metadata:0,scale:1,selected:7,selectionMode:3,shortHeading:1,textLabel:3,value:1}}static{this.styles=j}connectedCallback(){super.connectedCallback(),this.ancestors=y(this.el)}load(){$(this,"value","textLabel")}willUpdate(e){(e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("textLabel"))&&this.calciteInternalComboboxItemChange.emit()}updated(){C(this)}handleDefaultSlotChange(e){this.hasContent=w(e)}toggleSelected(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}itemClickHandler(){this.toggleSelected()}renderIcon(e){return this.icon?c("icon",o`<calcite-icon class=${i({[t.custom]:!!this.icon,[t.iconSelected]:this.icon&&this.selected})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${r(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return c("indicator",o`<calcite-icon class=${i({[t.icon]:!0,[t.iconSelected]:this.selected})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${r(this.scale)}></calcite-icon>`)}renderChildren(){return c("default-slot-container",o`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:M,label:L,textLabel:R,value:H,filterTextMatchPattern:l,description:b,shortHeading:m}=this,n=I(this.selectionMode),E=e||n?void 0:"check",F=n?"bullet-point":"check",T=M||R,D=L||H,U={[t.label]:!0,[t.selected]:this.selected,[t.active]:this.active,[t.single]:n},P=k(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=D,z({disabled:e,children:o`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${g({"--calcite-combobox-item-spacing-indent-multiplier":`${P}`})}><li class=${i(U)} id=${this.guid??u} @click=${this.itemClickHandler}>${this.renderSelectIndicator(F)}<slot name=${S.contentStart}></slot>${this.renderIcon(E)}<div class=${i(t.centerContent)}><div class=${i(t.title)}>${a({text:T,pattern:l})}</div>${b?o`<div class=${i(t.description)}>${a({text:b,pattern:l})}</div>`:null}</div>${m?o`<div class=${i(t.shortText)}>${a({text:m,pattern:l})}</div>`:null}<slot name=${S.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};f("calcite-combobox-item",d);export{d as ComboboxItem};
+import{e as y,i as k,j as I}from"./WDPGRT3S.js";import{a}from"./I5G73EDW.js";import{a as C,b as z}from"./BSAGZSNN.js";import{a as c}from"./MXBINGTR.js";import{a as r,b as $}from"./XAIEXTRH.js";import"./727EJPRU.js";import{s as w}from"./BNHC3TG7.js";import{a as v}from"./4GIDO7PI.js";import{I as f,d as p,e as o,i as u,u as s,v as x,w as i,x as g}from"./UKJU4YCU.js";var t={active:"label--active",centerContent:"center-content",container:"container",custom:"icon--custom",description:"description",icon:"icon",iconSelected:"icon--selected",label:"label",scale:h=>`scale--${h}`,selected:"label--selected",shortText:"short-text",single:"label--single",textContainer:"text-container",title:"title"},S={contentEnd:"content-end",contentStart:"content-start"},j=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .25rem;--calcite-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .375rem;--calcite-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-s: .625rem;--calcite-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.label--active{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.label:active{background-color:var(--calcite-color-foreground-3)}.icon{display:inline-flex;opacity:0;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-color-border-1)}.icon--custom{margin-block-start:-1px}.icon--selected{color:var(--calcite-color-text-1)}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,d=class extends x{constructor(){super(...arguments),this.hasContent=!1,this.active=!1,this.disabled=!1,this.guid=v(),this.iconFlipRtl=!1,this.scale="m",this.selected=!1,this.selectionMode="multiple",this.calciteComboboxItemChange=s({cancelable:!1}),this.calciteInternalComboboxItemChange=s({cancelable:!1})}static{this.properties={hasContent:16,active:7,ancestors:0,description:1,disabled:7,filterDisabled:7,filterTextMatchPattern:2,guid:3,heading:1,icon:3,iconFlipRtl:7,label:1,metadata:0,scale:1,selected:7,selectionMode:3,shortHeading:1,textLabel:3,value:1}}static{this.styles=j}connectedCallback(){super.connectedCallback(),this.ancestors=y(this.el)}load(){$(this,"value","textLabel")}willUpdate(e){(e.has("disabled")&&this.hasUpdated||e.has("selected")&&this.hasUpdated||e.has("textLabel")&&this.hasUpdated)&&this.calciteInternalComboboxItemChange.emit()}updated(){C(this)}handleDefaultSlotChange(e){this.hasContent=w(e)}toggleSelected(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}itemClickHandler(){this.toggleSelected()}renderIcon(e){return this.icon?c("icon",o`<calcite-icon class=${i({[t.custom]:!!this.icon,[t.iconSelected]:this.icon&&this.selected})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${r(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return c("indicator",o`<calcite-icon class=${i({[t.icon]:!0,[t.iconSelected]:this.selected})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${r(this.scale)}></calcite-icon>`)}renderChildren(){return c("default-slot-container",o`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:M,label:L,textLabel:R,value:H,filterTextMatchPattern:l,description:b,shortHeading:m}=this,n=I(this.selectionMode),E=e||n?void 0:"check",F=n?"bullet-point":"check",T=M||R,U=L||H,D={[t.label]:!0,[t.selected]:this.selected,[t.active]:this.active,[t.single]:n},P=k(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=U,z({disabled:e,children:o`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${g({"--calcite-combobox-item-spacing-indent-multiplier":`${P}`})}><li class=${i(D)} id=${this.guid??u} @click=${this.itemClickHandler}>${this.renderSelectIndicator(F)}<slot name=${S.contentStart}></slot>${this.renderIcon(E)}<div class=${i(t.centerContent)}><div class=${i(t.title)}>${a({text:T,pattern:l})}</div>${b?o`<div class=${i(t.description)}>${a({text:b,pattern:l})}</div>`:null}</div>${m?o`<div class=${i(t.shortText)}>${a({text:m,pattern:l})}</div>`:null}<slot name=${S.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};f("calcite-combobox-item",d);export{d as ComboboxItem};

package/dist/calcite/{CCPY3M7R.js → 2ZJIRGUG.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{a as x,h as v,k as K,l as f,m as $,n as p,o as m,p as y,q as o,r as c,s as P}from"./ZSLNS3MH.js";import"./KVGC54RZ.js";import{a as k}from"./AREUHZPN.js";import{b as d}from"./WPQC5BHF.js";import{l as D}from"./WQQ6WFHM.js";import{a as E,b as B,d as T}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as V,d as F,e as C,u as O,v as S,w as I}from"./35XUQZKY.js";var g={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},j=F`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,b=x(),N=class extends S{constructor(){super(...arguments),this.internalColor=b,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=o(c(b,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=O({cancelable:!1})}static{this.properties={internalColor:16,alphaChannel:5,allowEmpty:5,hexLabel:1,messages:0,numberingSystem:1,scale:3,value:3}}static{this.styles=j}async setFocus(){return await T(this),D(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=o(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}load(){E(this)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==o(c(b,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}loaded(){B(this)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=y(a);(m(a,!0)||m(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(P(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let t=this.hexInputNode.value;if(t){let e=o(t,!1);if(p(e)&&this.alphaChannel&&this.internalColor){let a=o(this.internalColor.hexa(),!0).slice(-2);t=`${e+a}`}}this.internalSetValue(t,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=$(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&y(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:r,value:u}=this,{key:h}=t,w=t.composedPath();if(h==="Tab"&&m(u,this.alphaChannel)||h==="Enter"){w.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),h==="Enter"&&t.preventDefault();return}let R=h==="ArrowDown"||h==="ArrowUp",H=this.value;if(R){if(!u){this.internalSetValue(this.previousNonNullValue,H),t.preventDefault();return}let z=h==="ArrowUp"?1:-1,G=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(r,G*z,w.includes(i)?"rgb":"a"),s),H),t.preventDefault();return}let L=e||a||n,U=h.length===1,A=K.test(h);U&&!L&&!A&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&y(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=o(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),r=o(c(i,n),n),u=!s||r!==o(c(s,n),n);this.internalColor=i,this.previousNonNullValue=r,this.value=r,u&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(i=>i+e),this.alphaChannel?l[3]:void 0];else{let i=$(f(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),r=this.formatOpacityForInternalInput(a),u=l==="l"?"m":"s";return C`<div class=${I(g.container)}><calcite-input-text class=${I(g.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${u} .value=${i} ${d(this.storeHexInputRef)}></calcite-input-text>${t?k("opacity-input",C`<calcite-input-number class=${I(g.opacityInput)} .label=${n?.opacity} .max=${v.max} max-length=3 .min=${v.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${u} suffix-text=% .value=${r} ${d(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};V("calcite-color-picker-hex-input",N);export{N as ColorPickerHexInput};
+import{a as x,h as v,k as K,l as f,m as $,n as p,o as m,p as y,q as o,r as c,s as P}from"./UKFPD4PY.js";import"./HAIGDRKT.js";import{a as k}from"./MXBINGTR.js";import{b as d}from"./FOFTIS5P.js";import{l as D}from"./BNHC3TG7.js";import{a as E,b as B,d as T}from"./K3OX3DFO.js";import"./4GIDO7PI.js";import{I as V,d as F,e as C,u as O,v as S,w as I}from"./UKJU4YCU.js";var g={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},j=F`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,b=x(),N=class extends S{constructor(){super(...arguments),this.internalColor=b,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=o(c(b,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=O({cancelable:!1})}static{this.properties={internalColor:16,alphaChannel:5,allowEmpty:5,hexLabel:1,messages:0,numberingSystem:1,scale:3,value:3}}static{this.styles=j}async setFocus(){return await T(this),D(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=o(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}load(){E(this)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==o(c(b,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}loaded(){B(this)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=y(a);(m(a,!0)||m(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(P(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let t=this.hexInputNode.value;if(t){let e=o(t,!1);if(p(e)&&this.alphaChannel&&this.internalColor){let a=o(this.internalColor.hexa(),!0).slice(-2);t=`${e+a}`}}this.internalSetValue(t,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=$(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&y(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:r,value:u}=this,{key:h}=t,w=t.composedPath();if(h==="Tab"&&m(u,this.alphaChannel)||h==="Enter"){w.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),h==="Enter"&&t.preventDefault();return}let R=h==="ArrowDown"||h==="ArrowUp",H=this.value;if(R){if(!u){this.internalSetValue(this.previousNonNullValue,H),t.preventDefault();return}let z=h==="ArrowUp"?1:-1,G=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(r,G*z,w.includes(i)?"rgb":"a"),s),H),t.preventDefault();return}let L=e||a||n,U=h.length===1,A=K.test(h);U&&!L&&!A&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&y(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=o(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),r=o(c(i,n),n),u=!s||r!==o(c(s,n),n);this.internalColor=i,this.previousNonNullValue=r,this.value=r,u&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(i=>i+e),this.alphaChannel?l[3]:void 0];else{let i=$(f(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),r=this.formatOpacityForInternalInput(a),u=l==="l"?"m":"s";return C`<div class=${I(g.container)}><calcite-input-text class=${I(g.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${u} .value=${i} ${d(this.storeHexInputRef)}></calcite-input-text>${t?k("opacity-input",C`<calcite-input-number class=${I(g.opacityInput)} .label=${n?.opacity} .max=${v.max} max-length=3 .min=${v.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${u} suffix-text=% .value=${r} ${d(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};V("calcite-color-picker-hex-input",N);export{N as ColorPickerHexInput};

package/dist/calcite/{2RI7EGLQ.js → 36NDUUT4.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{a as f}from"./QPB62OMT.js";import{b as p}from"./WPQC5BHF.js";import{B as u}from"./WQQ6WFHM.js";import{a as w,b as g,d as b}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as m,d as l,e as c,v as d,w as h}from"./35XUQZKY.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.handleMutationObserverChange()),this.selectedIndex=-1,this.flowDirection="standby",this.items=[],this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,items:16,customItemSelectors:1}}static{this.styles=v}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await b(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.handleMutationObserverChange()}load(){w(this)}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){g(this)}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}handleMutationObserverChange(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return c`<div class=${h(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};m("calcite-flow",o);export{o as Flow};
+import{a as f}from"./MAG3ALXG.js";import{b as p}from"./FOFTIS5P.js";import{B as u}from"./BNHC3TG7.js";import{a as w,b as g,d as b}from"./K3OX3DFO.js";import"./4GIDO7PI.js";import{I as m,d as l,e as c,v as d,w as h}from"./UKJU4YCU.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.handleMutationObserverChange()),this.selectedIndex=-1,this.flowDirection="standby",this.items=[],this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,items:16,customItemSelectors:1}}static{this.styles=v}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await b(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.handleMutationObserverChange()}load(){w(this)}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){g(this)}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}handleMutationObserverChange(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return c`<div class=${h(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};m("calcite-flow",o);export{o as Flow};

package/dist/calcite/{UVP6SXDH.js → 37FM7K2V.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{e as a,i,w as s}from"./35XUQZKY.js";var c={validationContainer:"validation-container"},d=({scale:t,status:e,id:n,icon:o,message:l})=>a`<div class=${s(c.validationContainer)}><calcite-input-message aria-live=polite .icon=${o} id=${n??i} .scale=${t} .status=${e}>${l}</calcite-input-message></div>`;export{d as a};
+import{e as a,i,w as s}from"./UKJU4YCU.js";var c={validationContainer:"validation-container"},d=({scale:t,status:e,id:n,icon:o,message:l})=>a`<div class=${s(c.validationContainer)}><calcite-input-message aria-live=polite .icon=${o} id=${n??i} .scale=${t} .status=${e}>${l}</calcite-input-message></div>`;export{d as a};

package/dist/calcite/{M4KQV2FU.js → 3FYVJSNP.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{b as _}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var a={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};_.locale(a,null,!0);var s=a;export{s as default};
+import{b as _}from"./QZX7GUA2.js";import"./VDM7YCAG.js";var a={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};_.locale(a,null,!0);var s=a;export{s as default};

package/dist/calcite/{FOKIUQFC.js → 3GDJGEQI.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{b as _}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var d={name:"hi",weekdays:"\u0930\u0935\u093F\u0935\u093E\u0930_\u0938\u094B\u092E\u0935\u093E\u0930_\u092E\u0902\u0917\u0932\u0935\u093E\u0930_\u092C\u0941\u0927\u0935\u093E\u0930_\u0917\u0941\u0930\u0942\u0935\u093E\u0930_\u0936\u0941\u0915\u094D\u0930\u0935\u093E\u0930_\u0936\u0928\u093F\u0935\u093E\u0930".split("_"),months:"\u091C\u0928\u0935\u0930\u0940_\u092B\u093C\u0930\u0935\u0930\u0940_\u092E\u093E\u0930\u094D\u091A_\u0905\u092A\u094D\u0930\u0948\u0932_\u092E\u0908_\u091C\u0942\u0928_\u091C\u0941\u0932\u093E\u0908_\u0905\u0917\u0938\u094D\u0924_\u0938\u093F\u0924\u092E\u094D\u092C\u0930_\u0905\u0915\u094D\u091F\u0942\u092C\u0930_\u0928\u0935\u092E\u094D\u092C\u0930_\u0926\u093F\u0938\u092E\u094D\u092C\u0930".split("_"),weekdaysShort:"\u0930\u0935\u093F_\u0938\u094B\u092E_\u092E\u0902\u0917\u0932_\u092C\u0941\u0927_\u0917\u0941\u0930\u0942_\u0936\u0941\u0915\u094D\u0930_\u0936\u0928\u093F".split("_"),monthsShort:"\u091C\u0928._\u092B\u093C\u0930._\u092E\u093E\u0930\u094D\u091A_\u0905\u092A\u094D\u0930\u0948._\u092E\u0908_\u091C\u0942\u0928_\u091C\u0941\u0932._\u0905\u0917._\u0938\u093F\u0924._\u0905\u0915\u094D\u091F\u0942._\u0928\u0935._\u0926\u093F\u0938.".split("_"),weekdaysMin:"\u0930_\u0938\u094B_\u092E\u0902_\u092C\u0941_\u0917\u0941_\u0936\u0941_\u0936".split("_"),ordinal:function(t){return t},formats:{LT:"A h:mm \u092C\u091C\u0947",LTS:"A h:mm:ss \u092C\u091C\u0947",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u092C\u091C\u0947",LLLL:"dddd, D MMMM YYYY, A h:mm \u092C\u091C\u0947"},relativeTime:{future:"%s \u092E\u0947\u0902",past:"%s \u092A\u0939\u0932\u0947",s:"\u0915\u0941\u091B \u0939\u0940 \u0915\u094D\u0937\u0923",m:"\u090F\u0915 \u092E\u093F\u0928\u091F",mm:"%d \u092E\u093F\u0928\u091F",h:"\u090F\u0915 \u0918\u0902\u091F\u093E",hh:"%d \u0918\u0902\u091F\u0947",d:"\u090F\u0915 \u0926\u093F\u0928",dd:"%d \u0926\u093F\u0928",M:"\u090F\u0915 \u092E\u0939\u0940\u0928\u0947",MM:"%d \u092E\u0939\u0940\u0928\u0947",y:"\u090F\u0915 \u0935\u0930\u094D\u0937",yy:"%d \u0935\u0930\u094D\u0937"}};_.locale(d,null,!0);var M=d;export{M as default};
+import{b as _}from"./QZX7GUA2.js";import"./VDM7YCAG.js";var d={name:"hi",weekdays:"\u0930\u0935\u093F\u0935\u093E\u0930_\u0938\u094B\u092E\u0935\u093E\u0930_\u092E\u0902\u0917\u0932\u0935\u093E\u0930_\u092C\u0941\u0927\u0935\u093E\u0930_\u0917\u0941\u0930\u0942\u0935\u093E\u0930_\u0936\u0941\u0915\u094D\u0930\u0935\u093E\u0930_\u0936\u0928\u093F\u0935\u093E\u0930".split("_"),months:"\u091C\u0928\u0935\u0930\u0940_\u092B\u093C\u0930\u0935\u0930\u0940_\u092E\u093E\u0930\u094D\u091A_\u0905\u092A\u094D\u0930\u0948\u0932_\u092E\u0908_\u091C\u0942\u0928_\u091C\u0941\u0932\u093E\u0908_\u0905\u0917\u0938\u094D\u0924_\u0938\u093F\u0924\u092E\u094D\u092C\u0930_\u0905\u0915\u094D\u091F\u0942\u092C\u0930_\u0928\u0935\u092E\u094D\u092C\u0930_\u0926\u093F\u0938\u092E\u094D\u092C\u0930".split("_"),weekdaysShort:"\u0930\u0935\u093F_\u0938\u094B\u092E_\u092E\u0902\u0917\u0932_\u092C\u0941\u0927_\u0917\u0941\u0930\u0942_\u0936\u0941\u0915\u094D\u0930_\u0936\u0928\u093F".split("_"),monthsShort:"\u091C\u0928._\u092B\u093C\u0930._\u092E\u093E\u0930\u094D\u091A_\u0905\u092A\u094D\u0930\u0948._\u092E\u0908_\u091C\u0942\u0928_\u091C\u0941\u0932._\u0905\u0917._\u0938\u093F\u0924._\u0905\u0915\u094D\u091F\u0942._\u0928\u0935._\u0926\u093F\u0938.".split("_"),weekdaysMin:"\u0930_\u0938\u094B_\u092E\u0902_\u092C\u0941_\u0917\u0941_\u0936\u0941_\u0936".split("_"),ordinal:function(t){return t},formats:{LT:"A h:mm \u092C\u091C\u0947",LTS:"A h:mm:ss \u092C\u091C\u0947",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u092C\u091C\u0947",LLLL:"dddd, D MMMM YYYY, A h:mm \u092C\u091C\u0947"},relativeTime:{future:"%s \u092E\u0947\u0902",past:"%s \u092A\u0939\u0932\u0947",s:"\u0915\u0941\u091B \u0939\u0940 \u0915\u094D\u0937\u0923",m:"\u090F\u0915 \u092E\u093F\u0928\u091F",mm:"%d \u092E\u093F\u0928\u091F",h:"\u090F\u0915 \u0918\u0902\u091F\u093E",hh:"%d \u0918\u0902\u091F\u0947",d:"\u090F\u0915 \u0926\u093F\u0928",dd:"%d \u0926\u093F\u0928",M:"\u090F\u0915 \u092E\u0939\u0940\u0928\u0947",MM:"%d \u092E\u0939\u0940\u0928\u0947",y:"\u090F\u0915 \u0935\u0930\u094D\u0937",yy:"%d \u0935\u0930\u094D\u0937"}};_.locale(d,null,!0);var M=d;export{M as default};

package/dist/calcite/{6UXKKYYO.js → 3HWSEI26.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{c as C,e as w,h as $}from"./J3OVZBWR.js";import{c as x,d as y,e as z}from"./U6VM25VB.js";import{a as u,b as v}from"./P56DHNB5.js";import{a as f}from"./GQ4SXKAQ.js";import{a as d,b as g}from"./WPQC5BHF.js";import{e as b}from"./WQQ6WFHM.js";import{a as p,b as k,d as m}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{B as n,I as h,d as c,e as a,f as l,u as t,v as r,w as o,y as i}from"./35XUQZKY.js";var I={toggle:"toggle",check:"check-svg"},H=c`: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([scale=s]) .check-svg,:host([scale=s]) .toggle{inline-size:var(--calcite-checkbox-size, .75rem);block-size:var(--calcite-checkbox-size, .75rem)}:host([scale=m]) .check-svg,:host([scale=m]) .toggle{inline-size:var(--calcite-checkbox-size, var(--calcite-font-size--1));block-size:var(--calcite-checkbox-size, var(--calcite-font-size--1))}:host([scale=l]) .check-svg,:host([scale=l]) .toggle{inline-size:var(--calcite-checkbox-size, 1rem);block-size:var(--calcite-checkbox-size, 1rem)}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-color-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-shadow:inset 0 0 0 1px var(--calcite-checkbox-border-color, var(--calcite-color-border-input));color:var(--calcite-checkbox-icon-color, var(--calcite-color-background))}:host([status=invalid]:not([checked])) .check-svg{box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger)}:host([status=invalid]:not([checked])) .toggle:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-checkbox-border-color-hover, var(--calcite-color-brand))}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:after,.toggle:before{inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute}.toggle:not(.calcite--rtl):after{content:"";transform:translate(-50%) translateY(-50%)}.toggle.calcite--rtl:before{content:"";transform:translate(50%) translateY(-50%)}@media (forced-colors: active){.check-svg{border:1px solid currentColor}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends r{constructor(){super(),this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z",this.indeterminatePath="M13 8v1H3V8z",this.onLabelClick=()=>{this.toggle()},this.toggleEl=d(),this.checked=!1,this.disabled=!1,this.hovered=!1,this.indeterminate=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteCheckboxChange=t({cancelable:!1}),this.calciteInternalCheckboxBlur=t({cancelable:!1}),this.calciteInternalCheckboxFocus=t({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:7,disabled:7,form:3,hovered:7,indeterminate:7,label:1,name:3,required:7,scale:3,status:3,validity:0,value:1}}static{this.styles=H}async setFocus(){await m(this),this.toggleEl.value?.focus()}connectedCallback(){super.connectedCallback(),x(this),C(this)}load(){p(this)}updated(){u(this)}loaded(){k(this)}disconnectedCallback(){super.disconnectedCallback(),y(this),w(this)}syncHiddenFormInput(e){e.type="checkbox"}getPath(){return this.indeterminate?this.indeterminatePath:this.checked?this.checkedPath:""}toggle(){this.disabled||(this.checked=!this.checked,this.setFocus(),this.indeterminate=!1,this.calciteCheckboxChange.emit())}keyDownHandler(e){f(e.key)&&(this.toggle(),e.preventDefault())}clickHandler(){this.toggle()}onToggleBlur(){this.calciteInternalCheckboxBlur.emit(!1)}onToggleFocus(){this.calciteInternalCheckboxFocus.emit(!0)}render(){let e=b(this.el)==="rtl";return v({disabled:this.disabled,children:a`<div .ariaChecked=${this.checked} .ariaLabel=${z(this)} class=${o({[I.toggle]:!0,[n.rtl]:e})} @blur=${this.onToggleBlur} @focus=${this.onToggleFocus} role=checkbox tabindex=${(this.disabled?void 0:0)??i} ${g(this.toggleEl)}><svg aria-hidden=true class=${o(I.check)} viewBox="0 0 16 16">${l`<path d=${this.getPath()??i} />`}</svg><slot></slot></div>${$({component:this})}`})}};h("calcite-checkbox",s);export{s as Checkbox};
+import{c as C,e as w,h as $}from"./W647UPBZ.js";import{c as x,d as y,e as z}from"./DHQH4K4K.js";import{a as u,b as v}from"./BSAGZSNN.js";import{a as f}from"./BFXD62LZ.js";import{a as d,b as g}from"./FOFTIS5P.js";import{e as b}from"./BNHC3TG7.js";import{a as p,b as k,d as m}from"./K3OX3DFO.js";import"./4GIDO7PI.js";import{B as n,I as h,d as c,e as a,f as l,u as t,v as r,w as o,y as i}from"./UKJU4YCU.js";var I={toggle:"toggle",check:"check-svg"},H=c`: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([scale=s]) .check-svg,:host([scale=s]) .toggle{inline-size:var(--calcite-checkbox-size, .75rem);block-size:var(--calcite-checkbox-size, .75rem)}:host([scale=m]) .check-svg,:host([scale=m]) .toggle{inline-size:var(--calcite-checkbox-size, var(--calcite-font-size--1));block-size:var(--calcite-checkbox-size, var(--calcite-font-size--1))}:host([scale=l]) .check-svg,:host([scale=l]) .toggle{inline-size:var(--calcite-checkbox-size, 1rem);block-size:var(--calcite-checkbox-size, 1rem)}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-color-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-shadow:inset 0 0 0 1px var(--calcite-checkbox-border-color, var(--calcite-color-border-input));color:var(--calcite-checkbox-icon-color, var(--calcite-color-background))}:host([status=invalid]:not([checked])) .check-svg{box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger)}:host([status=invalid]:not([checked])) .toggle:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-checkbox-border-color-hover, var(--calcite-color-brand))}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:after,.toggle:before{inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute}.toggle:not(.calcite--rtl):after{content:"";transform:translate(-50%) translateY(-50%)}.toggle.calcite--rtl:before{content:"";transform:translate(50%) translateY(-50%)}@media (forced-colors: active){.check-svg{border:1px solid currentColor}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends r{constructor(){super(),this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z",this.indeterminatePath="M13 8v1H3V8z",this.onLabelClick=()=>{this.toggle()},this.toggleEl=d(),this.checked=!1,this.disabled=!1,this.hovered=!1,this.indeterminate=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteCheckboxChange=t({cancelable:!1}),this.calciteInternalCheckboxBlur=t({cancelable:!1}),this.calciteInternalCheckboxFocus=t({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:7,disabled:7,form:3,hovered:7,indeterminate:7,label:1,name:3,required:7,scale:3,status:3,validity:0,value:1}}static{this.styles=H}async setFocus(){await m(this),this.toggleEl.value?.focus()}connectedCallback(){super.connectedCallback(),x(this),C(this)}load(){p(this)}updated(){u(this)}loaded(){k(this)}disconnectedCallback(){super.disconnectedCallback(),y(this),w(this)}syncHiddenFormInput(e){e.type="checkbox"}getPath(){return this.indeterminate?this.indeterminatePath:this.checked?this.checkedPath:""}toggle(){this.disabled||(this.checked=!this.checked,this.setFocus(),this.indeterminate=!1,this.calciteCheckboxChange.emit())}keyDownHandler(e){f(e.key)&&(this.toggle(),e.preventDefault())}clickHandler(){this.toggle()}onToggleBlur(){this.calciteInternalCheckboxBlur.emit(!1)}onToggleFocus(){this.calciteInternalCheckboxFocus.emit(!0)}render(){let e=b(this.el)==="rtl";return v({disabled:this.disabled,children:a`<div .ariaChecked=${this.checked} .ariaLabel=${z(this)} class=${o({[I.toggle]:!0,[n.rtl]:e})} @blur=${this.onToggleBlur} @focus=${this.onToggleFocus} role=checkbox tabindex=${(this.disabled?void 0:0)??i} ${g(this.toggleEl)}><svg aria-hidden=true class=${o(I.check)} viewBox="0 0 16 16">${l`<path d=${this.getPath()??i} />`}</svg><slot></slot></div>${$({component:this})}`})}};h("calcite-checkbox",s);export{s as Checkbox};

package/dist/calcite/{ZGVXDWAD.js → 3MYTEMKL.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.97
 */
-import{a as M,b as f,c,d as F}from"./JSGFK2QO.js";import{p as v}from"./SGNCH6KG.js";import{a as D}from"./GA67TPPU.js";import{a as p}from"./AREUHZPN.js";import{a as B}from"./JXGCEHGE.js";import{a as $}from"./OTHII6CF.js";import{a as m}from"./QPB62OMT.js";import{a as T}from"./ZP7Q5NSL.js";import{a as b,b as r}from"./WPQC5BHF.js";import{b as u,n as C,u as n,v as g}from"./WQQ6WFHM.js";import{a as O,b as S,d as E}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as z,d as k,e as a,i as y,u as l,v as w,w as i,z as h}from"./35XUQZKY.js";var t={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"},L={close:"x"},s={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"},A=k`:host{--calcite-modal-scrim-background: rgba(0, 0, 0, .85);position:fixed;inset:0;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-scrim-background-internal: rgba(0, 0, 0, .85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([scale=s]){--calcite-modal-padding-internal: .75rem;--calcite-modal-padding-large-internal: 1rem;--calcite-modal-title-text-internal: var(--calcite-font-size-1);--calcite-modal-content-text-internal: var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal: 1rem;--calcite-modal-padding-large-internal: 1.25rem;--calcite-modal-title-text-internal: var(--calcite-font-size-2);--calcite-modal-content-text-internal: var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal: 1.25rem;--calcite-modal-padding-large-internal: 1.5rem;--calcite-modal-title-text-internal: var(--calcite-font-size-3);--calcite-modal-content-text-internal: var(--calcite-font-size-1)}.scrim{--calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:absolute;inset:0;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-hidden-position: translate3d(0, 20px, 0);--calcite-modal-shown-position: translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active,.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible!important;transition-delay:0ms}.container--open{opacity:1;visibility:visible!important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:.25rem;border-start-end-radius:.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:.25rem;border-start-end-radius:.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:.25rem;border-end-start-radius:.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:.25rem;border-end-start-radius:.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;--calcite-modal-hidden-position: translate3D(0, 20px, 0) scale(.95);--calcite-modal-shown-position: translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0;margin-block-end:.25rem}}:host([hidden]){display:none}[hidden]{display:none}`,d=0,H="",x=class extends w{constructor(){super(),this.closeButtonEl=b(),this.cssVarObserver=m("mutation",()=>{this.updateSizeCssVars()}),this.ignoreOpenChange=!1,this.modalContent=b(),this.mutationObserver=m("mutation",()=>this.updateFocusTrapElements()),this._open=!1,this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.openTransitionProp="opacity",this.hasBack=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!1,this.hasPrimary=!1,this.hasSecondary=!1,this.closeButtonDisabled=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.messages=T(),this.opened=!1,this.outsideCloseDisabled=!1,this.scale="m",this.widthScale="m",this.calciteModalBeforeClose=l({cancelable:!1}),this.calciteModalBeforeOpen=l({cancelable:!1}),this.calciteModalClose=l({cancelable:!1}),this.calciteModalOpen=l({cancelable:!1}),this.keyDownHandler=e=>{let{defaultPrevented:o,key:P}=e;!o&&this.focusTrapDisabled&&this.open&&!this.escapeDisabled&&P==="Escape"&&(e.preventDefault(),this.open=!1)},this.listen("keydown",this.keyDownHandler)}static{this.properties={contentEl:16,cssHeight:16,cssWidth:16,hasBack:16,hasContentBottom:16,hasContentTop:16,hasFooter:16,hasPrimary:16,hasSecondary:16,titleEl:16,beforeClose:0,closeButtonDisabled:7,docked:7,escapeDisabled:7,focusTrapDisabled:7,fullscreen:7,kind:3,messageOverrides:0,open:7,opened:7,outsideCloseDisabled:7,scale:3,widthScale:3}}static{this.styles=A}get open(){return this._open}set open(e){let o=this._open;e!==o&&(this._open=e,this.toggleModal(e))}async scrollContent(e=0,o=0){this.modalContent.value&&(this.modalContent.value.scrollTo?this.modalContent.value.scrollTo({top:e,left:o,behavior:"smooth"}):(this.modalContent.value.scrollTop=e,this.modalContent.value.scrollLeft=o))}async setFocus(){await E(this),C(this.el)}async updateFocusTrapElements(){F(this)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars(),M(this,{focusTrapOptions:{clickOutsideDeactivates:!1,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})}async load(){$.deprecated("component",{name:"modal",removalVersion:4,suggested:"dialog"}),O(this),this.open&&this.openModal()}willUpdate(e){e.has("focusTrapDisabled")&&(this.hasUpdated||this.focusTrapDisabled!==!1)&&this.handleFocusTrapDisabled(this.focusTrapDisabled),(e.has("hasBack")&&(this.hasUpdated||this.hasBack!==!1)||e.has("hasPrimary")&&(this.hasUpdated||this.hasPrimary!==!1)||e.has("hasSecondary")&&(this.hasUpdated||this.hasSecondary!==!1))&&(this.hasFooter=this.hasBack||this.hasPrimary||this.hasSecondary),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}loaded(){S(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect(),c(this)}handleFocusTrapDisabled(e){this.open&&(e?c(this):f(this))}handleHeaderSlotChange(e){this.titleEl=g(e)[0]}handleContentSlotChange(e){this.contentEl=g(e)[0]}handleBackSlotChange(e){this.hasBack=n(e)}handlePrimarySlotChange(e){this.hasPrimary=n(e)}handleSecondarySlotChange(e){this.hasSecondary=n(e)}setTransitionEl(e){this.transitionEl=e}onBeforeOpen(){this.transitionEl?.classList.add(t.openingActive),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl?.classList.remove(t.openingIdle,t.openingActive),this.calciteModalOpen.emit(),f(this)}onBeforeClose(){this.transitionEl?.classList.add(t.closingActive),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl?.classList.remove(t.closingIdle,t.closingActive),this.calciteModalClose.emit(),c(this)}toggleModal(e){this.ignoreOpenChange||(e?this.openModal():this.closeModal())}handleOpenedChange(e){let o=e?t.openingIdle:t.closingIdle;this.transitionEl.classList.add(o),D(this)}handleCloseClick(){this.open=!1}async openModal(){await this.componentOnReady(),this.el.addEventListener("calciteModalOpen",this.openEnd),this.opened=!0,this.titleId=u(this.titleEl),this.contentId=u(this.contentEl),v(this.el)===document.body&&(d===0&&(H=document.documentElement.style.overflow),d++,document.documentElement.style.setProperty("overflow","hidden"))}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}async closeModal(){if(this.beforeClose)try{await this.beforeClose(this.el)}catch{requestAnimationFrame(()=>{this.ignoreOpenChange=!0,this.open=!0,this.ignoreOpenChange=!1});return}v(this.el)===document.body&&(d--,d===0&&this.removeOverflowHiddenClass()),this.opened=!1}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",H)}updateSizeCssVars(){this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")}contentTopSlotChangeHandler(e){this.hasContentTop=n(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=n(e)}render(){return h(this.el,"aria-describedby",this.contentId),h(this.el,"aria-labelledby",this.titleId),this.el.ariaModal="true",this.el.role="dialog",a`<div class=${i({[t.container]:!0,[t.containerOpen]:this.opened})}><calcite-scrim class=${i(t.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>${this.renderStyle()}<div class=${i({[t.modal]:!0})} ${r(this.setTransitionEl)}><div class=${i(t.header)}>${this.renderCloseButton()}<header class=${i(t.title)}><slot name=${t.header} @slotchange=${this.handleHeaderSlotChange}></slot></header></div>${this.renderContentTop()}<div class=${i({[t.content]:!0,[t.contentNoFooter]:!this.hasFooter})} ${r(this.modalContent)}><slot name=${s.content} @slotchange=${this.handleContentSlotChange}></slot></div>${this.renderContentBottom()}${this.renderFooter()}</div></div>`}renderFooter(){return p("footer",a`<div class=${i(t.footer)} .hidden=${!this.hasFooter}><span class=${i(t.back)}><slot name=${s.back} @slotchange=${this.handleBackSlotChange}></slot></span><span class=${i(t.secondary)}><slot name=${s.secondary} @slotchange=${this.handleSecondarySlotChange}></slot></span><span class=${i(t.primary)}><slot name=${s.primary} @slotchange=${this.handlePrimarySlotChange}></slot></span></div>`)}renderContentTop(){return a`<div class=${i(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${s.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderContentBottom(){return a`<div class=${i(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${s.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderCloseButton(){return this.closeButtonDisabled?null:p("button",a`<button .ariaLabel=${this.messages.close} class=${i(t.close)} @click=${this.handleCloseClick} title=${this.messages.close??y} ${r(this.closeButtonEl)}><calcite-icon .icon=${L.close} .scale=${B(this.scale)}></calcite-icon></button>`)}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return a`<style>${`.${t.container} {
+import{a as M,b as f,c,d as F}from"./QP5LPXHX.js";import{p as v}from"./GTTPPOW5.js";import{a as D}from"./JQT7VFEI.js";import{a as p}from"./MXBINGTR.js";import{a as B}from"./XAIEXTRH.js";import{a as $}from"./727EJPRU.js";import{a as m}from"./MAG3ALXG.js";import{a as T}from"./YCHMYAFD.js";import{a as b,b as r}from"./FOFTIS5P.js";import{b as u,n as C,u as n,v as g}from"./BNHC3TG7.js";import{a as O,b as S,d as E}from"./K3OX3DFO.js";import"./4GIDO7PI.js";import{I as z,d as k,e as a,i as y,u as l,v as w,w as i,z as h}from"./UKJU4YCU.js";var t={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"},L={close:"x"},s={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"},A=k`:host{--calcite-modal-scrim-background: rgba(0, 0, 0, .85);position:fixed;inset:0;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-scrim-background-internal: rgba(0, 0, 0, .85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([scale=s]){--calcite-modal-padding-internal: .75rem;--calcite-modal-padding-large-internal: 1rem;--calcite-modal-title-text-internal: var(--calcite-font-size-1);--calcite-modal-content-text-internal: var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal: 1rem;--calcite-modal-padding-large-internal: 1.25rem;--calcite-modal-title-text-internal: var(--calcite-font-size-2);--calcite-modal-content-text-internal: var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal: 1.25rem;--calcite-modal-padding-large-internal: 1.5rem;--calcite-modal-title-text-internal: var(--calcite-font-size-3);--calcite-modal-content-text-internal: var(--calcite-font-size-1)}.scrim{--calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:absolute;inset:0;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-hidden-position: translate3d(0, 20px, 0);--calcite-modal-shown-position: translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active,.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible!important;transition-delay:0ms}.container--open{opacity:1;visibility:visible!important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:.25rem;border-start-end-radius:.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:.25rem;border-start-end-radius:.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:.25rem;border-end-start-radius:.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:.25rem;border-end-start-radius:.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;--calcite-modal-hidden-position: translate3D(0, 20px, 0) scale(.95);--calcite-modal-shown-position: translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0;margin-block-end:.25rem}}:host([hidden]){display:none}[hidden]{display:none}`,d=0,H="",x=class extends w{constructor(){super(),this.closeButtonEl=b(),this.cssVarObserver=m("mutation",()=>{this.updateSizeCssVars()}),this.ignoreOpenChange=!1,this.modalContent=b(),this.mutationObserver=m("mutation",()=>this.updateFocusTrapElements()),this._open=!1,this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.openTransitionProp="opacity",this.hasBack=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!1,this.hasPrimary=!1,this.hasSecondary=!1,this.closeButtonDisabled=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.messages=T(),this.opened=!1,this.outsideCloseDisabled=!1,this.scale="m",this.widthScale="m",this.calciteModalBeforeClose=l({cancelable:!1}),this.calciteModalBeforeOpen=l({cancelable:!1}),this.calciteModalClose=l({cancelable:!1}),this.calciteModalOpen=l({cancelable:!1}),this.keyDownHandler=e=>{let{defaultPrevented:o,key:P}=e;!o&&this.focusTrapDisabled&&this.open&&!this.escapeDisabled&&P==="Escape"&&(e.preventDefault(),this.open=!1)},this.listen("keydown",this.keyDownHandler)}static{this.properties={contentEl:16,cssHeight:16,cssWidth:16,hasBack:16,hasContentBottom:16,hasContentTop:16,hasFooter:16,hasPrimary:16,hasSecondary:16,titleEl:16,beforeClose:0,closeButtonDisabled:7,docked:7,escapeDisabled:7,focusTrapDisabled:7,fullscreen:7,kind:3,messageOverrides:0,open:7,opened:7,outsideCloseDisabled:7,scale:3,widthScale:3}}static{this.styles=A}get open(){return this._open}set open(e){let o=this._open;e!==o&&(this._open=e,this.toggleModal(e))}async scrollContent(e=0,o=0){this.modalContent.value&&(this.modalContent.value.scrollTo?this.modalContent.value.scrollTo({top:e,left:o,behavior:"smooth"}):(this.modalContent.value.scrollTop=e,this.modalContent.value.scrollLeft=o))}async setFocus(){await E(this),C(this.el)}async updateFocusTrapElements(){F(this)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars(),M(this,{focusTrapOptions:{clickOutsideDeactivates:!1,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})}async load(){$.deprecated("component",{name:"modal",removalVersion:4,suggested:"dialog"}),O(this),this.open&&this.openModal()}willUpdate(e){e.has("focusTrapDisabled")&&(this.hasUpdated||this.focusTrapDisabled!==!1)&&this.handleFocusTrapDisabled(this.focusTrapDisabled),(e.has("hasBack")&&(this.hasUpdated||this.hasBack!==!1)||e.has("hasPrimary")&&(this.hasUpdated||this.hasPrimary!==!1)||e.has("hasSecondary")&&(this.hasUpdated||this.hasSecondary!==!1))&&(this.hasFooter=this.hasBack||this.hasPrimary||this.hasSecondary),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}loaded(){S(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect(),c(this)}handleFocusTrapDisabled(e){this.open&&(e?c(this):f(this))}handleHeaderSlotChange(e){this.titleEl=g(e)[0]}handleContentSlotChange(e){this.contentEl=g(e)[0]}handleBackSlotChange(e){this.hasBack=n(e)}handlePrimarySlotChange(e){this.hasPrimary=n(e)}handleSecondarySlotChange(e){this.hasSecondary=n(e)}setTransitionEl(e){this.transitionEl=e}onBeforeOpen(){this.transitionEl?.classList.add(t.openingActive),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl?.classList.remove(t.openingIdle,t.openingActive),this.calciteModalOpen.emit(),f(this)}onBeforeClose(){this.transitionEl?.classList.add(t.closingActive),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl?.classList.remove(t.closingIdle,t.closingActive),this.calciteModalClose.emit(),c(this)}toggleModal(e){this.ignoreOpenChange||(e?this.openModal():this.closeModal())}handleOpenedChange(e){let o=e?t.openingIdle:t.closingIdle;this.transitionEl.classList.add(o),D(this)}handleCloseClick(){this.open=!1}async openModal(){await this.componentOnReady(),this.el.addEventListener("calciteModalOpen",this.openEnd),this.opened=!0,this.titleId=u(this.titleEl),this.contentId=u(this.contentEl),v(this.el)===document.body&&(d===0&&(H=document.documentElement.style.overflow),d++,document.documentElement.style.setProperty("overflow","hidden"))}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}async closeModal(){if(this.beforeClose)try{await this.beforeClose(this.el)}catch{requestAnimationFrame(()=>{this.ignoreOpenChange=!0,this.open=!0,this.ignoreOpenChange=!1});return}v(this.el)===document.body&&(d--,d===0&&this.removeOverflowHiddenClass()),this.opened=!1}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",H)}updateSizeCssVars(){this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")}contentTopSlotChangeHandler(e){this.hasContentTop=n(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=n(e)}render(){return h(this.el,"aria-describedby",this.contentId),h(this.el,"aria-labelledby",this.titleId),this.el.ariaModal="true",this.el.role="dialog",a`<div class=${i({[t.container]:!0,[t.containerOpen]:this.opened})}><calcite-scrim class=${i(t.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>${this.renderStyle()}<div class=${i({[t.modal]:!0})} ${r(this.setTransitionEl)}><div class=${i(t.header)}>${this.renderCloseButton()}<header class=${i(t.title)}><slot name=${t.header} @slotchange=${this.handleHeaderSlotChange}></slot></header></div>${this.renderContentTop()}<div class=${i({[t.content]:!0,[t.contentNoFooter]:!this.hasFooter})} ${r(this.modalContent)}><slot name=${s.content} @slotchange=${this.handleContentSlotChange}></slot></div>${this.renderContentBottom()}${this.renderFooter()}</div></div>`}renderFooter(){return p("footer",a`<div class=${i(t.footer)} .hidden=${!this.hasFooter}><span class=${i(t.back)}><slot name=${s.back} @slotchange=${this.handleBackSlotChange}></slot></span><span class=${i(t.secondary)}><slot name=${s.secondary} @slotchange=${this.handleSecondarySlotChange}></slot></span><span class=${i(t.primary)}><slot name=${s.primary} @slotchange=${this.handlePrimarySlotChange}></slot></span></div>`)}renderContentTop(){return a`<div class=${i(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${s.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderContentBottom(){return a`<div class=${i(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${s.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderCloseButton(){return this.closeButtonDisabled?null:p("button",a`<button .ariaLabel=${this.messages.close} class=${i(t.close)} @click=${this.handleCloseClick} title=${this.messages.close??y} ${r(this.closeButtonEl)}><calcite-icon .icon=${L.close} .scale=${B(this.scale)}></calcite-icon></button>`)}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return a`<style>${`.${t.container} {
               ${this.docked&&this.cssWidth?"align-items: center !important;":""}
             }
             .${t.modal} {