@esri/calcite-components 1.0.0-next.301 → 1.0.0-next.305

package/dist/esm-es5/calcite-graph_2.entry.js

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,a,e,i){function n(t){return t ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */import{r as registerInstance,h,g as getElement,c as createEvent,H as Host}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{g as getKey}from"./key-69001a68.js";import{j as intersects}from"./dom-f24e866c.js";import{c as clamp}from"./math-456207f5.js";import{c as connectLabel,d as disconnectLabel}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-160b0fb5.js";function slope(t,a,e){var i=a[0]-t[0];var n=e[0]-a[0];var r=a[1]-t[1];var s=e[1]-a[1];var l=r/(i||n<0&&0);var o=s/(n||i<0&&0);var h=(l*n+o*i)/(i+n);return(Math.sign(l)+Math.sign(o))*Math.min(Math.abs(l),Math.abs(o),.5*Math.abs(h))||0}function slopeSingle(t,a,e){var i=a[0]-t[0];var n=a[1]-t[1];return i?(3*n/i-e)/2:e}function bezier(t,a,e,i,n){var r=t[0],s=t[1];var l=a[0],o=a[1];var h=(l-r)/3;var u=n([r+h,s+h*e]).join(",");var c=n([l-h,o-h*i]).join(",");var m=n([l,o]).join(",");return"C "+u+" "+c+" "+m}function translate(t){var a=t.width,e=t.height,i=t.min,n=t.max;var r=n[0]-i[0];var s=n[1]-i[1];return function(t){var n=(t[0]-i[0])/r*a;var l=e-t[1]/s*e;return[n,l]}}function range(t){var a=t[0],e=a[0],i=a[1];var n=[e,i];var r=[e,i];return t.reduce((function(t,a){var e=t.min,i=t.max;var n=a[0],r=a[1];return{min:[Math.min(e[0],n),Math.min(e[1],r)],max:[Math.max(i[0],n),Math.max(i[1],r)]}}),{min:n,max:r})}function area(t){var a=t.data,e=t.min,i=t.max,n=t.t;if(a.length===0){return""}var r=n(a[0]),s=r[0],l=r[1];var o=n(e),h=o[0],u=o[1];var c=n(i)[0];var m;var d;var p;var b=a.reduce((function(t,e,i){d=a[i-2];p=a[i-1];if(i>1){var r=slope(d,p,e);var s=m===undefined?slopeSingle(d,p,r):m;var l=bezier(d,p,s,r,n);m=r;return t+" "+l}return t}),"M "+h+","+u+" L "+h+","+l+" L "+s+","+l);var f=a[a.length-1];var g=bezier(p,f,m,slopeSingle(p,f,m),n);return b+" "+g+" L "+c+","+u+" Z"}var calciteGraphCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.svg{fill:currentColor;stroke:transparent;margin:0;padding:0;display:block}:host([data-style=slider-histogram]) svg{width:100%}:host([data-style=slider-histogram]) svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";var CalciteGraph=function(){function t(t){registerInstance(this,t);this.data=[];this.width=300;this.height=100;this.graphId="calcite-graph-"+guid()}t.prototype.render=function(){var t=this,a=t.data,e=t.colorStops,i=t.width,n=t.height,r=t.highlightMax,s=t.highlightMin,l=t.min,o=t.max;var u=this.graphId;if(!a||a.length===0){return h("svg",{class:"svg",height:n,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+n,width:i})}var c=range(a),m=c.min,d=c.max;var p=m;var b=d;if(l<m[0]||l>m[0]){p=[l,0]}if(o>d[0]||o<d[0]){b=[o,d[1]]}var f=translate({min:p,max:b,width:i,height:n});var g=f([s,b[1]])[0];var v=f([r,b[1]])[0];var x=area({data:a,min:m,max:d,t:f});var k=e?"url(#linear-gradient-"+u+")":undefined;return h("svg",{class:"svg",height:n,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+n,width:i},e?h("defs",null,h("linearGradient",{id:"linear-gradient-"+u,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((function(t){var a=t.offset,e=t.color,i=t.opacity;return h("stop",{offset:a*100+"%","stop-color":e,"stop-opacity":i})})))):null,s!==undefined?[h("mask",{height:"100%",id:u+"1",width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M 0,0\n            L "+(g-1)+",0\n            L "+(g-1)+","+n+"\n            L 0,"+n+"\n            Z\n          ",fill:"white"})),h("mask",{height:"100%",id:u+"2",width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M "+(g+1)+",0\n            L "+(v-1)+",0\n            L "+(v-1)+","+n+"\n            L "+(g+1)+", "+n+"\n            Z\n          ",fill:"white"})),h("mask",{height:"100%",id:u+"3",width:"100%",x:"0%",y:"0%"},h("path",{d:"\n                M "+(v+1)+",0\n                L "+i+",0\n                L "+i+","+n+"\n                L "+(v+1)+", "+n+"\n                Z\n              ",fill:"white"})),h("path",{class:"graph-path",d:x,fill:k,mask:"url(#"+u+"1)"}),h("path",{class:"graph-path--highlight",d:x,fill:k,mask:"url(#"+u+"2)"}),h("path",{class:"graph-path",d:x,fill:k,mask:"url(#"+u+"3)"})]:h("path",{class:"graph-path",d:x,fill:k}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteGraph.style=calciteGraphCss;var calciteSliderCss='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) .graph .graph-path--highlight{fill:var(--calcite-ui-text-3)}:host([label-handles]) .container,:host([precise]:not([precise=false])) .container{margin-top:21px}:host([label-ticks]),:host([precise]:not([precise=false])) .container--range{margin-bottom:21px}:host([precise]:not([precise=false])[label-handles]) .container{margin-top:35px}:host([precise]:not([precise=false])[label-handles]) .container--range{margin-bottom:35px}.thumb{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-family:inherit;z-index:2;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}.thumb .handle__label{font-size:var(--calcite-font-size--2);font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}.thumb .handle__label.static,.thumb .handle__label.transformed{opacity:0;position:absolute;top:0;bottom:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;height:14px;width:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease}.thumb .handle-extension{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb--minValue{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}:host([label-handles]) .thumb{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}:host([label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}:host([has-histogram][label-handles]) .thumb{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}:host([has-histogram][label-handles]) .thumb .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}:host([precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}:host([precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}:host([precise]:not([precise=false])) .thumb--minValue .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}:host([has-histogram][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}:host([ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}:host([label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}.thumb:focus,.thumb--active{z-index:3}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in;position:relative}.track__range{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{content:"";position:absolute;top:-5px;width:100%;height:14px}.tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{position:absolute;font-size:var(--calcite-font-size--2);font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.tick__label--min{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}.tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right;-webkit-transition:opacity 50ms;transition:opacity 50ms}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}:host([has-histogram][precise]:not([precise=false])) .tick__label--min,:host([has-histogram][precise]:not([precise=false])) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3)}:host([mirrored]:not([has-histogram])) .tick__label--min{right:0;left:unset;text-align:right}:host([mirrored]:not([has-histogram])) .tick__label--max{right:unset;left:0;text-align:left}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var CalciteSlider=function(){function t(t){var a=this;registerInstance(this,t);this.calciteSliderInput=createEvent(this,"calciteSliderInput",7);this.calciteSliderChange=createEvent(this,"calciteSliderChange",7);this.calciteSliderUpdate=createEvent(this,"calciteSliderUpdate",7);this.disabled=false;this.hasHistogram=false;this.labelHandles=false;this.labelTicks=false;this.max=100;this.min=0;this.mirrored=false;this.precise=false;this.required=false;this.snap=false;this.step=1;this.value=null;this.guid="calcite-slider-"+guid();this.isRange=false;this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=function(t){t.preventDefault();if(a.dragProp){var e=a.translate(t.clientX||t.pageX);if(a.isRange&&a.dragProp==="minMaxValue"){if(a.minValueDragRange&&a.maxValueDragRange&&a.minMaxValueRange){var i=e-a.minValueDragRange;var n=e+a.maxValueDragRange;if(n<=a.max&&i>=a.min&&n-i===a.minMaxValueRange){a.minValue=a.clamp(i,"minValue");a.maxValue=a.clamp(n,"maxValue")}}else{a.minValueDragRange=e-a.minValue;a.maxValueDragRange=a.maxValue-e;a.minMaxValueRange=a.maxValue-a.minValue}}else{a.setValue(a.dragProp,a.clamp(e,a.dragProp))}}};this.dragEnd=function(){document.removeEventListener("pointermove",a.dragUpdate);document.removeEventListener("pointerup",a.dragEnd);document.removeEventListener("pointercancel",a.dragEnd);a.focusActiveHandle();if(a.lastDragPropValue!=a[a.dragProp]){a.emitChange()}a.dragProp=null;a.lastDragPropValue=null;a.minValueDragRange=null;a.maxValueDragRange=null;a.minMaxValueRange=null};this.storeTrackRef=function(t){a.trackEl=t}}t.prototype.histogramWatcher=function(t){this.hasHistogram=!!t};t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentWillLoad=function(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.clamp(this.value);afterConnectDefaultValueSet(this,this.value);if(this.snap){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}};t.prototype.componentDidRender=function(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(this.isRange){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&this.isRange&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels()};t.prototype.render=function(){var t=this;var a=this.el.id||this.guid;var e=this.minValue||this.min;var i=this.maxValue||this.value;var n=this.isRange?"maxValue":"value";var r=this[n];var s=this.shouldUseMinValue();var l=this.getUnitInterval(s?this.minValue:e)*100;var o=this.getUnitInterval(i)*100;var u=this.shouldMirror();var c=(u?100-l:l)+"%";var m=(u?o:100-o)+"%";var d=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle"}));var p=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r),h("div",{class:"handle"}));var b=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r));var f=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var g=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var v=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r),h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var x=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r));var k=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle"}));var y=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),h("div",{class:"handle"}));var w=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));var _=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var V=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return h(Host,{id:a,onTouchStart:this.handleTouchStart},h("div",{class:{container:true,"container--range":this.isRange}},this.renderGraph(),h("div",{class:"track",ref:this.storeTrackRef},h("div",{class:"track__range",onPointerDown:function(){return t.dragStart("minMaxValue")},style:{left:(u?100-o:l)+"%",right:(u?l:100-o)+"%"}}),h("div",{class:"ticks"},this.tickValues.map((function(a){var n=t.getUnitInterval(a)*100+"%";var r=a>=e&&a<=i;if(s){r=a>=t.minValue&&a<=t.maxValue}return h("span",{class:{tick:true,"tick--active":r},style:{left:u?"":n,right:u?n:""}},t.renderTickLabel(a))})))),!this.precise&&!this.labelHandles&&this.isRange&&k,!this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&y,this.precise&&!this.labelHandles&&this.isRange&&_,this.precise&&this.labelHandles&&this.isRange&&V,this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&w,!this.precise&&!this.labelHandles&&d,!this.hasHistogram&&!this.precise&&this.labelHandles&&p,!this.hasHistogram&&this.precise&&!this.labelHandles&&f,this.hasHistogram&&this.precise&&!this.labelHandles&&g,!this.hasHistogram&&this.precise&&this.labelHandles&&v,this.hasHistogram&&!this.precise&&this.labelHandles&&b,this.hasHistogram&&this.precise&&this.labelHandles&&x,h(HiddenFormInputSlot,{component:this})))};t.prototype.renderGraph=function(){return this.histogram?h("div",{class:"graph"},h("calcite-graph",{colorStops:this.histogramStops,data:this.histogram,"data-style":"slider-histogram",height:48,highlightMax:this.isRange?this.maxValue:this.value,highlightMin:this.isRange?this.minValue:this.min,max:this.max,min:this.min,width:300})):null};t.prototype.renderTickLabel=function(t){var a=t===this.min;var e=t===this.max;var i=h("span",{class:{tick__label:true,"tick__label--min":a,"tick__label--max":e}},Math.min(t,this.max).toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!this.isRange){return i}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&!this.labelHandles){return i}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&this.labelHandles){return i}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&this.precise&&(a||e)){return i}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return i}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(a||e)){return i}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(a||e)){return i}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(a||e)){return i}return null};t.prototype.keyDownHandler=function(t){var a=this.shouldMirror();var e=this,i=e.activeProp,n=e.max,r=e.min,s=e.pageStep,l=e.step;var o=this[i];var h=getKey(t.key);if(h==="Enter"||h===" "){t.preventDefault();return}var u;if(h==="ArrowUp"||h==="ArrowRight"){var c=a&&h==="ArrowRight"?-1:1;u=o+l*c}else if(h==="ArrowDown"||h==="ArrowLeft"){var c=a&&h==="ArrowLeft"?-1:1;u=o-l*c}else if(h==="PageUp"){if(s){u=o+s}}else if(h==="PageDown"){if(s){u=o-s}}else if(h==="Home"){u=r}else if(h==="End"){u=n}if(isNaN(u)){return}t.preventDefault();this.setValue(i,this.clamp(u,i))};t.prototype.clickHandler=function(){this.focusActiveHandle()};t.prototype.pointerDownHandler=function(t){var a=t.clientX||t.pageX;var e=this.translate(a);var i="value";if(this.isRange){var n=e>=this.minValue&&e<=this.maxValue;if(n&&this.lastDragProp==="minMaxValue"){i="minMaxValue"}else{var r=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);i=r||e>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[i];this.dragStart(i);var s=this.el.shadowRoot.querySelector(".thumb:active");if(!s){this.setValue(i,this.clamp(e,i))}};t.prototype.handleTouchStart=function(t){t.preventDefault()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.minHandle?this.minHandle:this.maxHandle;t.focus();return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.shouldMirror=function(){return this.mirrored&&!this.hasHistogram};t.prototype.shouldUseMinValue=function(){if(!this.isRange){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0};t.prototype.generateTickValues=function(){var t=[];var a=this.min;while(this.ticks&&a<this.max+this.ticks){t.push(a);a=a+this.ticks}return t};t.prototype.dragStart=function(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;document.addEventListener("pointermove",this.dragUpdate);document.addEventListener("pointerup",this.dragEnd);document.addEventListener("pointercancel",this.dragEnd)};t.prototype.focusActiveHandle=function(){switch(this.dragProp){default:case"maxValue":this.maxHandle.focus();break;case"minValue":this.minHandle.focus();break;case"minMaxValue":break}};t.prototype.emitInput=function(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()};t.prototype.emitChange=function(){this.calciteSliderChange.emit()};t.prototype.setValue=function(t,a){var e=this[t];var i=e!==a;if(!i){return}this[t]=a;var n=this.dragProp;if(!n){this.emitChange()}this.emitInput()};t.prototype.clamp=function(t,a){t=clamp(t,this.min,this.max);if(a==="maxValue"){t=Math.max(t,this.minValue)}if(a==="minValue"){t=Math.min(t,this.maxValue)}return t};t.prototype.translate=function(t){var a=this.max-this.min;var e=this.trackEl.getBoundingClientRect(),i=e.left,n=e.width;var r=(t-i)/n;var s=this.shouldMirror();var l=this.clamp(this.min+a*(s?1-r:r));if(this.snap&&this.step){l=this.getClosestStep(l)}return l};t.prototype.getClosestStep=function(t){t=this.clamp(t);if(this.step){var a=Math.round(t/this.step)*this.step;t=this.clamp(a)}return t};t.prototype.getFontSizeForElement=function(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])};t.prototype.getUnitInterval=function(t){t=this.clamp(t);var a=this.max-this.min;return(t-this.min)/a};t.prototype.adjustHostObscuredHandleLabel=function(t){var a=this.el.shadowRoot.querySelector(".handle__label--"+t);var e=this.el.shadowRoot.querySelector(".handle__label--"+t+".static");var i=this.el.shadowRoot.querySelector(".handle__label--"+t+".transformed");var n=e.getBoundingClientRect();var r=this.getHostOffset(n.left,n.right);a.style.transform="translateX("+r+"px)";i.style.transform="translateX("+r+"px)"};t.prototype.hyphenateCollidingRangeHandleLabels=function(){var t=this.el.shadowRoot;var a=this.shouldMirror();var e=a?"value":"minValue";var i=a?"minValue":"value";var n=t.querySelector(".handle__label--"+e);var r=t.querySelector(".handle__label--"+e+".static");var s=t.querySelector(".handle__label--"+e+".transformed");var l=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);var o=t.querySelector(".handle__label--"+i);var h=t.querySelector(".handle__label--"+i+".static");var u=t.querySelector(".handle__label--"+i+".transformed");var c=this.getHostOffset(h.getBoundingClientRect().left,h.getBoundingClientRect().right);var m=this.getFontSizeForElement(n);var d=this.getRangeLabelOverlap(s,u);var p=n;var b=m/2;if(d>0){p.classList.add("hyphen");if(c===0&&l===0){var f=d/2-b;f=Math.sign(f)===-1?Math.abs(f):-f;var g=this.getHostOffset(s.getBoundingClientRect().left+f-b,s.getBoundingClientRect().right+f-b);var v=d/2;var x=this.getHostOffset(u.getBoundingClientRect().left+v,u.getBoundingClientRect().right+v);if(g!==0){f+=g;v+=g}if(x!==0){f+=x;v+=x}n.style.transform="translateX("+f+"px)";s.style.transform="translateX("+(f-b)+"px)";o.style.transform="translateX("+v+"px)";u.style.transform="translateX("+v+"px)"}else if(l>0||c>0){n.style.transform="translateX("+(l+b)+"px)";o.style.transform="translateX("+(d+c)+"px)";u.style.transform="translateX("+(d+c)+"px)"}else if(l<0||c<0){var f=Math.abs(l)+d-b;f=Math.sign(f)===-1?Math.abs(f):-f;n.style.transform="translateX("+f+"px)";s.style.transform="translateX("+(f-b)+"px)"}}else{p.classList.remove("hyphen");n.style.transform="translateX("+l+"px)";s.style.transform="translateX("+l+"px)";o.style.transform="translateX("+c+"px)";u.style.transform="translateX("+c+"px)"}};t.prototype.hideObscuredBoundingTickLabels=function(){if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&this.isRange&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}var t=this.el.shadowRoot.querySelector(".thumb--minValue");var a=this.el.shadowRoot.querySelector(".thumb--value");var e=this.el.shadowRoot.querySelector(".tick__label--min");var i=this.el.shadowRoot.querySelector(".tick__label--max");if(!t&&a&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,a)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,a)?"0":"1"}if(t&&a&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,t)||this.isMinTickLabelObscured(e,a)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,t)||this.isMaxTickLabelObscured(i,a)&&this.hasHistogram?"0":"1"}};t.prototype.getHostOffset=function(t,a){var e=this.el.getBoundingClientRect();var i=7;if(t+i<e.left){return e.left-t-i}if(a-i>e.right){return-(a-e.right)+i}return 0};t.prototype.getRangeLabelOverlap=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();var n=this.getFontSizeForElement(t);var r=e.right+n-i.left;return Math.max(r,0)};t.prototype.isMinTickLabelObscured=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();return intersects(e,i)};t.prototype.isMaxTickLabelObscured=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();return intersects(e,i)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{histogram:["histogramWatcher"]}},enumerable:false,configurable:true});return t}();CalciteSlider.style=calciteSliderCss;export{CalciteGraph as calcite_graph,CalciteSlider as calcite_slider};
+ */import{r as registerInstance,h,g as getElement,c as createEvent,H as Host}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{g as getKey}from"./key-69001a68.js";import{j as intersects}from"./dom-f24e866c.js";import{c as clamp}from"./math-456207f5.js";import{c as connectLabel,d as disconnectLabel}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-160b0fb5.js";function slope(t,a,e){var i=a[0]-t[0];var n=e[0]-a[0];var r=a[1]-t[1];var s=e[1]-a[1];var l=r/(i||n<0&&0);var o=s/(n||i<0&&0);var h=(l*n+o*i)/(i+n);return(Math.sign(l)+Math.sign(o))*Math.min(Math.abs(l),Math.abs(o),.5*Math.abs(h))||0}function slopeSingle(t,a,e){var i=a[0]-t[0];var n=a[1]-t[1];return i?(3*n/i-e)/2:e}function bezier(t,a,e,i,n){var r=t[0],s=t[1];var l=a[0],o=a[1];var h=(l-r)/3;var u=n([r+h,s+h*e]).join(",");var c=n([l-h,o-h*i]).join(",");var m=n([l,o]).join(",");return"C "+u+" "+c+" "+m}function translate(t){var a=t.width,e=t.height,i=t.min,n=t.max;var r=n[0]-i[0];var s=n[1]-i[1];return function(t){var n=(t[0]-i[0])/r*a;var l=e-t[1]/s*e;return[n,l]}}function range(t){var a=t[0],e=a[0],i=a[1];var n=[e,i];var r=[e,i];return t.reduce((function(t,a){var e=t.min,i=t.max;var n=a[0],r=a[1];return{min:[Math.min(e[0],n),Math.min(e[1],r)],max:[Math.max(i[0],n),Math.max(i[1],r)]}}),{min:n,max:r})}function area(t){var a=t.data,e=t.min,i=t.max,n=t.t;if(a.length===0){return""}var r=n(a[0]),s=r[0],l=r[1];var o=n(e),h=o[0],u=o[1];var c=n(i)[0];var m;var d;var p;var b=a.reduce((function(t,e,i){d=a[i-2];p=a[i-1];if(i>1){var r=slope(d,p,e);var s=m===undefined?slopeSingle(d,p,r):m;var l=bezier(d,p,s,r,n);m=r;return t+" "+l}return t}),"M "+h+","+u+" L "+h+","+l+" L "+s+","+l);var f=a[a.length-1];var g=bezier(p,f,m,slopeSingle(p,f,m),n);return b+" "+g+" L "+c+","+u+" Z"}var calciteGraphCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.svg{fill:currentColor;stroke:transparent;margin:0;padding:0;display:block}:host([data-style=slider-histogram]) svg{width:100%}:host([data-style=slider-histogram]) svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";var CalciteGraph=function(){function t(t){registerInstance(this,t);this.data=[];this.width=300;this.height=100;this.graphId="calcite-graph-"+guid()}t.prototype.render=function(){var t=this,a=t.data,e=t.colorStops,i=t.width,n=t.height,r=t.highlightMax,s=t.highlightMin,l=t.min,o=t.max;var u=this.graphId;if(!a||a.length===0){return h("svg",{class:"svg",height:n,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+n,width:i})}var c=range(a),m=c.min,d=c.max;var p=m;var b=d;if(l<m[0]||l>m[0]){p=[l,0]}if(o>d[0]||o<d[0]){b=[o,d[1]]}var f=translate({min:p,max:b,width:i,height:n});var g=f([s,b[1]])[0];var v=f([r,b[1]])[0];var x=area({data:a,min:m,max:d,t:f});var k=e?"url(#linear-gradient-"+u+")":undefined;return h("svg",{class:"svg",height:n,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+n,width:i},e?h("defs",null,h("linearGradient",{id:"linear-gradient-"+u,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((function(t){var a=t.offset,e=t.color,i=t.opacity;return h("stop",{offset:a*100+"%","stop-color":e,"stop-opacity":i})})))):null,s!==undefined?[h("mask",{height:"100%",id:u+"1",width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M 0,0\n            L "+(g-1)+",0\n            L "+(g-1)+","+n+"\n            L 0,"+n+"\n            Z\n          ",fill:"white"})),h("mask",{height:"100%",id:u+"2",width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M "+(g+1)+",0\n            L "+(v-1)+",0\n            L "+(v-1)+","+n+"\n            L "+(g+1)+", "+n+"\n            Z\n          ",fill:"white"})),h("mask",{height:"100%",id:u+"3",width:"100%",x:"0%",y:"0%"},h("path",{d:"\n                M "+(v+1)+",0\n                L "+i+",0\n                L "+i+","+n+"\n                L "+(v+1)+", "+n+"\n                Z\n              ",fill:"white"})),h("path",{class:"graph-path",d:x,fill:k,mask:"url(#"+u+"1)"}),h("path",{class:"graph-path--highlight",d:x,fill:k,mask:"url(#"+u+"2)"}),h("path",{class:"graph-path",d:x,fill:k,mask:"url(#"+u+"3)"})]:h("path",{class:"graph-path",d:x,fill:k}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteGraph.style=calciteGraphCss;var calciteSliderCss='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) .graph .graph-path--highlight{fill:var(--calcite-ui-text-3)}:host([label-handles]) .container,:host([precise]:not([precise=false])) .container{margin-top:21px}:host([label-ticks]),:host([precise]:not([precise=false])) .container--range{margin-bottom:21px}:host([precise]:not([precise=false])[label-handles]) .container{margin-top:35px}:host([precise]:not([precise=false])[label-handles]) .container--range{margin-bottom:35px}.thumb{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-family:inherit;z-index:2;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}.thumb .handle__label{font-size:var(--calcite-font-size--2);font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}.thumb .handle__label.static,.thumb .handle__label.transformed{opacity:0;position:absolute;top:0;bottom:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;height:14px;width:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease}.thumb .handle-extension{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb--minValue{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}:host([label-handles]) .thumb{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}:host([label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}:host([has-histogram][label-handles]) .thumb{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}:host([has-histogram][label-handles]) .thumb .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}:host([precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}:host([precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}:host([precise]:not([precise=false])) .thumb--minValue .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}:host([has-histogram][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}:host([ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}:host([label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}.thumb:focus,.thumb--active{z-index:3}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in;position:relative}.track__range{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{content:"";position:absolute;top:-5px;width:100%;height:14px}.tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{position:absolute;font-size:var(--calcite-font-size--2);font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.tick__label--min{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}.tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right;-webkit-transition:opacity 50ms;transition:opacity 50ms}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}:host([has-histogram][precise]:not([precise=false])) .tick__label--min,:host([has-histogram][precise]:not([precise=false])) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3)}:host([mirrored]:not([has-histogram])) .tick__label--min{right:0;left:unset;text-align:right}:host([mirrored]:not([has-histogram])) .tick__label--max{right:unset;left:0;text-align:left}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var CalciteSlider=function(){function t(t){var a=this;registerInstance(this,t);this.calciteSliderInput=createEvent(this,"calciteSliderInput",7);this.calciteSliderChange=createEvent(this,"calciteSliderChange",7);this.calciteSliderUpdate=createEvent(this,"calciteSliderUpdate",7);this.disabled=false;this.hasHistogram=false;this.labelHandles=false;this.labelTicks=false;this.max=100;this.min=0;this.mirrored=false;this.precise=false;this.required=false;this.snap=false;this.step=1;this.value=null;this.guid="calcite-slider-"+guid();this.isRange=false;this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=function(t){t.preventDefault();if(a.dragProp){var e=a.translate(t.clientX||t.pageX);if(a.isRange&&a.dragProp==="minMaxValue"){if(a.minValueDragRange&&a.maxValueDragRange&&a.minMaxValueRange){var i=e-a.minValueDragRange;var n=e+a.maxValueDragRange;if(n<=a.max&&i>=a.min&&n-i===a.minMaxValueRange){a.minValue=a.clamp(i,"minValue");a.maxValue=a.clamp(n,"maxValue")}}else{a.minValueDragRange=e-a.minValue;a.maxValueDragRange=a.maxValue-e;a.minMaxValueRange=a.maxValue-a.minValue}}else{a.setValue(a.dragProp,a.clamp(e,a.dragProp))}}};this.dragEnd=function(){document.removeEventListener("pointermove",a.dragUpdate);document.removeEventListener("pointerup",a.dragEnd);document.removeEventListener("pointercancel",a.dragEnd);a.focusActiveHandle();if(a.lastDragPropValue!=a[a.dragProp]){a.emitChange()}a.dragProp=null;a.lastDragPropValue=null;a.minValueDragRange=null;a.maxValueDragRange=null;a.minMaxValueRange=null};this.storeTrackRef=function(t){a.trackEl=t}}t.prototype.histogramWatcher=function(t){this.hasHistogram=!!t};t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentWillLoad=function(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.clamp(this.value);afterConnectDefaultValueSet(this,this.value);if(this.snap){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}};t.prototype.componentDidRender=function(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(this.isRange){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&this.isRange&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels()};t.prototype.render=function(){var t=this;var a=this.el.id||this.guid;var e=this.minValue||this.min;var i=this.maxValue||this.value;var n=this.isRange?"maxValue":"value";var r=this[n];var s=this.shouldUseMinValue();var l=this.getUnitInterval(s?this.minValue:e)*100;var o=this.getUnitInterval(i)*100;var u=this.shouldMirror();var c=(u?100-l:l)+"%";var m=(u?o:100-o)+"%";var d=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle"}));var p=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r),h("div",{class:"handle"}));var b=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r));var f=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var g=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var v=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r),h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var x=h("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":r,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=n},onPointerDown:function(){return t.dragStart(n)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},r?r.toLocaleString():r),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},r?r.toLocaleString():r));var k=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle"}));var y=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),h("div",{class:"handle"}));var w=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));var _=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var V=h("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:c}},h("div",{class:"handle-extension"}),h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),h("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return h(Host,{id:a,onTouchStart:this.handleTouchStart},h("div",{class:{container:true,"container--range":this.isRange}},this.renderGraph(),h("div",{class:"track",ref:this.storeTrackRef},h("div",{class:"track__range",onPointerDown:function(){return t.dragStart("minMaxValue")},style:{left:(u?100-o:l)+"%",right:(u?l:100-o)+"%"}}),h("div",{class:"ticks"},this.tickValues.map((function(a){var n=t.getUnitInterval(a)*100+"%";var r=a>=e&&a<=i;if(s){r=a>=t.minValue&&a<=t.maxValue}return h("span",{class:{tick:true,"tick--active":r},style:{left:u?"":n,right:u?n:""}},t.renderTickLabel(a))})))),!this.precise&&!this.labelHandles&&this.isRange&&k,!this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&y,this.precise&&!this.labelHandles&&this.isRange&&_,this.precise&&this.labelHandles&&this.isRange&&V,this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&w,!this.precise&&!this.labelHandles&&d,!this.hasHistogram&&!this.precise&&this.labelHandles&&p,!this.hasHistogram&&this.precise&&!this.labelHandles&&f,this.hasHistogram&&this.precise&&!this.labelHandles&&g,!this.hasHistogram&&this.precise&&this.labelHandles&&v,this.hasHistogram&&!this.precise&&this.labelHandles&&b,this.hasHistogram&&this.precise&&this.labelHandles&&x,h(HiddenFormInputSlot,{component:this})))};t.prototype.renderGraph=function(){return this.histogram?h("div",{class:"graph"},h("calcite-graph",{colorStops:this.histogramStops,data:this.histogram,"data-style":"slider-histogram",height:48,highlightMax:this.isRange?this.maxValue:this.value,highlightMin:this.isRange?this.minValue:this.min,max:this.max,min:this.min,width:300})):null};t.prototype.renderTickLabel=function(t){var a=t===this.min;var e=t===this.max;var i=h("span",{class:{tick__label:true,"tick__label--min":a,"tick__label--max":e}},t.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!this.isRange){return i}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&!this.labelHandles){return i}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&this.labelHandles){return i}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&this.precise&&(a||e)){return i}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return i}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(a||e)){return i}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(a||e)){return i}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(a||e)){return i}return null};t.prototype.keyDownHandler=function(t){var a=this.shouldMirror();var e=this,i=e.activeProp,n=e.max,r=e.min,s=e.pageStep,l=e.step;var o=this[i];var h=getKey(t.key);if(h==="Enter"||h===" "){t.preventDefault();return}var u;if(h==="ArrowUp"||h==="ArrowRight"){var c=a&&h==="ArrowRight"?-1:1;u=o+l*c}else if(h==="ArrowDown"||h==="ArrowLeft"){var c=a&&h==="ArrowLeft"?-1:1;u=o-l*c}else if(h==="PageUp"){if(s){u=o+s}}else if(h==="PageDown"){if(s){u=o-s}}else if(h==="Home"){u=r}else if(h==="End"){u=n}if(isNaN(u)){return}t.preventDefault();this.setValue(i,this.clamp(u,i))};t.prototype.clickHandler=function(){this.focusActiveHandle()};t.prototype.pointerDownHandler=function(t){var a=t.clientX||t.pageX;var e=this.translate(a);var i="value";if(this.isRange){var n=e>=this.minValue&&e<=this.maxValue;if(n&&this.lastDragProp==="minMaxValue"){i="minMaxValue"}else{var r=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);i=r||e>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[i];this.dragStart(i);var s=this.el.shadowRoot.querySelector(".thumb:active");if(!s){this.setValue(i,this.clamp(e,i))}};t.prototype.handleTouchStart=function(t){t.preventDefault()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.minHandle?this.minHandle:this.maxHandle;t.focus();return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.shouldMirror=function(){return this.mirrored&&!this.hasHistogram};t.prototype.shouldUseMinValue=function(){if(!this.isRange){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0};t.prototype.generateTickValues=function(){var t=[];var a=this.min;while(this.ticks&&a<this.max+this.ticks){t.push(Math.min(a,this.max));a=a+this.ticks}return t};t.prototype.dragStart=function(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;document.addEventListener("pointermove",this.dragUpdate);document.addEventListener("pointerup",this.dragEnd);document.addEventListener("pointercancel",this.dragEnd)};t.prototype.focusActiveHandle=function(){switch(this.dragProp){default:case"maxValue":this.maxHandle.focus();break;case"minValue":this.minHandle.focus();break;case"minMaxValue":break}};t.prototype.emitInput=function(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()};t.prototype.emitChange=function(){this.calciteSliderChange.emit()};t.prototype.setValue=function(t,a){var e=this[t];var i=e!==a;if(!i){return}this[t]=a;var n=this.dragProp;if(!n){this.emitChange()}this.emitInput()};t.prototype.clamp=function(t,a){t=clamp(t,this.min,this.max);if(a==="maxValue"){t=Math.max(t,this.minValue)}if(a==="minValue"){t=Math.min(t,this.maxValue)}return t};t.prototype.translate=function(t){var a=this.max-this.min;var e=this.trackEl.getBoundingClientRect(),i=e.left,n=e.width;var r=(t-i)/n;var s=this.shouldMirror();var l=this.clamp(this.min+a*(s?1-r:r));if(this.snap&&this.step){l=this.getClosestStep(l)}return l};t.prototype.getClosestStep=function(t){t=this.clamp(t);if(this.step){var a=Math.round(t/this.step)*this.step;t=this.clamp(a)}return t};t.prototype.getFontSizeForElement=function(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])};t.prototype.getUnitInterval=function(t){t=this.clamp(t);var a=this.max-this.min;return(t-this.min)/a};t.prototype.adjustHostObscuredHandleLabel=function(t){var a=this.el.shadowRoot.querySelector(".handle__label--"+t);var e=this.el.shadowRoot.querySelector(".handle__label--"+t+".static");var i=this.el.shadowRoot.querySelector(".handle__label--"+t+".transformed");var n=e.getBoundingClientRect();var r=this.getHostOffset(n.left,n.right);a.style.transform="translateX("+r+"px)";i.style.transform="translateX("+r+"px)"};t.prototype.hyphenateCollidingRangeHandleLabels=function(){var t=this.el.shadowRoot;var a=this.shouldMirror();var e=a?"value":"minValue";var i=a?"minValue":"value";var n=t.querySelector(".handle__label--"+e);var r=t.querySelector(".handle__label--"+e+".static");var s=t.querySelector(".handle__label--"+e+".transformed");var l=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);var o=t.querySelector(".handle__label--"+i);var h=t.querySelector(".handle__label--"+i+".static");var u=t.querySelector(".handle__label--"+i+".transformed");var c=this.getHostOffset(h.getBoundingClientRect().left,h.getBoundingClientRect().right);var m=this.getFontSizeForElement(n);var d=this.getRangeLabelOverlap(s,u);var p=n;var b=m/2;if(d>0){p.classList.add("hyphen");if(c===0&&l===0){var f=d/2-b;f=Math.sign(f)===-1?Math.abs(f):-f;var g=this.getHostOffset(s.getBoundingClientRect().left+f-b,s.getBoundingClientRect().right+f-b);var v=d/2;var x=this.getHostOffset(u.getBoundingClientRect().left+v,u.getBoundingClientRect().right+v);if(g!==0){f+=g;v+=g}if(x!==0){f+=x;v+=x}n.style.transform="translateX("+f+"px)";s.style.transform="translateX("+(f-b)+"px)";o.style.transform="translateX("+v+"px)";u.style.transform="translateX("+v+"px)"}else if(l>0||c>0){n.style.transform="translateX("+(l+b)+"px)";o.style.transform="translateX("+(d+c)+"px)";u.style.transform="translateX("+(d+c)+"px)"}else if(l<0||c<0){var f=Math.abs(l)+d-b;f=Math.sign(f)===-1?Math.abs(f):-f;n.style.transform="translateX("+f+"px)";s.style.transform="translateX("+(f-b)+"px)"}}else{p.classList.remove("hyphen");n.style.transform="translateX("+l+"px)";s.style.transform="translateX("+l+"px)";o.style.transform="translateX("+c+"px)";u.style.transform="translateX("+c+"px)"}};t.prototype.hideObscuredBoundingTickLabels=function(){if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&this.isRange&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}var t=this.el.shadowRoot.querySelector(".thumb--minValue");var a=this.el.shadowRoot.querySelector(".thumb--value");var e=this.el.shadowRoot.querySelector(".tick__label--min");var i=this.el.shadowRoot.querySelector(".tick__label--max");if(!t&&a&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,a)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,a)?"0":"1"}if(t&&a&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,t)||this.isMinTickLabelObscured(e,a)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,t)||this.isMaxTickLabelObscured(i,a)&&this.hasHistogram?"0":"1"}};t.prototype.getHostOffset=function(t,a){var e=this.el.getBoundingClientRect();var i=7;if(t+i<e.left){return e.left-t-i}if(a-i>e.right){return-(a-e.right)+i}return 0};t.prototype.getRangeLabelOverlap=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();var n=this.getFontSizeForElement(t);var r=e.right+n-i.left;return Math.max(r,0)};t.prototype.isMinTickLabelObscured=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();return intersects(e,i)};t.prototype.isMaxTickLabelObscured=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();return intersects(e,i)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{histogram:["histogramWatcher"]}},enumerable:false,configurable:true});return t}();CalciteSlider.style=calciteSliderCss;export{CalciteGraph as calcite_graph,CalciteSlider as calcite_slider};

package/dist/esm-es5/calcite-input.entry.js

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{T as TEXT,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{g as getKey,n as numberKeys}from"./key-69001a68.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import{d as delocalizeNumberString,g as getDecimalSeparator,l as localizeNumberString}from"./locale-6c1b85c7.js";import{i as isValidNumber,p as parseNumberString,s as sanitizeNumberString}from"./number-e7393766.js";import{d as decimalPlaces}from"./math-456207f5.js";import"./guid-196bd5ea.js";var CSS={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};var INPUT_TYPE_ICONS={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};var SLOTS={action:"action"};var calciteInputCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size--2);line-height:1rem;padding:0.5rem;height:1.5rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;height:auto}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size--1);line-height:1rem;padding:0.75rem;height:2rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;height:auto}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding:1rem;height:2.75rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;height:auto}:host([disabled]){pointer-events:none}:host([disabled]) .wrapper{pointer-events:none;--text-opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) button,:host([disabled]) textarea,:host([disabled]) input{pointer-events:none}:host([disabled]) textarea{resize:none}:host textarea,:host input{-webkit-transition:150ms ease-in-out, height 0s;transition:150ms ease-in-out, height 0s;-webkit-appearance:none;width:100%;border-radius:0;position:relative;max-height:100%;max-width:100%;margin:0;font-weight:var(--calcite-font-weight-normal);font-family:inherit;-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-1);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{color:var(--calcite-ui-text-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{left:0.5rem}:host([scale=s]) .calcite--rtl .icon{left:unset;right:0.5rem}:host([scale=m]) .icon{left:0.75rem}:host([scale=m]) .calcite--rtl .icon{left:unset;right:0.75rem}:host([scale=l]) .icon{left:1rem}:host([scale=l]) .calcite--rtl .icon{left:unset;right:1rem}:host([icon][scale=s]) input{padding-left:2rem}:host([icon][scale=s]) .calcite--rtl input{padding-right:2rem;padding-left:0.5rem}:host([icon][scale=m]) input{padding-left:2.5rem}:host([icon][scale=m]) .calcite--rtl input{padding-right:2.5rem;padding-left:0.5rem}:host([icon][scale=l]) input{padding-left:3rem}:host([icon][scale=l]) .calcite--rtl input{padding-right:3rem;padding-left:0.5rem}.element-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 0%;flex:1 1 0%;position:relative;-ms-flex-order:3;order:3}.icon{display:block;position:absolute;pointer-events:none;z-index:10;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;min-height:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);border-left-width:0;-ms-flex-order:4;order:4;margin:0}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.calcite--rtl .clear-button{border-left-color:var(--calcite-ui-border-input);border-width:1px;border-right-width:0}.loader{top:1px;left:1px;right:1px;display:block;pointer-events:none;position:absolute}.action-wrapper{display:-ms-flexbox;display:flex;-ms-flex-order:7;order:7}.prefix,.suffix{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);color:var(--calcite-ui-text-2);line-height:1;word-wrap:break-word;overflow-wrap:break-word}.prefix{-ms-flex-order:2;order:2;border-right-width:0}.suffix{-ms-flex-order:5;order:5;border-left-width:0}.calcite--rtl .prefix{border-right-width:1px;border-left-width:0}.calcite--rtl .suffix{border-left-width:1px;border-right-width:0}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:left}:host([alignment=start]) .calcite--rtl textarea,:host([alignment=start]) .calcite--rtl input{text-align:right}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:right}:host([alignment=end]) .calcite--rtl textarea,:host([alignment=end]) .calcite--rtl input{text-align:left}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;-ms-flex-order:6;order:6;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{min-height:100%;max-height:100%;-ms-flex-order:1;order:1;-ms-flex-item-align:stretch;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-right-width:0}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-left-width:0;border-color:var(--calcite-ui-border-input)}.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=up]{border-width:1px;border-right-width:0;border-color:var(--calcite-ui-border-input)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down],:host([number-button-type=vertical]) .calcite--rtl .number-button-item[data-adjustment=down]{border-top-width:0}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding-top:0;padding-bottom:0;padding-left:0.5rem;padding-right:0.5rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);border-left-width:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;margin:0}.number-button-item calcite-icon{pointer-events:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}:host([number-button-type=vertical]) .calcite--rtl .number-button-item{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-right-width:0}.wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0;right:0;padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.resize-icon-wrapper{display:none}}.resize-icon-wrapper{bottom:2px;right:2px;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);position:absolute;z-index:10;pointer-events:none;width:0.75rem;height:0.75rem}.resize-icon-wrapper calcite-icon{bottom:0.25rem;right:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl textarea::-webkit-resizer{right:unset;left:0}.calcite--rtl .resize-icon-wrapper{left:2px;right:unset}.calcite--rtl .resize-icon-wrapper calcite-icon{bottom:0.25rem;right:0.25rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{background-color:var(--calcite-ui-foreground-1);cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0}:host(.border-t-color-1) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;background-color:transparent}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var CalciteInput=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInputFocus=createEvent(this,"calciteInputFocus",7);this.calciteInputBlur=createEvent(this,"calciteInputBlur",7);this.calciteInputInput=createEvent(this,"calciteInputInput",7);this.calciteInputChange=createEvent(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=TEXT.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.childElType="input";this.keyDownHandler=function(t){if(e.readOnly||e.disabled){return}if(e.isClearable&&getKey(t.key)==="Escape"){e.clearInputValue(t);t.preventDefault()}};this.clearInputValue=function(t){e.setValue(null,t,true)};this.inputBlurHandler=function(){if(e.type==="number"){e.setLocalizedValue(e.value)}e.calciteInputBlur.emit({element:e.childEl,value:e.value});if(e.preFocusValue!==e.value){e.calciteInputChange.emit()}};this.inputFocusHandler=function(t){if(t.target!==e.slottedActionEl){e.setFocus()}e.calciteInputFocus.emit({element:e.childEl,value:e.value});e.preFocusValue=e.value};this.inputInputHandler=function(t){if(e.disabled||e.readOnly){return}e.setValue(t.target.value,t)};this.inputKeyDownHandler=function(t){if(e.disabled||e.readOnly){return}if(t.key==="Enter"){e.calciteInputChange.emit()}};this.inputNumberInputHandler=function(t){if(e.disabled||e.readOnly){return}var i=t.target.value;var n=delocalizeNumberString(i,e.locale);if(t.inputType==="insertFromPaste"){if(!isValidNumber(n)){t.preventDefault()}e.setValue(parseNumberString(n),t);e.childNumberEl.value=e.localizedValue}else{e.setValue(delocalizeNumberString(i,e.locale),t)}};this.inputNumberKeyDownHandler=function(t){if(e.type!=="number"||e.disabled||e.readOnly){return}if(t.key==="ArrowUp"){e.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){e.nudgeNumberValue("down",t);return}var i=__spreadArray(__spreadArray([],numberKeys),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab","-"]);if(t.altKey||t.ctrlKey||t.metaKey){return}var n=t.shiftKey&&t.key==="Tab";if(i.includes(t.key)&&(!t.shiftKey||n)){if(t.key==="Enter"){e.calciteInputChange.emit()}return}var r=getDecimalSeparator(e.locale);if(t.key===r){if(!e.value&&!e.childNumberEl.value){return}if(e.value&&e.childNumberEl.value.indexOf(r)===-1){return}}t.preventDefault()};this.nudgeNumberValue=function(t,i){if(i instanceof KeyboardEvent&&i.repeat||e.type!=="number"){return}var n=e.maxString?parseFloat(e.maxString):null;var r=e.minString?parseFloat(e.minString):null;var a=500;e.incrementOrDecrementNumberValue(t,n,r,i);e.nudgeNumberValueIntervalId=setInterval((function(){e.incrementOrDecrementNumberValue(t,n,r,i)}),a)};this.numberButtonMouseUpAndMouseOutHandler=function(){clearInterval(e.nudgeNumberValueIntervalId)};this.numberButtonMouseDownHandler=function(t){t.preventDefault();var i=t.target.dataset.adjustment;e.nudgeNumberValue(i,t)};this.setChildElRef=function(t){e.childEl=t};this.setChildNumberElRef=function(t){e.childNumberEl=t};this.setLocalizedValue=function(t){e.localizedValue=localizeNumberString(t,e.locale,e.groupSeparator)};this.setValue=function(t,i,n){if(n===void 0){n=false}var r=e.value;e.value=e.type==="number"?sanitizeNumberString(t):t;if(e.type==="number"){e.setLocalizedValue(e.value)}if(i){if(e.type==="number"&&(t===null||t===void 0?void 0:t.endsWith("."))){return}var a=e.calciteInputInput.emit({element:e.childEl,nativeEvent:i,value:t});if(a.defaultPrevented){e.value=r;e.setLocalizedValue(r)}else if(n){e.calciteInputChange.emit()}}};this.inputKeyUpHandler=function(){clearInterval(e.nudgeNumberValueIntervalId)}}t.prototype.disabledWatcher=function(){this.setDisabledAction()};t.prototype.maxWatcher=function(){var t;this.maxString=((t=this.max)===null||t===void 0?void 0:t.toString())||null};t.prototype.minWatcher=function(){var t;this.minString=((t=this.min)===null||t===void 0?void 0:t.toString())||null};t.prototype.valueWatcher=function(t){if(this.type==="number"&&this.localizedValue!==localizeNumberString(t,this.locale)){this.setLocalizedValue(t)}else if(this.childEl&&this.childEl.value!==t){this.childEl.value=t}};t.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};Object.defineProperty(t.prototype,"isClearable",{get:function(){var t;return!this.isTextarea&&(this.clearable||this.type==="search")&&((t=this.value)===null||t===void 0?void 0:t.length)>0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){var t;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");this.editingEnabled=(t=this.inlineEditableEl)===null||t===void 0?void 0:t.editingEnabled;if(this.type==="number"&&this.value){if(isValidNumber(this.value)){this.localizedValue=localizeNumberString(this.value,this.locale,this.groupSeparator)}else{this.value=undefined}}connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentWillLoad=function(){var t,e;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(t=this.max)===null||t===void 0?void 0:t.toString();this.minString=(e=this.min)===null||e===void 0?void 0:e.toString();this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};t.prototype.componentDidLoad=function(){this.slottedActionEl=this.el.querySelector("[slot=action]");this.setDisabledAction()};t.prototype.componentShouldUpdate=function(t,e,i){if(this.type==="number"&&i==="value"&&t&&!isValidNumber(t)){this.value=e;return false}return true};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.focus()}else{(e=this.childEl)===null||e===void 0?void 0:e.focus()}return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.incrementOrDecrementNumberValue=function(t,e,i,n){var r=this.value;var a=this.step==="any"?1:Math.abs(this.step||1);var o=r&&r!==""?parseFloat(r):0;var l=r;if(t==="up"&&(!e&&e!==0||o<e)){l=(o+a).toFixed(decimalPlaces(a)).toString()}if(t==="down"&&(!i&&i!==0||o>i)){l=(o-a).toFixed(decimalPlaces(a)).toString()}this.setValue(l,n,true)};t.prototype.onFormReset=function(){this.setValue(this.defaultValue)};t.prototype.syncHiddenFormInput=function(t){var e,i,n,r;if(this.type==="number"){t.type="number";t.min=(i=(e=this.min)===null||e===void 0?void 0:e.toString(10))!==null&&i!==void 0?i:"";t.max=(r=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&r!==void 0?r:""}else if(this.type==="text"){t.type="text";if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}else if(this.type==="password"){t.type="password"}};t.prototype.setDisabledAction=function(){if(!this.slottedActionEl){return}var t=this.slottedActionEl;this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")};t.prototype.render=function(){var t,e,i,n;var r=getElementDir(this.el);var a=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var o=h("button",{class:CSS.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},h("calcite-icon",{icon:"x",scale:"s"}));var l=h("calcite-icon",{class:CSS.inputIcon,dir:r,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var s=this.numberButtonType==="horizontal";var u=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=s,t),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var c=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=s,e),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var d=h("div",{class:CSS.numberButtonWrapper},u,c);var p=h("div",{class:CSS.prefix},this.prefixText);var m=h("div",{class:CSS.suffix},this.suffixText);var b=this.type==="number"?h("input",{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,tabIndex:this.disabled?-1:0,type:"text",value:this.localizedValue}):null;var f=this.type!=="number"?[h(this.childElType,{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,class:(i={},i[CSS.editingEnabled]=this.editingEnabled,i[CSS.inlineChild]=!!this.inlineEditableEl,i),defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?h("div",{class:CSS.resizeIconWrapper},h("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return h(Host,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},h("div",{class:(n={},n[CSS.inputWrapper]=true,n[CSS_UTILITY.rtl]=r==="rtl",n),dir:r},this.type==="number"&&this.numberButtonType==="horizontal"?c:null,this.prefixText?p:null,h("div",{class:CSS.wrapper},b,f,this.isClearable?o:null,this.requestedIcon?l:null,this.loading?a:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.type==="number"&&this.numberButtonType==="vertical"?d:null,this.suffixText?m:null,this.type==="number"&&this.numberButtonType==="horizontal"?u:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return t}();CalciteInput.style=calciteInputCss;export{CalciteInput as calcite_input};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{T as TEXT,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{g as getKey,n as numberKeys}from"./key-69001a68.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import{d as delocalizeNumberString,g as getDecimalSeparator,l as localizeNumberString}from"./locale-6c1b85c7.js";import{i as isValidNumber,p as parseNumberString,s as sanitizeNumberString}from"./number-e7393766.js";import{d as decimalPlaces}from"./math-456207f5.js";import"./guid-196bd5ea.js";var CSS={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};var INPUT_TYPE_ICONS={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};var SLOTS={action:"action"};var calciteInputCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size--2);line-height:1rem;padding:0.5rem;height:1.5rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;height:auto}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size--1);line-height:1rem;padding:0.75rem;height:2rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;height:auto}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding:1rem;height:2.75rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;height:auto}:host([disabled]){pointer-events:none}:host([disabled]) .wrapper{pointer-events:none;--text-opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) button,:host([disabled]) textarea,:host([disabled]) input{pointer-events:none}:host([disabled]) textarea{resize:none}:host textarea,:host input{-webkit-transition:150ms ease-in-out, height 0s;transition:150ms ease-in-out, height 0s;-webkit-appearance:none;width:100%;border-radius:0;position:relative;max-height:100%;max-width:100%;margin:0;font-weight:var(--calcite-font-weight-normal);font-family:inherit;-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-1);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{color:var(--calcite-ui-text-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{left:0.5rem}:host([scale=s]) .calcite--rtl .icon{left:unset;right:0.5rem}:host([scale=m]) .icon{left:0.75rem}:host([scale=m]) .calcite--rtl .icon{left:unset;right:0.75rem}:host([scale=l]) .icon{left:1rem}:host([scale=l]) .calcite--rtl .icon{left:unset;right:1rem}:host([icon][scale=s]) input{padding-left:2rem}:host([icon][scale=s]) .calcite--rtl input{padding-right:2rem;padding-left:0.5rem}:host([icon][scale=m]) input{padding-left:2.5rem}:host([icon][scale=m]) .calcite--rtl input{padding-right:2.5rem;padding-left:0.5rem}:host([icon][scale=l]) input{padding-left:3rem}:host([icon][scale=l]) .calcite--rtl input{padding-right:3rem;padding-left:0.5rem}.element-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 0%;flex:1 1 0%;position:relative;-ms-flex-order:3;order:3}.icon{display:block;position:absolute;pointer-events:none;z-index:10;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;min-height:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);border-left-width:0;-ms-flex-order:4;order:4;margin:0}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.calcite--rtl .clear-button{border-left-color:var(--calcite-ui-border-input);border-width:1px;border-right-width:0}.loader{top:1px;left:1px;right:1px;display:block;pointer-events:none;position:absolute}.action-wrapper{display:-ms-flexbox;display:flex;-ms-flex-order:7;order:7}.prefix,.suffix{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);color:var(--calcite-ui-text-2);line-height:1;word-wrap:break-word;overflow-wrap:break-word}.prefix{-ms-flex-order:2;order:2;border-right-width:0}.suffix{-ms-flex-order:5;order:5;border-left-width:0}.calcite--rtl .prefix{border-right-width:1px;border-left-width:0}.calcite--rtl .suffix{border-left-width:1px;border-right-width:0}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:left}:host([alignment=start]) .calcite--rtl textarea,:host([alignment=start]) .calcite--rtl input{text-align:right}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:right}:host([alignment=end]) .calcite--rtl textarea,:host([alignment=end]) .calcite--rtl input{text-align:left}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;-ms-flex-order:6;order:6;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{min-height:100%;max-height:100%;-ms-flex-order:1;order:1;-ms-flex-item-align:stretch;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-right-width:0}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-left-width:0;border-color:var(--calcite-ui-border-input)}.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=up]{border-width:1px;border-right-width:0;border-color:var(--calcite-ui-border-input)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down],:host([number-button-type=vertical]) .calcite--rtl .number-button-item[data-adjustment=down]{border-top-width:0}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding-top:0;padding-bottom:0;padding-left:0.5rem;padding-right:0.5rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);border-left-width:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;margin:0}.number-button-item calcite-icon{pointer-events:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}:host([number-button-type=vertical]) .calcite--rtl .number-button-item{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-right-width:0}.wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0;right:0;padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.resize-icon-wrapper{display:none}}.resize-icon-wrapper{bottom:2px;right:2px;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);position:absolute;z-index:10;pointer-events:none;width:0.75rem;height:0.75rem}.resize-icon-wrapper calcite-icon{bottom:0.25rem;right:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl textarea::-webkit-resizer{right:unset;left:0}.calcite--rtl .resize-icon-wrapper{left:2px;right:unset}.calcite--rtl .resize-icon-wrapper calcite-icon{bottom:0.25rem;right:0.25rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{background-color:var(--calcite-ui-foreground-1);cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0}:host(.border-t-color-1) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;background-color:transparent}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var CalciteInput=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInputFocus=createEvent(this,"calciteInputFocus",7);this.calciteInputBlur=createEvent(this,"calciteInputBlur",7);this.calciteInputInput=createEvent(this,"calciteInputInput",7);this.calciteInputChange=createEvent(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=TEXT.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.childElType="input";this.keyDownHandler=function(t){if(t.key==="ArrowUp"){t.preventDefault()}if(e.readOnly||e.disabled){return}if(e.isClearable&&getKey(t.key)==="Escape"){e.clearInputValue(t);t.preventDefault()}};this.clearInputValue=function(t){e.setValue(null,t,true)};this.inputBlurHandler=function(){if(e.type==="number"){e.setLocalizedValue(e.value)}e.calciteInputBlur.emit({element:e.childEl,value:e.value});if(e.preFocusValue!==e.value){e.calciteInputChange.emit()}};this.inputFocusHandler=function(t){if(t.target!==e.slottedActionEl){e.setFocus()}e.calciteInputFocus.emit({element:e.childEl,value:e.value});e.preFocusValue=e.value};this.inputInputHandler=function(t){if(e.disabled||e.readOnly){return}e.setValue(t.target.value,t)};this.inputKeyDownHandler=function(t){if(e.disabled||e.readOnly){return}if(t.key==="Enter"){e.calciteInputChange.emit()}};this.inputNumberInputHandler=function(t){if(e.disabled||e.readOnly){return}var i=t.target.value;var n=delocalizeNumberString(i,e.locale);if(t.inputType==="insertFromPaste"){if(!isValidNumber(n)){t.preventDefault()}e.setValue(parseNumberString(n),t);e.childNumberEl.value=e.localizedValue}else{e.setValue(delocalizeNumberString(i,e.locale),t)}};this.inputNumberKeyDownHandler=function(t){if(e.type!=="number"||e.disabled||e.readOnly){return}if(t.key==="ArrowUp"){e.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){e.nudgeNumberValue("down",t);return}var i=__spreadArray(__spreadArray([],numberKeys),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab","-"]);if(t.altKey||t.ctrlKey||t.metaKey){return}var n=t.shiftKey&&t.key==="Tab";if(i.includes(t.key)&&(!t.shiftKey||n)){if(t.key==="Enter"){e.calciteInputChange.emit()}return}var r=getDecimalSeparator(e.locale);if(t.key===r){if(!e.value&&!e.childNumberEl.value){return}if(e.value&&e.childNumberEl.value.indexOf(r)===-1){return}}t.preventDefault()};this.nudgeNumberValue=function(t,i){if(i instanceof KeyboardEvent&&i.repeat||e.type!=="number"){return}var n=e.maxString?parseFloat(e.maxString):null;var r=e.minString?parseFloat(e.minString):null;var a=100;e.incrementOrDecrementNumberValue(t,n,r,i);var o=0;e.nudgeNumberValueIntervalId=setInterval((function(){o!==0?e.incrementOrDecrementNumberValue(t,n,r,i):null;o++}),a)};this.numberButtonMouseUpAndMouseOutHandler=function(){clearInterval(e.nudgeNumberValueIntervalId)};this.numberButtonMouseDownHandler=function(t){t.preventDefault();var i=t.target.dataset.adjustment;e.nudgeNumberValue(i,t)};this.setChildElRef=function(t){e.childEl=t};this.setChildNumberElRef=function(t){e.childNumberEl=t};this.setLocalizedValue=function(t){e.localizedValue=localizeNumberString(t,e.locale,e.groupSeparator)};this.setValue=function(t,i,n){if(n===void 0){n=false}var r=e.value;e.value=e.type==="number"?sanitizeNumberString(t):t;if(e.type==="number"){e.setLocalizedValue(e.value)}if(i){if(e.type==="number"&&(t===null||t===void 0?void 0:t.endsWith("."))){return}var a=e.calciteInputInput.emit({element:e.childEl,nativeEvent:i,value:t});if(a.defaultPrevented){e.value=r;e.setLocalizedValue(r)}else if(n){e.calciteInputChange.emit()}}};this.inputKeyUpHandler=function(){clearInterval(e.nudgeNumberValueIntervalId)}}t.prototype.disabledWatcher=function(){this.setDisabledAction()};t.prototype.maxWatcher=function(){var t;this.maxString=((t=this.max)===null||t===void 0?void 0:t.toString())||null};t.prototype.minWatcher=function(){var t;this.minString=((t=this.min)===null||t===void 0?void 0:t.toString())||null};t.prototype.valueWatcher=function(t){if(this.type==="number"&&this.localizedValue!==localizeNumberString(t,this.locale)){this.setLocalizedValue(t)}else if(this.childEl&&this.childEl.value!==t){this.childEl.value=t}};t.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};Object.defineProperty(t.prototype,"isClearable",{get:function(){var t;return!this.isTextarea&&(this.clearable||this.type==="search")&&((t=this.value)===null||t===void 0?void 0:t.length)>0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){var t;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");this.editingEnabled=(t=this.inlineEditableEl)===null||t===void 0?void 0:t.editingEnabled;if(this.type==="number"&&this.value){if(isValidNumber(this.value)){this.localizedValue=localizeNumberString(this.value,this.locale,this.groupSeparator)}else{this.value=undefined}}connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentWillLoad=function(){var t,e;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(t=this.max)===null||t===void 0?void 0:t.toString();this.minString=(e=this.min)===null||e===void 0?void 0:e.toString();this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};t.prototype.componentDidLoad=function(){this.slottedActionEl=this.el.querySelector("[slot=action]");this.setDisabledAction()};t.prototype.componentShouldUpdate=function(t,e,i){if(this.type==="number"&&i==="value"&&t&&!isValidNumber(t)){this.value=e;return false}return true};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.focus()}else{(e=this.childEl)===null||e===void 0?void 0:e.focus()}return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.incrementOrDecrementNumberValue=function(t,e,i,n){var r=this.value;var a=this.step==="any"?1:Math.abs(this.step||1);var o=r&&r!==""?parseFloat(r):0;var l=r;if(t==="up"&&(!e&&e!==0||o<e)){l=(o+a).toFixed(decimalPlaces(a)).toString()}if(t==="down"&&(!i&&i!==0||o>i)){l=(o-a).toFixed(decimalPlaces(a)).toString()}this.setValue(l,n,true)};t.prototype.onFormReset=function(){this.setValue(this.defaultValue)};t.prototype.syncHiddenFormInput=function(t){var e,i,n,r;if(this.type==="number"){t.type="number";t.min=(i=(e=this.min)===null||e===void 0?void 0:e.toString(10))!==null&&i!==void 0?i:"";t.max=(r=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&r!==void 0?r:""}else if(this.type==="text"){t.type="text";if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}else if(this.type==="password"){t.type="password"}};t.prototype.setDisabledAction=function(){if(!this.slottedActionEl){return}var t=this.slottedActionEl;this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")};t.prototype.render=function(){var t,e,i,n;var r=getElementDir(this.el);var a=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var o=h("button",{class:CSS.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},h("calcite-icon",{icon:"x",scale:"s"}));var l=h("calcite-icon",{class:CSS.inputIcon,dir:r,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var s=this.numberButtonType==="horizontal";var u=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=s,t),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var c=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=s,e),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var d=h("div",{class:CSS.numberButtonWrapper},u,c);var p=h("div",{class:CSS.prefix},this.prefixText);var m=h("div",{class:CSS.suffix},this.suffixText);var b=this.type==="number"?h("input",{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,tabIndex:this.disabled?-1:0,type:"text",value:this.localizedValue}):null;var f=this.type!=="number"?[h(this.childElType,{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,class:(i={},i[CSS.editingEnabled]=this.editingEnabled,i[CSS.inlineChild]=!!this.inlineEditableEl,i),defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?h("div",{class:CSS.resizeIconWrapper},h("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return h(Host,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},h("div",{class:(n={},n[CSS.inputWrapper]=true,n[CSS_UTILITY.rtl]=r==="rtl",n),dir:r},this.type==="number"&&this.numberButtonType==="horizontal"?c:null,this.prefixText?p:null,h("div",{class:CSS.wrapper},b,f,this.isClearable?o:null,this.requestedIcon?l:null,this.loading?a:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.type==="number"&&this.numberButtonType==="vertical"?d:null,this.suffixText?m:null,this.type==="number"&&this.numberButtonType==="horizontal"?u:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return t}();CalciteInput.style=calciteInputCss;export{CalciteInput as calcite_input};

package/dist/esm-es5/calcite-tree_2.entry.js

@@ -2,4 +2,4 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,n as nodeListToArray,g as getSlotted,a as getElementDir,C as CSS_UTILITY,k as filterDirectChildren}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import"./guid-196bd5ea.js";var TreeSelectionMode;(function(e){e["Single"]="single";e["Multi"]="multi";e["Children"]="children";e["MultiChildren"]="multi-children";e["Ancestors"]="ancestors"})(TreeSelectionMode||(TreeSelectionMode={}));var calciteTreeCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";var CalciteTree=function(){function e(e){registerInstance(this,e);this.calciteTreeSelect=createEvent(this,"calciteTreeSelect",7);this.lines=false;this.inputEnabled=false;this.scale="m";this.selectionMode=TreeSelectionMode.Single}e.prototype.componentWillRender=function(){var e=this.el.parentElement.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e};e.prototype.render=function(){return h(Host,{"aria-multiselectable":(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren).toString(),role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},h("slot",null))};e.prototype.onFocus=function(){if(!this.child){var e=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");focusElement(e)}};e.prototype.onFocusIn=function(e){var t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=-1}};e.prototype.onFocusOut=function(e){var t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}};e.prototype.onClick=function(e){var t=e.target;var i=nodeListToArray(t.querySelectorAll("calcite-tree-item"));if(this.child){return}if(!this.child){e.preventDefault();e.stopPropagation()}if(this.selectionMode===TreeSelectionMode.Ancestors&&!this.child){this.updateAncestorTree(e);return}var n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren));var a=e.detail.modifyCurrentSelection&&(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren);var r=this.selectionMode===TreeSelectionMode.MultiChildren||this.selectionMode===TreeSelectionMode.Children;var o=!a&&((this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Multi)&&i.length<=0||this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren);var c=this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren;if(!this.child){var l=[];if(n){l.push(t)}if(r){i.forEach((function(e){l.push(e)}))}if(o){var s=nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));s.forEach((function(e){if(!l.includes(e)){e.selected=false}}))}if(c&&!e.detail.forceToggle){t.expanded=true}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected||r&&e.detail.forceToggle){l.forEach((function(e){e.selected=false}))}else{l.forEach((function(e){e.selected=true}))}}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.updateAncestorTree=function(e){var t=e.target;var i=t.querySelectorAll("calcite-tree-item");var n=[];var a=t.parentElement.closest("calcite-tree-item");while(a){n.push(a);a=a.parentElement.closest("calcite-tree-item")}t.selected=!t.selected;t.indeterminate=false;if(i===null||i===void 0?void 0:i.length){i.forEach((function(e){e.selected=t.selected;e.indeterminate=false}))}if(n){n.forEach((function(e){var t=nodeListToArray(e.querySelectorAll("calcite-tree-item"));var i=t.filter((function(e){return e.selected}));if(i.length===0){e.selected=false;e.indeterminate=false;return}var n=i.length<t.length;e.indeterminate=n;e.selected=!n}))}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.getRootTabIndex=function(){return!this.child?0:-1};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTree.style=calciteTreeCss;var CSS={checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark"};var SLOTS={children:"children"};var ICONS={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right"};var calciteTreeItemCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-tree-indicator:var(--calcite-ui-border-1);--calcite-tree-indicator-active:var(--calcite-ui-brand);--calcite-tree-text:var(--calcite-ui-text-3);--calcite-tree-text-active:var(--calcite-ui-text-1);display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-tree-text)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox{-webkit-margin-start:2rem;margin-inline-start:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}:host([lines]){--calcite-tree-line:var(--calcite-ui-border-2);--calcite-tree-line-hover:var(--calcite-ui-border-1)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}.children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:"";background-color:var(--calcite-tree-line);z-index:-1}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkbox{-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-tree-indicator)}.node-container:hover ::slotted(*),:host([selected]) .node-container:hover ::slotted(*),:host(:focus) .node-container ::slotted(*){color:var(--calcite-tree-text-hover)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{color:var(--calcite-tree-text-active);font-weight:var(--calcite-font-weight-medium)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children]))[scale=s]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children]))[scale=m]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children]))[scale=l]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-active)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-tree-indicator-active)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:var(--calcite-tree-text)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([scale=s])>.node-container .checkbox{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m])>.node-container .checkbox{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l])>.node-container .checkbox{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-indicator-active)}';var CalciteTreeItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTreeItemSelect=createEvent(this,"calciteTreeItemSelect",7);this.selected=false;this.expanded=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.iconClickHandler=function(e){e.stopPropagation();t.expanded=!t.expanded;if(t.selectionMode!==TreeSelectionMode.Ancestors){t.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:true})}};this.childrenClickHandler=function(e){return e.stopPropagation()};this.updateParentIsExpanded=function(e,t){var i=getSlotted(e,SLOTS.children,{all:true,selector:"calcite-tree-item"});i.forEach((function(e){return e.parentExpanded=t}))};this.updateAncestorTree=function(){if(t.selected&&t.selectionMode===TreeSelectionMode.Ancestors){var e=[];var i=t.parentTreeItem;while(i){e.push(i);i=i.parentElement.closest("calcite-tree-item")}e.forEach((function(e){return e.indeterminate=true}));return}}}e.prototype.expandedHandler=function(e){this.updateParentIsExpanded(this.el,e)};e.prototype.connectedCallback=function(){this.parentTreeItem=this.el.parentElement.closest("calcite-tree-item");if(this.parentTreeItem){var e=this.parentTreeItem.expanded;this.updateParentIsExpanded(this.parentTreeItem,e)}};e.prototype.componentWillRender=function(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;var e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;var t;while(e){t=e.parentElement.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}};e.prototype.componentDidLoad=function(){this.updateAncestorTree()};e.prototype.render=function(){var e,t,i,n;var a=this;var r=getElementDir(this.el)==="rtl";var o=this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Children;var c=this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren;var l=this.hasChildren?h("calcite-icon",{class:(e={},e[CSS.chevron]=true,e[CSS_UTILITY.rtl]=r,e),"data-test-id":"icon",icon:ICONS.chevronRight,onClick:this.iconClickHandler,scale:"s"}):null;var s=this.selectionMode===TreeSelectionMode.Ancestors?h("label",{class:CSS.checkboxLabel},h("calcite-checkbox",{checked:this.selected,class:CSS.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),h("slot",null)):null;var d=o?ICONS.bulletPoint:c?ICONS.checkmark:null;var m=d?h("calcite-icon",{class:(t={},t[CSS.bulletPointIcon]=d===ICONS.bulletPoint,t[CSS.checkmarkIcon]=d===ICONS.checkmark,t[CSS_UTILITY.rtl]=r,t),icon:d,scale:"s"}):null;var p=!(this.parentExpanded||this.depth===1);return h(Host,{"aria-expanded":this.hasChildren?this.expanded.toString():undefined,"aria-hidden":p.toString(),"aria-selected":this.selected?"true":c?"false":undefined,"calcite-hydrated-hidden":p,role:"treeitem",tabindex:this.parentExpanded||this.depth===1?"0":"-1"},h("div",{class:(i={},i[CSS.nodeContainer]=true,i[CSS_UTILITY.rtl]=r,i),"data-selection-mode":this.selectionMode,ref:function(e){return a.defaultSlotWrapper=e}},l,m,s?s:h("slot",null)),h("div",{class:(n={},n[CSS.childrenContainer]=true,n[CSS_UTILITY.rtl]=r,n),"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:function(e){return a.childrenSlotWrapper=e},role:this.hasChildren?"group":undefined},h("slot",{name:SLOTS.children})))};e.prototype.onClick=function(e){var t=filterDirectChildren(this.el,"a")[0];if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){var i=t.target===""?"_self":t.target;window.open(t.href,i)}this.expanded=!this.expanded;this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey||this.selectionMode===TreeSelectionMode.Ancestors,forceToggle:false})};e.prototype.keyDownHandler=function(e){var t;switch(getKey(e.key)){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false});e.preventDefault();e.stopPropagation();break;case"Enter":var i=nodeListToArray(this.el.children).find((function(e){return e.matches("a")}));if(i){i.click();this.selected=true}else{this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false})}e.preventDefault();e.stopPropagation();break;case"ArrowLeft":if(this.hasChildren&&this.expanded){this.expanded=false;e.preventDefault();e.stopPropagation();break}var n=this.parentTreeItem;if(n&&(!this.hasChildren||this.expanded===false)){n.focus();e.preventDefault();e.stopPropagation();break}break;case"ArrowRight":if(this.hasChildren&&this.expanded===false){this.expanded=true;e.preventDefault();e.stopPropagation();break}if(this.hasChildren&&this.expanded){this.el.querySelector("calcite-tree-item").focus();break}break;case"ArrowUp":var a=this.el.previousElementSibling;if(a&&a.matches("calcite-tree-item")){a.focus()}break;case"ArrowDown":var r=this.el.nextElementSibling;if(r&&r.matches("calcite-tree-item")){r.focus()}break;case"Home":t=this.el.closest("calcite-tree:not([child])");var o=t.querySelector("calcite-tree-item");o.focus();break;case"End":t=this.el.closest("calcite-tree:not([child])");var c=t.children[t.children.length-1];var l=nodeListToArray(c.children).find((function(e){return e.matches("calcite-tree")}));while(l){c=l.children[t.children.length-1];l=nodeListToArray(c.children).find((function(e){return e.matches("calcite-tree")}))}c.focus();break}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return e}();CalciteTreeItem.style=calciteTreeItemCss;export{CalciteTree as calcite_tree,CalciteTreeItem as calcite_tree_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,n as nodeListToArray,g as getSlotted,a as getElementDir,C as CSS_UTILITY,k as filterDirectChildren}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import"./guid-196bd5ea.js";var TreeSelectionMode;(function(e){e["Single"]="single";e["Multi"]="multi";e["Children"]="children";e["MultiChildren"]="multi-children";e["Ancestors"]="ancestors"})(TreeSelectionMode||(TreeSelectionMode={}));var calciteTreeCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";var CalciteTree=function(){function e(e){registerInstance(this,e);this.calciteTreeSelect=createEvent(this,"calciteTreeSelect",7);this.lines=false;this.inputEnabled=false;this.scale="m";this.selectionMode=TreeSelectionMode.Single}e.prototype.componentWillRender=function(){var e=this.el.parentElement.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e};e.prototype.render=function(){return h(Host,{"aria-multiselectable":(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren).toString(),role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},h("slot",null))};e.prototype.onFocus=function(){if(!this.child){var e=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");focusElement(e)}};e.prototype.onFocusIn=function(e){var t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=-1}};e.prototype.onFocusOut=function(e){var t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}};e.prototype.onClick=function(e){var t=e.target;var i=nodeListToArray(t.querySelectorAll("calcite-tree-item"));if(this.child){return}if(!this.child){e.preventDefault();e.stopPropagation()}if(this.selectionMode===TreeSelectionMode.Ancestors&&!this.child){this.updateAncestorTree(e);return}var n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren));var a=e.detail.modifyCurrentSelection&&(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren);var o=this.selectionMode===TreeSelectionMode.MultiChildren||this.selectionMode===TreeSelectionMode.Children;var r=!a&&((this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Multi)&&i.length<=0||this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren);var s=this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren;if(!this.child){var c=[];if(n){c.push(t)}if(o){i.forEach((function(e){c.push(e)}))}if(r){var l=nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));l.forEach((function(e){if(!c.includes(e)){e.selected=false}}))}if(s&&!e.detail.forceToggle){t.expanded=true}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected||o&&e.detail.forceToggle){c.forEach((function(e){e.selected=false}))}else{c.forEach((function(e){e.selected=true}))}}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.updateAncestorTree=function(e){var t=e.target;var i=t.querySelectorAll("calcite-tree-item");var n=[];var a=t.parentElement.closest("calcite-tree-item");while(a){n.push(a);a=a.parentElement.closest("calcite-tree-item")}t.selected=!t.selected;t.indeterminate=false;if(i===null||i===void 0?void 0:i.length){i.forEach((function(e){e.selected=t.selected;e.indeterminate=false}))}if(n){n.forEach((function(e){var t=nodeListToArray(e.querySelectorAll("calcite-tree-item"));var i=t.filter((function(e){return e.selected}));if(i.length===0){e.selected=false;e.indeterminate=false;return}var n=i.length<t.length;e.indeterminate=n;e.selected=!n}))}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.getRootTabIndex=function(){return!this.child?0:-1};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTree.style=calciteTreeCss;var CSS={checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark"};var SLOTS={children:"children"};var ICONS={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right"};var calciteTreeItemCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-ui-text-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:"";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}';var CalciteTreeItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTreeItemSelect=createEvent(this,"calciteTreeItemSelect",7);this.selected=false;this.expanded=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.iconClickHandler=function(e){e.stopPropagation();t.expanded=!t.expanded;if(t.selectionMode!==TreeSelectionMode.Ancestors){t.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:true})}};this.childrenClickHandler=function(e){return e.stopPropagation()};this.updateParentIsExpanded=function(e,t){var i=getSlotted(e,SLOTS.children,{all:true,selector:"calcite-tree-item"});i.forEach((function(e){return e.parentExpanded=t}))};this.updateAncestorTree=function(){if(t.selected&&t.selectionMode===TreeSelectionMode.Ancestors){var e=[];var i=t.parentTreeItem;while(i){e.push(i);i=i.parentElement.closest("calcite-tree-item")}e.forEach((function(e){return e.indeterminate=true}));return}}}e.prototype.expandedHandler=function(e){this.updateParentIsExpanded(this.el,e)};e.prototype.connectedCallback=function(){this.parentTreeItem=this.el.parentElement.closest("calcite-tree-item");if(this.parentTreeItem){var e=this.parentTreeItem.expanded;this.updateParentIsExpanded(this.parentTreeItem,e)}};e.prototype.componentWillRender=function(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;var e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;var t;while(e){t=e.parentElement.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}};e.prototype.componentDidLoad=function(){this.updateAncestorTree()};e.prototype.render=function(){var e,t,i,n;var a=this;var o=getElementDir(this.el)==="rtl";var r=this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Children;var s=this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren;var c=this.hasChildren?h("calcite-icon",{class:(e={},e[CSS.chevron]=true,e[CSS_UTILITY.rtl]=o,e),"data-test-id":"icon",icon:ICONS.chevronRight,onClick:this.iconClickHandler,scale:"s"}):null;var l=this.selectionMode===TreeSelectionMode.Ancestors?h("label",{class:CSS.checkboxLabel},h("calcite-checkbox",{checked:this.selected,class:CSS.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),h("slot",null)):null;var d=r?ICONS.bulletPoint:s?ICONS.checkmark:null;var m=d?h("calcite-icon",{class:(t={},t[CSS.bulletPointIcon]=d===ICONS.bulletPoint,t[CSS.checkmarkIcon]=d===ICONS.checkmark,t[CSS_UTILITY.rtl]=o,t),icon:d,scale:"s"}):null;var f=!(this.parentExpanded||this.depth===1);return h(Host,{"aria-expanded":this.hasChildren?this.expanded.toString():undefined,"aria-hidden":f.toString(),"aria-selected":this.selected?"true":s?"false":undefined,"calcite-hydrated-hidden":f,role:"treeitem",tabindex:this.parentExpanded||this.depth===1?"0":"-1"},h("div",{class:(i={},i[CSS.nodeContainer]=true,i[CSS_UTILITY.rtl]=o,i),"data-selection-mode":this.selectionMode,ref:function(e){return a.defaultSlotWrapper=e}},c,m,l?l:h("slot",null)),h("div",{class:(n={},n[CSS.childrenContainer]=true,n[CSS_UTILITY.rtl]=o,n),"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:function(e){return a.childrenSlotWrapper=e},role:this.hasChildren?"group":undefined},h("slot",{name:SLOTS.children})))};e.prototype.onClick=function(e){var t=filterDirectChildren(this.el,"a")[0];if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){var i=t.target===""?"_self":t.target;window.open(t.href,i)}this.expanded=!this.expanded;this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey||this.selectionMode===TreeSelectionMode.Ancestors,forceToggle:false})};e.prototype.keyDownHandler=function(e){var t;switch(getKey(e.key)){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false});e.preventDefault();e.stopPropagation();break;case"Enter":var i=nodeListToArray(this.el.children).find((function(e){return e.matches("a")}));if(i){i.click();this.selected=true}else{this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false})}e.preventDefault();e.stopPropagation();break;case"ArrowLeft":if(this.hasChildren&&this.expanded){this.expanded=false;e.preventDefault();e.stopPropagation();break}var n=this.parentTreeItem;if(n&&(!this.hasChildren||this.expanded===false)){n.focus();e.preventDefault();e.stopPropagation();break}break;case"ArrowRight":if(this.hasChildren&&this.expanded===false){this.expanded=true;e.preventDefault();e.stopPropagation();break}if(this.hasChildren&&this.expanded){this.el.querySelector("calcite-tree-item").focus();break}break;case"ArrowUp":var a=this.el.previousElementSibling;if(a&&a.matches("calcite-tree-item")){a.focus()}break;case"ArrowDown":var o=this.el.nextElementSibling;if(o&&o.matches("calcite-tree-item")){o.focus()}break;case"Home":t=this.el.closest("calcite-tree:not([child])");var r=t.querySelector("calcite-tree-item");r.focus();break;case"End":t=this.el.closest("calcite-tree:not([child])");var s=t.children[t.children.length-1];var c=nodeListToArray(s.children).find((function(e){return e.matches("calcite-tree")}));while(c){s=c.children[t.children.length-1];c=nodeListToArray(s.children).find((function(e){return e.matches("calcite-tree")}))}s.focus();break}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return e}();CalciteTreeItem.style=calciteTreeItemCss;export{CalciteTree as calcite_tree,CalciteTreeItem as calcite_tree_item};

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2021-11-12T23:15:59",
+  "timestamp": "2021-11-23T00:14:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.10.0",
@@ -8246,7 +8246,7 @@
       "usage": {
         "Basic": "```html\n<calcite-input value=\"Entered value\" placeholder=\"My placeholder\"></calcite-input>\n```\n",
         "Clearable": "```html\n<calcite-label>\n  Clearable item\n  <calcite-input clearable value=\"My great name\" placeholder=\"John Doe\"></calcite-input>\n</calcite-label>\n```\n",
-        "Native-events": "You can also listen for native events emitted from `<calcite-input>`.\n\nYou must use `focusin`/`focusout` instead of `focus`/`blur` because these events bubble up from the rendered child element rendered inside of `<calcite-input>`\n\nAll events return an element and a value:\n\n```js\ninput.addEventListener(\"change\", logChange);\ninput.addEventListener(\"focusin\", logFocus);\ninput.addEventListener(\"focusout\", logBlur);\n\nfunction logChange() {\n  console.log(event.target.element);\n  console.log(event.target.value);\n}\n```\n",
+        "Native-events": "You can also listen for native events emitted from `<calcite-input>`.\n\nYou must use `focusin`/`focusout` instead of `focus`/`blur` because these events bubble up from the rendered child element rendered inside of `<calcite-input>`\n\nAll events return an element and a value:\n\n```js\ninput.addEventListener(\"focusin\", logFocus);\ninput.addEventListener(\"focusout\", logBlur);\n\nfunction logChange() {\n  console.log(event.target.element);\n  console.log(event.target.value);\n}\n```\n",
         "With-label": "Using a wrapping `calcite-label` component lets consumers set the status attribute once and have it propagate to child `calcite-input` and `calcite-input-message` elements\n\n```html\n<calcite-label status=\"invalid\" for=\"invalid-input\">\n  Invalid input\n  <calcite-input id=\"invalid-input\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message active icon> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
         "With-message": "```html\n<calcite-label for=\"info\">\n  My great label\n  <calcite-input id=\"info\" placeholder=\"Enter your information\"></calcite-input>\n  <calcite-input-message icon=\"3d-glasses\" active>\n    Here's something you should know about this input\n  </calcite-input-message>\n</calcite-label>\n```\n"
       },
@@ -8857,6 +8857,15 @@
         }
       ],
       "events": [
+        {
+          "event": "calciteInputChange",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "This event fires each time a new value is typed and committed.",
+          "docsTags": []
+        },
         {
           "event": "calciteInputInput",
           "detail": "any",
@@ -9907,7 +9916,7 @@
           "mutable": false,
           "attr": "step",
           "reflectToAttr": false,
-          "docs": "number that specifies the granularity that the value must adhere to",
+          "docs": "number (seconds) that specifies the granularity that the value must adhere to",
           "docsTags": [],
           "default": "60",
           "values": [

package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts

@@ -192,7 +192,6 @@ export declare class CalciteColorPicker {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   componentWillLoad(): void;
-  connectedCallback(): void;
   disconnectedCallback(): void;
   render(): VNode;
   private storeColorFieldScope;

package/dist/types/components/calcite-input/calcite-input.d.ts

@@ -136,9 +136,8 @@ export declare class CalciteInput implements LabelableComponent, FormComponent {
   calciteInputInput: EventEmitter;
   /**
    * This event fires each time a new value is typed and committed.
-   * @internal
    */
-  calciteInputChange: EventEmitter;
+  calciteInputChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   keyDownHandler: (event: KeyboardEvent) => void;

package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts

@@ -45,7 +45,7 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   required: boolean;
   /** The scale (size) of the time input */
   scale: Scale;
-  /** number that specifies the granularity that the value must adhere to */
+  /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
   /** The selected time (always 24-hour format)*/
   value: string;

package/dist/types/components.d.ts

@@ -1772,7 +1772,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * number that specifies the granularity that the value must adhere to
+          * number (seconds) that specifies the granularity that the value must adhere to
          */
         "step": number;
         /**
@@ -5604,6 +5604,10 @@ declare namespace LocalJSX {
           * specify the placement of the number buttons
          */
         "numberButtonType"?: InputPlacement;
+        /**
+          * This event fires each time a new value is typed and committed.
+         */
+        "onCalciteInputChange"?: (event: CustomEvent<void>) => void;
         /**
           * This event fires each time a new value is typed.
          */
@@ -5866,7 +5870,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * number that specifies the granularity that the value must adhere to
+          * number (seconds) that specifies the granularity that the value must adhere to
          */
         "step"?: number;
         /**