@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
1 lines • 37.4 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(t,a,e,i){function r(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,n){function s(t){try{o(i.next(t))}catch(a){n(a)}}function l(t){try{o(i["throw"](t))}catch(a){n(a)}}function o(t){t.done?e(t.value):r(t.value).then(s,l)}o((i=i.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(a){return o([t,a])}}function o(s){if(i)throw new TypeError("Generator is already executing.");while(e)try{if(i=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;r=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){e.label=s[1];break}if(s[0]===6&&e.label<n[1]){e.label=n[1];n=s;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(s);break}if(n[2])e.ops.pop();e.trys.pop();continue}s=a.call(t,e)}catch(l){s=[6,l];r=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-1720b7a7.system.js","./p-2c235db8.system.js","./p-95dfb659.system.js","./p-60d9e7d4.system.js"],(function(t){"use strict";var a,e,i,r,n,s,l,o;return{setters:[function(t){a=t.r;e=t.h;i=t.g;r=t.c;n=t.H},function(t){s=t.g},function(t){l=t.g},function(t){o=t.h}],execute:function(){function h(t){return t<0?-1:1}function u(t,a,e){var i=a[0]-t[0];var r=e[0]-a[0];var n=a[1]-t[1];var s=e[1]-a[1];var l=n/(i||r<0&&0);var o=s/(r||i<0&&0);var u=(l*r+o*i)/(i+r);return(h(l)+h(o))*Math.min(Math.abs(l),Math.abs(o),.5*Math.abs(u))||0}function c(t,a,e){var i=a[0]-t[0];var r=a[1]-t[1];return i?(3*r/i-e)/2:e}function m(t,a,e,i,r){var n=t[0],s=t[1];var l=a[0],o=a[1];var h=(l-n)/3;var u=r([n+h,s+h*e]).join(",");var c=r([l-h,o-h*i]).join(",");var m=r([l,o]).join(",");return"C "+u+" "+c+" "+m}function d(t){var a=t.width,e=t.height,i=t.min,r=t.max;var n=r[0]-i[0];var s=r[1]-i[1];return function(t){var i=t[0]/n*a;var r=e-t[1]/s*e;return[i,r]}}function p(t){var a=t[0],e=a[0],i=a[1];var r=[e,i];var n=[e,i];return t.reduce((function(t,a){var e=t.min,i=t.max;var r=a[0],n=a[1];return{min:[Math.min(e[0],r),Math.min(e[1],n)],max:[Math.max(i[0],r),Math.max(i[1],n)]}}),{min:r,max:n})}function b(t){var a=t.data,e=t.min,i=t.max,r=t.t;if(a.length===0){return""}var n=r(a[0]),s=n[0],l=n[1];var o=r(e),h=o[0],d=o[1];var p=r(i)[0];var b;var f;var g;var v=a.reduce((function(t,e,i){f=a[i-2];g=a[i-1];if(i>1){var n=u(f,g,e);var s=b===undefined?c(f,g,n):b;var l=m(f,g,s,n,r);b=n;return t+" "+l}return t}),"M "+h+","+d+" L "+h+","+l+" L "+s+","+l);var x=a[a.length-1];var k=m(g,x,b,c(g,x,b),r);return v+" "+k+" L "+p+","+d+" Z"}var f="@-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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.svg{fill:currentColor;stroke:transparent;margin:0;padding:0;display:block}";var g=t("calcite_graph",function(){function t(t){a(this,t);this.data=[];this.width=300;this.height=100;this.maskId="calcite-graph-mask-"+s()}t.prototype.render=function(){var t=this,a=t.data,i=t.width,r=t.height,n=t.highlightMax,s=t.highlightMin;var l=this.maskId;if(!a||a.length===0){return e("svg",{class:"svg",height:r,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+r,width:i})}var o=p(a),h=o.min,u=o.max;var c=d({min:h,max:u,width:i,height:r});var m=c([s,u[1]])[0];var f=c([n,u[1]])[0];var g=b({data:a,min:h,max:u,t:c});return e("svg",{class:"svg",height:r,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+r,width:i},s!==undefined?e("svg",{class:"svg",height:r,preserveAspectRatio:"none",viewBox:"0 0 "+i+" "+r,width:i},e("mask",{height:"100%",id:l+"1",width:"100%",x:"0%",y:"0%"},e("path",{d:"\n M 0,0\n L "+(m-1)+",0\n L "+(m-1)+","+r+"\n L 0,"+r+"\n Z\n ",fill:"white"})),e("mask",{height:"100%",id:l+"2",width:"100%",x:"0%",y:"0%"},e("path",{d:"\n M "+(m+1)+",0\n L "+(f-1)+",0\n L "+(f-1)+","+r+"\n L "+(m+1)+", "+r+"\n Z\n ",fill:"white"})),e("mask",{height:"100%",id:l+"3",width:"100%",x:"0%",y:"0%"},e("path",{d:"\n M "+(f+1)+",0\n L "+i+",0\n L "+i+","+r+"\n L "+(f+1)+", "+r+"\n Z\n ",fill:"white"})),e("path",{class:"graph-path",d:g,mask:"url(#"+l+"1)"}),e("path",{class:"graph-path--highlight",d:g,mask:"url(#"+l+"2)"}),e("path",{class:"graph-path",d:g,mask:"url(#"+l+"3)"})):e("path",{class:"graph-path",d:g}))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());g.style=f;var v='@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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{display:block;padding:7px 0;margin:7px 0;position:relative}: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:none;background:transparent;cursor:pointer;font-family:inherit;z-index:2;outline:none;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}.thumb .handle__label{font-size:0.75rem;line-height:1.5;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--minValue.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:0.75rem;line-height:1.5;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{width:100%;height:48px;position:relative;color:var(--calcite-ui-foreground-2)}.graph svg{position:absolute;width:100%;height:48px}.graph .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.25}';var x=t("calcite_slider",function(){function t(t){a(this,t);this.calciteSliderChange=r(this,"calciteSliderChange",7);this.calciteSliderUpdate=r(this,"calciteSliderUpdate",7);this.disabled=false;this.min=0;this.max=100;this.value=null;this.snap=false;this.step=1;this.hasHistogram=false;this.guid="calcite-slider-"+s();this.isRange=false;this.tickValues=[];this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null}t.prototype.histogramWatcher=function(t){this.hasHistogram=!!t};t.prototype.componentWillLoad=function(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.bound(this.value);if(this.snap){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}this.emitChange()};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 i=this.minValue||this.min;var r=this.maxValue||this.value;var s=this.isRange?"maxValue":"value";var l=this[s];var o=this.getUnitInterval(i)*100+"%";var h=100-this.getUnitInterval(r)*100+"%";var u=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("div",{class:"handle"}));var c=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},l?l.toLocaleString():l),e("div",{class:"handle"}));var m=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("div",{class:"handle"}),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},l?l.toLocaleString():l));var d=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("div",{class:"handle"}),e("div",{class:"handle-extension"}));var p=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("div",{class:"handle-extension"}),e("div",{class:"handle"}));var b=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},l?l.toLocaleString():l),e("div",{class:"handle"}),e("div",{class:"handle-extension"}));var f=e("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":l,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onMouseDown:function(){return t.dragStart(s)},onTouchStart:function(a){return t.dragStart(s,a)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:h}},e("div",{class:"handle-extension"}),e("div",{class:"handle"}),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},l?l.toLocaleString():l),e("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},l?l.toLocaleString():l));var g=e("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"},onMouseDown:function(){return t.dragStart("minValue")},onTouchStart:function(a){return t.dragStart("minValue",a)},ref:function(a){return t.minHandle=a},role:"slider",style:{left:o}},e("div",{class:"handle"}));var v=e("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"},onMouseDown:function(){return t.dragStart("minValue")},onTouchStart:function(a){return t.dragStart("minValue",a)},ref:function(a){return t.minHandle=a},role:"slider",style:{left:o}},e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),e("div",{class:"handle"}));var x=e("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"},onMouseDown:function(){return t.dragStart("minValue")},onTouchStart:function(a){return t.dragStart("minValue",a)},ref:function(a){return t.minHandle=a},role:"slider",style:{left:o}},e("div",{class:"handle"}),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));var k=e("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"},onMouseDown:function(){return t.dragStart("minValue")},onTouchStart:function(a){return t.dragStart("minValue",a)},ref:function(a){return t.minHandle=a},role:"slider",style:{left:o}},e("div",{class:"handle-extension"}),e("div",{class:"handle"}));var y=e("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"},onMouseDown:function(){return t.dragStart("minValue")},onTouchStart:function(a){return t.dragStart("minValue",a)},ref:function(a){return t.minHandle=a},role:"slider",style:{left:o}},e("div",{class:"handle-extension"}),e("div",{class:"handle"}),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),e("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return e(n,{id:a},e("div",{class:{container:true,"container--range":this.isRange}},this.renderGraph(),e("div",{class:"track"},e("div",{class:"track__range",onMouseDown:function(){return t.dragStart("minMaxValue")},onTouchStart:function(a){return t.dragStart("minMaxValue",a)},style:{left:o,right:h}}),e("div",{class:"ticks"},this.tickValues.map((function(a){return e("span",{class:{tick:true,"tick--active":a>=i&&a<=r},style:{left:t.getUnitInterval(a)*100+"%"}},t.renderTickLabel(a))})))),!this.precise&&!this.labelHandles&&this.isRange&&g,!this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&v,this.precise&&!this.labelHandles&&this.isRange&&k,this.precise&&this.labelHandles&&this.isRange&&y,this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&x,!this.precise&&!this.labelHandles&&u,!this.hasHistogram&&!this.precise&&this.labelHandles&&c,!this.hasHistogram&&this.precise&&!this.labelHandles&&d,this.hasHistogram&&this.precise&&!this.labelHandles&&p,!this.hasHistogram&&this.precise&&this.labelHandles&&b,this.hasHistogram&&!this.precise&&this.labelHandles&&m,this.hasHistogram&&this.precise&&this.labelHandles&&f))};t.prototype.renderGraph=function(){return this.histogram?e("div",{class:"graph"},e("calcite-graph",{data:this.histogram,height:48,highlightMax:this.isRange?this.maxValue:this.value,highlightMin:this.isRange?this.minValue:this.min,width:300})):null};t.prototype.renderTickLabel=function(t){var a=t===this.min;var i=t===this.max;var r=e("span",{class:{tick__label:true,"tick__label--min":a,"tick__label--max":i}},t.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!this.isRange){return r}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&!this.labelHandles){return r}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&this.labelHandles){return r}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&this.precise&&(a||i)){return r}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return r}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(a||i)){return r}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(a||i)){return r}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(a||i)){return r}return null};t.prototype.handleLabelFocus=function(t){if(t.detail.interactedEl!==this.el&&o(t.detail.labelEl,this.el)){this.setFocus()}};t.prototype.keyDownHandler=function(t){var a=this[this.activeProp];switch(l(t.key)){case"ArrowUp":case"ArrowRight":t.preventDefault();this[this.activeProp]=this.bound(a+this.step,this.activeProp);this.emitChange();break;case"ArrowDown":case"ArrowLeft":t.preventDefault();this[this.activeProp]=this.bound(a-this.step,this.activeProp);this.emitChange();break;case"PageUp":if(this.pageStep){t.preventDefault();this[this.activeProp]=this.bound(a+this.pageStep,this.activeProp);this.emitChange()}break;case"PageDown":if(this.pageStep){t.preventDefault();this[this.activeProp]=this.bound(a-this.pageStep,this.activeProp);this.emitChange()}break;case"Home":t.preventDefault();this[this.activeProp]=this.bound(this.min,this.activeProp);this.emitChange();break;case"End":t.preventDefault();this[this.activeProp]=this.bound(this.max,this.activeProp);this.emitChange();break;case"Enter":case" ":t.preventDefault();break}};t.prototype.mouseHandler=function(t){var a=t.clientX||t.pageX;var e=this.translate(a);var i="value";if(this.isRange){var r=e>=this.minValue&&e<=this.maxValue;if(r&&this.lastDragProp==="minMaxValue"){i="minMaxValue"}else{var n=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);i=n?"maxValue":"minValue"}}this[i]=this.bound(e,i);this.dragStart(i);if(t.type==="click"){this.dragEnd();this.emitChange();switch(i){default:case"maxValue":this.maxHandle.focus();break;case"minValue":this.minHandle.focus();break;case"minMaxValue":break}}};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.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,a){if(a){a.preventDefault()}if(this.dragListener){this.dragEnd()}this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;this.dragListener=this.dragListener||this.dragUpdate.bind(this);document.addEventListener("mousemove",this.dragListener);document.addEventListener("touchmove",this.dragListener,{capture:false});document.addEventListener("mouseup",this.dragEnd.bind(this));document.addEventListener("touchend",this.dragEnd.bind(this),false);document.addEventListener("touchcancel",this.dragEnd.bind(this))};t.prototype.dragUpdate=function(t){t.preventDefault();t.stopPropagation();if(this.dragProp){var a=this.translate(t.clientX||t.pageX);if(this.isRange&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){var e=a-this.minValueDragRange;var i=a+this.maxValueDragRange;if(i<=this.max&&e>=this.min&&i-e===this.minMaxValueRange){this.minValue=this.bound(e,"minValue");this.maxValue=this.bound(i,"maxValue")}}else{this.minValueDragRange=a-this.minValue;this.maxValueDragRange=this.maxValue-a;this.minMaxValueRange=this.maxValue-this.minValue}}else{this[this.dragProp]=this.bound(a,this.dragProp)}this.emitChange()}};t.prototype.emitChange=function(){this.calciteSliderChange.emit();this.calciteSliderUpdate.emit()};t.prototype.dragEnd=function(){this.dragProp=null;document.removeEventListener("mousemove",this.dragListener);document.removeEventListener("touchmove",this.dragListener);this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};t.prototype.bound=function(t,a){t=Math.min(t,this.max);t=Math.max(t,this.min);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.el.getBoundingClientRect(),i=e.left,r=e.width;var n=(t-i)/r;var s=this.bound(this.min+a*n);if(this.snap&&this.step){s=this.getClosestStep(s)}return s};t.prototype.getClosestStep=function(t){t=this.bound(t);if(this.step){var a=Math.round(t/this.step)*this.step;t=this.bound(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.bound(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 r=this.getHostOffset(e.getBoundingClientRect().left,e.getBoundingClientRect().right);a.style.transform="translateX("+r+"px)";i.style.transform="translateX("+r+"px)"};t.prototype.hyphenateCollidingRangeHandleLabels=function(){var t=this.el.shadowRoot.querySelector(".handle__label--minValue");var a=this.el.shadowRoot.querySelector(".handle__label--minValue.static");var e=this.el.shadowRoot.querySelector(".handle__label--minValue.transformed");var i=this.getHostOffset(a.getBoundingClientRect().left,a.getBoundingClientRect().right);var r=this.el.shadowRoot.querySelector(".handle__label--value");var n=this.el.shadowRoot.querySelector(".handle__label--value.static");var s=this.el.shadowRoot.querySelector(".handle__label--value.transformed");var l=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);var o=this.getFontSizeForElement(t);var h=this.getRangeLabelOverlap(e,s);if(h>0){t.classList.add("hyphen");if(l===0&&i===0){var u=h/2-o/2;if(Math.sign(u)===-1){u=Math.abs(u)}else{u=-u}var c=this.getHostOffset(e.getBoundingClientRect().left+u-o/2,e.getBoundingClientRect().right+u-o/2);var m=h/2;var d=this.getHostOffset(s.getBoundingClientRect().left+m,s.getBoundingClientRect().right+m);if(c!==0){u=u+c;m=m+c}if(d!==0){u=u+d;m=m+d}t.style.transform="translateX("+u+"px)";e.style.transform="translateX("+(u-o/2)+"px)";r.style.transform="translateX("+m+"px)";s.style.transform="translateX("+m+"px)"}else if(i!==0&&(Math.sign(l)===0||Math.sign(l)===1)){t.style.transform="translateX("+(i+o/2)+"px)";r.style.transform="translateX("+(h+l)+"px)";s.style.transform="translateX("+(h+l)+"px)"}else if(l!==0){var u=Math.abs(i)+h-o/2;if(Math.sign(u)===-1){u=Math.abs(u)}else{u=-u}t.style.transform="translateX("+u+"px)";e.style.transform="translateX("+(u-o/2)+"px)"}}else{t.classList.remove("hyphen");t.style.transform="translateX("+i+"px)";e.style.transform="translateX("+i+"px)";r.style.transform="translateX("+l+"px)";s.style.transform="translateX("+l+"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){if(this.isMinTickLabelObscured(e,a)){e.style.opacity="0"}else{e.style.opacity="1"}if(this.isMaxTickLabelObscured(i,a)){i.style.opacity="0"}else{i.style.opacity="1"}}if(t&&a&&e&&i){if(this.isMinTickLabelObscured(e,t)||this.isMinTickLabelObscured(e,a)){e.style.opacity="0"}else{e.style.opacity="1"}if(this.isMaxTickLabelObscured(i,t)||this.isMaxTickLabelObscured(i,a)&&this.hasHistogram){i.style.opacity="0"}else{i.style.opacity="1"}}};t.prototype.getHostOffset=function(t,a){var e=this.el.getBoundingClientRect();if(t+7<e.left){var i=e.left-t-7;return i}if(a-7>e.right){var i=-(a-e.right)+7;return i}return 0};t.prototype.getRangeLabelOverlap=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();var r=this.getFontSizeForElement(t);var n=e.right+r-i.left;return n>0?n:0};t.prototype.isMinTickLabelObscured=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();if(i.left<e.right){return true}return false};t.prototype.isMaxTickLabelObscured=function(t,a){var e=t.getBoundingClientRect();var i=a.getBoundingClientRect();if(i.right>e.left){return true}return false};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{histogram:["histogramWatcher"]}},enumerable:false,configurable:true});return t}());x.style=v}}}));