@esri/calcite-components 3.1.0-next.2 → 3.1.0-next.20

package/dist/calcite/24LC66MT.js

@@ -0,0 +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.1.0-next.20 */
+import{a as z}from"./XNONVKR2.js";import{c as O,e as R,h as E}from"./4WAMGYR2.js";import{c as M,d as F}from"./X2V2ETFS.js";import{a as L,b as I}from"./DATJU2FF.js";import{a as C}from"./PETBUQTQ.js";import{n as x}from"./Q4QRG46O.js";import{d as V}from"./YNMIV3ZH.js";import"./SVXHIFEF.js";import{a as w}from"./3D7DC35W.js";import{B as $,J as k,e as g,f as s,u as m,v as b,w as f,x as u,y,z as r}from"./LVWT6HNZ.js";var P=({full:p,scale:e,partial:t})=>s`<calcite-icon class=${u(t?void 0:"icon")} .icon=${p?"star-f":"star"} .scale=${e}></calcite-icon>`,D={validationMessage:"validationMessage"},q=g`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-internal-rating-spacing: .25rem}:host([scale=m]){block-size:2rem;--calcite-internal-rating-spacing: .5rem}:host([scale=l]){block-size:2.75rem;--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:hover{color:var(--calcite-rating-color-hover, var(--calcite-color-brand-hover))}.star:active{color:var(--calcite-rating-color-press, var(--calcite-color-brand-press))}.star: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))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color, var(--calcite-color-brand))}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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}`,v=class extends f{constructor(){super(),this.emit=!1,this.guid=`calcite-ratings-${w()}`,this.isKeyboardInteraction=!0,this.labelElements=[],this.max=5,this._value=0,this.disabled=!1,this.messages=C({blocking:!0}),this.readOnly=!1,this.required=!1,this.scale="m",this.showChip=!1,this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteRatingChange=b({cancelable:!1}),this.listen("keydown",this.handleHostKeyDown),this.listen("pointerout",this.handleRatingPointerOut),this.listen("pointerover",this.handleRatingPointerOver)}static{this.properties={hoverValue:16,average:11,count:11,disabled:7,form:3,messageOverrides:0,name:3,readOnly:7,required:7,scale:3,showChip:7,status:3,validationIcon:[3,{converter:$}],validationMessage:1,validity:0,value:11}}static{this.styles=q}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.hasUpdated&&this.handleValueUpdate(e))}async setFocus(){await V(this),x(this.el)}connectedCallback(){super.connectedCallback(),M(this),O(this)}async load(){this.requestUpdate("value")}willUpdate(){this.starsMap=Array.from({length:this.max},(e,t)=>{let a=t+1,i=!this.hoverValue&&this.average&&!this.value&&a<=this.average,c=a===this.value,n=this.average&&this.average+1-a,l=a<=this.hoverValue,h=`${this.guid}-${a}`,o=!this.hoverValue&&!this.value&&!l&&n>0&&n<1,d=this.value>=a,K=this.getTabIndex(a);return{average:i,checked:c,fraction:n,hovered:l,id:h,partial:o,selected:d,value:a,tabIndex:K}})}updated(){L(this)}loaded(){this.labelElements=Array.from(this.renderRoot.querySelectorAll("label"))}disconnectedCallback(){super.disconnectedCallback(),F(this),R(this)}handleValueUpdate(e){this.hoverValue=e,this.emit&&this.calciteRatingChange.emit(),this.emit=!1}onLabelClick(){this.setFocus()}handleRatingPointerOver(){this.isKeyboardInteraction=!1}handleRatingPointerOut(){this.isKeyboardInteraction=!0,this.hoverValue=null}handleHostKeyDown(){this.isKeyboardInteraction=!0}handleLabelKeyDown(e){let t=this.getValueFromLabelEvent(e),a=e.key,i=a==" "?void 0:Number(a);if(this.emit=!0,isNaN(i))switch(a){case"Enter":case" ":this.value=!this.required&&this.value===t?0:t;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(t),this.updateFocus(),e.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(t),this.updateFocus(),e.preventDefault();break;case"Tab":this.hoverValue=null;break}else!this.required&&i>=0&&i<=this.max?this.value=i:this.required&&i>0&&i<=this.max&&(this.value=i),this.updateFocus()}handleInputChange(e){if(this.isKeyboardInteraction===!0){let t=Number(e.target.value);this.hoverValue=t,this.value=t}}handleLabelPointerOver(e){this.hoverValue=this.getValueFromLabelEvent(e)}handleLabelPointerDown(e){let t=e.currentTarget,a=this.getValueFromLabelEvent(e);this.hoverValue=a,this.emit=!0,this.value=!this.required&&this.value===a?0:a,t.focus()}handleLabelClick(e){e.preventDefault()}handleLabelFocus(e){let t=this.getValueFromLabelEvent(e);this.hoverValue=t}updateFocus(){this.hoverValue=this.value,this.labelElements[this.value-1].focus()}getTabIndex(e){return this.readOnly||this.value!==e&&(this.value||e!==1)?-1:0}getValueFromLabelEvent(e){let t=e.currentTarget;return Number(t.getAttribute("data-value"))}getNextRatingValue(e){return e===5?1:e+1}getPreviousRatingValue(e){return e===1?5:e-1}render(){let e=this.count?.toString();return I({disabled:this.disabled,children:s`<span class="wrapper"><fieldset class="fieldset" .disabled=${this.disabled}><legend class="visually-hidden">${this.messages.rating}</legend>${this.starsMap.map(({average:t,checked:a,fraction:i,hovered:c,id:n,partial:l,selected:h,value:o,tabIndex:d})=>s`<label class=${u({star:!0,selected:h,hovered:c,average:t,partial:l})} data-value=${o??r} for=${n??r} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${d??r}><input aria-errormessage=${D.validationMessage} .ariaInvalid=${this.status==="invalid"} .checked=${a} class="visually-hidden" .disabled=${this.disabled||this.readOnly} id=${n??r} name=${this.guid??r} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${m(o??"")}>${P({full:h||t||c,scale:this.scale})}${l&&s`<div class="fraction" style=${y({width:`${i*100}%`})}>${P({full:!0,partial:!0,scale:this.scale})}</div>`||""}<span class="visually-hidden">${this.messages.stars.replace("{num}",`${o}`)}</span></label>`)}${(this.count||this.average)&&this.showChip?s`<calcite-chip .label=${e} .scale=${this.scale} .value=${e}>${!!this.average&&s`<span class="number--average">${this.average.toString()}</span>`||""}${!!this.count&&s`<span class="number--count">(${e})</span>`||""}</calcite-chip>`:null}</fieldset>${E({component:this})}${this.validationMessage&&this.status==="invalid"?z({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}</span>`})}};k("calcite-rating",v);export{v as Rating};

package/dist/calcite/{SUOZI4HJ.js → 24LC66MT.js.LEGAL.txt}

@@ -1,4 +1,3 @@
 /*! 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.1.0-next.2 */
-import{a}from"./X7ZHVOK6.js";export{a as default};
+v3.1.0-next.20 */

package/dist/calcite/{TPQPL5Y2.js → 2JPTTWU2.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.1.0-next.2 */
-import{a as te,b as T}from"./6B6W4DZZ.js";import{a as N,k as L}from"./WAA4MKS3.js";import{a as ee}from"./AL7GLXM2.js";import{c as J,e as Q,f as Y,h as Z}from"./MRCQAJYO.js";import{c as G,d as W,e as K}from"./NID6QD55.js";import{a as I,b as U}from"./2OISO5WX.js";import{a as B}from"./DX5QQWTN.js";import{a as j}from"./XFL6DTXJ.js";import{a as q}from"./CJIMSURB.js";import{b as R}from"./Y2HUXJL4.js";import{q as H,x as _}from"./DUC6YWZN.js";import{d as A}from"./V4T4WQ4N.js";import"./CNPUJAYB.js";import{a as X}from"./22ZQART2.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"./3LKN2JHC.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)}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.20 */
+import{a as te,b as T}from"./B5YLYSVA.js";import{a as N,k as L}from"./UT25CUAN.js";import{a as ee}from"./XNONVKR2.js";import{c as J,e as Q,f as Y,h as Z}from"./4WAMGYR2.js";import{c as G,d as W,e as K}from"./X2V2ETFS.js";import{a as I,b as U}from"./DATJU2FF.js";import{a as B}from"./KSOEPZRH.js";import{a as j}from"./FERJAVJN.js";import{a as q}from"./PETBUQTQ.js";import{b as R}from"./JADVCYEZ.js";import{q as H,x as _}from"./Q4QRG46O.js";import{d as A}from"./YNMIV3ZH.js";import"./SVXHIFEF.js";import{a as X}from"./3D7DC35W.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"./LVWT6HNZ.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)}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/2JPTTWU2.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{TH6LM73M.js → 2M67CH63.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.1.0-next.2 */
+v3.1.0-next.20 */
 var n={menuActions:"menu-actions",menuTooltip:"menu-tooltip"},o={menu:"ellipsis"},t={container:"container"};export{n as a,o as b,t as c};

package/dist/calcite/2M67CH63.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{KR54UGOK.js → 2VK4KC2Q.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.1.0-next.2 */
-import{h as g}from"./EHAMMNEU.js";import{k as o}from"./WAA4MKS3.js";import{a as p,b as y}from"./2OISO5WX.js";import{a as f}from"./XFL6DTXJ.js";import{k as h,r as v}from"./DUC6YWZN.js";import{d as u}from"./V4T4WQ4N.js";import"./CNPUJAYB.js";import"./22ZQART2.js";import{A as a,J as d,e as l,f as s,v as t,w as n}from"./3LKN2JHC.js";var k=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;outline:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-wrapper{position:relative;display:flex;inline-size:100%;flex-direction:column;align-items:center;justify-content:center}.day{position:relative;display:flex;inline-size:100%;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;line-height:var(--calcite-font-line-height-fixed-base);block-size:var(--calcite-internal-day-size);outline-color:var(--calcite-color-transparent);background-color:var(--calcite-date-picker-day-background-color);color:var(--calcite-date-picker-day-text-color, var(--calcite-color-text-3))}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size: 32px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size: 40px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size: 44px}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day{background-color:var(--calcite-date-picker-day-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-text-color-hover, var(--calcite-color-text-1))}:host(:not([range]):not([selected]).current-day) .day{color:var(--calcite-date-picker-current-day-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium)}:host(:focus[selected]) .day{z-index:var(--calcite-z-index);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))));box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host(:focus:not([disabled]):not([selected])) .day{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled]):not([selected])) .day{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-date-picker-day-background-color-selected, var(--calcite-color-brand));color:var(--calcite-date-picker-day-text-color-selected, var(--calcite-color-foreground-1))}:host([range-hover]:not([selected])) .day{background-color:var(--calcite-date-picker-day-outside-range-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-outside-range-text-color-hover, var(--calcite-color-text-1))}:host([highlighted]:not([selected])) .day,:host(:hover[highlighted]:not([selected])) .day{color:var(--calcite-date-picker-day-range-text-color, var(--calcite-color-brand));background-color:var(--calcite-date-picker-day-range-background-color, var(--calcite-color-foreground-current))}@media (forced-colors: active){.day{border-radius:0}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day,:host([highlighted]) .day,:host([range-hover]:not([selected])) .day{background-color:highlight}:host([range-hover]) .day,:host([range][selected][start-of-range]) .day,:host([range][selected][end-of-range]) .day{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(),this.active=!1,this.currentMonth=!1,this.disabled=!1,this.endOfRange=!1,this.highlighted=!1,this.range=!1,this.rangeHover=!1,this.selected=!1,this.startOfRange=!1,this.calciteInternalDayHover=t({cancelable:!1}),this.calciteInternalDaySelect=t({cancelable:!1}),this.listen("pointerover",this.pointerOverHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={active:7,currentMonth:7,dateTimeFormat:0,day:9,disabled:7,endOfRange:7,highlighted:7,range:7,rangeEdge:3,rangeHover:7,scale:3,selected:7,startOfRange:7,value:0}}static{this.styles=k}async setFocus(){await u(this),this.el.focus()}load(){this.parentDatePickerEl=h(this.el,"calcite-date-picker")}updated(){p(this)}onClick(){this.disabled||this.calciteInternalDaySelect.emit()}keyDownHandler(e){f(e.key)&&(this.disabled||this.calciteInternalDaySelect.emit(),e.preventDefault())}pointerOverHandler(){this.disabled||this.calciteInternalDayHover.emit()}render(){let e=g(this.value).replaceAll("-","");if(this.parentDatePickerEl){let{numberingSystem:c,lang:r}=this.parentDatePickerEl;o.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...r&&{locale:r}}}let b=o.localize(String(this.day)),m=this.dateTimeFormat.format(this.value);return this.el.ariaLabel=m,this.el.ariaSelected=v(this.active),a(this.el,"id",e),this.el.role="button",a(this.el,"tabIndex",this.active&&!this.disabled?0:-1),y({disabled:this.disabled,children:s`<div aria-hidden=true class="day-wrapper"><span class="day"><span class="text">${b}</span></span></div>`})}};d("calcite-date-picker-day",i);export{i as DatePickerDay};
+v3.1.0-next.20 */
+import{h as g}from"./T4P6MLBL.js";import{k as o}from"./UT25CUAN.js";import{a as p,b as y}from"./DATJU2FF.js";import{a as f}from"./FERJAVJN.js";import{k as h,r as v}from"./Q4QRG46O.js";import{d as u}from"./YNMIV3ZH.js";import"./SVXHIFEF.js";import"./3D7DC35W.js";import{A as a,J as d,e as l,f as s,v as t,w as n}from"./LVWT6HNZ.js";var k=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;outline:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-wrapper{position:relative;display:flex;inline-size:100%;flex-direction:column;align-items:center;justify-content:center}.day{position:relative;display:flex;inline-size:100%;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;line-height:var(--calcite-font-line-height-fixed-base);block-size:var(--calcite-internal-day-size);outline-color:var(--calcite-color-transparent);background-color:var(--calcite-date-picker-day-background-color);color:var(--calcite-date-picker-day-text-color, var(--calcite-color-text-3))}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size: 32px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size: 40px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size: 44px}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day{background-color:var(--calcite-date-picker-day-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-text-color-hover, var(--calcite-color-text-1))}:host(:not([range]):not([selected]).current-day) .day{color:var(--calcite-date-picker-current-day-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium)}:host(:focus[selected]) .day{z-index:var(--calcite-z-index);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))));box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host(:focus:not([disabled]):not([selected])) .day{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled]):not([selected])) .day{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-date-picker-day-background-color-selected, var(--calcite-color-brand));color:var(--calcite-date-picker-day-text-color-selected, var(--calcite-color-foreground-1))}:host([range-hover]:not([selected])) .day{background-color:var(--calcite-date-picker-day-outside-range-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-outside-range-text-color-hover, var(--calcite-color-text-1))}:host([highlighted]:not([selected])) .day,:host(:hover[highlighted]:not([selected])) .day{color:var(--calcite-date-picker-day-range-text-color, var(--calcite-color-brand));background-color:var(--calcite-date-picker-day-range-background-color, var(--calcite-color-foreground-current))}@media (forced-colors: active){.day{border-radius:0}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day,:host([highlighted]) .day,:host([range-hover]:not([selected])) .day{background-color:highlight}:host([range-hover]) .day,:host([range][selected][start-of-range]) .day,:host([range][selected][end-of-range]) .day{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(),this.active=!1,this.currentMonth=!1,this.disabled=!1,this.endOfRange=!1,this.highlighted=!1,this.range=!1,this.rangeHover=!1,this.selected=!1,this.startOfRange=!1,this.calciteInternalDayHover=t({cancelable:!1}),this.calciteInternalDaySelect=t({cancelable:!1}),this.listen("pointerover",this.pointerOverHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={active:7,currentMonth:7,dateTimeFormat:0,day:9,disabled:7,endOfRange:7,highlighted:7,range:7,rangeEdge:3,rangeHover:7,scale:3,selected:7,startOfRange:7,value:0}}static{this.styles=k}async setFocus(){await u(this),this.el.focus()}load(){this.parentDatePickerEl=h(this.el,"calcite-date-picker")}updated(){p(this)}onClick(){this.disabled||this.calciteInternalDaySelect.emit()}keyDownHandler(e){f(e.key)&&(this.disabled||this.calciteInternalDaySelect.emit(),e.preventDefault())}pointerOverHandler(){this.disabled||this.calciteInternalDayHover.emit()}render(){let e=g(this.value).replaceAll("-","");if(this.parentDatePickerEl){let{numberingSystem:c,lang:r}=this.parentDatePickerEl;o.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...r&&{locale:r}}}let b=o.localize(String(this.day)),m=this.dateTimeFormat.format(this.value);return this.el.ariaLabel=m,this.el.ariaSelected=v(this.active),a(this.el,"id",e),this.el.role="button",a(this.el,"tabIndex",this.active&&!this.disabled?0:-1),y({disabled:this.disabled,children:s`<div aria-hidden=true class="day-wrapper"><span class="day"><span class="text">${b}</span></span></div>`})}};d("calcite-date-picker-day",i);export{i as DatePickerDay};

package/dist/calcite/2VK4KC2Q.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{OGRFTBLO.js → 2WFZ4GWA.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.1.0-next.2 */
-import{h as R,k as f}from"./WAA4MKS3.js";import{c as S,e as F,f as I}from"./MRCQAJYO.js";import{a as g}from"./DX5QQWTN.js";import"./XFL6DTXJ.js";import{a as V}from"./7DBAEOZC.js";import{a as M}from"./CJIMSURB.js";import{a as p,b as m}from"./Y2HUXJL4.js";import{q as C}from"./DUC6YWZN.js";import"./22ZQART2.js";import{J as T,e as z,f as h,w as E,x as d,y as u}from"./3LKN2JHC.js";var s={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"},A=z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal: .125rem;--calcite-meter-height-internal: 1rem;--calcite-meter-font-size-internal: var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal: .75rem;--calcite-meter-font-size-internal: var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal: 1.5rem;--calcite-meter-font-size-internal: var(--calcite-font-size-0)}.container{position:relative;margin:0;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + .5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size,background-color,box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}@media (forced-colors: active){.fill,.fill-danger,.fill-success,.fill-warning{background-color:Highlight}}`,$=class extends E{constructor(){super(...arguments),this.highLabelEl=p(),this.labelFlipMax=.8,this.labelFlipProximity=.15,this.lowLabelEl=p(),this.maxLabelEl=p(),this.maxPercent=100,this.messages=M({name:null}),this.meterContainerEl=p(),this.minLabelEl=p(),this.minPercent=0,this.resizeObserver=V("resize",()=>this.resizeHandler()),this.valueLabelEl=p(),this.appearance="outline-fill",this.disabled=!1,this.fillType="range",this.groupSeparator=!1,this.max=100,this.min=0,this.rangeLabelType="percent",this.rangeLabels=!1,this.scale="m",this.unitLabel="",this.valueLabel=!1,this.valueLabelType="percent"}static{this.properties={currentPercent:16,highActive:16,highPercent:16,lowActive:16,lowPercent:16,appearance:3,disabled:7,fillType:3,form:3,groupSeparator:7,high:11,label:1,low:11,max:11,min:11,name:3,numberingSystem:1,rangeLabelType:3,rangeLabels:7,scale:3,unitLabel:1,value:9,valueLabel:7,valueLabelType:3}}static{this.styles=A}connectedCallback(){super.connectedCallback(),S(this),this.resizeObserver?.observe(this.el)}load(){this.calculateValues(),I(this,this.value)}willUpdate(e){(e.has("min")&&(this.hasUpdated||this.min!==0)||e.has("max")&&(this.hasUpdated||this.max!==100)||e.has("low")||e.has("high")||e.has("value"))&&this.handleRangeChange(),(e.has("rangeLabels")&&(this.hasUpdated||this.rangeLabels!==!1)||e.has("rangeLabelType")&&(this.hasUpdated||this.rangeLabelType!=="percent")||e.has("unitLabel")&&(this.hasUpdated||this.unitLabel!=="")||e.has("valueLabel")&&(this.hasUpdated||this.valueLabel!==!1)||e.has("valueLabelType")&&(this.hasUpdated||this.valueLabelType!=="percent"))&&this.updateLabels()}loaded(){this.updateLabels()}disconnectedCallback(){super.disconnectedCallback(),F(this),this.resizeObserver?.disconnect()}handleRangeChange(){this.calculateValues(),this.updateLabels()}resizeHandler(){this.updateLabels()}updateLabels(){this.valueLabelEl.value&&this.determineValueLabelPosition(),this.rangeLabels&&this.determineVisibleLabels()}calculateValues(){let{min:e,max:a,low:t,high:i,value:l}=this,n=100*(t-e)/(a-e),r=100*(i-e)/(a-e),c=100*(l-e)/(a-e);(!t||t<e||t>i||t>a)&&(this.low=e),(!i||i>a||i<t||i<e)&&(this.high=a),l||(this.value=e),this.lowPercent=n,this.highPercent=r,this.currentPercent=l?c:0,this.lowActive=!!t&&t>e&&(!l||t>l)&&(!i||t<i),this.highActive=!!i&&e<=i&&i<a&&(!l||i>l)&&(!t||i>t)}formatLabel(e,a){if(a==="percent"){if(!this.percentFormatting){let t=R(this.messages._lang),i=new Intl.NumberFormat(t,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:i,locale:t}}return this.percentFormatting.formatter.format(e)}else return f.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},f.localize(e.toString())}getMeterKindCssClass(){let{low:e,high:a,min:t,max:i,value:l}=this,n=e||t,r=a||i,c=l>=n,b=l<n,v=l>=r,o=l<r;return!l||!e&&o||b?s.success:c&&o?s.warning:v?s.danger:s.success}intersects(e,a){return e&&a&&C(e.getBoundingClientRect(),a.getBoundingClientRect())}determineVisibleLabels(){let{minLabelEl:{value:e},lowLabelEl:{value:a},highLabelEl:{value:t},maxLabelEl:{value:i}}=this,l=this.intersects(t,i),n=this.intersects(a,t),r=this.intersects(a,i),c=this.intersects(e,t),b=this.intersects(e,a),v=this.intersects(e,i),o=s.labelHidden;a&&(b||r||n?a.classList.add(o):a.classList.remove(o)),t&&(c||r||l?t.classList.add(o):t.classList.remove(o)),e&&i&&(v?i.classList.add(o):i.classList.remove(o))}determineValueLabelPosition(){let{valueLabelEl:{value:e},meterContainerEl:{value:a},currentPercent:t}=this,i=t>100?100:t>0?t:0,l=e.getBoundingClientRect().width,n=a.getBoundingClientRect().width,r=100*(l-0)/(n-0);i+r>=100?(e.style.insetInlineEnd="0%",e.style.removeProperty("inset-inline-start")):(e.style.insetInlineStart=`${i}% `,e.style.removeProperty("inset-inline-end"))}renderMeterFill(){let{currentPercent:e,fillType:a}=this,t=this.getMeterKindCssClass();return h`<div class=${d({[s.fill]:!0,[t]:a!=="single"})} style=${u({width:`${e}%`})}></div>`}renderRangeLine(e){let a={insetInlineStart:`${e}%`};return h`<div class=${d(s.stepLine)} style=${u(a)}></div>`}renderValueLabel(){let{currentPercent:e,valueLabelType:a,unitLabel:t,value:i}=this,l=this.formatLabel(a==="percent"?e/100:i||0,a);return g("low-label-line",h`<div class=${d({[s.label]:!0,[s.labelValue]:!0})} ${m(this.valueLabelEl)}>${l}${t&&a!=="percent"&&h`<span class=${d(s.unitLabel)}>&nbsp;${t}</span>`||""}</div>`)}renderMinLabel(){let{rangeLabelType:e,min:a,minPercent:t,unitLabel:i}=this,l={insetInlineStart:`${t}%`},n=this.formatLabel(e==="percent"?t:a,e);return g("min-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(l)} ${m(this.minLabelEl)}>${n}${i&&e!=="percent"&&h`<span class=${d(s.unitLabel)}>&nbsp;${i}</span>`||""}</div>`)}renderLowLabel(){let{rangeLabelType:e,low:a,lowPercent:t,highPercent:i,labelFlipProximity:l}=this,n=a?this.formatLabel(e==="percent"?t/100:a,e):"",r={insetInlineStart:`${t}%`},c={insetInlineEnd:`${100-t}%`},b=(i-t)/100<l?c:r;return g("low-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(b)} ${m(this.lowLabelEl)}>${n}</div>`)}renderHighLabel(){let{rangeLabelType:e,high:a,highPercent:t,labelFlipMax:i}=this,l=a?this.formatLabel(e==="percent"?t/100:a,e):"",n={insetInlineStart:`${t}%`},r={insetInlineEnd:`${100-t}%`},c=t/100>=i?r:n;return g("high-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(c)} ${m(this.highLabelEl)}>${l}</div>`)}renderMaxLabel(){let{rangeLabelType:e,max:a,maxPercent:t}=this,i={insetInlineEnd:`${100-t}%`},l=this.formatLabel(e==="percent"?t/100:a,e);return g("max-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(i)} ${m(this.maxLabelEl)}>${l}</div>`)}render(){let{appearance:e,currentPercent:a,highActive:t,highPercent:i,label:l,lowActive:n,lowPercent:r,max:c,maxPercent:b,min:v,minPercent:o,rangeLabels:L,rangeLabelType:y,unitLabel:x,value:w,valueLabel:P,valueLabelType:k}=this,H=this.formatLabel(a/100,"percent"),U=`${w} ${x}`;return h`<div .ariaLabel=${l} .ariaValueMax=${y==="percent"?b:c} .ariaValueMin=${y==="percent"?o:v} .ariaValueNow=${k==="percent"?a:w} .ariaValueText=${k==="percent"?H:x?U:void 0} class=${d({[s.container]:!0,[s.stepsVisible]:L,[s.valueVisible]:P,[e]:e!=="outline-fill"})} role=meter ${m(this.meterContainerEl)}>${this.renderMeterFill()}${P&&this.renderValueLabel()||""}${n&&this.renderRangeLine(r)||""}${t&&this.renderRangeLine(i)||""}${L&&this.renderMinLabel()||""}${L&&n&&this.renderLowLabel()||""}${L&&t&&this.renderHighLabel()||""}${L&&this.renderMaxLabel()||""}</div>`}};T("calcite-meter",$);export{$ as Meter};
+v3.1.0-next.20 */
+import{h as R,k as f}from"./UT25CUAN.js";import{c as S,e as F,f as I}from"./4WAMGYR2.js";import{a as g}from"./KSOEPZRH.js";import"./FERJAVJN.js";import{a as V}from"./DUW2AMNL.js";import{a as M}from"./PETBUQTQ.js";import{a as p,b as m}from"./JADVCYEZ.js";import{q as C}from"./Q4QRG46O.js";import"./3D7DC35W.js";import{J as T,e as z,f as h,w as E,x as d,y as u}from"./LVWT6HNZ.js";var s={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"},A=z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal: .125rem;--calcite-meter-height-internal: 1rem;--calcite-meter-font-size-internal: var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal: .75rem;--calcite-meter-font-size-internal: var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal: 1.5rem;--calcite-meter-font-size-internal: var(--calcite-font-size-0)}.container{position:relative;margin:0;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + .5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size,background-color,box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}@media (forced-colors: active){.fill,.fill-danger,.fill-success,.fill-warning{background-color:Highlight}}`,$=class extends E{constructor(){super(...arguments),this.highLabelEl=p(),this.labelFlipMax=.8,this.labelFlipProximity=.15,this.lowLabelEl=p(),this.maxLabelEl=p(),this.maxPercent=100,this.messages=M({name:null}),this.meterContainerEl=p(),this.minLabelEl=p(),this.minPercent=0,this.resizeObserver=V("resize",()=>this.resizeHandler()),this.valueLabelEl=p(),this.appearance="outline-fill",this.disabled=!1,this.fillType="range",this.groupSeparator=!1,this.max=100,this.min=0,this.rangeLabelType="percent",this.rangeLabels=!1,this.scale="m",this.unitLabel="",this.valueLabel=!1,this.valueLabelType="percent"}static{this.properties={currentPercent:16,highActive:16,highPercent:16,lowActive:16,lowPercent:16,appearance:3,disabled:7,fillType:3,form:3,groupSeparator:7,high:11,label:1,low:11,max:11,min:11,name:3,numberingSystem:1,rangeLabelType:3,rangeLabels:7,scale:3,unitLabel:1,value:9,valueLabel:7,valueLabelType:3}}static{this.styles=A}connectedCallback(){super.connectedCallback(),S(this),this.resizeObserver?.observe(this.el)}load(){this.calculateValues(),I(this,this.value)}willUpdate(e){(e.has("min")&&(this.hasUpdated||this.min!==0)||e.has("max")&&(this.hasUpdated||this.max!==100)||e.has("low")||e.has("high")||e.has("value"))&&this.handleRangeChange(),(e.has("rangeLabels")&&(this.hasUpdated||this.rangeLabels!==!1)||e.has("rangeLabelType")&&(this.hasUpdated||this.rangeLabelType!=="percent")||e.has("unitLabel")&&(this.hasUpdated||this.unitLabel!=="")||e.has("valueLabel")&&(this.hasUpdated||this.valueLabel!==!1)||e.has("valueLabelType")&&(this.hasUpdated||this.valueLabelType!=="percent"))&&this.updateLabels()}loaded(){this.updateLabels()}disconnectedCallback(){super.disconnectedCallback(),F(this),this.resizeObserver?.disconnect()}handleRangeChange(){this.calculateValues(),this.updateLabels()}resizeHandler(){this.updateLabels()}updateLabels(){this.valueLabelEl.value&&this.determineValueLabelPosition(),this.rangeLabels&&this.determineVisibleLabels()}calculateValues(){let{min:e,max:a,low:t,high:i,value:l}=this,n=100*(t-e)/(a-e),r=100*(i-e)/(a-e),c=100*(l-e)/(a-e);(!t||t<e||t>i||t>a)&&(this.low=e),(!i||i>a||i<t||i<e)&&(this.high=a),l||(this.value=e),this.lowPercent=n,this.highPercent=r,this.currentPercent=l?c:0,this.lowActive=!!t&&t>e&&(!l||t>l)&&(!i||t<i),this.highActive=!!i&&e<=i&&i<a&&(!l||i>l)&&(!t||i>t)}formatLabel(e,a){if(a==="percent"){if(!this.percentFormatting){let t=R(this.messages._lang),i=new Intl.NumberFormat(t,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:i,locale:t}}return this.percentFormatting.formatter.format(e)}else return f.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},f.localize(e.toString())}getMeterKindCssClass(){let{low:e,high:a,min:t,max:i,value:l}=this,n=e||t,r=a||i,c=l>=n,b=l<n,v=l>=r,o=l<r;return!l||!e&&o||b?s.success:c&&o?s.warning:v?s.danger:s.success}intersects(e,a){return e&&a&&C(e.getBoundingClientRect(),a.getBoundingClientRect())}determineVisibleLabels(){let{minLabelEl:{value:e},lowLabelEl:{value:a},highLabelEl:{value:t},maxLabelEl:{value:i}}=this,l=this.intersects(t,i),n=this.intersects(a,t),r=this.intersects(a,i),c=this.intersects(e,t),b=this.intersects(e,a),v=this.intersects(e,i),o=s.labelHidden;a&&(b||r||n?a.classList.add(o):a.classList.remove(o)),t&&(c||r||l?t.classList.add(o):t.classList.remove(o)),e&&i&&(v?i.classList.add(o):i.classList.remove(o))}determineValueLabelPosition(){let{valueLabelEl:{value:e},meterContainerEl:{value:a},currentPercent:t}=this,i=t>100?100:t>0?t:0,l=e.getBoundingClientRect().width,n=a.getBoundingClientRect().width,r=100*(l-0)/(n-0);i+r>=100?(e.style.insetInlineEnd="0%",e.style.removeProperty("inset-inline-start")):(e.style.insetInlineStart=`${i}% `,e.style.removeProperty("inset-inline-end"))}renderMeterFill(){let{currentPercent:e,fillType:a}=this,t=this.getMeterKindCssClass();return h`<div class=${d({[s.fill]:!0,[t]:a!=="single"})} style=${u({width:`${e}%`})}></div>`}renderRangeLine(e){let a={insetInlineStart:`${e}%`};return h`<div class=${d(s.stepLine)} style=${u(a)}></div>`}renderValueLabel(){let{currentPercent:e,valueLabelType:a,unitLabel:t,value:i}=this,l=this.formatLabel(a==="percent"?e/100:i||0,a);return g("low-label-line",h`<div class=${d({[s.label]:!0,[s.labelValue]:!0})} ${m(this.valueLabelEl)}>${l}${t&&a!=="percent"&&h`<span class=${d(s.unitLabel)}>&nbsp;${t}</span>`||""}</div>`)}renderMinLabel(){let{rangeLabelType:e,min:a,minPercent:t,unitLabel:i}=this,l={insetInlineStart:`${t}%`},n=this.formatLabel(e==="percent"?t:a,e);return g("min-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(l)} ${m(this.minLabelEl)}>${n}${i&&e!=="percent"&&h`<span class=${d(s.unitLabel)}>&nbsp;${i}</span>`||""}</div>`)}renderLowLabel(){let{rangeLabelType:e,low:a,lowPercent:t,highPercent:i,labelFlipProximity:l}=this,n=a?this.formatLabel(e==="percent"?t/100:a,e):"",r={insetInlineStart:`${t}%`},c={insetInlineEnd:`${100-t}%`},b=(i-t)/100<l?c:r;return g("low-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(b)} ${m(this.lowLabelEl)}>${n}</div>`)}renderHighLabel(){let{rangeLabelType:e,high:a,highPercent:t,labelFlipMax:i}=this,l=a?this.formatLabel(e==="percent"?t/100:a,e):"",n={insetInlineStart:`${t}%`},r={insetInlineEnd:`${100-t}%`},c=t/100>=i?r:n;return g("high-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(c)} ${m(this.highLabelEl)}>${l}</div>`)}renderMaxLabel(){let{rangeLabelType:e,max:a,maxPercent:t}=this,i={insetInlineEnd:`${100-t}%`},l=this.formatLabel(e==="percent"?t/100:a,e);return g("max-label-line",h`<div class=${d({[s.label]:!0,[s.labelRange]:!0})} style=${u(i)} ${m(this.maxLabelEl)}>${l}</div>`)}render(){let{appearance:e,currentPercent:a,highActive:t,highPercent:i,label:l,lowActive:n,lowPercent:r,max:c,maxPercent:b,min:v,minPercent:o,rangeLabels:L,rangeLabelType:y,unitLabel:x,value:w,valueLabel:P,valueLabelType:k}=this,H=this.formatLabel(a/100,"percent"),U=`${w} ${x}`;return h`<div .ariaLabel=${l} .ariaValueMax=${y==="percent"?b:c} .ariaValueMin=${y==="percent"?o:v} .ariaValueNow=${k==="percent"?a:w} .ariaValueText=${k==="percent"?H:x?U:void 0} class=${d({[s.container]:!0,[s.stepsVisible]:L,[s.valueVisible]:P,[e]:e!=="outline-fill"})} role=meter ${m(this.meterContainerEl)}>${this.renderMeterFill()}${P&&this.renderValueLabel()||""}${n&&this.renderRangeLine(r)||""}${t&&this.renderRangeLine(i)||""}${L&&this.renderMinLabel()||""}${L&&n&&this.renderLowLabel()||""}${L&&t&&this.renderHighLabel()||""}${L&&this.renderMaxLabel()||""}</div>`}};T("calcite-meter",$);export{$ as Meter};

package/dist/calcite/2WFZ4GWA.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{ZFDHZRM3.js → 32I5GMWU.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.1.0-next.2 */
+v3.1.0-next.20 */
 var t={menu:"menu",defaultTrigger:"default-trigger"},e={tooltip:"tooltip",trigger:"trigger"},a={menu:"ellipsis"},i="data-active";export{t as a,e as b,a as c,i as d};

package/dist/calcite/32I5GMWU.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{22ZQART2.js → 3D7DC35W.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.1.0-next.2 */
+v3.1.0-next.20 */
 function e(r){return r.map(o=>{let t="";for(let n=0;n<o;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}).join("-")}var i=()=>e([2,1,1,1,3]);export{i as a};

package/dist/calcite/3D7DC35W.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{G7D42U2C.js → 3LNIRN7T.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.1.0-next.2 */
-import{a as f,b as u}from"./732ISI52.js";import"./FJMTDL63.js";import{a as h}from"./DX5QQWTN.js";import{a as p}from"./CJIMSURB.js";import{u as m}from"./DUC6YWZN.js";import{a as g}from"./CNPUJAYB.js";import"./22ZQART2.js";import{J as d,e as r,f as i,v as l,w as c,x as a}from"./3LKN2JHC.js";var e={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info",infoNoThumbnail:"info--no-thumbnail"},$={close:"x"},T={thumbnail:"thumbnail"},z=r`:host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0;border-style:none;padding:0}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{margin-block-end:.5rem}.header .heading{padding:0;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info--no-thumbnail{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-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))))}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends c{constructor(){super(...arguments),this.hasThumbnail=!1,this.closeDisabled=!1,this.closed=!1,this.messages=p(),this.selected=!1,this.calciteTipDismiss=l({cancelable:!1})}static{this.properties={hasThumbnail:16,closeDisabled:7,closed:7,heading:1,headingLevel:11,messageOverrides:0,selected:7}}static{this.styles=z}async load(){g.deprecated("component",{name:"tip",removalVersion:4,suggested:["card","notice","panel","tile"]})}hideTip(){this.closed=!0,this.calciteTipDismiss.emit()}handleThumbnailSlotChange(n){this.hasThumbnail=m(n)}renderHeader(){let{heading:n,headingLevel:t,el:b}=this,s=b.closest("calcite-tip-manager")?.headingLevel,v=s?f(s+1):null,x=t||v;return n?i`<header class=${a(e.header)}>${u({class:e.heading,level:x,children:n})}</header>`:null}renderDismissButton(){let{closeDisabled:n,hideTip:t}=this;return n?null:i`<calcite-action class=${a(e.close)} .icon=${$.close} @click=${t} scale=l .text=${this.messages.close}></calcite-action>`}renderImageFrame(){return h("thumbnail",i`<div class=${a(e.imageFrame)} .hidden=${!this.hasThumbnail}><slot name=${T.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></div>`)}renderInfoNode(){return i`<div class=${a({[e.info]:!0,[e.infoNoThumbnail]:!this.hasThumbnail})}><slot></slot></div>`}renderContent(){return i`<div class=${a(e.content)}>${this.renderImageFrame()}${this.renderInfoNode()}</div>`}render(){return i`<article class=${a(e.container)}>${this.renderHeader()}${this.renderContent()}</article>${this.renderDismissButton()}`}};d("calcite-tip",o);export{o as Tip};
+v3.1.0-next.20 */
+import{a as f,b as u}from"./BXAU54GK.js";import"./OWW6FY22.js";import{a as h}from"./KSOEPZRH.js";import{a as p}from"./PETBUQTQ.js";import{u as m}from"./Q4QRG46O.js";import{a as g}from"./SVXHIFEF.js";import"./3D7DC35W.js";import{J as d,e as r,f as i,v as l,w as c,x as a}from"./LVWT6HNZ.js";var e={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info",infoNoThumbnail:"info--no-thumbnail"},$={close:"x"},T={thumbnail:"thumbnail"},z=r`:host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0;border-style:none;padding:0}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{margin-block-end:.5rem}.header .heading{padding:0;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info--no-thumbnail{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-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))))}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends c{constructor(){super(...arguments),this.hasThumbnail=!1,this.closeDisabled=!1,this.closed=!1,this.messages=p(),this.selected=!1,this.calciteTipDismiss=l({cancelable:!1})}static{this.properties={hasThumbnail:16,closeDisabled:7,closed:7,heading:1,headingLevel:11,messageOverrides:0,selected:7}}static{this.styles=z}async load(){g.deprecated("component",{name:"tip",removalVersion:4,suggested:["card","notice","panel","tile"]})}hideTip(){this.closed=!0,this.calciteTipDismiss.emit()}handleThumbnailSlotChange(n){this.hasThumbnail=m(n)}renderHeader(){let{heading:n,headingLevel:t,el:b}=this,s=b.closest("calcite-tip-manager")?.headingLevel,v=s?f(s+1):null,x=t||v;return n?i`<header class=${a(e.header)}>${u({class:e.heading,level:x,children:n})}</header>`:null}renderDismissButton(){let{closeDisabled:n,hideTip:t}=this;return n?null:i`<calcite-action class=${a(e.close)} .icon=${$.close} @click=${t} scale=l .text=${this.messages.close}></calcite-action>`}renderImageFrame(){return h("thumbnail",i`<div class=${a(e.imageFrame)} .hidden=${!this.hasThumbnail}><slot name=${T.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></div>`)}renderInfoNode(){return i`<div class=${a({[e.info]:!0,[e.infoNoThumbnail]:!this.hasThumbnail})}><slot></slot></div>`}renderContent(){return i`<div class=${a(e.content)}>${this.renderImageFrame()}${this.renderInfoNode()}</div>`}render(){return i`<article class=${a(e.container)}>${this.renderHeader()}${this.renderContent()}</article>${this.renderDismissButton()}`}};d("calcite-tip",o);export{o as Tip};

package/dist/calcite/3LNIRN7T.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{TQDXQRNR.js → 3M34BCUO.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.1.0-next.2 */
-import{b as o,c as v}from"./FJMTDL63.js";import{a as k,b as g}from"./2OISO5WX.js";import{b as u}from"./Y2HUXJL4.js";import{e as b,l as m}from"./DUC6YWZN.js";import{d as f}from"./V4T4WQ4N.js";import"./CNPUJAYB.js";import"./22ZQART2.js";import{B as d,C as h,J as p,e as l,f as n,w as r,x as c,z as e}from"./3LKN2JHC.js";var R=l`: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}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0;border-style:none;font-family:inherit;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none;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,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px,100% 1px}:host span:active,:host a:active{background-size:100% 2px,100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%,100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends r{constructor(){super(),this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:7,download:[3,{converter:d}],href:3,iconEnd:3,iconFlipRtl:3,iconStart:3,rel:1,target:1}}static{this.styles=R}async setFocus(){await f(this),m(this.childEl)}updated(){k(this)}clickHandler(i){this.disabled||i.isTrusted||this.childEl.click()}childElClickHandler(i){i.isTrusted||i.stopPropagation()}storeTagRef(i){this.childEl=i}render(){let{download:i,el:y}=this,x=b(y),t=this.href?"a":"span",$=n`<calcite-icon class="calcite-link--icon icon-start" .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`,z=n`<calcite-icon class="calcite-link--icon icon-end" .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`,a=t==="span"?o`span`:o`a`,w=t==="span"?"link":null,E=t==="span"?0:null;return this.el.role="presentation",g({disabled:this.disabled,children:v`<${a} class=${c({[h.rtl]:x==="rtl"})} download=${(t==="a"?i===!0||i===""?"":i||null:null)??e} href=${(t==="a"&&this.href)??e} @click=${this.childElClickHandler} rel=${(t==="a"&&this.rel)??e} .role=${w} tabindex=${E??e} target=${(t==="a"&&this.target)??e} ${u(this.storeTagRef)}>${n`${this.iconStart?$:null}<slot></slot>${this.iconEnd?z:null}`}</${a}>`})}};p("calcite-link",s);export{s as Link};
+v3.1.0-next.20 */
+import{b as o,c as v}from"./OWW6FY22.js";import{a as k,b as g}from"./DATJU2FF.js";import{b as u}from"./JADVCYEZ.js";import{e as b,l as m}from"./Q4QRG46O.js";import{d as f}from"./YNMIV3ZH.js";import"./SVXHIFEF.js";import"./3D7DC35W.js";import{B as d,C as h,J as p,e as l,f as n,w as r,x as c,z as e}from"./LVWT6HNZ.js";var R=l`: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}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0;border-style:none;font-family:inherit;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none;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,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px,100% 1px}:host span:active,:host a:active{background-size:100% 2px,100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%,100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends r{constructor(){super(),this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:7,download:[3,{converter:d}],href:3,iconEnd:3,iconFlipRtl:3,iconStart:3,rel:1,target:1}}static{this.styles=R}async setFocus(){await f(this),m(this.childEl)}updated(){k(this)}clickHandler(i){this.disabled||i.isTrusted||this.childEl.click()}childElClickHandler(i){i.isTrusted||i.stopPropagation()}storeTagRef(i){this.childEl=i}render(){let{download:i,el:y}=this,x=b(y),t=this.href?"a":"span",$=n`<calcite-icon class="calcite-link--icon icon-start" .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`,z=n`<calcite-icon class="calcite-link--icon icon-end" .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`,a=t==="span"?o`span`:o`a`,w=t==="span"?"link":null,E=t==="span"?0:null;return this.el.role="presentation",g({disabled:this.disabled,children:v`<${a} class=${c({[h.rtl]:x==="rtl"})} download=${(t==="a"?i===!0||i===""?"":i||null:null)??e} href=${(t==="a"&&this.href)??e} @click=${this.childElClickHandler} rel=${(t==="a"&&this.rel)??e} .role=${w} tabindex=${E??e} target=${(t==="a"&&this.target)??e} ${u(this.storeTagRef)}>${n`${this.iconStart?$:null}<slot></slot>${this.iconEnd?z:null}`}</${a}>`})}};p("calcite-link",s);export{s as Link};

package/dist/calcite/3M34BCUO.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{HQWGHBN4.js → 3OPBBHKH.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.1.0-next.2 */
-import{c as w,e as f,h as g}from"./MRCQAJYO.js";import{c as k,d as u,e as v}from"./NID6QD55.js";import{a as b,b as p}from"./2OISO5WX.js";import{a as m}from"./XFL6DTXJ.js";import{b as n}from"./Y2HUXJL4.js";import{l as d}from"./DUC6YWZN.js";import{d as h}from"./V4T4WQ4N.js";import"./CNPUJAYB.js";import"./22ZQART2.js";import{J as l,e as a,f as c,v as r,w as s,x as t}from"./3LKN2JHC.js";var o={container:"container",track:"track",handle:"handle"},x=a`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:.75rem}:host([scale=s]) .track{block-size:.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:.5rem;inline-size:.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:.75rem;inline-size:.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-width:1px;border-style:solid;vertical-align:top;outline-color:transparent;border-radius:var(--calcite-switch-corner-radius, 9999px);border-color:var(--calcite-switch-border-color, var(--calcite-color-border-2));background-color:var(--calcite-switch-background-color, var(--calcite-color-foreground-2))}.container:focus .track{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))))}.handle{pointer-events:none;position:absolute;display:block;border-width:2px;border-style:solid;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-block-start:-1px;inset-inline:-1px auto;background-color:var(--calcite-switch-handle-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-switch-corner-radius, 9999px);box-shadow:var(--calcite-switch-handle-shadow)}:host(:hover:not([disabled])) .handle,:host(:focus:not([disabled])) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand));box-shadow:var(--calcite-switch-handle-shadow, inset 0 0 0 1px var(--calcite-color-brand))}:host([checked]) .track{border-color:var(--calcite-switch-border-color, var(--calcite-color-brand-hover));background-color:var(--calcite-switch-background-color, var(--calcite-color-brand))}:host([checked]) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand));inset-inline:auto -1px}:host([checked]):host(:hover:not([disabled])) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand-hover));box-shadow:var(--calcite-switch-handle-shadow, inset 0 0 0 1px var(--calcite-color-brand-hover))}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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}`,i=class extends s{constructor(){super(),this.checked=!1,this.disabled=!1,this.scale="m",this.calciteSwitchChange=r({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:7,disabled:7,form:3,label:1,name:3,scale:3,value:1}}static{this.styles=x}async setFocus(){await h(this),d(this.switchEl)}connectedCallback(){super.connectedCallback(),k(this),w(this)}updated(){b(this)}disconnectedCallback(){super.disconnectedCallback(),u(this),f(this)}syncHiddenFormInput(e){e.type="checkbox"}keyDownHandler(e){!this.disabled&&m(e.key)&&(this.toggle(),e.preventDefault())}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit()}clickHandler(){this.disabled||this.toggle()}setSwitchEl(e){this.switchEl=e}render(){return p({disabled:this.disabled,children:c`<div .ariaChecked=${this.checked} .ariaLabel=${v(this)} class=${t(o.container)} role=switch tabindex=0 ${n(this.setSwitchEl)}><div class=${t(o.track)}><div class=${t(o.handle)}></div></div>${g({component:this})}</div>`})}};l("calcite-switch",i);export{i as Switch};
+v3.1.0-next.20 */
+import{c as w,e as f,h as g}from"./4WAMGYR2.js";import{c as k,d as u,e as v}from"./X2V2ETFS.js";import{a as b,b as p}from"./DATJU2FF.js";import{a as m}from"./FERJAVJN.js";import{b as n}from"./JADVCYEZ.js";import{l as d}from"./Q4QRG46O.js";import{d as h}from"./YNMIV3ZH.js";import"./SVXHIFEF.js";import"./3D7DC35W.js";import{J as l,e as a,f as c,v as r,w as s,x as t}from"./LVWT6HNZ.js";var o={container:"container",track:"track",handle:"handle"},x=a`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:.75rem}:host([scale=s]) .track{block-size:.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:.5rem;inline-size:.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:.75rem;inline-size:.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-width:1px;border-style:solid;vertical-align:top;outline-color:transparent;border-radius:var(--calcite-switch-corner-radius, 9999px);border-color:var(--calcite-switch-border-color, var(--calcite-color-border-2));background-color:var(--calcite-switch-background-color, var(--calcite-color-foreground-2))}.container:focus .track{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))))}.handle{pointer-events:none;position:absolute;display:block;border-width:2px;border-style:solid;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-block-start:-1px;inset-inline:-1px auto;background-color:var(--calcite-switch-handle-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-switch-corner-radius, 9999px);box-shadow:var(--calcite-switch-handle-shadow)}:host(:hover:not([disabled])) .handle,:host(:focus:not([disabled])) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand));box-shadow:var(--calcite-switch-handle-shadow, inset 0 0 0 1px var(--calcite-color-brand))}:host([checked]) .track{border-color:var(--calcite-switch-border-color, var(--calcite-color-brand-hover));background-color:var(--calcite-switch-background-color, var(--calcite-color-brand))}:host([checked]) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand));inset-inline:auto -1px}:host([checked]):host(:hover:not([disabled])) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand-hover));box-shadow:var(--calcite-switch-handle-shadow, inset 0 0 0 1px var(--calcite-color-brand-hover))}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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}`,i=class extends s{constructor(){super(),this.checked=!1,this.disabled=!1,this.scale="m",this.calciteSwitchChange=r({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:7,disabled:7,form:3,label:1,name:3,scale:3,value:1}}static{this.styles=x}async setFocus(){await h(this),d(this.switchEl)}connectedCallback(){super.connectedCallback(),k(this),w(this)}updated(){b(this)}disconnectedCallback(){super.disconnectedCallback(),u(this),f(this)}syncHiddenFormInput(e){e.type="checkbox"}keyDownHandler(e){!this.disabled&&m(e.key)&&(this.toggle(),e.preventDefault())}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit()}clickHandler(){this.disabled||this.toggle()}setSwitchEl(e){this.switchEl=e}render(){return p({disabled:this.disabled,children:c`<div .ariaChecked=${this.checked} .ariaLabel=${v(this)} class=${t(o.container)} role=switch tabindex=0 ${n(this.setSwitchEl)}><div class=${t(o.track)}><div class=${t(o.handle)}></div></div>${g({component:this})}</div>`})}};l("calcite-switch",i);export{i as Switch};

package/dist/calcite/3OPBBHKH.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{RNVDUV5L.js → 3ORACO5H.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.1.0-next.2 */
-import{a as n}from"./M53C2XUS.js";import{a as g,b}from"./2OISO5WX.js";import{a as f}from"./V4T4WQ4N.js";import"./CNPUJAYB.js";import{a as v}from"./22ZQART2.js";import{J as h,e as p,f as o,v as m,w as u,x as i}from"./3LKN2JHC.js";var t={container:"container",containerActive:"container--active",contentCenter:"content-center",description:"description",heading:"heading",iconEnd:"icon-end",iconStart:"icon-start",scale:r=>`scale--${r}`},x={contentEnd:"content-end",contentStart:"content-start"},$=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}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: .625rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);word-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-2))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends u{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.guid=`autocomplete-item-${v()}`,this.scale="m",this.calciteInternalAutocompleteItemSelect=m({cancelable:!1})}static{this.properties={active:5,description:1,disabled:7,guid:1,heading:1,iconEnd:3,iconFlipRtl:3,iconStart:3,inputValueMatchPattern:2,label:1,scale:1,value:1}}static{this.styles=$}updated(){g(this)}handleClick(e){e.preventDefault(),this.calciteInternalAutocompleteItemSelect.emit()}render(){let{active:e,description:c,heading:a,disabled:s,inputValueMatchPattern:d}=this;return b({disabled:s,children:o`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!s,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${x.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${n({text:a,pattern:d})}</div><div class=${i(t.description)}>${n({text:c,pattern:d})}</div></div><slot name=${x.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:c}=this,a=e==="start"?this.iconStart:this.iconEnd;return a?o`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${c===e||c==="both"} .icon=${a} .scale=${f(this.scale)}></calcite-icon>`:null}};h("calcite-autocomplete-item",l);export{l as AutocompleteItem};
+v3.1.0-next.20 */
+import{a as n}from"./HRFAGW5D.js";import{a as g,b}from"./DATJU2FF.js";import{a as f}from"./YNMIV3ZH.js";import"./SVXHIFEF.js";import{a as v}from"./3D7DC35W.js";import{J as h,e as p,f as o,v as m,w as u,x as i}from"./LVWT6HNZ.js";var t={container:"container",containerActive:"container--active",contentCenter:"content-center",description:"description",heading:"heading",iconEnd:"icon-end",iconStart:"icon-start",scale:r=>`scale--${r}`},x={contentEnd:"content-end",contentStart:"content-start"},$=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}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: .625rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);word-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-2))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends u{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.guid=`autocomplete-item-${v()}`,this.scale="m",this.calciteInternalAutocompleteItemSelect=m({cancelable:!1})}static{this.properties={active:5,description:1,disabled:7,guid:1,heading:1,iconEnd:3,iconFlipRtl:3,iconStart:3,inputValueMatchPattern:2,label:1,scale:1,value:1}}static{this.styles=$}updated(){g(this)}handleClick(e){e.preventDefault(),this.calciteInternalAutocompleteItemSelect.emit()}render(){let{active:e,description:c,heading:a,disabled:s,inputValueMatchPattern:d}=this;return b({disabled:s,children:o`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!s,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${x.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${n({text:a,pattern:d})}</div><div class=${i(t.description)}>${n({text:c,pattern:d})}</div></div><slot name=${x.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:c}=this,a=e==="start"?this.iconStart:this.iconEnd;return a?o`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${c===e||c==="both"} .icon=${a} .scale=${f(this.scale)}></calcite-icon>`:null}};h("calcite-autocomplete-item",l);export{l as AutocompleteItem};

package/dist/calcite/3ORACO5H.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */

package/dist/calcite/{IESJN4QM.js → 3RMFXQ7H.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.1.0-next.2 */
-import{a as f,b as m,j as h,m as F,n as I,q as k}from"./EHAMMNEU.js";import"./WAA4MKS3.js";import{a as H}from"./DX5QQWTN.js";import"./XFL6DTXJ.js";import{b as R}from"./Y2HUXJL4.js";import{J as x,e as $,f as v,v as p,w as M,x as g}from"./3LKN2JHC.js";var l={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",insideRangeHover:"inside-range--hover",month:"month",noncurrent:"noncurrent",outsideRangeHover:"outside-range--hover",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},A=$`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-3))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,y=7,w=6,b=class extends M{constructor(){super(),this.activeDate=new Date,this.range=!1,this.calciteInternalDatePickerDayHover=p({cancelable:!1}),this.calciteInternalDatePickerDaySelect=p({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=p({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:16,activeDate:0,dateTimeFormat:0,endDate:0,headingLevel:11,hoverRange:0,layout:3,localeData:0,max:0,messages:0,min:0,monthStyle:1,range:7,scale:3,selectedDate:0,startDate:0}}static{this.styles=A}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=f(e,this.min,this.max)?e:m(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let i=new Date(a,e,0),s=i.getDate(),n=i.getDay(),r=[];if(n===(t+w)%y)return r;if(n===t)return[s];for(let c=(y+n-t)%y;c>=0;c--)r.push(s-c);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),i=[];for(let s=0;s<t;s++)i.push(s+1);return i}getNextMonthDays(e,a,t){let i=new Date(a,e+1,0).getDay(),s=[];if(i===(t+w)%y)return s;for(let n=0;n<(w-(i-t))%y;n++)s.push(n+1);return s}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(h(e,this.selectedDate)||this.startDate&&h(e,this.startDate)||this.endDate&&h(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!h(this.startDate,this.endDate)&&h(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!h(this.startDate,this.endDate)&&h(this.endDate,e)||!this.endDate&&this.hoverRange&&h(this.startDate,this.hoverRange.end)&&h(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),i=this.startDate&&a>this.startDate,s=this.endDate&&a<this.endDate,n=this.startDate&&e>this.startDate,r=this.endDate&&e<this.endDate,c=!t&&this.startDate&&i&&(!this.endDate||s),o=t&&this.startDate&&n&&r;return c||o}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,i=this.isFocusedOnStart(),s=this.isHoverInRange(),n=e>a&&e<this.startDate,r=e<t&&e>this.endDate,c=e>t&&e<this.endDate,o=e<a&&e>this.startDate,d=e<t&&e>this.startDate,D=e>a&&e<this.endDate,u=this.startDate&&this.endDate;if(s){if(u)return i?e<this.endDate&&(o||n):c||r;if(this.startDate&&!this.endDate)return i?n:d;if(!this.startDate&&this.endDate)return i?D:r}else if(u)return i?n:r}getDays(e,a,t,i="start"){let s=this.activeDate.getMonth(),n=s+1;s=i==="end"?n:s;let r=0,c=()=>r++%7,o=this.activeDate.getFullYear();return[...e.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,s-1,d)})),...a.map(d=>{let D=new Date(o,s,d),u=h(D,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?h(D,this.focusedDate):h(D,this.startDate)||h(D,this.endDate),currentMonth:!0,currentDay:u,day:d,dayInWeek:c(),date:D,ref:!0}}),...t.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,n,d)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!k(this.startDate,e)||!k(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:F(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:i,short:s,narrow:n}=this.localeData.days,r=this.scale==="s"?n||s||i:s||i||n,c=[...r.slice(t,7),...r.slice(0,t)],o=this.getCurrentMonthDays(e,a),d=this.getPreviousMonthDays(e,a,t),D=this.getNextMonthDays(e,a,t),u=e+1,P=this.getPreviousMonthDays(u,a,t),C=this.getCurrentMonthDays(u,a),S=this.getNextMonthDays(u,a,t),z=this.getDays(d,o,D),O=this.getDays(P,C,S,"end");return v`<div class=${g({[l.calendarContainer]:!0})} role=grid>${this.renderCalendar(c,z)}${this.range&&this.renderCalendar(c,O,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:i,day:s,dayInWeek:n,ref:r},c){let o=f(i,this.min,this.max);return H(c,v`<div class=${g({[l.dayContainer]:!0})} role=gridcell><calcite-date-picker-day .active=${e} class=${g({[l.currentDay]:t,[l.insideRangeHover]:this.isHoverInRange(),[l.outsideRangeHover]:!this.isHoverInRange(),[l.noncurrent]:this.range&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${s} .disabled=${!o} .endOfRange=${this.isEndOfRange(i)} .highlighted=${this.betweenSelectedRange(i)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!h(this.startDate,this.endDate)} .rangeEdge=${n===0?"start":n===6?"end":void 0} .rangeHover=${o&&this.isRangeHover(i)} .scale=${this.scale} .selected=${this.isSelected(i)} .startOfRange=${this.isStartOfRange(i)} .value=${i} ${R(d=>{r&&e&&this.activeFocus&&d?.setFocus()})}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return v`<div class=${g({[l.calendar]:!0,[l.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} data-test-calendar=${t?"end":"start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range?"start":null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return v`<div class=${g({[l.month]:!0})} @keydown=${this.keyDownHandler}><div class=${g({[l.weekHeaderContainer]:!0})} role=row>${e.map(i=>v`<span class=${g({[l.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${g({[l.weekDays]:!0})} role=row>${a.map((i,s)=>this.renderDateDay(i,t?50+s:s))}</div></div>`}};x("calcite-date-picker-month",b);export{b as DatePickerMonth};
+v3.1.0-next.20 */
+import{a as f,b as m,j as h,m as F,n as I,q as k}from"./T4P6MLBL.js";import"./UT25CUAN.js";import{a as H}from"./KSOEPZRH.js";import"./FERJAVJN.js";import{b as R}from"./JADVCYEZ.js";import{J as x,e as $,f as v,v as p,w as M,x as g}from"./LVWT6HNZ.js";var l={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",insideRangeHover:"inside-range--hover",month:"month",noncurrent:"noncurrent",outsideRangeHover:"outside-range--hover",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},A=$`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-3))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,y=7,w=6,b=class extends M{constructor(){super(),this.activeDate=new Date,this.range=!1,this.calciteInternalDatePickerDayHover=p({cancelable:!1}),this.calciteInternalDatePickerDaySelect=p({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=p({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:16,activeDate:0,dateTimeFormat:0,endDate:0,headingLevel:11,hoverRange:0,layout:3,localeData:0,max:0,messages:0,min:0,monthStyle:1,range:7,scale:3,selectedDate:0,startDate:0}}static{this.styles=A}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=f(e,this.min,this.max)?e:m(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let i=new Date(a,e,0),s=i.getDate(),n=i.getDay(),r=[];if(n===(t+w)%y)return r;if(n===t)return[s];for(let c=(y+n-t)%y;c>=0;c--)r.push(s-c);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),i=[];for(let s=0;s<t;s++)i.push(s+1);return i}getNextMonthDays(e,a,t){let i=new Date(a,e+1,0).getDay(),s=[];if(i===(t+w)%y)return s;for(let n=0;n<(w-(i-t))%y;n++)s.push(n+1);return s}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(h(e,this.selectedDate)||this.startDate&&h(e,this.startDate)||this.endDate&&h(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!h(this.startDate,this.endDate)&&h(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!h(this.startDate,this.endDate)&&h(this.endDate,e)||!this.endDate&&this.hoverRange&&h(this.startDate,this.hoverRange.end)&&h(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),i=this.startDate&&a>this.startDate,s=this.endDate&&a<this.endDate,n=this.startDate&&e>this.startDate,r=this.endDate&&e<this.endDate,c=!t&&this.startDate&&i&&(!this.endDate||s),o=t&&this.startDate&&n&&r;return c||o}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,i=this.isFocusedOnStart(),s=this.isHoverInRange(),n=e>a&&e<this.startDate,r=e<t&&e>this.endDate,c=e>t&&e<this.endDate,o=e<a&&e>this.startDate,d=e<t&&e>this.startDate,D=e>a&&e<this.endDate,u=this.startDate&&this.endDate;if(s){if(u)return i?e<this.endDate&&(o||n):c||r;if(this.startDate&&!this.endDate)return i?n:d;if(!this.startDate&&this.endDate)return i?D:r}else if(u)return i?n:r}getDays(e,a,t,i="start"){let s=this.activeDate.getMonth(),n=s+1;s=i==="end"?n:s;let r=0,c=()=>r++%7,o=this.activeDate.getFullYear();return[...e.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,s-1,d)})),...a.map(d=>{let D=new Date(o,s,d),u=h(D,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?h(D,this.focusedDate):h(D,this.startDate)||h(D,this.endDate),currentMonth:!0,currentDay:u,day:d,dayInWeek:c(),date:D,ref:!0}}),...t.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,n,d)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!k(this.startDate,e)||!k(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:F(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:i,short:s,narrow:n}=this.localeData.days,r=this.scale==="s"?n||s||i:s||i||n,c=[...r.slice(t,7),...r.slice(0,t)],o=this.getCurrentMonthDays(e,a),d=this.getPreviousMonthDays(e,a,t),D=this.getNextMonthDays(e,a,t),u=e+1,P=this.getPreviousMonthDays(u,a,t),C=this.getCurrentMonthDays(u,a),S=this.getNextMonthDays(u,a,t),z=this.getDays(d,o,D),O=this.getDays(P,C,S,"end");return v`<div class=${g({[l.calendarContainer]:!0})} role=grid>${this.renderCalendar(c,z)}${this.range&&this.renderCalendar(c,O,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:i,day:s,dayInWeek:n,ref:r},c){let o=f(i,this.min,this.max);return H(c,v`<div class=${g({[l.dayContainer]:!0})} role=gridcell><calcite-date-picker-day .active=${e} class=${g({[l.currentDay]:t,[l.insideRangeHover]:this.isHoverInRange(),[l.outsideRangeHover]:!this.isHoverInRange(),[l.noncurrent]:this.range&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${s} .disabled=${!o} .endOfRange=${this.isEndOfRange(i)} .highlighted=${this.betweenSelectedRange(i)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!h(this.startDate,this.endDate)} .rangeEdge=${n===0?"start":n===6?"end":void 0} .rangeHover=${o&&this.isRangeHover(i)} .scale=${this.scale} .selected=${this.isSelected(i)} .startOfRange=${this.isStartOfRange(i)} .value=${i} ${R(d=>{r&&e&&this.activeFocus&&d?.setFocus()})}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return v`<div class=${g({[l.calendar]:!0,[l.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} data-test-calendar=${t?"end":"start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range?"start":null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return v`<div class=${g({[l.month]:!0})} @keydown=${this.keyDownHandler}><div class=${g({[l.weekHeaderContainer]:!0})} role=row>${e.map(i=>v`<span class=${g({[l.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${g({[l.weekDays]:!0})} role=row>${a.map((i,s)=>this.renderDateDay(i,t?50+s:s))}</div></div>`}};x("calcite-date-picker-month",b);export{b as DatePickerMonth};

package/dist/calcite/3RMFXQ7H.js.LEGAL.txt

@@ -0,0 +1,3 @@
+/*! 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.1.0-next.20 */