@esri/calcite-components 3.0.0 → 3.1.0-next.0

package/dist/calcite/{3GICXOBQ.js → YCJABBGV.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{a as te,b as T}from"./TSJJLMPA.js";import{a as N,k as L}from"./KBDXI6DJ.js";import{a as ee}from"./N2BVYYYP.js";import{c as J,e as Q,f as Y,h as Z}from"./DTL2LM6T.js";import{c as G,d as W,e as K}from"./G3LH75CQ.js";import{a as I,b as U}from"./LOZEGKG2.js";import{a as B}from"./CIV3PH3Z.js";import{a as j}from"./UELGJSYH.js";import{a as q}from"./ARHYATTG.js";import{b as R}from"./QU33PBBI.js";import{q as H,x as _}from"./CMO3X257.js";import{b as A}from"./GN5CPLSJ.js";import{a as X}from"./I2OIH73C.js";import{A as F,B as O,J as E,e as z,f as x,j as P,v as w,w as C,x as g,y as $}from"./KVSCG5E3.js";var l={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"},ae={validationMessage:"validationMessage"},ie=250,se=z`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: .625rem;--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"\u2014";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{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))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;border-radius:0;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.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([hidden]){display:none}[hidden]{display:none}`;function p(S){return Array.isArray(S)}var D=class extends C{constructor(){super(),this.activeProp="value",this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.lastDragPropValue!=this[this.dragProp]&&this.emitChange(),this.dragProp=null,this.lastDragPropValue=null,this.minValueDragRange=null,this.maxValueDragRange=null,this.minMaxValueRange=null)},this.dragUpdate=e=>{if(!this.disabled&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(p(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let a=t-this.minValueDragRange,i=t+this.maxValueDragRange;i<=this.max&&a>=this.min&&i-a===this.minMaxValueRange&&this.setValue({minValue:this.clamp(a,"minValue"),maxValue:this.clamp(i,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>(L.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},L.localize(e.toString())),this.guid=`calcite-slider-${X()}`,this.messages=q({name:null}),this.pointerUpDragEnd=e=>{this.disabled||!_(e)||this.dragEnd(e)},this.maxValueDragRange=null,this.minMaxValueRange=null,this.minValueDragRange=null,this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,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=0,this.calciteSliderChange=w({cancelable:!1}),this.calciteSliderInput=w({cancelable:!1}),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={maxValueDragRange:16,minMaxValueRange:16,minValueDragRange:16,tickValues:16,disabled:7,fillPlacement:3,form:3,groupSeparator:7,hasHistogram:7,histogram:0,histogramStops:0,labelFormatter:0,labelHandles:7,labelTicks:7,max:11,maxLabel:1,maxValue:9,min:11,minLabel:1,minValue:9,mirrored:7,name:3,numberingSystem:1,pageStep:11,precise:7,required:7,scale:3,snap:7,status:3,step:11,ticks:11,validationIcon:[3,{converter:O}],validationMessage:1,validity:0,value:11}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}async setFocus(){await A(this),(this.minHandle?this.minHandle:this.maxHandle)?.focus()}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),G(this),J(this)}load(){p(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)),Y(this,this.value)}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),p(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels(),I(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),W(this),Q(this),this.removeDragListeners()}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:a,max:i,min:s,pageStep:r,step:o}=this,n=this[a],{key:h}=e;if(j(h)){e.preventDefault();return}let m;if(h==="ArrowUp"||h==="ArrowRight"?m=n+o*(t&&h==="ArrowRight"?-1:1):h==="ArrowDown"||h==="ArrowLeft"?m=n-o*(t&&h==="ArrowLeft"?-1:1):h==="PageUp"?r&&(m=n+r):h==="PageDown"?r&&(m=n-r):h==="Home"?m=s:h==="End"&&(m=i),isNaN(m))return;e.preventDefault();let d=Number(m.toFixed(T(o)));this.setValue({[a]:this.clamp(d,a)})}pointerDownHandler(e){if(this.disabled||!_(e))return;let t=e.clientX||e.pageX,a=this.mapToRange(t),i="value";p(this.value)&&(a>=this.minValue&&a<=this.maxValue&&this.lastDragProp==="minMaxValue"?i="minMaxValue":i=Math.abs(this.maxValue-a)<Math.abs(this.minValue-a)||a>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this[i],this.dragStart(i),this.el.shadowRoot.querySelector(`.${l.thumb}:active`)||this.setValue({[i]:this.clamp(a,i)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;p(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return p(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/ie;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],a=this.getTickDensity(),i=e*a,s=this.min;for(;s<this.max;)s+=i,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=null}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){_(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandle.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandle.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t;Object.keys(e).forEach(a=>{let i=e[a];t||(t=this[a]!==i),this[a]=i}),t&&(this.dragProp||this.emitChange(),this.emitInput())}storeTrackRef(e){this.trackEl=e}storeThumbRef(e){e&&(e.getAttribute("data-value-prop")==="minValue"?this.minHandle=e:this.maxHandle=e)}clamp(e,t){return e=te(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:a,width:i}=this.trackEl.getBoundingClientRect(),s=(e-a)/i,r=this.shouldMirror(),o=this.clamp(this.min+t*(r?1-s:s)),n=Number(o.toFixed(T(this.step)));return this.snap&&this.step?this.getClosestStep(n):n}getClosestStep(e){let{max:t,min:a,step:i}=this,s=new N(`${Math.floor((e-a)/i)}`).multiply(`${i}`).add(`${a}`).toString(),r=this.clamp(Number(s));return r>t&&(r-=i),r}getClosestHandle(e){return this.getDistanceX(this.maxHandle,e)>this.getDistanceX(this.minHandle,e)?this.minHandle:this.maxHandle}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=this.el.shadowRoot.querySelector(`.handle__label--${e}`),a=this.el.shadowRoot.querySelector(`.handle__label--${e}.static`),i=this.el.shadowRoot.querySelector(`.handle__label--${e}.transformed`),s=a.getBoundingClientRect(),r=this.getHostOffset(s.left,s.right);t.style.transform=`translateX(${r}px)`,i.style.transform=`translateX(${r}px)`}hyphenateCollidingRangeHandleLabels(){let{shadowRoot:e}=this.el,t=this.shouldMirror(),a=t?"value":"minValue",i=t?"minValue":"value",s=e.querySelector(`.handle__label--${a}`),r=e.querySelector(`.handle__label--${a}.static`),o=e.querySelector(`.handle__label--${a}.transformed`),n=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right),h=e.querySelector(`.handle__label--${i}`),m=e.querySelector(`.handle__label--${i}.static`),d=e.querySelector(`.handle__label--${i}.transformed`),u=this.getHostOffset(m.getBoundingClientRect().left,m.getBoundingClientRect().right),k=this.getFontSizeForElement(s),v=this.getRangeLabelOverlap(o,d),f=s,b=k/2;if(v>0){if(f.classList.add(l.hyphen,l.hyphenWrap),u===0&&n===0){let c=v/2-b;c=Math.sign(c)===-1?Math.abs(c):-c;let y=this.getHostOffset(o.getBoundingClientRect().left+c-b,o.getBoundingClientRect().right+c-b),V=v/2,M=this.getHostOffset(d.getBoundingClientRect().left+V,d.getBoundingClientRect().right+V);y!==0&&(c+=y,V+=y),M!==0&&(c+=M,V+=M),s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-b}px)`,h.style.transform=`translateX(${V}px)`,d.style.transform=`translateX(${V}px)`}else if(n>0||u>0)s.style.transform=`translateX(${n+b}px)`,h.style.transform=`translateX(${v+u}px)`,d.style.transform=`translateX(${v+u}px)`;else if(n<0||u<0){let c=Math.abs(n)+v-b;c=Math.sign(c)===-1?Math.abs(c):-c,s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-b}px)`}}else f.classList.remove(l.hyphen,l.hyphenWrap),s.style.transform=`translateX(${n}px)`,o.style.transform=`translateX(${n}px)`,h.style.transform=`translateX(${u}px)`,d.style.transform=`translateX(${u}px)`}hideObscuredBoundingTickLabels(){let e=p(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.el.shadowRoot.querySelector(`.${l.thumbMinValue}`),a=this.el.shadowRoot.querySelector(`.${l.thumbValue}`),i=this.el.shadowRoot.querySelector(`.${l.tickMin}`),s=this.el.shadowRoot.querySelector(`.${l.tickMax}`);!t&&a&&i&&s&&(i.style.opacity=this.isMinTickLabelObscured(i,a)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,a)?"0":"1"),t&&a&&i&&s&&(i.style.opacity=this.isMinTickLabelObscured(i,t)||this.isMinTickLabelObscured(i,a)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,t)||this.isMaxTickLabelObscured(s,a)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:a,right:i}=this.el.getBoundingClientRect();return e<a?a-e:t>i?-(t-i):0}getRangeLabelOverlap(e,t){let a=e.getBoundingClientRect(),i=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),r=a.right+s-i.left;return Math.max(r,0)}isMinTickLabelObscured(e,t){let a=e.getBoundingClientRect(),i=t.getBoundingClientRect();return H(a,i)}isMaxTickLabelObscured(e,t){let a=e.getBoundingClientRect(),i=t.getBoundingClientRect();return H(a,i)}internalLabelFormatter(e,t){let a=this.labelFormatter;return a?a(e,t,this.formatValue)??this.formatValue(e):this.formatValue(e)}render(){let e=this.el.id||this.guid,t=p(this.value)?this.maxValue:this.value,a=this.minValue||this.min,i=this.shouldUseMinValue(),s=this.getUnitInterval(i?this.minValue:a)*100,r=this.getUnitInterval(t)*100,o=this.shouldMirror(),n=p(this.value),h=this.buildThumbType("max"),m=this.renderThumb({type:h,thumbPlacement:h.includes("histogram")?"below":"above",maxInterval:r,minInterval:s,mirror:o}),d=this.buildThumbType("min"),u=n?this.renderThumb({type:d,thumbPlacement:d.includes("histogram")||d.includes("precise")?"below":"above",maxInterval:r,minInterval:s,mirror:o}):null,k=n?"start":this.fillPlacement,v=k==="none"?{left:"unset",right:"unset"}:k==="end"?{left:`${o?s:r}%`,right:`${o?r:s}%`}:{left:`${o?100-r:s}%`,right:`${o?s:100-r}%`};return F(this.el,"id",e),U({disabled:this.disabled,children:x`<div aria-errormessage=${ae.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${K(this)} class=${g({[l.container]:!0,[l.containerRange]:n,[`scale--${this.scale}`]:!0})}>${this.renderGraph()}<div class=${g(l.track)} ${R(this.storeTrackRef)}><div class=${g(l.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${$(v)}></div><div class=${g(l.ticks)}>${this.tickValues.map(f=>{let b=`${this.getUnitInterval(f)*100}%`,c=!1;if(k==="start"||k==="end")if(i)c=f>=this.minValue&&f<=this.maxValue;else{let y=k==="start"?a:t,V=k==="start"?t:this.max;c=f>=y&&f<=V}return x`<span class=${g({[l.tick]:!0,[l.tickActive]:c})} style=${$({left:o?"":b,right:o?b:""})}>${this.renderTickLabel(f)}</span>`})}</div></div><div class=${g(l.thumbContainer)}>${u}${m}${Z({component:this})}</div></div>${this.validationMessage&&this.status==="invalid"?ee({icon:this.validationIcon,id:ae.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:a,minInterval:i,maxInterval:s}){let r=e.includes("labeled"),o=e.includes("precise"),n=e.includes("min"),h=p(this.value),m=n?this.minValue:h?this.maxValue:this.value,d=n?"minValue":h?"maxValue":"value",u=n?this.minLabel:h?this.maxLabel:this.minLabel,k=n?this.minValue:m,v=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),f=n?{left:`${t?100-i:i}%`}:{right:`${t?s:100-s}%`},b=`${l.handleLabel} ${n?l.handleLabelMinValue:l.handleLabelValue}`,c=[...r?[x`<span aria-hidden=true class=${g(b)}>${v}</span>`,x`<span aria-hidden=true class=${`${b} ${l.static}`}>${v}</span>`,x`<span aria-hidden=true class=${`${b} ${l.transformed}`}>${v}</span>`]:[],x`<div class=${g(l.handle)}></div>`,o&&x`<div class=${g(l.handleExtension)}></div>`||""];return a==="below"&&c.reverse(),B(e,x`<div .ariaLabel=${u} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${k} class=${g({[l.thumb]:!0,[l.thumbValue]:!n,[l.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[l.thumbPrecise]:o,[l.thumbMinValue]:n})} data-value-prop=${d??P} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${$(f)} tabindex=0 ${R(this.storeThumbRef)}>${c}</div>`)}renderGraph(){return this.histogram?x`<calcite-graph class=${g(l.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${p(this.value)?this.maxValue:this.value} .highlightMin=${p(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:a,labelTicks:i,max:s,min:r,precise:o,value:n}=this,h=p(n),m=e===r,d=e===s,u=m||d;return i&&(!t&&(u||!o||!h)||t&&(u||!o&&!a))?x`<span class=${g({[l.tickLabel]:!0,[l.tickMin]:m,[l.tickMax]:d})}>${this.internalLabelFormatter(e,"tick")}</span>`:null}};E("calcite-slider",D);export{D as Slider};
+v3.1.0-next.0 */
+import{a as te,b as T}from"./ISKYJPVP.js";import{a as N,k as L}from"./6I7N4DJM.js";import{a as ee}from"./UFYDUU52.js";import{c as J,e as Q,f as Y,h as Z}from"./YYWIZXXK.js";import{c as G,d as W,e as K}from"./BAWLIDLU.js";import{a as I,b as U}from"./RAA7AM6M.js";import{a as B}from"./CQ5FVCCX.js";import{a as j}from"./YSGHAVSA.js";import{a as q}from"./MYKRE5QO.js";import{b as R}from"./WACTC6C2.js";import{q as H,x as _}from"./FE2QRVI7.js";import{b as A}from"./7VOKVNOX.js";import{a as X}from"./7LGBDOYP.js";import{A as F,B as O,J as E,e as z,f as x,j as P,v as w,w as C,x as g,y as $}from"./IPEYLL4T.js";var l={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"},ae={validationMessage:"validationMessage"},ie=250,se=z`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: .625rem;--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"\u2014";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{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))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;border-radius:0;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.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([hidden]){display:none}[hidden]{display:none}`;function p(S){return Array.isArray(S)}var D=class extends C{constructor(){super(),this.activeProp="value",this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.lastDragPropValue!=this[this.dragProp]&&this.emitChange(),this.dragProp=null,this.lastDragPropValue=null,this.minValueDragRange=null,this.maxValueDragRange=null,this.minMaxValueRange=null)},this.dragUpdate=e=>{if(!this.disabled&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(p(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let a=t-this.minValueDragRange,i=t+this.maxValueDragRange;i<=this.max&&a>=this.min&&i-a===this.minMaxValueRange&&this.setValue({minValue:this.clamp(a,"minValue"),maxValue:this.clamp(i,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>(L.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},L.localize(e.toString())),this.guid=`calcite-slider-${X()}`,this.messages=q({name:null}),this.pointerUpDragEnd=e=>{this.disabled||!_(e)||this.dragEnd(e)},this.maxValueDragRange=null,this.minMaxValueRange=null,this.minValueDragRange=null,this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,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=0,this.calciteSliderChange=w({cancelable:!1}),this.calciteSliderInput=w({cancelable:!1}),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={maxValueDragRange:16,minMaxValueRange:16,minValueDragRange:16,tickValues:16,disabled:7,fillPlacement:3,form:3,groupSeparator:7,hasHistogram:7,histogram:0,histogramStops:0,labelFormatter:0,labelHandles:7,labelTicks:7,max:11,maxLabel:1,maxValue:9,min:11,minLabel:1,minValue:9,mirrored:7,name:3,numberingSystem:1,pageStep:11,precise:7,required:7,scale:3,snap:7,status:3,step:11,ticks:11,validationIcon:[3,{converter:O}],validationMessage:1,validity:0,value:11}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}async setFocus(){await A(this),(this.minHandle?this.minHandle:this.maxHandle)?.focus()}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),G(this),J(this)}load(){p(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)),Y(this,this.value)}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),p(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels(),I(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),W(this),Q(this),this.removeDragListeners()}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:a,max:i,min:s,pageStep:r,step:o}=this,n=this[a],{key:h}=e;if(j(h)){e.preventDefault();return}let m;if(h==="ArrowUp"||h==="ArrowRight"?m=n+o*(t&&h==="ArrowRight"?-1:1):h==="ArrowDown"||h==="ArrowLeft"?m=n-o*(t&&h==="ArrowLeft"?-1:1):h==="PageUp"?r&&(m=n+r):h==="PageDown"?r&&(m=n-r):h==="Home"?m=s:h==="End"&&(m=i),isNaN(m))return;e.preventDefault();let d=Number(m.toFixed(T(o)));this.setValue({[a]:this.clamp(d,a)})}pointerDownHandler(e){if(this.disabled||!_(e))return;let t=e.clientX||e.pageX,a=this.mapToRange(t),i="value";p(this.value)&&(a>=this.minValue&&a<=this.maxValue&&this.lastDragProp==="minMaxValue"?i="minMaxValue":i=Math.abs(this.maxValue-a)<Math.abs(this.minValue-a)||a>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this[i],this.dragStart(i),this.el.shadowRoot.querySelector(`.${l.thumb}:active`)||this.setValue({[i]:this.clamp(a,i)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;p(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return p(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/ie;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],a=this.getTickDensity(),i=e*a,s=this.min;for(;s<this.max;)s+=i,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=null}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){_(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandle.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandle.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t;Object.keys(e).forEach(a=>{let i=e[a];t||(t=this[a]!==i),this[a]=i}),t&&(this.dragProp||this.emitChange(),this.emitInput())}storeTrackRef(e){this.trackEl=e}storeThumbRef(e){e&&(e.getAttribute("data-value-prop")==="minValue"?this.minHandle=e:this.maxHandle=e)}clamp(e,t){return e=te(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:a,width:i}=this.trackEl.getBoundingClientRect(),s=(e-a)/i,r=this.shouldMirror(),o=this.clamp(this.min+t*(r?1-s:s)),n=Number(o.toFixed(T(this.step)));return this.snap&&this.step?this.getClosestStep(n):n}getClosestStep(e){let{max:t,min:a,step:i}=this,s=new N(`${Math.floor((e-a)/i)}`).multiply(`${i}`).add(`${a}`).toString(),r=this.clamp(Number(s));return r>t&&(r-=i),r}getClosestHandle(e){return this.getDistanceX(this.maxHandle,e)>this.getDistanceX(this.minHandle,e)?this.minHandle:this.maxHandle}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=this.el.shadowRoot.querySelector(`.handle__label--${e}`),a=this.el.shadowRoot.querySelector(`.handle__label--${e}.static`),i=this.el.shadowRoot.querySelector(`.handle__label--${e}.transformed`),s=a.getBoundingClientRect(),r=this.getHostOffset(s.left,s.right);t.style.transform=`translateX(${r}px)`,i.style.transform=`translateX(${r}px)`}hyphenateCollidingRangeHandleLabels(){let{shadowRoot:e}=this.el,t=this.shouldMirror(),a=t?"value":"minValue",i=t?"minValue":"value",s=e.querySelector(`.handle__label--${a}`),r=e.querySelector(`.handle__label--${a}.static`),o=e.querySelector(`.handle__label--${a}.transformed`),n=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right),h=e.querySelector(`.handle__label--${i}`),m=e.querySelector(`.handle__label--${i}.static`),d=e.querySelector(`.handle__label--${i}.transformed`),u=this.getHostOffset(m.getBoundingClientRect().left,m.getBoundingClientRect().right),k=this.getFontSizeForElement(s),v=this.getRangeLabelOverlap(o,d),f=s,b=k/2;if(v>0){if(f.classList.add(l.hyphen,l.hyphenWrap),u===0&&n===0){let c=v/2-b;c=Math.sign(c)===-1?Math.abs(c):-c;let y=this.getHostOffset(o.getBoundingClientRect().left+c-b,o.getBoundingClientRect().right+c-b),V=v/2,M=this.getHostOffset(d.getBoundingClientRect().left+V,d.getBoundingClientRect().right+V);y!==0&&(c+=y,V+=y),M!==0&&(c+=M,V+=M),s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-b}px)`,h.style.transform=`translateX(${V}px)`,d.style.transform=`translateX(${V}px)`}else if(n>0||u>0)s.style.transform=`translateX(${n+b}px)`,h.style.transform=`translateX(${v+u}px)`,d.style.transform=`translateX(${v+u}px)`;else if(n<0||u<0){let c=Math.abs(n)+v-b;c=Math.sign(c)===-1?Math.abs(c):-c,s.style.transform=`translateX(${c}px)`,o.style.transform=`translateX(${c-b}px)`}}else f.classList.remove(l.hyphen,l.hyphenWrap),s.style.transform=`translateX(${n}px)`,o.style.transform=`translateX(${n}px)`,h.style.transform=`translateX(${u}px)`,d.style.transform=`translateX(${u}px)`}hideObscuredBoundingTickLabels(){let e=p(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.el.shadowRoot.querySelector(`.${l.thumbMinValue}`),a=this.el.shadowRoot.querySelector(`.${l.thumbValue}`),i=this.el.shadowRoot.querySelector(`.${l.tickMin}`),s=this.el.shadowRoot.querySelector(`.${l.tickMax}`);!t&&a&&i&&s&&(i.style.opacity=this.isMinTickLabelObscured(i,a)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,a)?"0":"1"),t&&a&&i&&s&&(i.style.opacity=this.isMinTickLabelObscured(i,t)||this.isMinTickLabelObscured(i,a)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,t)||this.isMaxTickLabelObscured(s,a)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:a,right:i}=this.el.getBoundingClientRect();return e<a?a-e:t>i?-(t-i):0}getRangeLabelOverlap(e,t){let a=e.getBoundingClientRect(),i=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),r=a.right+s-i.left;return Math.max(r,0)}isMinTickLabelObscured(e,t){let a=e.getBoundingClientRect(),i=t.getBoundingClientRect();return H(a,i)}isMaxTickLabelObscured(e,t){let a=e.getBoundingClientRect(),i=t.getBoundingClientRect();return H(a,i)}internalLabelFormatter(e,t){let a=this.labelFormatter;return a?a(e,t,this.formatValue)??this.formatValue(e):this.formatValue(e)}render(){let e=this.el.id||this.guid,t=p(this.value)?this.maxValue:this.value,a=this.minValue||this.min,i=this.shouldUseMinValue(),s=this.getUnitInterval(i?this.minValue:a)*100,r=this.getUnitInterval(t)*100,o=this.shouldMirror(),n=p(this.value),h=this.buildThumbType("max"),m=this.renderThumb({type:h,thumbPlacement:h.includes("histogram")?"below":"above",maxInterval:r,minInterval:s,mirror:o}),d=this.buildThumbType("min"),u=n?this.renderThumb({type:d,thumbPlacement:d.includes("histogram")||d.includes("precise")?"below":"above",maxInterval:r,minInterval:s,mirror:o}):null,k=n?"start":this.fillPlacement,v=k==="none"?{left:"unset",right:"unset"}:k==="end"?{left:`${o?s:r}%`,right:`${o?r:s}%`}:{left:`${o?100-r:s}%`,right:`${o?s:100-r}%`};return F(this.el,"id",e),U({disabled:this.disabled,children:x`<div aria-errormessage=${ae.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${K(this)} class=${g({[l.container]:!0,[l.containerRange]:n,[`scale--${this.scale}`]:!0})}>${this.renderGraph()}<div class=${g(l.track)} ${R(this.storeTrackRef)}><div class=${g(l.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${$(v)}></div><div class=${g(l.ticks)}>${this.tickValues.map(f=>{let b=`${this.getUnitInterval(f)*100}%`,c=!1;if(k==="start"||k==="end")if(i)c=f>=this.minValue&&f<=this.maxValue;else{let y=k==="start"?a:t,V=k==="start"?t:this.max;c=f>=y&&f<=V}return x`<span class=${g({[l.tick]:!0,[l.tickActive]:c})} style=${$({left:o?"":b,right:o?b:""})}>${this.renderTickLabel(f)}</span>`})}</div></div><div class=${g(l.thumbContainer)}>${u}${m}${Z({component:this})}</div></div>${this.validationMessage&&this.status==="invalid"?ee({icon:this.validationIcon,id:ae.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:a,minInterval:i,maxInterval:s}){let r=e.includes("labeled"),o=e.includes("precise"),n=e.includes("min"),h=p(this.value),m=n?this.minValue:h?this.maxValue:this.value,d=n?"minValue":h?"maxValue":"value",u=n?this.minLabel:h?this.maxLabel:this.minLabel,k=n?this.minValue:m,v=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),f=n?{left:`${t?100-i:i}%`}:{right:`${t?s:100-s}%`},b=`${l.handleLabel} ${n?l.handleLabelMinValue:l.handleLabelValue}`,c=[...r?[x`<span aria-hidden=true class=${g(b)}>${v}</span>`,x`<span aria-hidden=true class=${`${b} ${l.static}`}>${v}</span>`,x`<span aria-hidden=true class=${`${b} ${l.transformed}`}>${v}</span>`]:[],x`<div class=${g(l.handle)}></div>`,o&&x`<div class=${g(l.handleExtension)}></div>`||""];return a==="below"&&c.reverse(),B(e,x`<div .ariaLabel=${u} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${k} class=${g({[l.thumb]:!0,[l.thumbValue]:!n,[l.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[l.thumbPrecise]:o,[l.thumbMinValue]:n})} data-value-prop=${d??P} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${$(f)} tabindex=0 ${R(this.storeThumbRef)}>${c}</div>`)}renderGraph(){return this.histogram?x`<calcite-graph class=${g(l.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${p(this.value)?this.maxValue:this.value} .highlightMin=${p(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:a,labelTicks:i,max:s,min:r,precise:o,value:n}=this,h=p(n),m=e===r,d=e===s,u=m||d;return i&&(!t&&(u||!o||!h)||t&&(u||!o&&!a))?x`<span class=${g({[l.tickLabel]:!0,[l.tickMin]:m,[l.tickMax]:d})}>${this.internalLabelFormatter(e,"tick")}</span>`:null}};E("calcite-slider",D);export{D as Slider};

package/dist/calcite/{OPBQNK7J.js → YDLXSG4W.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{a as f}from"./CNO6NFH5.js";import{b as p}from"./QU33PBBI.js";import{B as u}from"./CMO3X257.js";import{b as w}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{J as h,e as c,f as l,w as d,x as m}from"./KVSCG5E3.js";var o={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},g=c`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing);background-color:var(--calcite-flow-background-color)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.updateItemsAndProps()),this.items=[],this.selectedIndex=-1,this.flowDirection="standby",this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,customItemSelectors:1}}static{this.styles=g}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await w(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0})}load(){}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){this.updateItemsAndProps()}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}updateItemsAndProps(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[o.frame]:!0,[o.frameAdvancing]:e==="advancing",[o.frameRetreating]:e==="retreating"};return l`<div class=${m(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};h("calcite-flow",n);export{n as Flow};
+v3.1.0-next.0 */
+import{a as f}from"./R3FLP5QS.js";import{b as p}from"./WACTC6C2.js";import{B as u}from"./FE2QRVI7.js";import{b as w}from"./7VOKVNOX.js";import"./7LGBDOYP.js";import{J as h,e as c,f as l,w as d,x as m}from"./IPEYLL4T.js";var o={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},g=c`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing);background-color:var(--calcite-flow-background-color)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.updateItemsAndProps()),this.items=[],this.selectedIndex=-1,this.flowDirection="standby",this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,customItemSelectors:1}}static{this.styles=g}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await w(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0})}load(){}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){this.updateItemsAndProps()}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}updateItemsAndProps(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[o.frame]:!0,[o.frameAdvancing]:e==="advancing",[o.frameRetreating]:e==="retreating"};return l`<div class=${m(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};h("calcite-flow",n);export{n as Flow};

package/dist/calcite/{2BGMAPSV.js → YICY6VCM.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{a as A}from"./FNFWOOMR.js";import{a as S}from"./TSJJLMPA.js";import{a as z}from"./CIV3PH3Z.js";import{a as K}from"./ARHYATTG.js";import{b as M}from"./QU33PBBI.js";import{e as C,u as L,v as N,x as W}from"./CMO3X257.js";import"./I2OIH73C.js";import{C as w,J as D,e as P,f as g,v as H,w as I,x as f,y as B}from"./KVSCG5E3.js";var u={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",separator:"separator"},U={actionBar:"action-bar",header:"header"},V=P`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 20vh) )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 40vh) )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:.5rem;margin-inline:.5rem}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:1px solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:1px solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=horizontal]) .float-all{border-inline:1px solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition-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;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0;transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:.5rem;margin-block:.5rem auto;block-size:auto;overflow:hidden;border-radius:.25rem;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends I{constructor(){super(...arguments),this.actionBars=[],this.contentHeightMax=null,this.contentHeightMin=null,this.contentWidthMax=null,this.contentWidthMin=null,this.initialClientX=null,this.initialClientY=null,this.initialContentHeight=null,this.initialContentWidth=null,this.separatorPointerDown=e=>{if(!W(e))return;this.calciteInternalShellPanelResizeStart.emit(),e.preventDefault();let{separatorEl:t}=this;t&&document.activeElement!==t&&t.focus(),this.layout==="horizontal"?(this.setInitialContentHeight(),this.initialClientY=e.clientY):(this.setInitialContentWidth(),this.initialClientX=e.clientX),window.addEventListener("pointerup",this.separatorPointerUp),window.addEventListener("pointermove",this.separatorPointerMove)},this.separatorPointerMove=e=>{e.preventDefault();let{el:t,layout:i,initialContentWidth:a,initialContentHeight:x,position:n,initialClientX:b,initialClientY:d}=this,r=i==="horizontal"?e.clientY-d:e.clientX-b,c=i==="vertical"&&C(t)==="rtl"?-1:1,m=n==="end"?-c*r:c*r;i==="horizontal"?this.setContentHeight(x+m):this.setContentWidth(a+m)},this.separatorPointerUp=e=>{W(e)&&(this.calciteInternalShellPanelResizeEnd.emit(),e.preventDefault(),window.removeEventListener("pointerup",this.separatorPointerUp),window.removeEventListener("pointermove",this.separatorPointerMove))},this.step=1,this.stepMultiplier=10,this.contentHeight=null,this.contentWidth=null,this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.messages=K(),this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelResizeEnd=H({cancelable:!1}),this.calciteInternalShellPanelResizeStart=H({cancelable:!1})}static{this.properties={contentHeight:16,contentWidth:16,hasHeader:16,collapsed:7,displayMode:3,heightScale:3,layout:3,messageOverrides:0,position:3,resizable:7,height:3,widthScale:3,width:3}}static{this.styles=V}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.setActionBarsLayout(this.actionBars)}loaded(){this.updateAriaValues()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectSeparator()}setContentWidth(e){let{contentWidthMax:t,contentWidthMin:i}=this,a=Math.round(e);this.contentWidth=typeof t=="number"&&typeof i=="number"?S(a,i,t):a}updateAriaValues(){let{contentEl:e}=this,t=e&&getComputedStyle(e);t&&(this.layout==="horizontal"?this.updateHeights(t):this.updateWidths(t),this.requestUpdate())}setContentHeight(e){let{contentHeightMax:t,contentHeightMin:i}=this,a=Math.round(e);this.contentHeight=typeof t=="number"&&typeof i=="number"?S(a,i,t):a}updateWidths(e){let t=parseInt(e.getPropertyValue("max-width")),i=parseInt(e.getPropertyValue("min-width")),a=parseInt(e.getPropertyValue("width"));typeof a=="number"&&!isNaN(a)&&(this.initialContentWidth=a),typeof t=="number"&&!isNaN(t)&&(this.contentWidthMax=t),typeof i=="number"&&!isNaN(i)&&(this.contentWidthMin=i)}updateHeights(e){let t=parseInt(e.getPropertyValue("max-height")),i=parseInt(e.getPropertyValue("min-height")),a=parseInt(e.getPropertyValue("height"));typeof a=="number"&&!isNaN(a)&&(this.initialContentHeight=a),typeof t=="number"&&!isNaN(t)&&(this.contentHeightMax=t),typeof i=="number"&&!isNaN(i)&&(this.contentHeightMin=i)}storeContentEl(e){this.contentEl=e}getKeyAdjustedSize(e){let{key:t}=e,{el:i,step:a,stepMultiplier:x,layout:n,contentWidthMin:b,contentWidthMax:d,initialContentWidth:r,initialContentHeight:c,contentHeightMin:m,contentHeightMax:h,position:l}=this,s=a*x;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(t)>-1&&e.preventDefault();let k=C(i),o=["ArrowLeft","ArrowRight"],p=["ArrowDown","ArrowUp"],y=k==="rtl"&&o.includes(t)?-1:1;if(n==="horizontal"?l==="end"?t===p[1]||t===o[0]:t===p[0]||t===o[1]:t===p[1]||(l==="end"?t===o[0]:t===o[1])){let v=e.shiftKey?s:a;return n==="horizontal"?c+y*v:r+y*v}if(n==="horizontal"?l==="end"?t===p[0]||t===o[0]:t===p[1]||t===o[1]:t===p[0]||(l==="end"?t===o[1]:t===o[0])){let v=e.shiftKey?s:a;return n==="horizontal"?c-y*v:r-y*v}return t==="Home"&&n==="horizontal"&&typeof m=="number"?m:t==="Home"&&n==="vertical"&&typeof b=="number"?b:t==="End"&&n==="horizontal"&&typeof h=="number"?h:t==="End"&&n==="vertical"&&typeof d=="number"?d:t==="PageDown"?n==="horizontal"?c-s:r-s:t==="PageUp"?n==="horizontal"?c+s:r+s:null}initialKeydownWidth(e){this.setInitialContentWidth();let t=this.getKeyAdjustedSize(e);typeof t=="number"&&this.setContentWidth(t)}initialKeydownHeight(e){this.setInitialContentHeight();let t=this.getKeyAdjustedSize(e);typeof t=="number"&&this.setContentHeight(t)}separatorKeyDown(e){this.layout==="horizontal"?this.initialKeydownHeight(e):this.initialKeydownWidth(e)}setInitialContentHeight(){this.initialContentHeight=this.contentEl?.getBoundingClientRect().height}setInitialContentWidth(){this.initialContentWidth=this.contentEl?.getBoundingClientRect().width}connectSeparator(e){this.disconnectSeparator(),this.separatorEl=e,e?.addEventListener("pointerdown",this.separatorPointerDown)}disconnectSeparator(){this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)}setActionBarsLayout(e){e.forEach(t=>t.layout=this.layout)}handleActionBarSlotChange(e){let t=N(e).filter(i=>i?.matches("calcite-action-bar"));this.actionBars=t,this.setActionBarsLayout(t)}handleHeaderSlotChange(e){this.hasHeader=L(e)}renderHeader(){return z("header",g`<div class=${f(u.contentHeader)} .hidden=${!this.hasHeader}><slot name=${U.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:t,initialContentWidth:i,initialContentHeight:a,contentWidth:x,contentWidthMax:n,contentWidthMin:b,contentHeight:d,contentHeightMax:r,contentHeightMin:c,resizable:m,layout:h,displayMode:l}=this,s=C(this.el),k=l!=="float-content"&&l!=="float"&&m,o=k?h==="horizontal"?d?{height:`${d}px`}:null:x?{width:`${x}px`}:null:null,p=!e&&k?z("separator",g`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${h==="horizontal"?"vertical":"horizontal"} .ariaValueMax=${h=="horizontal"?r:n} .ariaValueMin=${h=="horizontal"?c:b} .ariaValueNow=${h=="horizontal"?d??a:x??i} class=${f(u.separator)} @keydown=${this.separatorKeyDown} role=separator tabindex=0 touch-action=none ${M(this.connectSeparator)}></div>`):null,y=()=>h==="horizontal"?t==="start"?w.calciteAnimateInDown:w.calciteAnimateInUp:s==="ltr"&&t==="end"||s==="rtl"&&t==="start"?w.calciteAnimateInLeft:w.calciteAnimateInRight,v=z("content",g`<div class=${f({[w.rtl]:s==="rtl",[u.content]:!0,[u.contentOverlay]:l==="overlay",[u.floatContent]:l==="float-content"||l==="float",[w.calciteAnimate]:l==="overlay",[y()]:l==="overlay",[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[A("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} style=${B(o)} ${M(this.storeContentEl)}>${this.renderHeader()}<div class=${f(u.contentBody)}><slot></slot></div>${p}</div>`),E=[z("action-bar",g`<slot name=${U.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot>`),v];return t==="end"&&E.reverse(),g`<div class=${f({[u.container]:!0,[u.floatAll]:l==="float-all"})}>${E}</div>`}};D("calcite-shell-panel",$);export{$ as ShellPanel};
+v3.1.0-next.0 */
+import{a as A}from"./XZVQKECK.js";import{a as S}from"./ISKYJPVP.js";import{a as z}from"./CQ5FVCCX.js";import{a as K}from"./MYKRE5QO.js";import{b as M}from"./WACTC6C2.js";import{e as C,u as L,v as N,x as W}from"./FE2QRVI7.js";import"./7LGBDOYP.js";import{C as w,J as D,e as P,f as g,v as H,w as I,x as f,y as B}from"./IPEYLL4T.js";var u={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",separator:"separator"},U={actionBar:"action-bar",header:"header"},V=P`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 20vh) )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 40vh) )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:.5rem;margin-inline:.5rem}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:1px solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:1px solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=horizontal]) .float-all{border-inline:1px solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition-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;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0;transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:.5rem;margin-block:.5rem auto;block-size:auto;overflow:hidden;border-radius:.25rem;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends I{constructor(){super(...arguments),this.actionBars=[],this.contentHeightMax=null,this.contentHeightMin=null,this.contentWidthMax=null,this.contentWidthMin=null,this.initialClientX=null,this.initialClientY=null,this.initialContentHeight=null,this.initialContentWidth=null,this.separatorPointerDown=e=>{if(!W(e))return;this.calciteInternalShellPanelResizeStart.emit(),e.preventDefault();let{separatorEl:t}=this;t&&document.activeElement!==t&&t.focus(),this.layout==="horizontal"?(this.setInitialContentHeight(),this.initialClientY=e.clientY):(this.setInitialContentWidth(),this.initialClientX=e.clientX),window.addEventListener("pointerup",this.separatorPointerUp),window.addEventListener("pointermove",this.separatorPointerMove)},this.separatorPointerMove=e=>{e.preventDefault();let{el:t,layout:i,initialContentWidth:a,initialContentHeight:x,position:n,initialClientX:b,initialClientY:d}=this,r=i==="horizontal"?e.clientY-d:e.clientX-b,c=i==="vertical"&&C(t)==="rtl"?-1:1,m=n==="end"?-c*r:c*r;i==="horizontal"?this.setContentHeight(x+m):this.setContentWidth(a+m)},this.separatorPointerUp=e=>{W(e)&&(this.calciteInternalShellPanelResizeEnd.emit(),e.preventDefault(),window.removeEventListener("pointerup",this.separatorPointerUp),window.removeEventListener("pointermove",this.separatorPointerMove))},this.step=1,this.stepMultiplier=10,this.contentHeight=null,this.contentWidth=null,this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.messages=K(),this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelResizeEnd=H({cancelable:!1}),this.calciteInternalShellPanelResizeStart=H({cancelable:!1})}static{this.properties={contentHeight:16,contentWidth:16,hasHeader:16,collapsed:7,displayMode:3,heightScale:3,layout:3,messageOverrides:0,position:3,resizable:7,height:3,widthScale:3,width:3}}static{this.styles=V}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.setActionBarsLayout(this.actionBars)}loaded(){this.updateAriaValues()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectSeparator()}setContentWidth(e){let{contentWidthMax:t,contentWidthMin:i}=this,a=Math.round(e);this.contentWidth=typeof t=="number"&&typeof i=="number"?S(a,i,t):a}updateAriaValues(){let{contentEl:e}=this,t=e&&getComputedStyle(e);t&&(this.layout==="horizontal"?this.updateHeights(t):this.updateWidths(t),this.requestUpdate())}setContentHeight(e){let{contentHeightMax:t,contentHeightMin:i}=this,a=Math.round(e);this.contentHeight=typeof t=="number"&&typeof i=="number"?S(a,i,t):a}updateWidths(e){let t=parseInt(e.getPropertyValue("max-width")),i=parseInt(e.getPropertyValue("min-width")),a=parseInt(e.getPropertyValue("width"));typeof a=="number"&&!isNaN(a)&&(this.initialContentWidth=a),typeof t=="number"&&!isNaN(t)&&(this.contentWidthMax=t),typeof i=="number"&&!isNaN(i)&&(this.contentWidthMin=i)}updateHeights(e){let t=parseInt(e.getPropertyValue("max-height")),i=parseInt(e.getPropertyValue("min-height")),a=parseInt(e.getPropertyValue("height"));typeof a=="number"&&!isNaN(a)&&(this.initialContentHeight=a),typeof t=="number"&&!isNaN(t)&&(this.contentHeightMax=t),typeof i=="number"&&!isNaN(i)&&(this.contentHeightMin=i)}storeContentEl(e){this.contentEl=e}getKeyAdjustedSize(e){let{key:t}=e,{el:i,step:a,stepMultiplier:x,layout:n,contentWidthMin:b,contentWidthMax:d,initialContentWidth:r,initialContentHeight:c,contentHeightMin:m,contentHeightMax:h,position:l}=this,s=a*x;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(t)>-1&&e.preventDefault();let k=C(i),o=["ArrowLeft","ArrowRight"],p=["ArrowDown","ArrowUp"],y=k==="rtl"&&o.includes(t)?-1:1;if(n==="horizontal"?l==="end"?t===p[1]||t===o[0]:t===p[0]||t===o[1]:t===p[1]||(l==="end"?t===o[0]:t===o[1])){let v=e.shiftKey?s:a;return n==="horizontal"?c+y*v:r+y*v}if(n==="horizontal"?l==="end"?t===p[0]||t===o[0]:t===p[1]||t===o[1]:t===p[0]||(l==="end"?t===o[1]:t===o[0])){let v=e.shiftKey?s:a;return n==="horizontal"?c-y*v:r-y*v}return t==="Home"&&n==="horizontal"&&typeof m=="number"?m:t==="Home"&&n==="vertical"&&typeof b=="number"?b:t==="End"&&n==="horizontal"&&typeof h=="number"?h:t==="End"&&n==="vertical"&&typeof d=="number"?d:t==="PageDown"?n==="horizontal"?c-s:r-s:t==="PageUp"?n==="horizontal"?c+s:r+s:null}initialKeydownWidth(e){this.setInitialContentWidth();let t=this.getKeyAdjustedSize(e);typeof t=="number"&&this.setContentWidth(t)}initialKeydownHeight(e){this.setInitialContentHeight();let t=this.getKeyAdjustedSize(e);typeof t=="number"&&this.setContentHeight(t)}separatorKeyDown(e){this.layout==="horizontal"?this.initialKeydownHeight(e):this.initialKeydownWidth(e)}setInitialContentHeight(){this.initialContentHeight=this.contentEl?.getBoundingClientRect().height}setInitialContentWidth(){this.initialContentWidth=this.contentEl?.getBoundingClientRect().width}connectSeparator(e){this.disconnectSeparator(),this.separatorEl=e,e?.addEventListener("pointerdown",this.separatorPointerDown)}disconnectSeparator(){this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)}setActionBarsLayout(e){e.forEach(t=>t.layout=this.layout)}handleActionBarSlotChange(e){let t=N(e).filter(i=>i?.matches("calcite-action-bar"));this.actionBars=t,this.setActionBarsLayout(t)}handleHeaderSlotChange(e){this.hasHeader=L(e)}renderHeader(){return z("header",g`<div class=${f(u.contentHeader)} .hidden=${!this.hasHeader}><slot name=${U.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:t,initialContentWidth:i,initialContentHeight:a,contentWidth:x,contentWidthMax:n,contentWidthMin:b,contentHeight:d,contentHeightMax:r,contentHeightMin:c,resizable:m,layout:h,displayMode:l}=this,s=C(this.el),k=l!=="float-content"&&l!=="float"&&m,o=k?h==="horizontal"?d?{height:`${d}px`}:null:x?{width:`${x}px`}:null:null,p=!e&&k?z("separator",g`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${h==="horizontal"?"vertical":"horizontal"} .ariaValueMax=${h=="horizontal"?r:n} .ariaValueMin=${h=="horizontal"?c:b} .ariaValueNow=${h=="horizontal"?d??a:x??i} class=${f(u.separator)} @keydown=${this.separatorKeyDown} role=separator tabindex=0 touch-action=none ${M(this.connectSeparator)}></div>`):null,y=()=>h==="horizontal"?t==="start"?w.calciteAnimateInDown:w.calciteAnimateInUp:s==="ltr"&&t==="end"||s==="rtl"&&t==="start"?w.calciteAnimateInLeft:w.calciteAnimateInRight,v=z("content",g`<div class=${f({[w.rtl]:s==="rtl",[u.content]:!0,[u.contentOverlay]:l==="overlay",[u.floatContent]:l==="float-content"||l==="float",[w.calciteAnimate]:l==="overlay",[y()]:l==="overlay",[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[A("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} style=${B(o)} ${M(this.storeContentEl)}>${this.renderHeader()}<div class=${f(u.contentBody)}><slot></slot></div>${p}</div>`),E=[z("action-bar",g`<slot name=${U.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot>`),v];return t==="end"&&E.reverse(),g`<div class=${f({[u.container]:!0,[u.floatAll]:l==="float-all"})}>${E}</div>`}};D("calcite-shell-panel",$);export{$ as ShellPanel};

package/dist/calcite/{T3NRBBZP.js → YLJ43EVG.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{a as y,b as x}from"./LOZEGKG2.js";import{a as f}from"./KW57BHXD.js";import{a as k}from"./ARHYATTG.js";import{a as g,b as m}from"./QU33PBBI.js";import{b as v}from"./GN5CPLSJ.js";import{J as p,e as r,f as h,j as i,v as l,w as b,x as u}from"./KVSCG5E3.js";var H={handle:"handle",handleSelected:"handle--selected"},C={drag:"drag"},s={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},w=r`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([disabled])) .handle: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))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-color-foreground-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends b{constructor(){super(...arguments),this.handleButton=g(),this.blurUnselectDisabled=!1,this.disabled=!1,this.messages=k({blocking:!0}),this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:5,disabled:7,dragHandle:3,label:1,messageOverrides:0,selected:7,setPosition:9,setSize:9}}static{this.styles=w}async setFocus(){await v(this),this.handleButton.value?.focus()}async load(){}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}updated(){y(this)}loaded(){f.deprecated("component",{name:"handle",removalVersion:4,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(s.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:c,label:d,messages:a,selected:n}=this;return!a||!d||typeof c!="number"||typeof t!="number"?null:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(s.position,t.toString()).replace(s.itemLabel,d).replace(s.total,c.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return x({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?null:this.selected} .ariaDisabled=${this.disabled?this.disabled:null} .ariaLabel=${this.disabled?null:this.getAriaText("label")} class=${u({[H.handle]:!0,[H.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?null:0)??i} title=${this.getTooltip()??i} ${m(this.handleButton)}><calcite-icon .icon=${C.drag} scale=s></calcite-icon></span>`})}};p("calcite-handle",o);export{o as Handle};
+v3.1.0-next.0 */
+import{a as y,b as x}from"./RAA7AM6M.js";import{a as f}from"./RSMRASRN.js";import{a as k}from"./MYKRE5QO.js";import{a as g,b as m}from"./WACTC6C2.js";import{b as v}from"./7VOKVNOX.js";import{J as p,e as r,f as h,j as i,v as l,w as b,x as u}from"./IPEYLL4T.js";var H={handle:"handle",handleSelected:"handle--selected"},C={drag:"drag"},s={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},w=r`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([disabled])) .handle: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))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-color-foreground-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends b{constructor(){super(...arguments),this.handleButton=g(),this.blurUnselectDisabled=!1,this.disabled=!1,this.messages=k({blocking:!0}),this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:5,disabled:7,dragHandle:3,label:1,messageOverrides:0,selected:7,setPosition:9,setSize:9}}static{this.styles=w}async setFocus(){await v(this),this.handleButton.value?.focus()}async load(){}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}updated(){y(this)}loaded(){f.deprecated("component",{name:"handle",removalVersion:4,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(s.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:c,label:d,messages:a,selected:n}=this;return!a||!d||typeof c!="number"||typeof t!="number"?null:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(s.position,t.toString()).replace(s.itemLabel,d).replace(s.total,c.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return x({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?null:this.selected} .ariaDisabled=${this.disabled?this.disabled:null} .ariaLabel=${this.disabled?null:this.getAriaText("label")} class=${u({[H.handle]:!0,[H.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?null:0)??i} title=${this.getTooltip()??i} ${m(this.handleButton)}><calcite-icon .icon=${C.drag} scale=s></calcite-icon></span>`})}};p("calcite-handle",o);export{o as Handle};

package/dist/calcite/{OHOS32IT.js → YMHBAMWI.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{b as r}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";var s={name:"bg",weekdays:"\u043D\u0435\u0434\u0435\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0435\u043B\u043D\u0438\u043A_\u0432\u0442\u043E\u0440\u043D\u0438\u043A_\u0441\u0440\u044F\u0434\u0430_\u0447\u0435\u0442\u0432\u044A\u0440\u0442\u044A\u043A_\u043F\u0435\u0442\u044A\u043A_\u0441\u044A\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0435\u0434_\u043F\u043E\u043D_\u0432\u0442\u043E_\u0441\u0440\u044F_\u0447\u0435\u0442_\u043F\u0435\u0442_\u0441\u044A\u0431".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:"\u044F\u043D\u0443\u0430\u0440\u0438_\u0444\u0435\u0432\u0440\u0443\u0430\u0440\u0438_\u043C\u0430\u0440\u0442_\u0430\u043F\u0440\u0438\u043B_\u043C\u0430\u0439_\u044E\u043D\u0438_\u044E\u043B\u0438_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043F\u0442\u0435\u043C\u0432\u0440\u0438_\u043E\u043A\u0442\u043E\u043C\u0432\u0440\u0438_\u043D\u043E\u0435\u043C\u0432\u0440\u0438_\u0434\u0435\u043A\u0435\u043C\u0432\u0440\u0438".split("_"),monthsShort:"\u044F\u043D\u0443_\u0444\u0435\u0432_\u043C\u0430\u0440_\u0430\u043F\u0440_\u043C\u0430\u0439_\u044E\u043D\u0438_\u044E\u043B\u0438_\u0430\u0432\u0433_\u0441\u0435\u043F_\u043E\u043A\u0442_\u043D\u043E\u0435_\u0434\u0435\u043A".split("_"),weekStart:1,ordinal:function(_){var e=_%100;if(e>10&&e<20)return _+"-\u0442\u0438";var t=_%10;return t===1?_+"-\u0432\u0438":t===2?_+"-\u0440\u0438":t===7||t===8?_+"-\u043C\u0438":_+"-\u0442\u0438"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"\u0441\u043B\u0435\u0434 %s",past:"\u043F\u0440\u0435\u0434\u0438 %s",s:"\u043D\u044F\u043A\u043E\u043B\u043A\u043E \u0441\u0435\u043A\u0443\u043D\u0434\u0438",m:"\u043C\u0438\u043D\u0443\u0442\u0430",mm:"%d \u043C\u0438\u043D\u0443\u0442\u0438",h:"\u0447\u0430\u0441",hh:"%d \u0447\u0430\u0441\u0430",d:"\u0434\u0435\u043D",dd:"%d \u0434\u0435\u043D\u0430",M:"\u043C\u0435\u0441\u0435\u0446",MM:"%d \u043C\u0435\u0441\u0435\u0446\u0430",y:"\u0433\u043E\u0434\u0438\u043D\u0430",yy:"%d \u0433\u043E\u0434\u0438\u043D\u0438"}};r.locale(s,null,!0);var a=s;export{a as default};
+v3.1.0-next.0 */
+import{b as r}from"./A77PTXQI.js";import"./AFBGRNF3.js";var s={name:"bg",weekdays:"\u043D\u0435\u0434\u0435\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0435\u043B\u043D\u0438\u043A_\u0432\u0442\u043E\u0440\u043D\u0438\u043A_\u0441\u0440\u044F\u0434\u0430_\u0447\u0435\u0442\u0432\u044A\u0440\u0442\u044A\u043A_\u043F\u0435\u0442\u044A\u043A_\u0441\u044A\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0435\u0434_\u043F\u043E\u043D_\u0432\u0442\u043E_\u0441\u0440\u044F_\u0447\u0435\u0442_\u043F\u0435\u0442_\u0441\u044A\u0431".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:"\u044F\u043D\u0443\u0430\u0440\u0438_\u0444\u0435\u0432\u0440\u0443\u0430\u0440\u0438_\u043C\u0430\u0440\u0442_\u0430\u043F\u0440\u0438\u043B_\u043C\u0430\u0439_\u044E\u043D\u0438_\u044E\u043B\u0438_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043F\u0442\u0435\u043C\u0432\u0440\u0438_\u043E\u043A\u0442\u043E\u043C\u0432\u0440\u0438_\u043D\u043E\u0435\u043C\u0432\u0440\u0438_\u0434\u0435\u043A\u0435\u043C\u0432\u0440\u0438".split("_"),monthsShort:"\u044F\u043D\u0443_\u0444\u0435\u0432_\u043C\u0430\u0440_\u0430\u043F\u0440_\u043C\u0430\u0439_\u044E\u043D\u0438_\u044E\u043B\u0438_\u0430\u0432\u0433_\u0441\u0435\u043F_\u043E\u043A\u0442_\u043D\u043E\u0435_\u0434\u0435\u043A".split("_"),weekStart:1,ordinal:function(_){var e=_%100;if(e>10&&e<20)return _+"-\u0442\u0438";var t=_%10;return t===1?_+"-\u0432\u0438":t===2?_+"-\u0440\u0438":t===7||t===8?_+"-\u043C\u0438":_+"-\u0442\u0438"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"\u0441\u043B\u0435\u0434 %s",past:"\u043F\u0440\u0435\u0434\u0438 %s",s:"\u043D\u044F\u043A\u043E\u043B\u043A\u043E \u0441\u0435\u043A\u0443\u043D\u0434\u0438",m:"\u043C\u0438\u043D\u0443\u0442\u0430",mm:"%d \u043C\u0438\u043D\u0443\u0442\u0438",h:"\u0447\u0430\u0441",hh:"%d \u0447\u0430\u0441\u0430",d:"\u0434\u0435\u043D",dd:"%d \u0434\u0435\u043D\u0430",M:"\u043C\u0435\u0441\u0435\u0446",MM:"%d \u043C\u0435\u0441\u0435\u0446\u0430",y:"\u0433\u043E\u0434\u0438\u043D\u0430",yy:"%d \u0433\u043E\u0434\u0438\u043D\u0438"}};r.locale(s,null,!0);var a=s;export{a as default};

package/dist/calcite/{UELGJSYH.js → YSGHAVSA.js}

@@ -1,4 +1,4 @@
 /*! 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 */
+v3.1.0-next.0 */
 function n(t){return t==="Enter"||t===" "}var e=["0","1","2","3","4","5","6","7","8","9"];export{n as a,e as b};

package/dist/calcite/{7D3VEEUX.js → YUGL6WTS.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{b as t}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";var M={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function e(r,a,_){var n=M[_];return Array.isArray(n)&&(n=n[a?0:1]),n.replace("%d",r)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_M\xE4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._M\xE4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function(a){return a+"."},weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e}};t.locale(i,null,!0);var d=i;export{d as default};
+v3.1.0-next.0 */
+import{b as t}from"./A77PTXQI.js";import"./AFBGRNF3.js";var M={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function e(r,a,_){var n=M[_];return Array.isArray(n)&&(n=n[a?0:1]),n.replace("%d",r)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_M\xE4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._M\xE4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function(a){return a+"."},weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e}};t.locale(i,null,!0);var d=i;export{d as default};

package/dist/calcite/{6OZRZ36X.js → YWEFWGI7.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{a as x,b as u}from"./LOZEGKG2.js";import{a as l}from"./3IV6JSC2.js";import"./KW57BHXD.js";import{a as f}from"./UELGJSYH.js";import{a as b}from"./ARHYATTG.js";import{a as s,b as o}from"./QU33PBBI.js";import{u as m}from"./CMO3X257.js";import{b as g}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{G as d,J as v,e as p,f as i,v as a,w as h,x as t}from"./KVSCG5E3.js";var c={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",single:"single",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle",selected:"selected"},y={image:"image"},n={close:"x",checkedSingle:"circle-f",uncheckedMultiple:"square",checkedMultiple:"check-square-f"},C=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]) .close,:host([appearance=outline-fill]) .close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)))}:host([appearance=outline]):host([kind=brand]) .container,:host([appearance=outline-fill]):host([kind=brand]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-brand))}:host([appearance=outline]):host([kind=inverse]) .container,:host([appearance=outline-fill]):host([kind=inverse]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]) .container,:host([appearance=outline-fill]):host([kind=neutral]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]) .container{background-color:transparent}:host([appearance=outline-fill]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-foreground-1))}:host([appearance=solid]) .container{border-color:transparent}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{outline-color:var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=inverse]) .close:hover{background-color:var(--calcite-color-inverse-hover)}:host([appearance=solid]):host([kind=inverse]) .close:active{background-color:var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=neutral]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-foreground-2))}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([kind=neutral]) .close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)))}:host([selected]) .select-icon{opacity:1}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-image-size: var(--calcite-spacing-xl, 1.25rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px)}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) }.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;border-radius:var(--calcite-chip-corner-radius, 9999px);border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container:not(.non-interactive):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))))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-spacing-none, 0)}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));padding-inline-start:var(--calcite-spacing-none, 0);padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, currentColor)));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-spacing-xs, .375rem))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor))}.multiple .select-icon{display:flex;align-items:center;justify-content:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem))}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}.close{margin:0;cursor:pointer;align-items:center;border-radius:50%;border-style:none;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;background-color:var(--calcite-close-background-color, var(--calcite-color-transparent));-webkit-appearance:none;display:flex;align-content:center;justify-content:center;color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, currentColor));block-size:var(--calcite-internal-close-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-close-size, var(--calcite-spacing-xxl, 1.5rem));padding:0}.close:hover,.close:focus{background-color:var(--calcite-close-background-color-hover, var(--calcite-color-transparent-hover))}.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:active{background-color:var(--calcite-close-background-color-press, var(--calcite-color-transparent-press))}.close calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,r=class extends h{constructor(){super(),this.closeButtonEl=s(),this.containerEl=s(),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.messages=b(),this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=a({cancelable:!1}),this.calciteChipSelect=a({cancelable:!1}),this.calciteInternalChipKeyEvent=a({cancelable:!1}),this.calciteInternalChipSelect=a({cancelable:!1}),this.calciteInternalSyncSelectedChips=a({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:16,hasText:16,appearance:3,closable:7,closed:7,closeOnDelete:7,disabled:7,icon:3,iconFlipRtl:7,interactive:5,kind:3,label:1,messageOverrides:0,parentChipGroup:0,scale:3,selected:7,selectionMode:1,value:1}}static{this.styles=C}async setFocus(){await g(this),!this.disabled&&this.interactive?this.containerEl.value?.focus():!this.disabled&&this.closable&&this.closeButtonEl.value?.focus()}async load(){d()&&this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}updated(){x(this)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e),e.preventDefault();break}}clickHandler(){!this.interactive&&this.closable&&this.closeButtonEl.value.focus()}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=m(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return i`<div class=${t(c.imageContainer)}><slot name=${y.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?n.checkedMultiple:n.uncheckedMultiple:this.selected?n.checkedSingle:void 0;return i`<div class=${t({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?i`<calcite-icon .icon=${e} .scale=${l(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return i`<button .ariaLabel=${this.messages.dismissLabel} class=${t(c.close)} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .tabIndex=${this.disabled?-1:0} ${o(this.closeButtonEl)}><calcite-icon .icon=${n.close} .scale=${l(this.scale)}></calcite-icon></button>`}renderIcon(){return i`<calcite-icon class=${t(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${l(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,k=e||!e&&!this.interactive,z=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":"img";return u({disabled:e,children:i`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${t({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${z} .tabIndex=${k?-1:0} ${o(this.containerEl)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${t(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",r);export{r as Chip};
+v3.1.0-next.0 */
+import{a as x,b as u}from"./RAA7AM6M.js";import{a as l}from"./WQI63ENU.js";import"./RSMRASRN.js";import{a as f}from"./YSGHAVSA.js";import{a as b}from"./MYKRE5QO.js";import{a as s,b as o}from"./WACTC6C2.js";import{u as m}from"./FE2QRVI7.js";import{b as g}from"./7VOKVNOX.js";import"./7LGBDOYP.js";import{G as d,J as v,e as p,f as i,v as a,w as h,x as t}from"./IPEYLL4T.js";var c={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",single:"single",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle",selected:"selected"},y={image:"image"},n={close:"x",checkedSingle:"circle-f",uncheckedMultiple:"square",checkedMultiple:"check-square-f"},C=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]) .close,:host([appearance=outline-fill]) .close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)))}:host([appearance=outline]):host([kind=brand]) .container,:host([appearance=outline-fill]):host([kind=brand]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-brand))}:host([appearance=outline]):host([kind=inverse]) .container,:host([appearance=outline-fill]):host([kind=inverse]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]) .container,:host([appearance=outline-fill]):host([kind=neutral]) .container{border-color:var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]) .container{background-color:transparent}:host([appearance=outline-fill]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-foreground-1))}:host([appearance=solid]) .container{border-color:transparent}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{outline-color:var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=inverse]) .close:hover{background-color:var(--calcite-color-inverse-hover)}:host([appearance=solid]):host([kind=inverse]) .close:active{background-color:var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=neutral]) .container{background-color:var(--calcite-chip-background-color, var(--calcite-color-foreground-2))}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([kind=neutral]) .close{color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-color-text-3)))}:host([selected]) .select-icon{opacity:1}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-image-size: var(--calcite-spacing-xl, 1.25rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px)}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) }.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;border-radius:var(--calcite-chip-corner-radius, 9999px);border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container:not(.non-interactive):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))))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-spacing-none, 0)}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));padding-inline-start:var(--calcite-spacing-none, 0);padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, currentColor)));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-spacing-xs, .375rem))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor))}.multiple .select-icon{display:flex;align-items:center;justify-content:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem))}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}.close{margin:0;cursor:pointer;align-items:center;border-radius:50%;border-style:none;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;background-color:var(--calcite-close-background-color, var(--calcite-color-transparent));-webkit-appearance:none;display:flex;align-content:center;justify-content:center;color:var(--calcite-chip-close-icon-color, var(--calcite-close-icon-color, currentColor));block-size:var(--calcite-internal-close-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-close-size, var(--calcite-spacing-xxl, 1.5rem));padding:0}.close:hover,.close:focus{background-color:var(--calcite-close-background-color-hover, var(--calcite-color-transparent-hover))}.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:active{background-color:var(--calcite-close-background-color-press, var(--calcite-color-transparent-press))}.close calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,r=class extends h{constructor(){super(),this.closeButtonEl=s(),this.containerEl=s(),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.messages=b(),this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=a({cancelable:!1}),this.calciteChipSelect=a({cancelable:!1}),this.calciteInternalChipKeyEvent=a({cancelable:!1}),this.calciteInternalChipSelect=a({cancelable:!1}),this.calciteInternalSyncSelectedChips=a({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:16,hasText:16,appearance:3,closable:7,closed:7,closeOnDelete:7,disabled:7,icon:3,iconFlipRtl:7,interactive:5,kind:3,label:1,messageOverrides:0,parentChipGroup:0,scale:3,selected:7,selectionMode:1,value:1}}static{this.styles=C}async setFocus(){await g(this),!this.disabled&&this.interactive?this.containerEl.value?.focus():!this.disabled&&this.closable&&this.closeButtonEl.value?.focus()}async load(){d()&&this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}updated(){x(this)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e),e.preventDefault();break}}clickHandler(){!this.interactive&&this.closable&&this.closeButtonEl.value.focus()}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=m(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return i`<div class=${t(c.imageContainer)}><slot name=${y.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?n.checkedMultiple:n.uncheckedMultiple:this.selected?n.checkedSingle:void 0;return i`<div class=${t({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?i`<calcite-icon .icon=${e} .scale=${l(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return i`<button .ariaLabel=${this.messages.dismissLabel} class=${t(c.close)} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .tabIndex=${this.disabled?-1:0} ${o(this.closeButtonEl)}><calcite-icon .icon=${n.close} .scale=${l(this.scale)}></calcite-icon></button>`}renderIcon(){return i`<calcite-icon class=${t(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${l(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,k=e||!e&&!this.interactive,z=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":"img";return u({disabled:e,children:i`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${t({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${z} .tabIndex=${k?-1:0} ${o(this.containerEl)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${t(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",r);export{r as Chip};

package/dist/calcite/{DTL2LM6T.js → YYWIZXXK.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{j as b,k as v}from"./CMO3X257.js";import{f as g}from"./KVSCG5E3.js";var A=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function w(t){return`${t.split("-").map((e,i)=>i===0?e:`${e[0].toUpperCase()}${e.slice(1)}`).join("")}${A.includes(t)?"Input":"Change"}`}var m="hidden-form-input";function h(t){return"checked"in t}var p=new WeakMap,E=new WeakSet;function q(t,e){if(v(e.parentElement,"[form]"))return!0;let i="calciteInternalFormComponentRegister",n=!1;return t.addEventListener(i,a=>{n=a.composedPath().some(l=>E.has(l)),a.stopPropagation()},{once:!0}),e.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0})),n}function F(t,{status:e,message:i,icon:n}){"status"in t&&(t.status=e),"validationIcon"in t&&typeof t.validationIcon!="string"&&(t.validationIcon=n),"validationMessage"in t&&!t.validationMessage&&(t.validationMessage=i)}function C(t){return t.nodeName==="CALCITE-RADIO-BUTTON"?v(t,"calcite-radio-button-group"):t}var $=new CustomEvent("calciteInvalid",{bubbles:!0,composed:!0});function I(t){let e=t?.target,i=e?.validationMessage,n=C(e?.parentElement);if(!n)return;let a=n?.nodeName?.toLowerCase(),l=a?.split("-");if(l.length<2||l[0]!=="calcite")return;t?.preventDefault(),"validity"in n&&(n.validity=e?.validity),n.dispatchEvent($),F(n,{message:i,icon:!0,status:"invalid"});let c=w(a);n.addEventListener(c,()=>{"status"in n&&(n.status="idle"),"validationIcon"in n&&(n.validationIcon===""||n.validationIcon===!0)&&(n.validationIcon=!1),"validationMessage"in n&&n.validationMessage===i&&(n.validationMessage=""),"validity"in n&&(n.validity=e?.validity)},{once:!0})}function N(t){let{formEl:e}=t;return e?(e.addEventListener("invalid",I,!0),e.requestSubmit(),e.removeEventListener("invalid",I,!0),requestAnimationFrame(()=>{let i=e.querySelectorAll("[status=invalid]");for(let n of i)if(n?.validationMessage){n?.setFocus();break}}),!0):!1}function O(t){t.formEl?.reset()}function P(t){let{el:e,value:i}=t,n=S(t);if(!n||q(n,e))return;t.formEl=n,t.defaultValue=i,h(t)&&(t.defaultChecked=t.checked);let a=V.bind(t);n.addEventListener("reset",a),p.set(t.el,a),E.add(e)}function S(t){let{el:e,form:i}=t;return i?b(e,{id:i}):v(e,"form")}function V(){if("status"in this&&(this.status="idle"),"validationIcon"in this&&(this.validationIcon=!1),"validationMessage"in this&&(this.validationMessage=""),h(this)){this.checked=this.defaultChecked;return}this.value=this.defaultValue,this.onFormReset?.()}function T(t){let{el:e,formEl:i}=t;if(!i)return;let n=p.get(e);i.removeEventListener("reset",n),p.delete(e),t.formEl=null,E.delete(e)}function W(t,e){t.defaultValue=e}var x="calciteInternalHiddenInputInput",M=t=>{t.target.dispatchEvent(new CustomEvent(x,{bubbles:!0}))},y=t=>t.removeEventListener("input",M);function D(t){let{el:e,formEl:i,name:n,value:a}=t,{ownerDocument:l}=e,c=e.querySelectorAll(`input[slot="${m}"]`);if(!i||!n){c.forEach(o=>{y(o),o.remove()});return}let f=Array.isArray(a)?a:[a],r=[],d=new Set;c.forEach(o=>{let s=f.find(L=>L==o.value);s!=null?(d.add(s),k(t,o,s)):r.push(o)});let u;f.forEach(o=>{if(d.has(o))return;let s=r.pop();s||(s=l.createElement("input"),s.ariaHidden="true",s.slot=m),u||(u=l.createDocumentFragment()),u.append(s),s.addEventListener("input",M),k(t,s,o)}),u&&e.append(u),r.forEach(o=>{y(o),o.remove()})}function k(t,e,i){let{defaultValue:n,disabled:a,form:l,name:c,required:f}=t;e.defaultValue=n,e.disabled=a,e.name=c,e.required=f,e.tabIndex=-1,l?e.setAttribute("form",l):e.removeAttribute("form"),h(t)?(e.checked=t.checked,e.defaultChecked=t.defaultChecked,e.value=t.checked?i||"on":""):e.value=i||"",t.syncHiddenFormInput?.(e);let r=C(t.el);if(r&&"validity"in r)for(let d in{...e?.validity})r.validity[d]=e.validity[d]}var B=({component:t})=>(D(t),g`<slot name=${m}></slot>`);export{N as a,O as b,P as c,S as d,T as e,W as f,x as g,B as h};
+v3.1.0-next.0 */
+import{j as b,k as v}from"./FE2QRVI7.js";import{f as g}from"./IPEYLL4T.js";var A=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function w(t){return`${t.split("-").map((e,i)=>i===0?e:`${e[0].toUpperCase()}${e.slice(1)}`).join("")}${A.includes(t)?"Input":"Change"}`}var m="hidden-form-input";function h(t){return"checked"in t}var p=new WeakMap,E=new WeakSet;function q(t,e){if(v(e.parentElement,"[form]"))return!0;let i="calciteInternalFormComponentRegister",n=!1;return t.addEventListener(i,a=>{n=a.composedPath().some(l=>E.has(l)),a.stopPropagation()},{once:!0}),e.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0})),n}function F(t,{status:e,message:i,icon:n}){"status"in t&&(t.status=e),"validationIcon"in t&&typeof t.validationIcon!="string"&&(t.validationIcon=n),"validationMessage"in t&&!t.validationMessage&&(t.validationMessage=i)}function C(t){return t.nodeName==="CALCITE-RADIO-BUTTON"?v(t,"calcite-radio-button-group"):t}var $=new CustomEvent("calciteInvalid",{bubbles:!0,composed:!0});function I(t){let e=t?.target,i=e?.validationMessage,n=C(e?.parentElement);if(!n)return;let a=n?.nodeName?.toLowerCase(),l=a?.split("-");if(l.length<2||l[0]!=="calcite")return;t?.preventDefault(),"validity"in n&&(n.validity=e?.validity),n.dispatchEvent($),F(n,{message:i,icon:!0,status:"invalid"});let c=w(a);n.addEventListener(c,()=>{"status"in n&&(n.status="idle"),"validationIcon"in n&&(n.validationIcon===""||n.validationIcon===!0)&&(n.validationIcon=!1),"validationMessage"in n&&n.validationMessage===i&&(n.validationMessage=""),"validity"in n&&(n.validity=e?.validity)},{once:!0})}function N(t){let{formEl:e}=t;return e?(e.addEventListener("invalid",I,!0),e.requestSubmit(),e.removeEventListener("invalid",I,!0),requestAnimationFrame(()=>{let i=e.querySelectorAll("[status=invalid]");for(let n of i)if(n?.validationMessage){n?.setFocus();break}}),!0):!1}function O(t){t.formEl?.reset()}function P(t){let{el:e,value:i}=t,n=S(t);if(!n||q(n,e))return;t.formEl=n,t.defaultValue=i,h(t)&&(t.defaultChecked=t.checked);let a=V.bind(t);n.addEventListener("reset",a),p.set(t.el,a),E.add(e)}function S(t){let{el:e,form:i}=t;return i?b(e,{id:i}):v(e,"form")}function V(){if("status"in this&&(this.status="idle"),"validationIcon"in this&&(this.validationIcon=!1),"validationMessage"in this&&(this.validationMessage=""),h(this)){this.checked=this.defaultChecked;return}this.value=this.defaultValue,this.onFormReset?.()}function T(t){let{el:e,formEl:i}=t;if(!i)return;let n=p.get(e);i.removeEventListener("reset",n),p.delete(e),t.formEl=null,E.delete(e)}function W(t,e){t.defaultValue=e}var x="calciteInternalHiddenInputInput",M=t=>{t.target.dispatchEvent(new CustomEvent(x,{bubbles:!0}))},y=t=>t.removeEventListener("input",M);function D(t){let{el:e,formEl:i,name:n,value:a}=t,{ownerDocument:l}=e,c=e.querySelectorAll(`input[slot="${m}"]`);if(!i||!n){c.forEach(o=>{y(o),o.remove()});return}let f=Array.isArray(a)?a:[a],r=[],d=new Set;c.forEach(o=>{let s=f.find(L=>L==o.value);s!=null?(d.add(s),k(t,o,s)):r.push(o)});let u;f.forEach(o=>{if(d.has(o))return;let s=r.pop();s||(s=l.createElement("input"),s.ariaHidden="true",s.slot=m),u||(u=l.createDocumentFragment()),u.append(s),s.addEventListener("input",M),k(t,s,o)}),u&&e.append(u),r.forEach(o=>{y(o),o.remove()})}function k(t,e,i){let{defaultValue:n,disabled:a,form:l,name:c,required:f}=t;e.defaultValue=n,e.disabled=a,e.name=c,e.required=f,e.tabIndex=-1,l?e.setAttribute("form",l):e.removeAttribute("form"),h(t)?(e.checked=t.checked,e.defaultChecked=t.defaultChecked,e.value=t.checked?i||"on":""):e.value=i||"",t.syncHiddenFormInput?.(e);let r=C(t.el);if(r&&"validity"in r)for(let d in{...e?.validity})r.validity[d]=e.validity[d]}var B=({component:t})=>(D(t),g`<slot name=${m}></slot>`);export{N as a,O as b,P as c,S as d,T as e,W as f,x as g,B as h};

package/dist/calcite/{CJYTY62F.js → Z6W6VEP2.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{a as $,b as y}from"./LOZEGKG2.js";import{b as z}from"./QU33PBBI.js";import{u as w}from"./CMO3X257.js";import{b as C}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{J as k,e as u,f as n,v,w as f,x as i,z as x}from"./KVSCG5E3.js";var t={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"},s={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"},d={contentBottom:"content-bottom",contentEnd:"content-end",contentStart:"content-start",contentTop:"content-top"},D=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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,p=class extends f{constructor(){super(),this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalTileKeyEvent=v({cancelable:!1}),this.calciteTileSelect=v(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:16,hasContentEnd:16,hasContentStart:16,hasContentTop:16,active:7,alignment:3,description:3,disabled:7,embed:7,heading:3,href:3,icon:3,iconFlipRtl:7,interactive:5,label:1,layout:3,scale:3,selected:7,selectionAppearance:3,selectionMode:3}}static{this.styles=D}async setFocus(){await C(this),!this.disabled&&this.interactive&&this.containerEl?.focus()}load(){}updated(){$(this)}loaded(){}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let c=e.target.dataset.name;this[`has${c}`]=w(e)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleSelectEvent(),e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e),e.preventDefault();break}}renderSelectionIcon(){let{selected:e,selectionAppearance:c,selectionMode:a}=this;if(c==="icon"&&a!=="none")return n`<calcite-icon class=${i(t.selectionIcon)} .icon=${e?a==="multiple"?s.selectedMultiple:s.selectedSingle:a==="multiple"?s.unselectedMultiple:s.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:c,hasContentBottom:a,hasContentEnd:S,hasContentStart:E,hasContentTop:T,heading:l,icon:r,iconFlipRtl:A,interactive:o,selectionMode:h}=this,H=l&&r&&!e,b=!!this.href||!o,g=h==="multiple"&&o?"checkbox":h!=="none"&&o?"radio":o?"button":void 0,m=!!(e||S||E||l||r),M=!m&&T&&a;return n`<div .ariaChecked=${h!=="none"&&o?this.selected:void 0} .ariaDisabled=${b?c:void 0} .ariaLabel=${g&&this.label} class=${i({[t.container]:!0,[t.interactive]:o,[t.largeVisualDeprecated]:H,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${g} tabindex=${(b?void 0:0)??x} ${z(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${i({[t.contentContainer]:!0,[t.contentContainerHasContent]:m,[t.contentContainerHasOnlyContentTopAndBottom]:M})}><slot name=${d.contentTop} @slotchange=${this.handleSlotChange}></slot>${r&&n`<calcite-icon class=${i(t.icon)} .flipRtl=${A} .icon=${r} scale=l></calcite-icon>`||""}<div class=${i({[t.textContentContainer]:!0,[t.row]:!0})}><slot name=${d.contentStart} @slotchange=${this.handleSlotChange}></slot><div class=${i(t.textContent)}>${l&&n`<div class=${i(t.heading)}>${l}</div>`||""}${e&&n`<div class=${i(t.description)}>${e}</div>`||""}</div><slot name=${d.contentEnd} @slotchange=${this.handleSlotChange}></slot></div><slot name=${d.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return y({disabled:e,children:this.href?n`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};k("calcite-tile",p);export{p as Tile};
+v3.1.0-next.0 */
+import{a as $,b as y}from"./RAA7AM6M.js";import{b as z}from"./WACTC6C2.js";import{u as w}from"./FE2QRVI7.js";import{b as C}from"./7VOKVNOX.js";import"./7LGBDOYP.js";import{J as k,e as u,f as n,v,w as f,x as i,z as x}from"./IPEYLL4T.js";var t={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"},s={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"},d={contentBottom:"content-bottom",contentEnd:"content-end",contentStart:"content-start",contentTop:"content-top"},D=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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,p=class extends f{constructor(){super(),this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalTileKeyEvent=v({cancelable:!1}),this.calciteTileSelect=v(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:16,hasContentEnd:16,hasContentStart:16,hasContentTop:16,active:7,alignment:3,description:3,disabled:7,embed:7,heading:3,href:3,icon:3,iconFlipRtl:7,interactive:5,label:1,layout:3,scale:3,selected:7,selectionAppearance:3,selectionMode:3}}static{this.styles=D}async setFocus(){await C(this),!this.disabled&&this.interactive&&this.containerEl?.focus()}load(){}updated(){$(this)}loaded(){}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let c=e.target.dataset.name;this[`has${c}`]=w(e)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleSelectEvent(),e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e),e.preventDefault();break}}renderSelectionIcon(){let{selected:e,selectionAppearance:c,selectionMode:a}=this;if(c==="icon"&&a!=="none")return n`<calcite-icon class=${i(t.selectionIcon)} .icon=${e?a==="multiple"?s.selectedMultiple:s.selectedSingle:a==="multiple"?s.unselectedMultiple:s.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:c,hasContentBottom:a,hasContentEnd:S,hasContentStart:E,hasContentTop:T,heading:l,icon:r,iconFlipRtl:A,interactive:o,selectionMode:h}=this,H=l&&r&&!e,b=!!this.href||!o,g=h==="multiple"&&o?"checkbox":h!=="none"&&o?"radio":o?"button":void 0,m=!!(e||S||E||l||r),M=!m&&T&&a;return n`<div .ariaChecked=${h!=="none"&&o?this.selected:void 0} .ariaDisabled=${b?c:void 0} .ariaLabel=${g&&this.label} class=${i({[t.container]:!0,[t.interactive]:o,[t.largeVisualDeprecated]:H,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${g} tabindex=${(b?void 0:0)??x} ${z(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${i({[t.contentContainer]:!0,[t.contentContainerHasContent]:m,[t.contentContainerHasOnlyContentTopAndBottom]:M})}><slot name=${d.contentTop} @slotchange=${this.handleSlotChange}></slot>${r&&n`<calcite-icon class=${i(t.icon)} .flipRtl=${A} .icon=${r} scale=l></calcite-icon>`||""}<div class=${i({[t.textContentContainer]:!0,[t.row]:!0})}><slot name=${d.contentStart} @slotchange=${this.handleSlotChange}></slot><div class=${i(t.textContent)}>${l&&n`<div class=${i(t.heading)}>${l}</div>`||""}${e&&n`<div class=${i(t.description)}>${e}</div>`||""}</div><slot name=${d.contentEnd} @slotchange=${this.handleSlotChange}></slot></div><slot name=${d.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return y({disabled:e,children:this.href?n`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};k("calcite-tile",p);export{p as Tile};

package/dist/calcite/{RAFCSOOQ.js → Z7SGWG6G.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{b as _}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";var l={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Mar\xE7_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Mar\xE7_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aqu\xED %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function(e){var s;return e===1||e===3?s="r":e===2?s="n":e===4?s="t":s="\xE8",""+e+s}};_.locale(l,null,!0);var a=l;export{a as default};
+v3.1.0-next.0 */
+import{b as _}from"./A77PTXQI.js";import"./AFBGRNF3.js";var l={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Mar\xE7_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Mar\xE7_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aqu\xED %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function(e){var s;return e===1||e===3?s="r":e===2?s="n":e===4?s="t":s="\xE8",""+e+s}};_.locale(l,null,!0);var a=l;export{a as default};

package/dist/calcite/{TQTAM3XB.js → ZBOL56TZ.js}

@@ -1,4 +1,4 @@
 /*! 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 */
-import{c as a,l as S,r as T,v as C}from"./CMO3X257.js";import"./I2OIH73C.js";import{A as M,J as b,e as y,f as E,v as A,w as I}from"./KVSCG5E3.js";function v(h){return h?.tagName==="CALCITE-TREE-ITEM"}function w(h){return Array.from(h.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==h&&t!==void 0;){let l=t.parentElement;if(!(!v(l)||!l.hasChildren||l.expanded))return!1;t=t.parentElement}return!0})}var D=y`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends I{constructor(){super(),this.items=[],this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=A({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:7,lines:7,parentExpanded:5,scale:3,selectedItems:0,selectionMode:3}}static{this.styles=D}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree");this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");S(e)}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,l=a(t.querySelectorAll("calcite-tree-item"));if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}let r=this.selectionMode==="none",n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),s=this.selectionMode==="multichildren"&&t.hasChildren,u=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),g=!u&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&l.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),d=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,c=[];n&&c.push(t),g&&a(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(i=>{c.includes(i)||(i.selected=!1)}),d&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),s&&l.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),u&&window.getSelection().removeAllRanges(),u&&t.selected?c.forEach(i=>{i.disabled||(i.selected=!1)}):r||c.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,l=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(v(l)&&this.el.contains(l))||!r.includes(e.key))return;let n=w(t);if(e.key==="Tab"){n.forEach(s=>s.tabIndex=-1);return}if(e.key==="ArrowDown"){let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let s=n.indexOf(l);n[s-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(l.hasChildren&&l.expanded){l.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(l)).reverse().find(s=>s.depth===l.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!l.disabled&&l.hasChildren)if(!l.expanded)l.expanded=!0,e.preventDefault();else{let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let s=n.shift();s&&(s.focus(),e.preventDefault());return}if(e.key==="End"){let s=n.pop();s&&(s.focus(),e.preventDefault());return}}updateAncestorTree(e){let t=e.target,l=e.detail.updateItem;if(t.disabled||t.indeterminate&&!l)return;let r=[],n=t.parentElement.closest("calcite-tree-item");for(;n;)r.push(n),n=n.parentElement.closest("calcite-tree-item");let s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])")),u=s.filter(i=>!i.hasChildren),g=s.filter(i=>i.hasChildren),d;l?d=t.hasChildren?!(t.selected||t.indeterminate):!t.selected:d=t.selected,u.forEach(i=>{i.selected=d,i.indeterminate=!1});function c(i,o){let f=i.filter(p=>p.selected),m=i.filter(p=>!p.selected);o.selected=f.length===i.length,o.indeterminate=f.length>0&&m.length>0}g.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));c(o,i)}),l&&(t.hasChildren?c(s,t):(t.selected=d,t.indeterminate=!1)),r.forEach(i=>{let o=a(i.querySelectorAll("calcite-tree-item")),f=o.filter(p=>p.selected);if(f.length===0){i.selected=!1,i.indeterminate=!1;return}let m=f.length<o.length;i.indeterminate=m,i.selected=!m}),this.selectedItems=a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),l&&this.calciteTreeSelect.emit()}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=C(e).filter(l=>l.matches("calcite-tree-item"));this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?void 0:T(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?void 0:"tree",M(this.el,"tabIndex",this.getRootTabIndex()),E`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",x);export{x as Tree};
+v3.1.0-next.0 */
+import{c as a,l as S,r as T,v as C}from"./FE2QRVI7.js";import"./7LGBDOYP.js";import{A as M,J as b,e as y,f as E,v as A,w as I}from"./IPEYLL4T.js";function v(h){return h?.tagName==="CALCITE-TREE-ITEM"}function w(h){return Array.from(h.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==h&&t!==void 0;){let l=t.parentElement;if(!(!v(l)||!l.hasChildren||l.expanded))return!1;t=t.parentElement}return!0})}var D=y`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends I{constructor(){super(),this.items=[],this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=A({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:7,lines:7,parentExpanded:5,scale:3,selectedItems:0,selectionMode:3}}static{this.styles=D}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree");this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");S(e)}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,l=a(t.querySelectorAll("calcite-tree-item"));if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}let r=this.selectionMode==="none",n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),s=this.selectionMode==="multichildren"&&t.hasChildren,u=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),g=!u&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&l.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),d=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,c=[];n&&c.push(t),g&&a(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(i=>{c.includes(i)||(i.selected=!1)}),d&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),s&&l.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),u&&window.getSelection().removeAllRanges(),u&&t.selected?c.forEach(i=>{i.disabled||(i.selected=!1)}):r||c.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,l=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(v(l)&&this.el.contains(l))||!r.includes(e.key))return;let n=w(t);if(e.key==="Tab"){n.forEach(s=>s.tabIndex=-1);return}if(e.key==="ArrowDown"){let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let s=n.indexOf(l);n[s-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(l.hasChildren&&l.expanded){l.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(l)).reverse().find(s=>s.depth===l.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!l.disabled&&l.hasChildren)if(!l.expanded)l.expanded=!0,e.preventDefault();else{let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let s=n.shift();s&&(s.focus(),e.preventDefault());return}if(e.key==="End"){let s=n.pop();s&&(s.focus(),e.preventDefault());return}}updateAncestorTree(e){let t=e.target,l=e.detail.updateItem;if(t.disabled||t.indeterminate&&!l)return;let r=[],n=t.parentElement.closest("calcite-tree-item");for(;n;)r.push(n),n=n.parentElement.closest("calcite-tree-item");let s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])")),u=s.filter(i=>!i.hasChildren),g=s.filter(i=>i.hasChildren),d;l?d=t.hasChildren?!(t.selected||t.indeterminate):!t.selected:d=t.selected,u.forEach(i=>{i.selected=d,i.indeterminate=!1});function c(i,o){let f=i.filter(p=>p.selected),m=i.filter(p=>!p.selected);o.selected=f.length===i.length,o.indeterminate=f.length>0&&m.length>0}g.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));c(o,i)}),l&&(t.hasChildren?c(s,t):(t.selected=d,t.indeterminate=!1)),r.forEach(i=>{let o=a(i.querySelectorAll("calcite-tree-item")),f=o.filter(p=>p.selected);if(f.length===0){i.selected=!1,i.indeterminate=!1;return}let m=f.length<o.length;i.indeterminate=m,i.selected=!m}),this.selectedItems=a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),l&&this.calciteTreeSelect.emit()}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=C(e).filter(l=>l.matches("calcite-tree-item"));this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?void 0:T(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?void 0:"tree",M(this.el,"tabIndex",this.getRootTabIndex()),E`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",x);export{x as Tree};