@esri/calcite-components 3.0.0-next.102 → 3.0.0-next.103

package/dist/calcite/{KS7KN3J6.js → 24L6YAYU.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.102
+ * v3.0.0-next.103
 */
-import{a as I}from"./VTQMGX2I.js";import{l as m,n as c,v as d,z as i}from"./4FU7RE33.js";import{a as p,b as y,d as f}from"./HQLR4YL6.js";import"./K2UZIGDO.js";import{I as h,b as o,d as l,e as u,v as r}from"./DMYTLYTD.js";var g=l`:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(),this.attributeWatch=o(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.layout="horizontal",this.messages=I(),this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:3,messageOverrides:0}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=g}async setFocus(){await f(this),c(this.menuItems[0])}async load(){p(this)}willUpdate(t){t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}loaded(){y(this)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(t){let e=t.target,s=t.detail.children,a=t.detail.event.key;t.stopPropagation(),a==="ArrowDown"?e.layout==="vertical"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowUp"?this.layout==="vertical"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&s[s.length-1].setFocus():a==="ArrowRight"?this.layout==="horizontal"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowLeft"?this.layout==="horizontal"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&this.focusParentElement(t.target):a==="Escape"&&this.focusParentElement(t.target),t.preventDefault()}handleMenuSlotChange(t){this.menuItems=d(t),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(t){let e=t.parentElement;e&&(m(e),e.open=!1)}setMenuItemLayout(t,e){t.forEach(s=>{s.layout=e,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return u`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};h("calcite-menu",n);export{n as Menu};
+import{a as I}from"./DWWYII4N.js";import{l as m,n as c,v as d,z as i}from"./KWSSQ7FD.js";import{a as p,b as y,d as f}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{I as h,b as o,d as l,e as u,v as r}from"./4FEDDB7B.js";var g=l`:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(),this.attributeWatch=o(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.layout="horizontal",this.messages=I(),this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:3,messageOverrides:0}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=g}async setFocus(){await f(this),c(this.menuItems[0])}async load(){p(this)}willUpdate(t){t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}loaded(){y(this)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(t){let e=t.target,s=t.detail.children,a=t.detail.event.key;t.stopPropagation(),a==="ArrowDown"?e.layout==="vertical"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowUp"?this.layout==="vertical"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&s[s.length-1].setFocus():a==="ArrowRight"?this.layout==="horizontal"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowLeft"?this.layout==="horizontal"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&this.focusParentElement(t.target):a==="Escape"&&this.focusParentElement(t.target),t.preventDefault()}handleMenuSlotChange(t){this.menuItems=d(t),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(t){let e=t.parentElement;e&&(m(e),e.open=!1)}setMenuItemLayout(t,e){t.forEach(s=>{s.layout=e,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return u`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};h("calcite-menu",n);export{n as Menu};

package/dist/calcite/{IWRDC24D.js → 2BTT3RVI.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.102
+ * v3.0.0-next.103
 */
-import{a as y,r as w}from"./3DTKXAXS.js";import"./ON3PLUOP.js";import{a as z}from"./Y3BMQ26L.js";import{d as S}from"./4FU7RE33.js";import"./K2UZIGDO.js";import{I as f,d as k,e as m,f as c,i as t,v as u,w as l}from"./DMYTLYTD.js";var n={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},x={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},C=4,i={squareSize:C,size:C*2},v=k`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends u{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:7,color:1,scale:3}}static{this.styles=v}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?y(e):null}render(){let e=!this.internalColor,h={[n.swatch]:!0,[n.noColorSwatch]:e};return m`<svg class=${l(h)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:h,internalColor:s}=this,o=e?"100%":"0",d=S(h)==="light"?x.borderLight:x.borderDark,p=!s,r={height:"100%",rx:o,stroke:d,strokeWidth:"2",width:"100%"};if(p)return c`<clipPath id=shape><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let a=s.alpha(),b=w(s),$=w(s,a<1);return c`<title>${$}</title><defs><pattern height=${i.size} id=checker patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${l(n.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${l(n.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:a<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:b,...r})}${a<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:$,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:h,height:s,key:o,rx:d,stroke:p,strokeWidth:r,width:a}){return z(o,c`<rect clip-path=${e??t} fill=${h??t} height=${s??t} rx=${d??t} stroke=${p??t} stroke-width=${r??t} width=${a??t} />`)}};f("calcite-color-picker-swatch",g);export{g as ColorPickerSwatch};
+import{a as y,r as w}from"./HOCCIMTT.js";import"./Y6CICLYL.js";import{a as z}from"./IXSUMFGT.js";import{d as S}from"./KWSSQ7FD.js";import"./IQHRGIMB.js";import{I as f,d as k,e as m,f as c,i as t,v as u,w as l}from"./4FEDDB7B.js";var n={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},x={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},C=4,i={squareSize:C,size:C*2},v=k`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends u{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:7,color:1,scale:3}}static{this.styles=v}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?y(e):null}render(){let e=!this.internalColor,h={[n.swatch]:!0,[n.noColorSwatch]:e};return m`<svg class=${l(h)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:h,internalColor:s}=this,o=e?"100%":"0",d=S(h)==="light"?x.borderLight:x.borderDark,p=!s,r={height:"100%",rx:o,stroke:d,strokeWidth:"2",width:"100%"};if(p)return c`<clipPath id=shape><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let a=s.alpha(),b=w(s),$=w(s,a<1);return c`<title>${$}</title><defs><pattern height=${i.size} id=checker patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${l(n.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${l(n.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:a<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:b,...r})}${a<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:$,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:h,height:s,key:o,rx:d,stroke:p,strokeWidth:r,width:a}){return z(o,c`<rect clip-path=${e??t} fill=${h??t} height=${s??t} rx=${d??t} stroke=${p??t} stroke-width=${r??t} width=${a??t} />`)}};f("calcite-color-picker-swatch",g);export{g as ColorPickerSwatch};

package/dist/calcite/{5ULL7XNT.js → 2EI6TYQY.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.102
+ * v3.0.0-next.103
 */
-import{b as e}from"./6F5HO2CW.js";import"./5V4KINIS.js";var a={name:"pt",weekdays:"domingo_segunda-feira_ter\xE7a-feira_quarta-feira_quinta-feira_sexta-feira_s\xE1bado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sab".split("_"),weekdaysMin:"Do_2\xAA_3\xAA_4\xAA_5\xAA_6\xAA_Sa".split("_"),months:"janeiro_fevereiro_mar\xE7o_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function(_){return _+"\xBA"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [\xE0s] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [\xE0s] HH:mm"},relativeTime:{future:"em %s",past:"h\xE1 %s",s:"alguns segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um m\xEAs",MM:"%d meses",y:"um ano",yy:"%d anos"}};e.locale(a,null,!0);var r=a;export{r as default};
+import{b as e}from"./OYL3BPA7.js";import"./D4EJYXES.js";var a={name:"pt",weekdays:"domingo_segunda-feira_ter\xE7a-feira_quarta-feira_quinta-feira_sexta-feira_s\xE1bado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sab".split("_"),weekdaysMin:"Do_2\xAA_3\xAA_4\xAA_5\xAA_6\xAA_Sa".split("_"),months:"janeiro_fevereiro_mar\xE7o_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function(_){return _+"\xBA"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [\xE0s] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [\xE0s] HH:mm"},relativeTime:{future:"em %s",past:"h\xE1 %s",s:"alguns segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um m\xEAs",MM:"%d meses",y:"um ano",yy:"%d anos"}};e.locale(a,null,!0);var r=a;export{r as default};

package/dist/calcite/{HA37PPKM.js → 2K2QKZF4.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.102
+ * v3.0.0-next.103
 */
-import{e as c}from"./4FU7RE33.js";import"./K2UZIGDO.js";import{B as n,I as l,d as r,e as t,v as a,w as s,x as o}from"./DMYTLYTD.js";var p=r`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends a{constructor(){super(...arguments),this.reversed=!1,this.type="determinate",this.value=0}static{this.properties={label:1,reversed:7,text:1,type:3,value:9}}static{this.styles=p}render(){let e=this.type==="determinate",d=e?{width:`${this.value}%`}:{},m=c(this.el);return t`<div .ariaLabel=${this.label||this.text} .ariaValueMax=${e?"100":void 0} .ariaValueMin=${e?"0":void 0} .ariaValueNow=${e?this.value:void 0} role=progressbar><div class="track"><div class=${s({bar:!0,indeterminate:this.type==="indeterminate",[n.rtl]:m==="rtl",reversed:this.reversed})} style=${o(d)}></div></div>${this.text?t`<div class="text">${this.text}</div>`:null}</div>`}};l("calcite-progress",i);export{i as Progress};
+import{e as c}from"./KWSSQ7FD.js";import"./IQHRGIMB.js";import{B as n,I as l,d as r,e as t,v as a,w as s,x as o}from"./4FEDDB7B.js";var p=r`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends a{constructor(){super(...arguments),this.reversed=!1,this.type="determinate",this.value=0}static{this.properties={label:1,reversed:7,text:1,type:3,value:9}}static{this.styles=p}render(){let e=this.type==="determinate",d=e?{width:`${this.value}%`}:{},m=c(this.el);return t`<div .ariaLabel=${this.label||this.text} .ariaValueMax=${e?"100":void 0} .ariaValueMin=${e?"0":void 0} .ariaValueNow=${e?this.value:void 0} role=progressbar><div class="track"><div class=${s({bar:!0,indeterminate:this.type==="indeterminate",[n.rtl]:m==="rtl",reversed:this.reversed})} style=${o(d)}></div></div>${this.text?t`<div class="text">${this.text}</div>`:null}</div>`}};l("calcite-progress",i);export{i as Progress};

package/dist/calcite/{3UXKR5RU.js → 2KP4VONV.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.102
+ * v3.0.0-next.103
 */
-import{a as A}from"./SAZ3ANOP.js";import{a as m,c as w,d as $,e as z,f as H,g as r,h as T}from"./CRC3QSV5.js";import"./NZNZAYKF.js";import{a as S}from"./EKSEDQZK.js";import{a as k,b as C}from"./YGYL5EWA.js";import"./G2JE6NWB.js";import{a as P}from"./KIXCX2AK.js";import{a as p}from"./QJRABNEL.js";import{b as l}from"./ZE4G7GXI.js";import{l as h,n as y,z as n}from"./4FU7RE33.js";import{a as I,b as O,d as x}from"./HQLR4YL6.js";import{a as E}from"./K2UZIGDO.js";import{I as D,d as g,e as b,u as o,v,w as d}from"./DMYTLYTD.js";var L={dropdownTrigger:"trigger"},U={wrapper:"calcite-dropdown-wrapper"},B=g`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.calcite-dropdown-wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}.width-s{--calcite-dropdown-width: 12rem}.width-m{--calcite-dropdown-width: 14rem}.width-l{--calcite-dropdown-width: 16rem}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,u=class extends v{constructor(){super(),this.focusLastDropdownItem=!1,this.groups=[],this.guid=`calcite-dropdown-${E()}`,this.items=[],this.mutationObserver=p("mutation",()=>this.updateItems()),this.onOpenEnd=()=>{this.focusOnFirstActiveOrDefaultItem(),this.el.removeEventListener("calciteDropdownOpen",this.onOpenEnd)},this.transitionProp="opacity",this.resizeObserver=p("resize",e=>this.resizeObserverCallback(e)),this.closeOnSelectDisabled=!1,this.disabled=!1,this.maxItems=0,this.open=!1,this.overlayPositioning="absolute",this.placement=m,this.scale="m",this.selectedItems=[],this.type="click",this.calciteDropdownBeforeClose=o({cancelable:!1}),this.calciteDropdownBeforeOpen=o({cancelable:!1}),this.calciteDropdownClose=o({cancelable:!1}),this.calciteDropdownOpen=o({cancelable:!1}),this.calciteDropdownSelect=o({cancelable:!1}),this.listenOn(window,"click",this.closeCalciteDropdownOnClick),this.listen("calciteInternalDropdownCloseRequest",this.closeCalciteDropdownOnEvent),this.listenOn(window,"calciteDropdownOpen",this.closeCalciteDropdownOnOpenEvent),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("calciteInternalDropdownItemKeyEvent",this.calciteInternalDropdownItemKeyEvent),this.listen("calciteInternalDropdownItemSelect",this.handleItemSelect)}static{this.properties={closeOnSelectDisabled:7,disabled:7,flipPlacements:0,maxItems:11,open:7,overlayPositioning:3,placement:3,scale:3,selectedItems:0,type:3,widthScale:3,width:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=B}async reposition(e=!1){let{floatingEl:t,referenceEl:i,placement:s,overlayPositioning:a,filteredFlipPlacements:c}=this;return z(this,{floatingEl:t,referenceEl:i,overlayPositioning:a,placement:s,flipPlacements:c,type:"menu"},e)}async setFocus(){await x(this),y(this.referenceEl)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.updateItems(),r(this)}load(){I(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==0)&&this.setMaxScrollerHeight(),(e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==m))&&this.reposition(!0),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handlePropsChange()}updated(){k(this)}loaded(){this.updateSelectedItems(),O(this),r(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),T(this)}openHandler(){S(this),!this.disabled&&this.reposition(!0)}handleDisabledChange(e){e||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupScale()}closeCalciteDropdownOnClick(e){this.disabled||!this.open||e.composedPath().includes(this.el)||this.closeCalciteDropdown(!1)}closeCalciteDropdownOnEvent(e){this.closeCalciteDropdown(),e.stopPropagation()}closeCalciteDropdownOnOpenEvent(e){e.composedPath().includes(this.el)||(this.open=!1)}pointerEnterHandler(){this.disabled||this.type!=="hover"||this.toggleDropdown()}pointerLeaveHandler(){this.disabled||this.type!=="hover"||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter(e=>!e.disabled&&!e.hidden)}calciteInternalDropdownItemKeyEvent(e){let{keyboardEvent:t}=e.detail,i=t.target,s=this.getTraversableItems();switch(t.key){case"Tab":this.open=!1,this.updateTabIndexOfItems(i);break;case"ArrowDown":n(s,i,"next");break;case"ArrowUp":n(s,i,"previous");break;case"Home":n(s,i,"first");break;case"End":n(s,i,"last");break}e.stopPropagation()}handleItemSelect(e){this.updateSelectedItems(),e.stopPropagation(),this.calciteDropdownSelect.emit(),(!this.closeOnSelectDisabled||e.detail.requestedDropdownGroup.selectionMode==="none")&&this.closeCalciteDropdown(),e.stopPropagation()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?$(t,e):null}updateTriggers(e){this.triggers=e.target.assignedElements({flatten:!0}),this.reposition(!0)}updateItems(){this.items=this.groups.map(e=>Array.from(e?.querySelectorAll("calcite-dropdown-item"))).reduce((e,t)=>[...e,...t],[]),this.updateSelectedItems(),this.reposition(!0),this.items.forEach(e=>e.scale=this.scale)}updateGroups(e){let t=e.target.assignedElements({flatten:!0}).filter(i=>i?.matches("calcite-dropdown-group"));this.groups=t,this.updateItems(),this.updateGroupScale()}updateGroupScale(){this.groups?.forEach(e=>e.scale=this.scale)}resizeObserverCallback(e){e.forEach(t=>{let{target:i}=t;i===this.referenceEl?this.setDropdownWidth():i===this.scrollerEl&&this.setMaxScrollerHeight()})}setDropdownWidth(){let{referenceEl:e,scrollerEl:t}=this,i=e?.clientWidth;!i||!t||(t.style.minWidth=`${i}px`)}setMaxScrollerHeight(){let{scrollerEl:e}=this;if(!e)return;this.reposition(!0);let t=this.getMaxScrollerHeight();e.style.maxBlockSize=t>0?`${t}px`:"",this.reposition(!0)}setScrollerAndTransitionEl(e){e&&this.resizeObserver?.observe(e),this.scrollerEl=e,this.transitionEl=e}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit(),H(this)}setReferenceEl(e){this.referenceEl=e,r(this),e&&this.resizeObserver?.observe(e)}setFloatingEl(e){this.floatingEl=e,r(this)}keyDownHandler(e){if(!e.composedPath().includes(this.referenceEl))return;let{defaultPrevented:t,key:i}=e;if(!t){if(i==="Escape"){this.closeCalciteDropdown(),e.preventDefault();return}if(this.open&&e.shiftKey&&i==="Tab"){this.closeCalciteDropdown(),e.preventDefault();return}P(i)?(this.toggleDropdown(),e.preventDefault()):(i==="ArrowDown"||i==="ArrowUp")&&(e.preventDefault(),this.focusLastDropdownItem=i==="ArrowUp",this.open=!0,this.el.addEventListener("calciteDropdownOpen",this.onOpenEnd))}}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}getMaxScrollerHeight(){let{maxItems:e,items:t}=this,i=0,s=0,a;return this.groups.forEach(c=>{e>0&&i<e&&Array.from(c.children).forEach((f,F)=>{F===0&&(isNaN(a)&&(a=f.offsetTop),s+=a),i<e&&(s+=f.offsetHeight,i+=1)})}),t.length>=e?s:0}closeCalciteDropdown(e=!0){this.open=!1,e&&h(this.triggers[0])}focusOnFirstActiveOrDefaultItem(){let e=this.getTraversableItems().find(t=>t.selected)||(this.focusLastDropdownItem?this.items[this.items.length-1]:this.items[0]);this.focusLastDropdownItem=!1,e&&h(e)}toggleDropdown(){this.open=!this.open,this.open&&this.el.addEventListener("calciteDropdownOpen",this.onOpenEnd)}updateTabIndexOfItems(e){this.items.forEach(t=>{t.tabIndex=e!==t?-1:0})}render(){let{open:e,guid:t}=this;return C({disabled:this.disabled,children:b`<div class="calcite-trigger-container" .id=${`${t}-menubutton`} @click=${this.toggleDropdown} @keydown=${this.keyDownHandler} ${l(this.setReferenceEl)}><slot aria-controls=${`${t}-menu`} .ariaExpanded=${e} aria-haspopup=menu name=${L.dropdownTrigger} @slotchange=${this.updateTriggers}></slot></div><div .ariaHidden=${!e} class=${d({[U.wrapper]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} ${l(this.setFloatingEl)}><div aria-labelledby=${`${t}-menubutton`} class=${d({"calcite-dropdown-content":!0,[w.animation]:!0,[w.animationActive]:e})} .id=${`${t}-menu`} role=menu ${l(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>`})}};D("calcite-dropdown",u);export{u as Dropdown};
+import{a as A}from"./FZRLE6MZ.js";import{a as m,c as w,d as $,e as z,f as H,g as r,h as T}from"./W57R4XKC.js";import"./PKBBOVYZ.js";import{a as S}from"./D5UWNO4W.js";import{a as k,b as C}from"./XHP5EPAC.js";import"./K5JK4RYO.js";import{a as P}from"./RQNKSFG5.js";import{a as p}from"./5BMHEW2K.js";import{b as l}from"./3W3BL57W.js";import{l as h,n as y,z as n}from"./KWSSQ7FD.js";import{a as I,b as O,d as x}from"./MUXC3UZV.js";import{a as E}from"./IQHRGIMB.js";import{I as D,d as g,e as b,u as o,v,w as d}from"./4FEDDB7B.js";var L={dropdownTrigger:"trigger"},U={wrapper:"calcite-dropdown-wrapper"},B=g`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.calcite-dropdown-wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}.width-s{--calcite-dropdown-width: 12rem}.width-m{--calcite-dropdown-width: 14rem}.width-l{--calcite-dropdown-width: 16rem}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,u=class extends v{constructor(){super(),this.focusLastDropdownItem=!1,this.groups=[],this.guid=`calcite-dropdown-${E()}`,this.items=[],this.mutationObserver=p("mutation",()=>this.updateItems()),this.onOpenEnd=()=>{this.focusOnFirstActiveOrDefaultItem(),this.el.removeEventListener("calciteDropdownOpen",this.onOpenEnd)},this.transitionProp="opacity",this.resizeObserver=p("resize",e=>this.resizeObserverCallback(e)),this.closeOnSelectDisabled=!1,this.disabled=!1,this.maxItems=0,this.open=!1,this.overlayPositioning="absolute",this.placement=m,this.scale="m",this.selectedItems=[],this.type="click",this.calciteDropdownBeforeClose=o({cancelable:!1}),this.calciteDropdownBeforeOpen=o({cancelable:!1}),this.calciteDropdownClose=o({cancelable:!1}),this.calciteDropdownOpen=o({cancelable:!1}),this.calciteDropdownSelect=o({cancelable:!1}),this.listenOn(window,"click",this.closeCalciteDropdownOnClick),this.listen("calciteInternalDropdownCloseRequest",this.closeCalciteDropdownOnEvent),this.listenOn(window,"calciteDropdownOpen",this.closeCalciteDropdownOnOpenEvent),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("calciteInternalDropdownItemKeyEvent",this.calciteInternalDropdownItemKeyEvent),this.listen("calciteInternalDropdownItemSelect",this.handleItemSelect)}static{this.properties={closeOnSelectDisabled:7,disabled:7,flipPlacements:0,maxItems:11,open:7,overlayPositioning:3,placement:3,scale:3,selectedItems:0,type:3,widthScale:3,width:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=B}async reposition(e=!1){let{floatingEl:t,referenceEl:i,placement:s,overlayPositioning:a,filteredFlipPlacements:c}=this;return z(this,{floatingEl:t,referenceEl:i,overlayPositioning:a,placement:s,flipPlacements:c,type:"menu"},e)}async setFocus(){await x(this),y(this.referenceEl)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.updateItems(),r(this)}load(){I(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==0)&&this.setMaxScrollerHeight(),(e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==m))&&this.reposition(!0),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handlePropsChange()}updated(){k(this)}loaded(){this.updateSelectedItems(),O(this),r(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),T(this)}openHandler(){S(this),!this.disabled&&this.reposition(!0)}handleDisabledChange(e){e||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupScale()}closeCalciteDropdownOnClick(e){this.disabled||!this.open||e.composedPath().includes(this.el)||this.closeCalciteDropdown(!1)}closeCalciteDropdownOnEvent(e){this.closeCalciteDropdown(),e.stopPropagation()}closeCalciteDropdownOnOpenEvent(e){e.composedPath().includes(this.el)||(this.open=!1)}pointerEnterHandler(){this.disabled||this.type!=="hover"||this.toggleDropdown()}pointerLeaveHandler(){this.disabled||this.type!=="hover"||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter(e=>!e.disabled&&!e.hidden)}calciteInternalDropdownItemKeyEvent(e){let{keyboardEvent:t}=e.detail,i=t.target,s=this.getTraversableItems();switch(t.key){case"Tab":this.open=!1,this.updateTabIndexOfItems(i);break;case"ArrowDown":n(s,i,"next");break;case"ArrowUp":n(s,i,"previous");break;case"Home":n(s,i,"first");break;case"End":n(s,i,"last");break}e.stopPropagation()}handleItemSelect(e){this.updateSelectedItems(),e.stopPropagation(),this.calciteDropdownSelect.emit(),(!this.closeOnSelectDisabled||e.detail.requestedDropdownGroup.selectionMode==="none")&&this.closeCalciteDropdown(),e.stopPropagation()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?$(t,e):null}updateTriggers(e){this.triggers=e.target.assignedElements({flatten:!0}),this.reposition(!0)}updateItems(){this.items=this.groups.map(e=>Array.from(e?.querySelectorAll("calcite-dropdown-item"))).reduce((e,t)=>[...e,...t],[]),this.updateSelectedItems(),this.reposition(!0),this.items.forEach(e=>e.scale=this.scale)}updateGroups(e){let t=e.target.assignedElements({flatten:!0}).filter(i=>i?.matches("calcite-dropdown-group"));this.groups=t,this.updateItems(),this.updateGroupScale()}updateGroupScale(){this.groups?.forEach(e=>e.scale=this.scale)}resizeObserverCallback(e){e.forEach(t=>{let{target:i}=t;i===this.referenceEl?this.setDropdownWidth():i===this.scrollerEl&&this.setMaxScrollerHeight()})}setDropdownWidth(){let{referenceEl:e,scrollerEl:t}=this,i=e?.clientWidth;!i||!t||(t.style.minWidth=`${i}px`)}setMaxScrollerHeight(){let{scrollerEl:e}=this;if(!e)return;this.reposition(!0);let t=this.getMaxScrollerHeight();e.style.maxBlockSize=t>0?`${t}px`:"",this.reposition(!0)}setScrollerAndTransitionEl(e){e&&this.resizeObserver?.observe(e),this.scrollerEl=e,this.transitionEl=e}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit(),H(this)}setReferenceEl(e){this.referenceEl=e,r(this),e&&this.resizeObserver?.observe(e)}setFloatingEl(e){this.floatingEl=e,r(this)}keyDownHandler(e){if(!e.composedPath().includes(this.referenceEl))return;let{defaultPrevented:t,key:i}=e;if(!t){if(i==="Escape"){this.closeCalciteDropdown(),e.preventDefault();return}if(this.open&&e.shiftKey&&i==="Tab"){this.closeCalciteDropdown(),e.preventDefault();return}P(i)?(this.toggleDropdown(),e.preventDefault()):(i==="ArrowDown"||i==="ArrowUp")&&(e.preventDefault(),this.focusLastDropdownItem=i==="ArrowUp",this.open=!0,this.el.addEventListener("calciteDropdownOpen",this.onOpenEnd))}}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}getMaxScrollerHeight(){let{maxItems:e,items:t}=this,i=0,s=0,a;return this.groups.forEach(c=>{e>0&&i<e&&Array.from(c.children).forEach((f,F)=>{F===0&&(isNaN(a)&&(a=f.offsetTop),s+=a),i<e&&(s+=f.offsetHeight,i+=1)})}),t.length>=e?s:0}closeCalciteDropdown(e=!0){this.open=!1,e&&h(this.triggers[0])}focusOnFirstActiveOrDefaultItem(){let e=this.getTraversableItems().find(t=>t.selected)||(this.focusLastDropdownItem?this.items[this.items.length-1]:this.items[0]);this.focusLastDropdownItem=!1,e&&h(e)}toggleDropdown(){this.open=!this.open,this.open&&this.el.addEventListener("calciteDropdownOpen",this.onOpenEnd)}updateTabIndexOfItems(e){this.items.forEach(t=>{t.tabIndex=e!==t?-1:0})}render(){let{open:e,guid:t}=this;return C({disabled:this.disabled,children:b`<div class="calcite-trigger-container" .id=${`${t}-menubutton`} @click=${this.toggleDropdown} @keydown=${this.keyDownHandler} ${l(this.setReferenceEl)}><slot aria-controls=${`${t}-menu`} .ariaExpanded=${e} aria-haspopup=menu name=${L.dropdownTrigger} @slotchange=${this.updateTriggers}></slot></div><div .ariaHidden=${!e} class=${d({[U.wrapper]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} ${l(this.setFloatingEl)}><div aria-labelledby=${`${t}-menubutton`} class=${d({"calcite-dropdown-content":!0,[w.animation]:!0,[w.animationActive]:e})} .id=${`${t}-menu`} role=menu ${l(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>`})}};D("calcite-dropdown",u);export{u as Dropdown};

package/dist/calcite/{R2LCO3RA.js → 2TCVJJ23.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.102
+ * v3.0.0-next.103
 */
-import{a as z}from"./QJRABNEL.js";import{e as k,r as w}from"./4FU7RE33.js";import"./K2UZIGDO.js";import{F as g,I as x,J as $,d as b,e as m,f as p,i as r,v as f,w as v}from"./DMYTLYTD.js";var U={icon:"icon",flipRtl:"flip-rtl"},y={},d={},C={s:16,m:24,l:32};function D({icon:s,scale:i}){let e=C[i],t=N(s),n=t.charAt(t.length-1)==="F";return`${n?t.substring(0,t.length-1):t}${e}${n?"F":""}`}async function L(s){let i=D(s),e=O(i);if(e)return e;d[i]||(d[i]=fetch($(`./assets/icon/${i}.json`)).then(n=>n.json()).catch(()=>(console.error(`"${i}" is not a valid calcite-ui-icon name`),"")));let t=await d[i];return y[i]=t,t}function P(s){return O(D(s))}function O(s){return y[s]}function N(s){let i=!isNaN(Number(s.charAt(0))),e=s.split("-");if(e.length>0){let t=/[a-z]/i;s=e.map((n,a)=>n.replace(t,function(o,c){return a===0&&c===0?o:o.toUpperCase()})).join("")}return i?`i${s}`:s}var R=b`:host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends f{constructor(){super(...arguments),this.visible=!1,this.flipRtl=!1,this.icon=null,this.preload=!1,this.scale="m"}static{this.properties={pathData:16,visible:16,flipRtl:7,icon:3,preload:7,scale:3,textLabel:1}}static{this.styles=R}connectedCallback(){if(super.connectedCallback(),this.preload){this.visible=!0,this.loadIconPathData();return}this.visible||this.waitUntilVisible(()=>{this.visible=!0,this.loadIconPathData()})}willUpdate(i){(i.has("icon")&&(this.hasUpdated||this.icon!==null)||i.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.loadIconPathData()}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver?.disconnect(),this.intersectionObserver=null}async loadIconPathData(){let{icon:i,scale:e,visible:t}=this;if(!g()||!i||!t)return;let n={icon:i,scale:e},a=P(n)||await L(n);i===this.icon&&(this.pathData=a)}waitUntilVisible(i){if(this.intersectionObserver=z("intersection",e=>{e.forEach(t=>{t.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i())})},{rootMargin:"50px"}),!this.intersectionObserver){i();return}this.intersectionObserver.observe(this.el)}render(){let{el:i,flipRtl:e,pathData:t,scale:n,textLabel:a}=this,o=k(i),c=C[n],h=!!a,I=[].concat(t||"");return this.el.ariaHidden=w(!h),this.el.ariaLabel=h?a:null,this.el.role=h?"img":null,m`<svg aria-hidden=true class=${v({[U.flipRtl]:o==="rtl"&&e,svg:!0})} fill=currentColor height=100% viewBox=${`0 0 ${c} ${c}`} width=100% xmlns=http://www.w3.org/2000/svg>${I.map(l=>typeof l=="string"?p`<path d=${l??r} />`:p`<path d=${l.d??r} opacity=${("opacity"in l?l.opacity:1)??r} />`)}</svg>`}};x("calcite-icon",u);export{u as Icon};
+import{a as z}from"./5BMHEW2K.js";import{e as k,r as w}from"./KWSSQ7FD.js";import"./IQHRGIMB.js";import{F as g,I as x,J as $,d as b,e as m,f as p,i as r,v as f,w as v}from"./4FEDDB7B.js";var U={icon:"icon",flipRtl:"flip-rtl"},y={},d={},C={s:16,m:24,l:32};function D({icon:s,scale:i}){let e=C[i],t=N(s),n=t.charAt(t.length-1)==="F";return`${n?t.substring(0,t.length-1):t}${e}${n?"F":""}`}async function L(s){let i=D(s),e=O(i);if(e)return e;d[i]||(d[i]=fetch($(`./assets/icon/${i}.json`)).then(n=>n.json()).catch(()=>(console.error(`"${i}" is not a valid calcite-ui-icon name`),"")));let t=await d[i];return y[i]=t,t}function P(s){return O(D(s))}function O(s){return y[s]}function N(s){let i=!isNaN(Number(s.charAt(0))),e=s.split("-");if(e.length>0){let t=/[a-z]/i;s=e.map((n,a)=>n.replace(t,function(o,c){return a===0&&c===0?o:o.toUpperCase()})).join("")}return i?`i${s}`:s}var R=b`:host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends f{constructor(){super(...arguments),this.visible=!1,this.flipRtl=!1,this.icon=null,this.preload=!1,this.scale="m"}static{this.properties={pathData:16,visible:16,flipRtl:7,icon:3,preload:7,scale:3,textLabel:1}}static{this.styles=R}connectedCallback(){if(super.connectedCallback(),this.preload){this.visible=!0,this.loadIconPathData();return}this.visible||this.waitUntilVisible(()=>{this.visible=!0,this.loadIconPathData()})}willUpdate(i){(i.has("icon")&&(this.hasUpdated||this.icon!==null)||i.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.loadIconPathData()}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver?.disconnect(),this.intersectionObserver=null}async loadIconPathData(){let{icon:i,scale:e,visible:t}=this;if(!g()||!i||!t)return;let n={icon:i,scale:e},a=P(n)||await L(n);i===this.icon&&(this.pathData=a)}waitUntilVisible(i){if(this.intersectionObserver=z("intersection",e=>{e.forEach(t=>{t.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i())})},{rootMargin:"50px"}),!this.intersectionObserver){i();return}this.intersectionObserver.observe(this.el)}render(){let{el:i,flipRtl:e,pathData:t,scale:n,textLabel:a}=this,o=k(i),c=C[n],h=!!a,I=[].concat(t||"");return this.el.ariaHidden=w(!h),this.el.ariaLabel=h?a:null,this.el.role=h?"img":null,m`<svg aria-hidden=true class=${v({[U.flipRtl]:o==="rtl"&&e,svg:!0})} fill=currentColor height=100% viewBox=${`0 0 ${c} ${c}`} width=100% xmlns=http://www.w3.org/2000/svg>${I.map(l=>typeof l=="string"?p`<path d=${l??r} />`:p`<path d=${l.d??r} opacity=${("opacity"in l?l.opacity:1)??r} />`)}</svg>`}};x("calcite-icon",u);export{u as Icon};

package/dist/calcite/{5ERQGCK5.js → 33PSOLZ6.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.102
+ * v3.0.0-next.103
 */
-import{a as M,b as f,c,d as F}from"./2XZRBFRM.js";import{p as v}from"./NZNZAYKF.js";import{a as D}from"./EKSEDQZK.js";import{a as p}from"./Y3BMQ26L.js";import{a as B}from"./6N3UIVSD.js";import{a as $}from"./T3MVKAE5.js";import{a as m}from"./QJRABNEL.js";import{a as T}from"./VTQMGX2I.js";import{a as b,b as r}from"./ZE4G7GXI.js";import{b as u,n as C,u as n,v as g}from"./4FU7RE33.js";import{a as O,b as S,d as E}from"./HQLR4YL6.js";import"./K2UZIGDO.js";import{I as z,d as k,e as a,i as y,u as l,v as w,w as o,z as h}from"./DMYTLYTD.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.openProp="opened",this.transitionProp="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:i,key:P}=e;!i&&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 i=this._open;e!==i&&(this._open=e,this.toggleModal(e))}async scrollContent(e=0,i=0){this.modalContent.value&&(this.modalContent.value.scrollTo?this.modalContent.value.scrollTo({top:e,left:i,behavior:"smooth"}):(this.modalContent.value.scrollTop=e,this.modalContent.value.scrollLeft=i))}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 i=e?t.openingIdle:t.closingIdle;this.transitionEl.classList.add(i),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=${o({[t.container]:!0,[t.containerOpen]:this.opened})}><calcite-scrim class=${o(t.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>${this.renderStyle()}<div class=${o({[t.modal]:!0})} ${r(this.setTransitionEl)}><div class=${o(t.header)}>${this.renderCloseButton()}<header class=${o(t.title)}><slot name=${t.header} @slotchange=${this.handleHeaderSlotChange}></slot></header></div>${this.renderContentTop()}<div class=${o({[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=${o(t.footer)} .hidden=${!this.hasFooter}><span class=${o(t.back)}><slot name=${s.back} @slotchange=${this.handleBackSlotChange}></slot></span><span class=${o(t.secondary)}><slot name=${s.secondary} @slotchange=${this.handleSecondarySlotChange}></slot></span><span class=${o(t.primary)}><slot name=${s.primary} @slotchange=${this.handlePrimarySlotChange}></slot></span></div>`)}renderContentTop(){return a`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${s.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderContentBottom(){return a`<div class=${o(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=${o(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"./WC75WQ5P.js";import{p as v}from"./PKBBOVYZ.js";import{a as D}from"./D5UWNO4W.js";import{a as p}from"./IXSUMFGT.js";import{a as B}from"./6AZV3X6V.js";import{a as $}from"./DJ6JTHFK.js";import{a as m}from"./5BMHEW2K.js";import{a as T}from"./DWWYII4N.js";import{a as b,b as r}from"./3W3BL57W.js";import{b as u,n as C,u as n,v as g}from"./KWSSQ7FD.js";import{a as O,b as S,d as E}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{I as z,d as k,e as a,i as y,u as l,v as w,w as o,z as h}from"./4FEDDB7B.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.openProp="opened",this.transitionProp="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:i,key:P}=e;!i&&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 i=this._open;e!==i&&(this._open=e,this.toggleModal(e))}async scrollContent(e=0,i=0){this.modalContent.value&&(this.modalContent.value.scrollTo?this.modalContent.value.scrollTo({top:e,left:i,behavior:"smooth"}):(this.modalContent.value.scrollTop=e,this.modalContent.value.scrollLeft=i))}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 i=e?t.openingIdle:t.closingIdle;this.transitionEl.classList.add(i),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=${o({[t.container]:!0,[t.containerOpen]:this.opened})}><calcite-scrim class=${o(t.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>${this.renderStyle()}<div class=${o({[t.modal]:!0})} ${r(this.setTransitionEl)}><div class=${o(t.header)}>${this.renderCloseButton()}<header class=${o(t.title)}><slot name=${t.header} @slotchange=${this.handleHeaderSlotChange}></slot></header></div>${this.renderContentTop()}<div class=${o({[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=${o(t.footer)} .hidden=${!this.hasFooter}><span class=${o(t.back)}><slot name=${s.back} @slotchange=${this.handleBackSlotChange}></slot></span><span class=${o(t.secondary)}><slot name=${s.secondary} @slotchange=${this.handleSecondarySlotChange}></slot></span><span class=${o(t.primary)}><slot name=${s.primary} @slotchange=${this.handlePrimarySlotChange}></slot></span></div>`)}renderContentTop(){return a`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${s.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderContentBottom(){return a`<div class=${o(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=${o(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} {

package/dist/calcite/{Y5JKA2EZ.js → 3AFDZRTL.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.102
+ * v3.0.0-next.103
 */
-import{b as I}from"./W3Q77OUJ.js";import{b as A}from"./CRC3QSV5.js";import"./NZNZAYKF.js";import{a as H}from"./EKSEDQZK.js";import"./4DDZMCKV.js";import{a as E,b as B}from"./YGYL5EWA.js";import{a as s}from"./Y3BMQ26L.js";import{a as y}from"./T3MVKAE5.js";import"./G2JE6NWB.js";import{a as z}from"./VTQMGX2I.js";import{n as k,u as d}from"./4FU7RE33.js";import{a as C,b as S,d as w}from"./HQLR4YL6.js";import"./K2UZIGDO.js";import{I as x,d as f,e as a,i as u,u as r,v as $,w as i}from"./DMYTLYTD.js";var c={content:"content",toggle:"toggle",header:"header"},t={actionsEnd:"actions-end",button:"button",container:"container",content:"content",contentStart:"content-start",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",headerHasText:"header--has-text",heading:"heading",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",iconEndContainer:"icon-end-container",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"},h={actionsEnd:"actions-end",contentStart:"content-start",control:"control",headerMenuActions:"header-menu-actions",icon:"icon"},b={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},j=f`: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{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;transition-duration:var(--calcite-animation-timing);border-color:var(--calcite-block-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{justify-content:flex-start}.header--has-text{padding:var(--calcite-spacing-md)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu actions-end";grid-column:header-start/actions-end;grid-row:1/2}.content-start,.icon,.icon--start,.icon--end{margin-inline-end:var(--calcite-spacing-md)}.icon calcite-loader{margin-inline-end:var(--calcite-spacing-xxxs)}.icon--start,.icon--end{color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.actions-end{grid-area:actions-end}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle: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))))}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);word-wrap:break-word;word-break:break-word;color:var(--calcite-block-header-text-color, var(--calcite-color-text-2))}.description{margin-block-start:.125rem;padding:0;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;margin-inline-start:auto}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-spacing-md);color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.toggle:hover .toggle-icon{color:var(--calcite-block-text-color-hover, var(--calcite-color-text-1))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}to{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.control-container{margin:0;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}.actions-end{display:flex;align-items:stretch}:host([open]){margin-block:.5rem}:host([open]) .header .title .heading{color:var(--calcite-block-text-color-hover, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends ${constructor(){super(...arguments),this.transitionProp="margin-top",this.hasContentStart=!1,this.hasControl=!1,this.hasEndActions=!1,this.hasIcon=!1,this.hasMenuActions=!1,this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.loading=!1,this.menuPlacement=A,this.messages=z(),this.open=!1,this.overlayPositioning="absolute",this.calciteBlockBeforeClose=r({cancelable:!1}),this.calciteBlockBeforeOpen=r({cancelable:!1}),this.calciteBlockClose=r({cancelable:!1}),this.calciteBlockOpen=r({cancelable:!1}),this.calciteBlockToggle=r({cancelable:!1})}static{this.properties={hasContentStart:16,hasControl:16,hasEndActions:16,hasIcon:16,hasMenuActions:16,collapsible:7,description:1,disabled:7,dragHandle:7,heading:1,headingLevel:11,iconEnd:3,iconFlipRtl:3,iconStart:3,loading:7,label:1,menuFlipPlacements:0,menuPlacement:3,messageOverrides:0,open:7,overlayPositioning:3,status:3}}static{this.styles=j}async setFocus(){await w(this),k(this.el)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el}load(){C(this),!this.heading&&!this.label&&y.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&H(this)}updated(){E(this)}loaded(){S(this)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}onHeaderClick(){this.open=!this.open,this.calciteBlockToggle.emit()}controlSlotChangeHandler(e){this.hasControl=d(e)}menuActionsSlotChangeHandler(e){this.hasMenuActions=d(e)}iconSlotChangeHandler(e){this.hasIcon=d(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=d(e)}handleContentStartSlotChange(e){this.hasContentStart=d(e)}renderScrim(){let{loading:e}=this,o=a`<slot></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,o]}renderLoaderStatusIcon(){let{loading:e,messages:o,status:n}=this;return e?s("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${o.loading}></calcite-loader></div>`):n?s("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${b[n]} scale=s></calcite-icon></div>`):s("icon-slot",a`<div class=${i(t.icon)} .hidden=${!this.hasIcon}>${s("icon-slot",a`<slot name=${h.icon} @slotchange=${this.iconSlotChangeHandler}></slot>`)}</div>`)}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${h.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:o,description:n}=this;return e||n?a`<div class=${i(t.title)}>${I({class:t.heading,level:o,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:o}=this,n=o==="both"||e==="start"?o==="start":o==="end",l=e==="start"?this.iconStart:this.iconEnd,g=e==="start"?t.iconStart:t.iconEnd;if(l)return s(l,a`<calcite-icon class=${i(g)} .flipRtl=${n} .icon=${l} scale=s></calcite-icon>`)}render(){let{collapsible:e,loading:o,open:n,label:l,heading:g,messages:m,description:P,menuFlipPlacements:M,menuPlacement:O}=this,T=n?m.collapse:m.expand,p=a`<header class=${i({[t.header]:!0,[t.headerHasText]:!!(g||P)})} id=${c.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,F=n?b.opened:b.closed,L=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-handle .label=${g||l}></calcite-handle>`:null}${e?a`<button aria-controls=${c.content} aria-describedby=${c.header} .ariaExpanded=${e?n:null} class=${i(t.toggle)} id=${c.toggle} @click=${this.onHeaderClick} title=${T??u}>${p}<div class=${i(t.iconEndContainer)}>${this.renderIcon("end")}<calcite-icon class=${i(t.toggleIcon)} .icon=${F} scale=s></calcite-icon></div></button>`:this.iconEnd?a`<div>${p}<div class=${i(t.iconEndContainer)}>${this.renderIcon("end")}</div></div>`:p}<div aria-labelledby=${c.header} class=${i(t.controlContainer)} .hidden=${!this.hasControl}><slot name=${h.control} @slotchange=${this.controlSlotChangeHandler}></slot></div><calcite-action-menu .flipPlacements=${M??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${m.options} .overlayPositioning=${this.overlayPositioning} .placement=${O}><slot name=${h.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return B({disabled:this.disabled,children:a`<article aria-label=${l??u} .ariaBusy=${o} class=${i({[t.container]:!0})}>${L}<section aria-labelledby=${c.toggle} class=${i(t.content)} .hidden=${!n} id=${c.content}>${this.renderScrim()}</section></article>`})}};x("calcite-block",v);export{v as Block};
+import{b as I}from"./5V3U6ROA.js";import{b as A}from"./W57R4XKC.js";import"./PKBBOVYZ.js";import{a as H}from"./D5UWNO4W.js";import"./X6UJ2I3T.js";import{a as E,b as B}from"./XHP5EPAC.js";import{a as s}from"./IXSUMFGT.js";import{a as y}from"./DJ6JTHFK.js";import"./K5JK4RYO.js";import{a as z}from"./DWWYII4N.js";import{n as k,u as d}from"./KWSSQ7FD.js";import{a as C,b as S,d as w}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{I as x,d as f,e as a,i as u,u as r,v as $,w as i}from"./4FEDDB7B.js";var c={content:"content",toggle:"toggle",header:"header"},t={actionsEnd:"actions-end",button:"button",container:"container",content:"content",contentStart:"content-start",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",headerHasText:"header--has-text",heading:"heading",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",iconEndContainer:"icon-end-container",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"},h={actionsEnd:"actions-end",contentStart:"content-start",control:"control",headerMenuActions:"header-menu-actions",icon:"icon"},b={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},j=f`: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{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;transition-duration:var(--calcite-animation-timing);border-color:var(--calcite-block-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{justify-content:flex-start}.header--has-text{padding:var(--calcite-spacing-md)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu actions-end";grid-column:header-start/actions-end;grid-row:1/2}.content-start,.icon,.icon--start,.icon--end{margin-inline-end:var(--calcite-spacing-md)}.icon calcite-loader{margin-inline-end:var(--calcite-spacing-xxxs)}.icon--start,.icon--end{color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.actions-end{grid-area:actions-end}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle: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))))}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);word-wrap:break-word;word-break:break-word;color:var(--calcite-block-header-text-color, var(--calcite-color-text-2))}.description{margin-block-start:.125rem;padding:0;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;margin-inline-start:auto}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-spacing-md);color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.toggle:hover .toggle-icon{color:var(--calcite-block-text-color-hover, var(--calcite-color-text-1))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}to{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.control-container{margin:0;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}.actions-end{display:flex;align-items:stretch}:host([open]){margin-block:.5rem}:host([open]) .header .title .heading{color:var(--calcite-block-text-color-hover, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends ${constructor(){super(...arguments),this.transitionProp="margin-top",this.hasContentStart=!1,this.hasControl=!1,this.hasEndActions=!1,this.hasIcon=!1,this.hasMenuActions=!1,this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.loading=!1,this.menuPlacement=A,this.messages=z(),this.open=!1,this.overlayPositioning="absolute",this.calciteBlockBeforeClose=r({cancelable:!1}),this.calciteBlockBeforeOpen=r({cancelable:!1}),this.calciteBlockClose=r({cancelable:!1}),this.calciteBlockOpen=r({cancelable:!1}),this.calciteBlockToggle=r({cancelable:!1})}static{this.properties={hasContentStart:16,hasControl:16,hasEndActions:16,hasIcon:16,hasMenuActions:16,collapsible:7,description:1,disabled:7,dragHandle:7,heading:1,headingLevel:11,iconEnd:3,iconFlipRtl:3,iconStart:3,loading:7,label:1,menuFlipPlacements:0,menuPlacement:3,messageOverrides:0,open:7,overlayPositioning:3,status:3}}static{this.styles=j}async setFocus(){await w(this),k(this.el)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el}load(){C(this),!this.heading&&!this.label&&y.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&H(this)}updated(){E(this)}loaded(){S(this)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}onHeaderClick(){this.open=!this.open,this.calciteBlockToggle.emit()}controlSlotChangeHandler(e){this.hasControl=d(e)}menuActionsSlotChangeHandler(e){this.hasMenuActions=d(e)}iconSlotChangeHandler(e){this.hasIcon=d(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=d(e)}handleContentStartSlotChange(e){this.hasContentStart=d(e)}renderScrim(){let{loading:e}=this,o=a`<slot></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,o]}renderLoaderStatusIcon(){let{loading:e,messages:o,status:n}=this;return e?s("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${o.loading}></calcite-loader></div>`):n?s("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${b[n]} scale=s></calcite-icon></div>`):s("icon-slot",a`<div class=${i(t.icon)} .hidden=${!this.hasIcon}>${s("icon-slot",a`<slot name=${h.icon} @slotchange=${this.iconSlotChangeHandler}></slot>`)}</div>`)}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${h.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:o,description:n}=this;return e||n?a`<div class=${i(t.title)}>${I({class:t.heading,level:o,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:o}=this,n=o==="both"||e==="start"?o==="start":o==="end",l=e==="start"?this.iconStart:this.iconEnd,g=e==="start"?t.iconStart:t.iconEnd;if(l)return s(l,a`<calcite-icon class=${i(g)} .flipRtl=${n} .icon=${l} scale=s></calcite-icon>`)}render(){let{collapsible:e,loading:o,open:n,label:l,heading:g,messages:m,description:P,menuFlipPlacements:M,menuPlacement:O}=this,T=n?m.collapse:m.expand,p=a`<header class=${i({[t.header]:!0,[t.headerHasText]:!!(g||P)})} id=${c.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,F=n?b.opened:b.closed,L=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-handle .label=${g||l}></calcite-handle>`:null}${e?a`<button aria-controls=${c.content} aria-describedby=${c.header} .ariaExpanded=${e?n:null} class=${i(t.toggle)} id=${c.toggle} @click=${this.onHeaderClick} title=${T??u}>${p}<div class=${i(t.iconEndContainer)}>${this.renderIcon("end")}<calcite-icon class=${i(t.toggleIcon)} .icon=${F} scale=s></calcite-icon></div></button>`:this.iconEnd?a`<div>${p}<div class=${i(t.iconEndContainer)}>${this.renderIcon("end")}</div></div>`:p}<div aria-labelledby=${c.header} class=${i(t.controlContainer)} .hidden=${!this.hasControl}><slot name=${h.control} @slotchange=${this.controlSlotChangeHandler}></slot></div><calcite-action-menu .flipPlacements=${M??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${m.options} .overlayPositioning=${this.overlayPositioning} .placement=${O}><slot name=${h.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return B({disabled:this.disabled,children:a`<article aria-label=${l??u} .ariaBusy=${o} class=${i({[t.container]:!0})}>${L}<section aria-labelledby=${c.toggle} class=${i(t.content)} .hidden=${!n} id=${c.content}>${this.renderScrim()}</section></article>`})}};x("calcite-block",v);export{v as Block};

package/dist/calcite/{DICF2FMP.js → 3AWBRHDQ.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.102
+ * v3.0.0-next.103
 */
-import{a as s}from"./6SUK7GVH.js";import{b as m}from"./ZE4G7GXI.js";import{b as x}from"./VKISC6WD.js";import{e as f}from"./4FU7RE33.js";import{e as d,i as g}from"./DMYTLYTD.js";var S=2,E=e=>e.reduce((t,o)=>t+o,0)/e.length,B=e=>{let t=e.filter(n=>n.slot!==s.menuActions),o=t?.length;return{actionWidth:o?E(t.map(n=>n.clientWidth||0)):0,actionHeight:o?E(t.map(n=>n.clientHeight||0)):0}},W=({width:e,actionWidth:t,layout:o,height:n,actionHeight:i,groupCount:r})=>{let l=o==="horizontal"?e:n,a=o==="horizontal"?t:i;return Math.floor((l-r*S)/a)},D=({layout:e,actionCount:t,actionWidth:o,width:n,actionHeight:i,height:r,groupCount:l})=>Math.max(t-W({width:n,actionWidth:o,layout:e,height:r,actionHeight:i,groupCount:l}),0),b=e=>Array.from(e.querySelectorAll("calcite-action")).filter(t=>t.closest("calcite-action-menu")?t.slot===x.trigger:!0),I=({actionGroups:e,expanded:t,overflowCount:o})=>{let n=o;e.reverse().forEach(i=>{let r=0,l=b(i).reverse();l.forEach(a=>{a.slot===s.menuActions&&(a.removeAttribute("slot"),a.textEnabled=t)}),n>0&&l.some(a=>(l.filter(h=>!h.slot).length>1&&l.length>2&&!a.closest("calcite-action-menu")&&(a.textEnabled=!0,a.setAttribute("slot",s.menuActions),r++,r>1&&n--),n<1)),i.manager.component.requestUpdate()})},v={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function w(e,t){return e||t.closest("calcite-shell-panel")?.position||"start"}function N({el:e,expanded:t}){b(e).filter(o=>o.slot!==s.menuActions).forEach(o=>o.textEnabled=t),e.querySelectorAll("calcite-action-group, calcite-action-menu").forEach(o=>o.expanded=t)}var T=({tooltip:e,referenceElement:t,expanded:o,ref:n})=>(e&&(e.referenceElement=!o&&t?t:null),n&&n(t),t),O=({expanded:e,expandText:t,collapseText:o,expandLabel:n,collapseLabel:i,toggle:r,el:l,position:a,tooltip:h,ref:A,scale:$})=>{let y=f(l)==="rtl",p=e?o:t,C=e?i:n,c=[v.chevronsLeft,v.chevronsRight];y&&c.reverse();let u=w(a,l)==="end",H=u?c[1]:c[0],q=u?c[0]:c[1];return d`<calcite-action .icon=${e?H:q} id=expand-toggle .label=${C} @click=${r} .scale=${$} .text=${p} .textEnabled=${e} title=${(!e&&!h?p:null)??g} ${m(L=>T({tooltip:h,referenceElement:L,expanded:e,ref:A}))}></calcite-action>`};export{B as a,D as b,b as c,I as d,N as e,O as f};
+import{a as s}from"./AHFUKMBI.js";import{b as m}from"./3W3BL57W.js";import{b as x}from"./DQ4NXY7H.js";import{e as f}from"./KWSSQ7FD.js";import{e as d,i as g}from"./4FEDDB7B.js";var S=2,E=e=>e.reduce((t,o)=>t+o,0)/e.length,B=e=>{let t=e.filter(n=>n.slot!==s.menuActions),o=t?.length;return{actionWidth:o?E(t.map(n=>n.clientWidth||0)):0,actionHeight:o?E(t.map(n=>n.clientHeight||0)):0}},W=({width:e,actionWidth:t,layout:o,height:n,actionHeight:i,groupCount:r})=>{let l=o==="horizontal"?e:n,a=o==="horizontal"?t:i;return Math.floor((l-r*S)/a)},D=({layout:e,actionCount:t,actionWidth:o,width:n,actionHeight:i,height:r,groupCount:l})=>Math.max(t-W({width:n,actionWidth:o,layout:e,height:r,actionHeight:i,groupCount:l}),0),b=e=>Array.from(e.querySelectorAll("calcite-action")).filter(t=>t.closest("calcite-action-menu")?t.slot===x.trigger:!0),I=({actionGroups:e,expanded:t,overflowCount:o})=>{let n=o;e.reverse().forEach(i=>{let r=0,l=b(i).reverse();l.forEach(a=>{a.slot===s.menuActions&&(a.removeAttribute("slot"),a.textEnabled=t)}),n>0&&l.some(a=>(l.filter(h=>!h.slot).length>1&&l.length>2&&!a.closest("calcite-action-menu")&&(a.textEnabled=!0,a.setAttribute("slot",s.menuActions),r++,r>1&&n--),n<1)),i.manager.component.requestUpdate()})},v={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function w(e,t){return e||t.closest("calcite-shell-panel")?.position||"start"}function N({el:e,expanded:t}){b(e).filter(o=>o.slot!==s.menuActions).forEach(o=>o.textEnabled=t),e.querySelectorAll("calcite-action-group, calcite-action-menu").forEach(o=>o.expanded=t)}var T=({tooltip:e,referenceElement:t,expanded:o,ref:n})=>(e&&(e.referenceElement=!o&&t?t:null),n&&n(t),t),O=({expanded:e,expandText:t,collapseText:o,expandLabel:n,collapseLabel:i,toggle:r,el:l,position:a,tooltip:h,ref:A,scale:$})=>{let y=f(l)==="rtl",p=e?o:t,C=e?i:n,c=[v.chevronsLeft,v.chevronsRight];y&&c.reverse();let u=w(a,l)==="end",H=u?c[1]:c[0],q=u?c[0]:c[1];return d`<calcite-action .icon=${e?H:q} id=expand-toggle .label=${C} @click=${r} .scale=${$} .text=${p} .textEnabled=${e} title=${(!e&&!h?p:null)??g} ${m(L=>T({tooltip:h,referenceElement:L,expanded:e,ref:A}))}></calcite-action>`};export{B as a,D as b,b as c,I as d,N as e,O as f};

package/dist/calcite/{3BK3FVFF.js → 3DPS6P5I.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.102
+ * v3.0.0-next.103
 */
-import{a as h,b as u}from"./YGYL5EWA.js";import{n as c}from"./4FU7RE33.js";import{a as s,b as d,d as p}from"./HQLR4YL6.js";import"./K2UZIGDO.js";import{I as l,d as n,e as o,u as i,v as r,w as t}from"./DMYTLYTD.js";var e={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"},v=n`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background: var(--calcite-color-brand);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background: var(--calcite-color-status-danger);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background: var(--calcite-color-foreground-3);--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-inverse);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background: transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background: transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;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;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends r{constructor(){super(...arguments),this.active=!1,this.appearance="solid",this.disabled=!1,this.dropdownIconType="chevron",this.kind="brand",this.loading=!1,this.overlayPositioning="absolute",this.placement="bottom-end",this.scale="m",this.width="auto",this.calciteSplitButtonPrimaryClick=i({cancelable:!1}),this.calciteSplitButtonSecondaryClick=i({cancelable:!1})}static{this.properties={active:7,appearance:3,disabled:7,dropdownIconType:3,dropdownLabel:3,flipPlacements:0,kind:3,loading:7,overlayPositioning:3,placement:3,primaryIconEnd:3,primaryIconFlipRtl:3,primaryIconStart:3,primaryLabel:3,primaryText:3,scale:3,width:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=v}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}async setFocus(){await p(this),c(this.el)}load(){s(this)}updated(){h(this)}loaded(){d(this)}calciteSplitButtonPrimaryClickHandler(){this.calciteSplitButtonPrimaryClick.emit()}calciteSplitButtonSecondaryClickHandler(){this.calciteSplitButtonSecondaryClick.emit()}render(){let b=this.width==="auto"?"auto":"full";return u({disabled:this.disabled,children:o`<div class=${t(e.container)}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconEnd=${this.primaryIconEnd?this.primaryIconEnd:null} .iconFlipRtl=${this.primaryIconFlipRtl?this.primaryIconFlipRtl:null} .iconStart=${this.primaryIconStart?this.primaryIconStart:null} .kind=${this.kind} .label=${this.primaryLabel} .loading=${this.loading} @click=${this.calciteSplitButtonPrimaryClickHandler} .scale=${this.scale} split-child=primary type=button .width=${b}>${this.primaryText}</calcite-button><div class=${t(e.dividerContainer)}><div class=${t(e.divider)}></div></div><calcite-dropdown .disabled=${this.disabled} .flipPlacements=${this.flipPlacements} @click=${this.calciteSplitButtonSecondaryClickHandler} .open=${this.active} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .scale=${this.scale} .widthScale=${this.scale}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconStart=${this.dropdownIcon} .kind=${this.kind} .label=${this.dropdownLabel} .scale=${this.scale} slot=trigger split-child=secondary type=button></calcite-button><slot></slot></calcite-dropdown></div>`})}};l("calcite-split-button",a);export{a as SplitButton};
+import{a as h,b as u}from"./XHP5EPAC.js";import{n as c}from"./KWSSQ7FD.js";import{a as s,b as d,d as p}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{I as l,d as n,e as o,u as i,v as r,w as t}from"./4FEDDB7B.js";var e={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"},v=n`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background: var(--calcite-color-brand);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background: var(--calcite-color-status-danger);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background: var(--calcite-color-foreground-3);--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-inverse);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background: transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background: transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;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;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends r{constructor(){super(...arguments),this.active=!1,this.appearance="solid",this.disabled=!1,this.dropdownIconType="chevron",this.kind="brand",this.loading=!1,this.overlayPositioning="absolute",this.placement="bottom-end",this.scale="m",this.width="auto",this.calciteSplitButtonPrimaryClick=i({cancelable:!1}),this.calciteSplitButtonSecondaryClick=i({cancelable:!1})}static{this.properties={active:7,appearance:3,disabled:7,dropdownIconType:3,dropdownLabel:3,flipPlacements:0,kind:3,loading:7,overlayPositioning:3,placement:3,primaryIconEnd:3,primaryIconFlipRtl:3,primaryIconStart:3,primaryLabel:3,primaryText:3,scale:3,width:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=v}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}async setFocus(){await p(this),c(this.el)}load(){s(this)}updated(){h(this)}loaded(){d(this)}calciteSplitButtonPrimaryClickHandler(){this.calciteSplitButtonPrimaryClick.emit()}calciteSplitButtonSecondaryClickHandler(){this.calciteSplitButtonSecondaryClick.emit()}render(){let b=this.width==="auto"?"auto":"full";return u({disabled:this.disabled,children:o`<div class=${t(e.container)}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconEnd=${this.primaryIconEnd?this.primaryIconEnd:null} .iconFlipRtl=${this.primaryIconFlipRtl?this.primaryIconFlipRtl:null} .iconStart=${this.primaryIconStart?this.primaryIconStart:null} .kind=${this.kind} .label=${this.primaryLabel} .loading=${this.loading} @click=${this.calciteSplitButtonPrimaryClickHandler} .scale=${this.scale} split-child=primary type=button .width=${b}>${this.primaryText}</calcite-button><div class=${t(e.dividerContainer)}><div class=${t(e.divider)}></div></div><calcite-dropdown .disabled=${this.disabled} .flipPlacements=${this.flipPlacements} @click=${this.calciteSplitButtonSecondaryClickHandler} .open=${this.active} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .scale=${this.scale} .widthScale=${this.scale}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconStart=${this.dropdownIcon} .kind=${this.kind} .label=${this.dropdownLabel} .scale=${this.scale} slot=trigger split-child=secondary type=button></calcite-button><slot></slot></calcite-dropdown></div>`})}};l("calcite-split-button",a);export{a as SplitButton};

package/dist/calcite/{ZSRWNQQC.js → 3GGQMQOP.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.102
+ * v3.0.0-next.103
 */
-import{a as B}from"./DCSX7LVM.js";import{k as n}from"./KXZZVUAL.js";import{a as V}from"./3WZFHMFI.js";import{c as W,e as j,h as q}from"./KECO7XU6.js";import{c as I,d as M,e as T}from"./ZYNYYJLO.js";import{a as C,b as H}from"./YGYL5EWA.js";import{d as S}from"./G2JE6NWB.js";import"./KIXCX2AK.js";import{a as L}from"./QJRABNEL.js";import{a as O}from"./VTQMGX2I.js";import{a as w,b as m}from"./ZE4G7GXI.js";import{u as g}from"./4FU7RE33.js";import{a as E,b as k,c as p,d as A}from"./HQLR4YL6.js";import{a as $}from"./K2UZIGDO.js";import{A as z,I as y,b as x,d as u,e as l,t as v,u as h,v as b,w as i,y as s}from"./DMYTLYTD.js";var a={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only"},D={validationMessage:"textAreaValidationMessage"},F={footerStart:"footer-start",footerEnd:"footer-end"},R=100,G=u`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area: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))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:.25rem;padding-inline:.5rem}:host([scale=m]) .text-area{padding-block:.5rem;padding-inline:.75rem}:host([scale=m]) .footer{padding-block:.5rem;padding-inline:.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends b{constructor(){super(...arguments),this.attributeWatch=x(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerEl=w(),this.guid=$(),this.resizeObserver=L("resize",async()=>{await p(this);let{textAreaHeight:e,textAreaWidth:t,elHeight:r,elWidth:c,footerHeight:d,footerWidth:o}=this.getHeightAndWidthOfElements();o>0&&o!==t&&(this.footerEl.value.style.width=`${t}px`),(c!==t||r!==e+(d||0))&&this.setHeightAndWidthToAuto()}),this.setHeightAndWidthToAuto=S(()=>{(this.resize==="vertical"||this.resize==="both")&&(this.el.style.height="auto"),(this.resize==="horizontal"||this.resize==="both")&&(this.el.style.width="auto")},R,{leading:!1}),this.disabled=!1,this.groupSeparator=!1,this.messages=O({blocking:!0}),this.readOnly=!1,this.required=!1,this.resize="both",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.value="",this.wrap="soft",this.calciteTextAreaChange=h(),this.calciteTextAreaInput=h()}static{this.properties={endSlotHasElements:16,startSlotHasElements:16,columns:11,disabled:7,form:3,groupSeparator:7,label:1,maxLength:11,messageOverrides:0,minLength:11,name:3,numberingSystem:1,placeholder:1,readOnly:7,required:7,resize:3,rows:11,scale:3,status:3,validationIcon:[3,{converter:z}],validationMessage:1,validity:0,value:1,wrap:3}}static{this.styles=G}async selectText(){await p(this),this.textAreaEl.select()}async setFocus(){await A(this),this.textAreaEl.focus()}connectedCallback(){super.connectedCallback(),I(this),W(this)}async load(){E(this)}updated(){C(this),this.setTextAreaHeight()}loaded(){k(this)}disconnectedCallback(){super.disconnectedCallback(),M(this),j(this),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(e=>{e.nodeName==="#text"&&(this.value=e.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?this.value.length.toString():"0",t=this.maxLength.toString();return this.numberingSystem==="latn"?{currentLength:e,maxLength:t}:(n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:n.localize(e),maxLength:n.localize(t)})}syncHiddenFormInput(e){e.setCustomValidity(""),this.isCharacterLimitExceeded()&&e.setCustomValidity(this.replacePlaceholdersInMessages()),B("textarea",this,e)}setTextAreaEl(e){e&&(this.textAreaEl=e,this.resizeObserver?.observe(e))}setTextAreaHeight(){let{textAreaHeight:e,elHeight:t,footerHeight:r}=this.getHeightAndWidthOfElements();r>0&&e+r!=t&&(this.textAreaEl.style.height=`${t-r}px`)}getHeightAndWidthOfElements(){let{height:e,width:t}=this.textAreaEl.getBoundingClientRect(),{height:r,width:c}=this.el.getBoundingClientRect(),{height:d,width:o}=this.footerEl.value?this.footerEl.value.getBoundingClientRect():{height:0,width:0};return{textAreaHeight:e,textAreaWidth:t,elHeight:r,elWidth:c,footerHeight:d,footerWidth:o}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return H({disabled:this.disabled,children:l`<textarea aria-describedby=${this.guid??s} aria-errormessage=${D.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${T(this)} .autofocus=${this.el.autofocus} class=${i({[a.textArea]:!0,[a.readOnly]:this.readOnly,[a.textAreaInvalid]:this.isCharacterLimitExceeded(),[a.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[a.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} name=${this.name??s} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??s} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??s} .value=${v(this.value??"")} wrap=${this.wrap??s} ${m(this.setTextAreaEl)}></textarea><span class=${i({[a.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${i({[a.footer]:!0,[a.readOnly]:this.readOnly,[a.hide]:!e})} ${m(this.footerEl)}><div class=${i({[a.container]:!0,[a.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${F.footerStart} @slotchange=${t=>this.startSlotHasElements=g(t)}></slot><slot name=${F.footerEnd} @slotchange=${t=>this.endSlotHasElements=g(t)}></slot></div>${this.renderCharacterLimit()}</footer>${q({component:this})}${this.isCharacterLimitExceeded()&&l`<span aria-live=polite class=${i(a.assistiveText)} id=${this.guid??s}>${this.replacePlaceholdersInMessages()}</span>`||""}${this.validationMessage&&this.status==="invalid"?V({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderCharacterLimit(){return this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),l`<span class=${i(a.characterLimit)}><span class=${i({[a.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`):null}};y("calcite-text-area",f);export{f as TextArea};
+import{a as B}from"./CHQPOTTL.js";import{k as n}from"./YNQT7HHZ.js";import{a as V}from"./M7VKRGIW.js";import{c as W,e as j,h as q}from"./T6O4UWGX.js";import{c as I,d as M,e as T}from"./DPPEHEXK.js";import{a as C,b as H}from"./XHP5EPAC.js";import{d as S}from"./K5JK4RYO.js";import"./RQNKSFG5.js";import{a as L}from"./5BMHEW2K.js";import{a as O}from"./DWWYII4N.js";import{a as w,b as m}from"./3W3BL57W.js";import{u as g}from"./KWSSQ7FD.js";import{a as E,b as k,c as p,d as A}from"./MUXC3UZV.js";import{a as $}from"./IQHRGIMB.js";import{A as z,I as y,b as x,d as u,e as l,t as v,u as h,v as b,w as i,y as s}from"./4FEDDB7B.js";var a={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only"},D={validationMessage:"textAreaValidationMessage"},F={footerStart:"footer-start",footerEnd:"footer-end"},R=100,G=u`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area: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))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:.25rem;padding-inline:.5rem}:host([scale=m]) .text-area{padding-block:.5rem;padding-inline:.75rem}:host([scale=m]) .footer{padding-block:.5rem;padding-inline:.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends b{constructor(){super(...arguments),this.attributeWatch=x(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerEl=w(),this.guid=$(),this.resizeObserver=L("resize",async()=>{await p(this);let{textAreaHeight:e,textAreaWidth:t,elHeight:r,elWidth:c,footerHeight:d,footerWidth:o}=this.getHeightAndWidthOfElements();o>0&&o!==t&&(this.footerEl.value.style.width=`${t}px`),(c!==t||r!==e+(d||0))&&this.setHeightAndWidthToAuto()}),this.setHeightAndWidthToAuto=S(()=>{(this.resize==="vertical"||this.resize==="both")&&(this.el.style.height="auto"),(this.resize==="horizontal"||this.resize==="both")&&(this.el.style.width="auto")},R,{leading:!1}),this.disabled=!1,this.groupSeparator=!1,this.messages=O({blocking:!0}),this.readOnly=!1,this.required=!1,this.resize="both",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.value="",this.wrap="soft",this.calciteTextAreaChange=h(),this.calciteTextAreaInput=h()}static{this.properties={endSlotHasElements:16,startSlotHasElements:16,columns:11,disabled:7,form:3,groupSeparator:7,label:1,maxLength:11,messageOverrides:0,minLength:11,name:3,numberingSystem:1,placeholder:1,readOnly:7,required:7,resize:3,rows:11,scale:3,status:3,validationIcon:[3,{converter:z}],validationMessage:1,validity:0,value:1,wrap:3}}static{this.styles=G}async selectText(){await p(this),this.textAreaEl.select()}async setFocus(){await A(this),this.textAreaEl.focus()}connectedCallback(){super.connectedCallback(),I(this),W(this)}async load(){E(this)}updated(){C(this),this.setTextAreaHeight()}loaded(){k(this)}disconnectedCallback(){super.disconnectedCallback(),M(this),j(this),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(e=>{e.nodeName==="#text"&&(this.value=e.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?this.value.length.toString():"0",t=this.maxLength.toString();return this.numberingSystem==="latn"?{currentLength:e,maxLength:t}:(n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:n.localize(e),maxLength:n.localize(t)})}syncHiddenFormInput(e){e.setCustomValidity(""),this.isCharacterLimitExceeded()&&e.setCustomValidity(this.replacePlaceholdersInMessages()),B("textarea",this,e)}setTextAreaEl(e){e&&(this.textAreaEl=e,this.resizeObserver?.observe(e))}setTextAreaHeight(){let{textAreaHeight:e,elHeight:t,footerHeight:r}=this.getHeightAndWidthOfElements();r>0&&e+r!=t&&(this.textAreaEl.style.height=`${t-r}px`)}getHeightAndWidthOfElements(){let{height:e,width:t}=this.textAreaEl.getBoundingClientRect(),{height:r,width:c}=this.el.getBoundingClientRect(),{height:d,width:o}=this.footerEl.value?this.footerEl.value.getBoundingClientRect():{height:0,width:0};return{textAreaHeight:e,textAreaWidth:t,elHeight:r,elWidth:c,footerHeight:d,footerWidth:o}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return H({disabled:this.disabled,children:l`<textarea aria-describedby=${this.guid??s} aria-errormessage=${D.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${T(this)} .autofocus=${this.el.autofocus} class=${i({[a.textArea]:!0,[a.readOnly]:this.readOnly,[a.textAreaInvalid]:this.isCharacterLimitExceeded(),[a.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[a.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} name=${this.name??s} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??s} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??s} .value=${v(this.value??"")} wrap=${this.wrap??s} ${m(this.setTextAreaEl)}></textarea><span class=${i({[a.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${i({[a.footer]:!0,[a.readOnly]:this.readOnly,[a.hide]:!e})} ${m(this.footerEl)}><div class=${i({[a.container]:!0,[a.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${F.footerStart} @slotchange=${t=>this.startSlotHasElements=g(t)}></slot><slot name=${F.footerEnd} @slotchange=${t=>this.endSlotHasElements=g(t)}></slot></div>${this.renderCharacterLimit()}</footer>${q({component:this})}${this.isCharacterLimitExceeded()&&l`<span aria-live=polite class=${i(a.assistiveText)} id=${this.guid??s}>${this.replacePlaceholdersInMessages()}</span>`||""}${this.validationMessage&&this.status==="invalid"?V({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderCharacterLimit(){return this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),l`<span class=${i(a.characterLimit)}><span class=${i({[a.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`):null}};y("calcite-text-area",f);export{f as TextArea};

package/dist/calcite/{JOUJGJ6D.js → 3JE25ZCL.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.102
+ * v3.0.0-next.103
 */
-import{a as H}from"./G2JE6NWB.js";import{a as O,b as $,c as B,d as T,e as L,f as S}from"./DICF2FMP.js";import{a as p}from"./QJRABNEL.js";import"./6SUK7GVH.js";import{a as C}from"./VTQMGX2I.js";import"./ZE4G7GXI.js";import"./VKISC6WD.js";import{n as w,u,v as z}from"./4FU7RE33.js";import{a as E,b as D,d as G}from"./HQLR4YL6.js";import"./K2UZIGDO.js";import{C as A,I as y,d as m,e as d,u as v,v as f,w as x}from"./DMYTLYTD.js";var M={actionGroupEnd:"action-group--end"},b={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"},W=m`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;gap:var(--calcite-action-bar-items-space, 0)}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]){overflow-y:auto}:host([layout=vertical]):host([expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]){overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:var(--calcite-border-width-sm)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends f{constructor(){super(),this.mutationObserver=p("mutation",()=>this.mutationObserverHandler()),this.resize=H(({width:t,height:o})=>{let{el:e,expanded:l,expandDisabled:n,layout:i,overflowActionsDisabled:r,actionGroups:s}=this;if(r||i==="vertical"&&!o||i==="horizontal"&&!t)return;let a=B(e),c=n?a.length:a.length+1;this.updateGroups();let h=this.hasActionsEnd||this.hasBottomActions||!n?s.length+1:s.length,{actionHeight:k,actionWidth:P}=O(a),U=$({layout:i,actionCount:c,actionHeight:k,actionWidth:P,height:o,width:t,groupCount:h});T({actionGroups:s,expanded:l,overflowCount:U})},A.resize),this.resizeHandler=t=>{let{width:o,height:e}=t.contentRect;this.resize({width:o,height:e})},this.resizeObserver=p("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.hasActionsEnd=!1,this.hasBottomActions=!1,this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.messages=C(),this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.calciteActionBarToggle=v({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:16,hasActionsEnd:16,hasBottomActions:16,actionsEndGroupLabel:1,expandDisabled:7,expanded:7,layout:3,messageOverrides:0,overflowActionsDisabled:7,overlayPositioning:3,position:3,scale:3}}static{this.styles=W}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await G(this),w(this.el)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled)}async load(){E(this)}willUpdate(t){t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)&&this.overflowActions(),t.has("expanded")&&this.hasUpdated&&this.expandedHandler(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled)}loaded(){D(this),this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}expandedHandler(){let{el:t,expanded:o}=this;L({el:t,expanded:o}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let o=t.composedPath();this.actionGroups?.forEach(e=>{o.includes(e)||(e.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(o=>o.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleActionsEndSlotChange(t){this.hasActionsEnd=u(t)}handleBottomActionsSlotChange(t){this.hasBottomActions=u(t)}handleTooltipSlotChange(t){let o=z(t).filter(e=>e?.matches("calcite-tooltip"));this.expandTooltip=o[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:o,el:e,position:l,toggleExpand:n,scale:i,layout:r,messages:s,actionsEndGroupLabel:a,overlayPositioning:c}=this,h=o?null:S({collapseLabel:s.collapseLabel,collapseText:s.collapse,el:e,expandLabel:s.expandLabel,expandText:s.expand,expanded:t,position:l,scale:i,toggle:n,tooltip:this.expandTooltip});return d`<calcite-action-group class=${x(M.actionGroupEnd)} .hidden=${this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions)} .label=${a} .layout=${r} .overlayPositioning=${c} .scale=${i}><slot name=${b.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${b.bottomActions} @slotchange=${this.handleBottomActionsSlotChange}></slot><slot name=${b.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${h}</calcite-action-group>`}render(){return d`<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}`}};y("calcite-action-bar",g);export{g as ActionBar};
+import{a as H}from"./K5JK4RYO.js";import{a as O,b as $,c as B,d as T,e as L,f as S}from"./3AWBRHDQ.js";import{a as p}from"./5BMHEW2K.js";import"./AHFUKMBI.js";import{a as C}from"./DWWYII4N.js";import"./3W3BL57W.js";import"./DQ4NXY7H.js";import{n as w,u,v as z}from"./KWSSQ7FD.js";import{a as E,b as D,d as G}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{C as A,I as y,d as m,e as d,u as v,v as f,w as x}from"./4FEDDB7B.js";var M={actionGroupEnd:"action-group--end"},b={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"},W=m`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;gap:var(--calcite-action-bar-items-space, 0)}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]){overflow-y:auto}:host([layout=vertical]):host([expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]){overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:var(--calcite-border-width-sm)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends f{constructor(){super(),this.mutationObserver=p("mutation",()=>this.mutationObserverHandler()),this.resize=H(({width:t,height:o})=>{let{el:e,expanded:l,expandDisabled:n,layout:i,overflowActionsDisabled:r,actionGroups:s}=this;if(r||i==="vertical"&&!o||i==="horizontal"&&!t)return;let a=B(e),c=n?a.length:a.length+1;this.updateGroups();let h=this.hasActionsEnd||this.hasBottomActions||!n?s.length+1:s.length,{actionHeight:k,actionWidth:P}=O(a),U=$({layout:i,actionCount:c,actionHeight:k,actionWidth:P,height:o,width:t,groupCount:h});T({actionGroups:s,expanded:l,overflowCount:U})},A.resize),this.resizeHandler=t=>{let{width:o,height:e}=t.contentRect;this.resize({width:o,height:e})},this.resizeObserver=p("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.hasActionsEnd=!1,this.hasBottomActions=!1,this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.messages=C(),this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.calciteActionBarToggle=v({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:16,hasActionsEnd:16,hasBottomActions:16,actionsEndGroupLabel:1,expandDisabled:7,expanded:7,layout:3,messageOverrides:0,overflowActionsDisabled:7,overlayPositioning:3,position:3,scale:3}}static{this.styles=W}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await G(this),w(this.el)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled)}async load(){E(this)}willUpdate(t){t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)&&this.overflowActions(),t.has("expanded")&&this.hasUpdated&&this.expandedHandler(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled)}loaded(){D(this),this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}expandedHandler(){let{el:t,expanded:o}=this;L({el:t,expanded:o}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let o=t.composedPath();this.actionGroups?.forEach(e=>{o.includes(e)||(e.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(o=>o.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleActionsEndSlotChange(t){this.hasActionsEnd=u(t)}handleBottomActionsSlotChange(t){this.hasBottomActions=u(t)}handleTooltipSlotChange(t){let o=z(t).filter(e=>e?.matches("calcite-tooltip"));this.expandTooltip=o[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:o,el:e,position:l,toggleExpand:n,scale:i,layout:r,messages:s,actionsEndGroupLabel:a,overlayPositioning:c}=this,h=o?null:S({collapseLabel:s.collapseLabel,collapseText:s.collapse,el:e,expandLabel:s.expandLabel,expandText:s.expand,expanded:t,position:l,scale:i,toggle:n,tooltip:this.expandTooltip});return d`<calcite-action-group class=${x(M.actionGroupEnd)} .hidden=${this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions)} .label=${a} .layout=${r} .overlayPositioning=${c} .scale=${i}><slot name=${b.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${b.bottomActions} @slotchange=${this.handleBottomActionsSlotChange}></slot><slot name=${b.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${h}</calcite-action-group>`}render(){return d`<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}`}};y("calcite-action-bar",g);export{g as ActionBar};

package/dist/calcite/{2EFDWZPU.js → 3PKVJMBN.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.102
+ * v3.0.0-next.103
 */
 var n={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};export{n as a};

package/dist/calcite/{ZE4G7GXI.js → 3W3BL57W.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.102
+ * v3.0.0-next.103
 */
-import{i as c,k as $,l as d,m as f,n as A}from"./DMYTLYTD.js";var o=(t,e)=>{let s=t._$AN;if(s===void 0)return!1;for(let i of s)i._$AO?.(e,!1),o(i,e);return!0},n=t=>{let e,s;do{if((e=t._$AM)===void 0)break;s=e._$AN,s.delete(t),t=e}while(s?.size===0)},v=t=>{for(let e;e=t._$AM;t=e){let s=e._$AN;if(s===void 0)e._$AN=s=new Set;else if(s.has(t))break;s.add(t),m(e)}};function p(t){this._$AN!==void 0?(n(this),this._$AM=t,v(this)):this._$AM=t}function u(t,e=!1,s=0){let i=this._$AH,_=this._$AN;if(_!==void 0&&_.size!==0)if(e)if(Array.isArray(i))for(let h=s;h<i.length;h++)o(i[h],!1),n(i[h]);else i!=null&&(o(i,!1),n(i));else o(this,t)}var m=t=>{t.type==$.CHILD&&(t._$AP??=u,t._$AQ??=p)},r=class extends f{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),v(this),this.isConnected=e._$AU}_$AO(e,s=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),s&&(o(this,e),n(this))}setValue(e){if(A(this._$Ct))this._$Ct._$AI(e,this);else{let s=[...this._$Ct._$AH];s[this._$Ci]=e,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}};var T=()=>new l,l=class{},a=new WeakMap,w=d(class extends r{render(t){return c}update(t,[e]){let s=e!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),c}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){let e=this.ht??globalThis,s=a.get(e);s===void 0&&(s=new WeakMap,a.set(e,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){return typeof this.Y=="function"?a.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});export{T as a,w as b};
+import{i as c,k as $,l as d,m as f,n as A}from"./4FEDDB7B.js";var o=(t,e)=>{let s=t._$AN;if(s===void 0)return!1;for(let i of s)i._$AO?.(e,!1),o(i,e);return!0},n=t=>{let e,s;do{if((e=t._$AM)===void 0)break;s=e._$AN,s.delete(t),t=e}while(s?.size===0)},v=t=>{for(let e;e=t._$AM;t=e){let s=e._$AN;if(s===void 0)e._$AN=s=new Set;else if(s.has(t))break;s.add(t),m(e)}};function p(t){this._$AN!==void 0?(n(this),this._$AM=t,v(this)):this._$AM=t}function u(t,e=!1,s=0){let i=this._$AH,_=this._$AN;if(_!==void 0&&_.size!==0)if(e)if(Array.isArray(i))for(let h=s;h<i.length;h++)o(i[h],!1),n(i[h]);else i!=null&&(o(i,!1),n(i));else o(this,t)}var m=t=>{t.type==$.CHILD&&(t._$AP??=u,t._$AQ??=p)},r=class extends f{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),v(this),this.isConnected=e._$AU}_$AO(e,s=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),s&&(o(this,e),n(this))}setValue(e){if(A(this._$Ct))this._$Ct._$AI(e,this);else{let s=[...this._$Ct._$AH];s[this._$Ci]=e,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}};var T=()=>new l,l=class{},a=new WeakMap,w=d(class extends r{render(t){return c}update(t,[e]){let s=e!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),c}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){let e=this.ht??globalThis,s=a.get(e);s===void 0&&(s=new WeakMap,a.set(e,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){return typeof this.Y=="function"?a.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});export{T as a,w as b};

package/dist/calcite/{QINZSHOM.js → 3WCVFZ4M.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.102
+ * v3.0.0-next.103
 */
-import{c as d}from"./4FU7RE33.js";import{a as r}from"./K2UZIGDO.js";import{I as o,d as c,e as l,v as s,w as a,z as i}from"./DMYTLYTD.js";var b={container:"container",content:"content"},h=c`:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container: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))))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends s{constructor(){super(),this.guid=`calcite-tab-title-${r()}`,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:16,scale:1,selected:7,tab:3}}static{this.styles=h}async getTabIndex(){return Array.prototype.indexOf.call(d(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],t=[]){this.labeledBy=t[e.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(t=>t.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(t=>{this.selected=t===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),l`<div class=${a({[b.container]:!0,[`scale-${this.scale}`]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(b.content)}><slot></slot></section></div>`}};o("calcite-tab",n);export{n as Tab};
+import{c as d}from"./KWSSQ7FD.js";import{a as r}from"./IQHRGIMB.js";import{I as o,d as c,e as l,v as s,w as a,z as i}from"./4FEDDB7B.js";var b={container:"container",content:"content"},h=c`:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container: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))))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends s{constructor(){super(),this.guid=`calcite-tab-title-${r()}`,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:16,scale:1,selected:7,tab:3}}static{this.styles=h}async getTabIndex(){return Array.prototype.indexOf.call(d(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],t=[]){this.labeledBy=t[e.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(t=>t.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(t=>{this.selected=t===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),l`<div class=${a({[b.container]:!0,[`scale-${this.scale}`]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(b.content)}><slot></slot></section></div>`}};o("calcite-tab",n);export{n as Tab};