npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.86 → 1.0.0-beta.87 - Mend

@esri/calcite-components 1.0.0-beta.86 → 1.0.0-beta.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1061) hide show

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

@@ -1,6 +1,6 @@
-var __awaiter=this&&this.__awaiter||function(a,t,e,i){function n(a){return a instanceof e?a:new e((function(t){t(a)}))}return new(e||(e=Promise))((function(e,r){function l(a){try{o(i.next(a))}catch(a){r(a)}}function s(a){try{o(i["throw"](a))}catch(a){r(a)}}function o(a){a.done?e(a.value):n(a.value).then(l,s)}o((i=i.apply(a,t||[])).next())}))};var __generator=this&&this.__generator||function(a,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(a){return function(t){return o([a,t])}}function o(l){if(i)throw new TypeError("Generator is already executing.");while(e)try{if(i=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:e.label++;return{value:l[1],done:false};case 5:e.label++;n=l[1];l=[0];continue;case 7:l=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){e=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){e.label=l[1];break}if(l[0]===6&&e.label<r[1]){e.label=r[1];r=l;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(l);break}if(r[2])e.ops.pop();e.trys.pop();continue}l=t.call(a,e)}catch(a){l=[6,a];n=0}finally{i=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(a,e,t,i){function n(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,r){function l(a){try{o(i.next(a))}catch(a){r(a)}}function s(a){try{o(i["throw"](a))}catch(a){r(a)}}function o(a){a.done?t(a.value):n(a.value).then(l,s)}o((i=i.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(a){return function(e){return o([a,e])}}function o(l){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;n=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){t.label=l[1];break}if(l[0]===6&&t.label<r[1]){t.label=r[1];r=l;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(l);break}if(r[2])t.ops.pop();t.trys.pop();continue}l=e.call(a,t)}catch(a){l=[6,a];n=0}finally{i=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.86
- */import{r as registerInstance,f as forceUpdate,h,g as getElement,c as createEvent,H as Host}from"./index-dfcf10d7.js";import{g as guid}from"./guid-9ee41ac6.js";import{c as createObserver}from"./observers-fa0db945.js";import{h as intersects}from"./dom-6c1f7204.js";import{d as decimalPlaces,c as clamp}from"./math-7409ae0d.js";import{c as connectLabel,d as disconnectLabel}from"./label-b30a7cde.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-115e3241.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";function slope(a,t,e){var i=t[0]-a[0];var n=e[0]-t[0];var r=t[1]-a[1];var l=e[1]-t[1];var s=r/(i||n<0&&0);var o=l/(n||i<0&&0);var c=(s*n+o*i)/(i+n);return(Math.sign(s)+Math.sign(o))*Math.min(Math.abs(s),Math.abs(o),.5*Math.abs(c))||0}function slopeSingle(a,t,e){var i=t[0]-a[0];var n=t[1]-a[1];return i?(3*n/i-e)/2:e}function bezier(a,t,e,i,n){var r=a[0],l=a[1];var s=t[0],o=t[1];var c=(s-r)/3;var h=n([r+c,l+c*e]).join(",");var u=n([s-c,o-c*i]).join(",");var m=n([s,o]).join(",");return"C ".concat(h," ").concat(u," ").concat(m)}function translate(a){var t=a.width,e=a.height,i=a.min,n=a.max;var r=n[0]-i[0];var l=n[1]-i[1];return function(a){var n=(a[0]-i[0])/r*t;var s=e-a[1]/l*e;return[n,s]}}function range(a){var t=a[0],e=t[0],i=t[1];var n=[e,i];var r=[e,i];return a.reduce((function(a,t){var e=a.min,i=a.max;var n=t[0],r=t[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(a){var t=a.data,e=a.min,i=a.max,n=a.t;if(t.length===0){return""}var r=n(t[0]),l=r[0],s=r[1];var o=n(e),c=o[0],h=o[1];var u=n(i)[0];var m;var d;var p;var b=t.reduce((function(a,e,i){d=t[i-2];p=t[i-1];if(i>1){var r=slope(d,p,e);var l=m===undefined?slopeSingle(d,p,r):m;var s=bezier(d,p,l,r,n);m=r;return"".concat(a," ").concat(s)}return a}),"M ".concat(c,",").concat(h," L ").concat(c,",").concat(s," L ").concat(l,",").concat(s));var f=t[t.length-1];var v=bezier(p,f,m,slopeSingle(p,f,m),n);return"".concat(b," ").concat(v," L ").concat(u,",").concat(h," Z")}var graphCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;height:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";var Graph=function(){function a(a){var t=this;registerInstance(this,a);this.data=[];this.graphId="calcite-graph-".concat(guid());this.resizeObserver=createObserver("resize",(function(){return forceUpdate(t)}))}a.prototype.connectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.observe(this.el)};a.prototype.disconnectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.disconnect()};a.prototype.render=function(){var a=this,t=a.data,e=a.colorStops,i=a.el,n=a.highlightMax,r=a.highlightMin,l=a.min,s=a.max;var o=this.graphId;var c=i.clientHeight,u=i.clientWidth;if(!t||t.length===0){return h("svg",{class:"svg",height:c,preserveAspectRatio:"none",viewBox:"0 0 ".concat(u," ").concat(c),width:u})}var m=range(t),d=m.min,p=m.max;var b=d;var f=p;if(l<d[0]||l>d[0]){b=[l,0]}if(s>p[0]||s<p[0]){f=[s,p[1]]}var v=translate({min:b,max:f,width:u,height:c});var g=v([r,f[1]])[0];var x=v([n,f[1]])[0];var y=area({data:t,min:d,max:p,t:v});var _=e?"url(#linear-gradient-".concat(o,")"):undefined;return h("svg",{class:"svg",height:c,preserveAspectRatio:"none",viewBox:"0 0 ".concat(u," ").concat(c),width:u},e?h("defs",null,h("linearGradient",{id:"linear-gradient-".concat(o),x1:"0",x2:"1",y1:"0",y2:"0"},e.map((function(a){var t=a.offset,e=a.color,i=a.opacity;return h("stop",{offset:"".concat(t*100,"%"),"stop-color":e,"stop-opacity":i})})))):null,r!==undefined?[h("mask",{height:"100%",id:"".concat(o,"1"),width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M 0,0\n            L ".concat(g-1,",0\n            L ").concat(g-1,",").concat(c,"\n            L 0,").concat(c,"\n            Z\n          "),fill:"white"})),h("mask",{height:"100%",id:"".concat(o,"2"),width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M ".concat(g+1,",0\n            L ").concat(x-1,",0\n            L ").concat(x-1,",").concat(c,"\n            L ").concat(g+1,", ").concat(c,"\n            Z\n          "),fill:"white"})),h("mask",{height:"100%",id:"".concat(o,"3"),width:"100%",x:"0%",y:"0%"},h("path",{d:"\n                M ".concat(x+1,",0\n                L ").concat(u,",0\n                L ").concat(u,",").concat(c,"\n                L ").concat(x+1,", ").concat(c,"\n                Z\n              "),fill:"white"})),h("path",{class:"graph-path",d:y,fill:_,mask:"url(#".concat(o,"1)")}),h("path",{class:"graph-path--highlight",d:y,fill:_,mask:"url(#".concat(o,"2)")}),h("path",{class:"graph-path",d:y,fill:_,mask:"url(#".concat(o,"3)")})]:h("path",{class:"graph-path",d:y,fill:_}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Graph.style=graphCss;var sliderCss='@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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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:var(--calcite-animation-timing)}:host([hidden]){display:none}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:14px;--calcite-slider-handle-extension-height:8px;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:16px;--calcite-slider-handle-extension-height:10.5px;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding:calc(var(--calcite-slider-handle-size) * 0.5);margin:calc(var(--calcite-slider-handle-size) * 0.5) 0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  )}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-width:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;top:0px;bottom:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;height:var(--calcite-slider-handle-size);width:var(--calcite-slider-handle-size);-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 var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{width:0.125rem;height:var(--calcite-slider-handle-extension-height);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}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-top:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-bottom:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.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{position:relative;height:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;top:0px;height:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;width:100%;content:"";top:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);height:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;height:0.25rem;width:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);top:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-top:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);height:48px}:host([label-ticks][ticks]) .container{padding-bottom:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-bottom:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-bottom:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-top:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-bottom:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::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}';function isRange(a){return Array.isArray(a)}var Slider=function(){function a(a){var t=this;registerInstance(this,a);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=0;this.scale="m";this.guid="calcite-slider-".concat(guid());this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=function(a){a.preventDefault();if(t.dragProp){var e=t.translate(a.clientX||a.pageX);if(isRange(t.value)&&t.dragProp==="minMaxValue"){if(t.minValueDragRange&&t.maxValueDragRange&&t.minMaxValueRange){var i=e-t.minValueDragRange;var n=e+t.maxValueDragRange;if(n<=t.max&&i>=t.min&&n-i===t.minMaxValueRange){t.minValue=t.clamp(i,"minValue");t.maxValue=t.clamp(n,"maxValue")}}else{t.minValueDragRange=e-t.minValue;t.maxValueDragRange=t.maxValue-e;t.minMaxValueRange=t.maxValue-t.minValue}}else{t.setValue(t.dragProp,t.clamp(e,t.dragProp))}}};this.dragEnd=function(a){t.removeDragListeners();t.focusActiveHandle(a.clientX);if(t.lastDragPropValue!=t[t.dragProp]){t.emitChange()}t.dragProp=null;t.lastDragPropValue=null;t.minValueDragRange=null;t.maxValueDragRange=null;t.minMaxValueRange=null};this.storeTrackRef=function(a){t.trackEl=a}}a.prototype.histogramWatcher=function(a){this.hasHistogram=!!a};a.prototype.valueHandler=function(){this.setMinMaxFromValue()};a.prototype.minMaxValueHandler=function(){this.setValueFromMinMax()};a.prototype.connectedCallback=function(){this.setMinMaxFromValue();this.setValueFromMinMax();connectLabel(this);connectForm(this)};a.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this);this.removeDragListeners()};a.prototype.componentWillLoad=function(){this.tickValues=this.generateTickValues();if(!isRange(this.value)){this.value=this.clamp(this.value)}afterConnectDefaultValueSet(this,this.value);if(this.snap&&!isRange(this.value)){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}};a.prototype.componentDidRender=function(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(isRange(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();updateHostInteraction(this)};a.prototype.render=function(){var a;var t=this;var e=this.el.id||this.guid;var i=isRange(this.value)?"maxValue":"value";var n=isRange(this.value)?this.maxValue:this.value;var r=this.minValue||this.min;var l=this.shouldUseMinValue();var s=this.getUnitInterval(l?this.minValue:r)*100;var o=this.getUnitInterval(n)*100;var c=this.shouldMirror();var u="".concat(c?100-s:s,"%");var m="".concat(c?o:100-o,"%");var d=isRange(this.value);var p=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("div",{class:"handle"}));var b=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n),h("div",{class:"handle"}));var f=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n));var v=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var g=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var x=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n),h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var y=h("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=i},onPointerDown:function(){return t.dragStart(i)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:m},tabIndex:0},h("div",{class:"handle-extension"}),h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n));var _=h("div",{"aria-disabled":this.disabled,"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"},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:u},tabIndex:0},h("div",{class:"handle"}));var k=h("div",{"aria-disabled":this.disabled,"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"},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:u},tabIndex:0},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("div",{"aria-disabled":this.disabled,"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"},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:u},tabIndex:0},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 V=h("div",{"aria-disabled":this.disabled,"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},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:u},tabIndex:0},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var H=h("div",{"aria-disabled":this.disabled,"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},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:u},tabIndex:0},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:e,onTouchStart:this.handleTouchStart},h("div",{class:(a={},a["container"]=true,a["container--range"]=d,a["scale--".concat(this.scale)]=true,a)},this.renderGraph(),h("div",{class:"track",ref:this.storeTrackRef},h("div",{class:"track__range",onPointerDown:function(){return t.dragStart("minMaxValue")},style:{left:"".concat(c?100-o:s,"%"),right:"".concat(c?s:100-o,"%")}}),h("div",{class:"ticks"},this.tickValues.map((function(a){var e="".concat(t.getUnitInterval(a)*100,"%");var i=a>=r&&a<=n;if(l){i=a>=t.minValue&&a<=t.maxValue}return h("span",{class:{tick:true,"tick--active":i},style:{left:c?"":e,right:c?e:""}},t.renderTickLabel(a))})))),h("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&d&&_,!this.hasHistogram&&!this.precise&&this.labelHandles&&d&&k,this.precise&&!this.labelHandles&&d&&V,this.precise&&this.labelHandles&&d&&H,this.hasHistogram&&!this.precise&&this.labelHandles&&d&&w,!this.precise&&!this.labelHandles&&p,!this.hasHistogram&&!this.precise&&this.labelHandles&&b,!this.hasHistogram&&this.precise&&!this.labelHandles&&v,this.hasHistogram&&this.precise&&!this.labelHandles&&g,!this.hasHistogram&&this.precise&&this.labelHandles&&x,this.hasHistogram&&!this.precise&&this.labelHandles&&f,this.hasHistogram&&this.precise&&this.labelHandles&&y,h(HiddenFormInputSlot,{component:this}))))};a.prototype.renderGraph=function(){return this.histogram?h("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:isRange(this.value)?this.maxValue:this.value,highlightMin:isRange(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null};a.prototype.renderTickLabel=function(a){var t=isRange(this.value);var e=a===this.min;var i=a===this.max;var n=h("span",{class:{tick__label:true,"tick__label--min":e,"tick__label--max":i}},a.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!t){return n}if(this.labelTicks&&!this.hasHistogram&&t&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&t&&!this.precise&&this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&t&&this.precise&&(e||i)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(e||i)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(e||i)){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(e||i)){return n}return null};a.prototype.keyDownHandler=function(a){var t=this.shouldMirror();var e=this,i=e.activeProp,n=e.max,r=e.min,l=e.pageStep,s=e.step;var o=this[i];var c=a.key;if(c==="Enter"||c===" "){a.preventDefault();return}var h;if(c==="ArrowUp"||c==="ArrowRight"){var u=t&&c==="ArrowRight"?-1:1;h=o+s*u}else if(c==="ArrowDown"||c==="ArrowLeft"){var u=t&&c==="ArrowLeft"?-1:1;h=o-s*u}else if(c==="PageUp"){if(l){h=o+l}}else if(c==="PageDown"){if(l){h=o-l}}else if(c==="Home"){h=r}else if(c==="End"){h=n}if(isNaN(h)){return}a.preventDefault();var m=Number(h.toFixed(decimalPlaces(s)));this.setValue(i,this.clamp(m,i))};a.prototype.clickHandler=function(a){this.focusActiveHandle(a.clientX)};a.prototype.pointerDownHandler=function(a){var t=a.clientX||a.pageX;var e=this.translate(t);var i="value";if(isRange(this.value)){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 l=this.el.shadowRoot.querySelector(".thumb:active");if(!l){this.setValue(i,this.clamp(e,i))}};a.prototype.handleTouchStart=function(a){a.preventDefault()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(t){a=this.minHandle?this.minHandle:this.maxHandle;a===null||a===void 0?void 0:a.focus();return[2]}))}))};a.prototype.setValueFromMinMax=function(){var a=this,t=a.minValue,e=a.maxValue;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}};a.prototype.setMinMaxFromValue=function(){var a=this.value;if(isRange(a)){this.minValue=a[0];this.maxValue=a[1]}};a.prototype.onLabelClick=function(){this.setFocus()};a.prototype.shouldMirror=function(){return this.mirrored&&!this.hasHistogram};a.prototype.shouldUseMinValue=function(){if(!isRange(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0};a.prototype.generateTickValues=function(){var a=[];var t=this.min;while(this.ticks&&t<this.max+this.ticks){a.push(Math.min(t,this.max));t=t+this.ticks}return a};a.prototype.dragStart=function(a){this.dragProp=a;this.lastDragProp=this.dragProp;this.activeProp=a;document.addEventListener("pointermove",this.dragUpdate);document.addEventListener("pointerup",this.dragEnd);document.addEventListener("pointercancel",this.dragEnd)};a.prototype.focusActiveHandle=function(a){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(a).focus();break}};a.prototype.emitInput=function(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()};a.prototype.emitChange=function(){this.calciteSliderChange.emit()};a.prototype.removeDragListeners=function(){document.removeEventListener("pointermove",this.dragUpdate);document.removeEventListener("pointerup",this.dragEnd);document.removeEventListener("pointercancel",this.dragEnd)};a.prototype.setValue=function(a,t){var e=this[a];var i=e!==t;if(!i){return}this[a]=t;var n=this.dragProp;if(!n){this.emitChange()}this.emitInput()};a.prototype.clamp=function(a,t){a=clamp(a,this.min,this.max);if(t==="maxValue"){a=Math.max(a,this.minValue)}if(t==="minValue"){a=Math.min(a,this.maxValue)}return a};a.prototype.translate=function(a){var t=this.max-this.min;var e=this.trackEl.getBoundingClientRect(),i=e.left,n=e.width;var r=(a-i)/n;var l=this.shouldMirror();var s=this.clamp(this.min+t*(l?1-r:r));var o=Number(s.toFixed(decimalPlaces(this.step)));if(this.snap&&this.step){o=this.getClosestStep(o)}return o};a.prototype.getClosestStep=function(a){a=Number(this.clamp(a).toFixed(decimalPlaces(this.step)));if(this.step){var t=Math.round(a/this.step)*this.step;a=Number(this.clamp(t).toFixed(decimalPlaces(this.step)))}return a};a.prototype.getClosestHandle=function(a){return this.getDistanceX(this.maxHandle,a)>this.getDistanceX(this.minHandle,a)?this.minHandle:this.maxHandle};a.prototype.getDistanceX=function(a,t){return Math.abs(a.getBoundingClientRect().left-t)};a.prototype.getFontSizeForElement=function(a){return Number(window.getComputedStyle(a).getPropertyValue("font-size").match(/\d+/)[0])};a.prototype.getUnitInterval=function(a){a=this.clamp(a);var t=this.max-this.min;return(a-this.min)/t};a.prototype.adjustHostObscuredHandleLabel=function(a){var t=this.el.shadowRoot.querySelector(".handle__label--".concat(a));var e=this.el.shadowRoot.querySelector(".handle__label--".concat(a,".static"));var i=this.el.shadowRoot.querySelector(".handle__label--".concat(a,".transformed"));var n=e.getBoundingClientRect();var r=this.getHostOffset(n.left,n.right);t.style.transform="translateX(".concat(r,"px)");i.style.transform="translateX(".concat(r,"px)")};a.prototype.hyphenateCollidingRangeHandleLabels=function(){var a=this.el.shadowRoot;var t=this.shouldMirror();var e=t?"value":"minValue";var i=t?"minValue":"value";var n=a.querySelector(".handle__label--".concat(e));var r=a.querySelector(".handle__label--".concat(e,".static"));var l=a.querySelector(".handle__label--".concat(e,".transformed"));var s=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);var o=a.querySelector(".handle__label--".concat(i));var c=a.querySelector(".handle__label--".concat(i,".static"));var h=a.querySelector(".handle__label--".concat(i,".transformed"));var u=this.getHostOffset(c.getBoundingClientRect().left,c.getBoundingClientRect().right);var m=this.getFontSizeForElement(n);var d=this.getRangeLabelOverlap(l,h);var p=n;var b=m/2;if(d>0){p.classList.add("hyphen","hyphen--wrap");if(u===0&&s===0){var f=d/2-b;f=Math.sign(f)===-1?Math.abs(f):-f;var v=this.getHostOffset(l.getBoundingClientRect().left+f-b,l.getBoundingClientRect().right+f-b);var g=d/2;var x=this.getHostOffset(h.getBoundingClientRect().left+g,h.getBoundingClientRect().right+g);if(v!==0){f+=v;g+=v}if(x!==0){f+=x;g+=x}n.style.transform="translateX(".concat(f,"px)");l.style.transform="translateX(".concat(f-b,"px)");o.style.transform="translateX(".concat(g,"px)");h.style.transform="translateX(".concat(g,"px)")}else if(s>0||u>0){n.style.transform="translateX(".concat(s+b,"px)");o.style.transform="translateX(".concat(d+u,"px)");h.style.transform="translateX(".concat(d+u,"px)")}else if(s<0||u<0){var f=Math.abs(s)+d-b;f=Math.sign(f)===-1?Math.abs(f):-f;n.style.transform="translateX(".concat(f,"px)");l.style.transform="translateX(".concat(f-b,"px)")}}else{p.classList.remove("hyphen","hyphen--wrap");n.style.transform="translateX(".concat(s,"px)");l.style.transform="translateX(".concat(s,"px)");o.style.transform="translateX(".concat(u,"px)");h.style.transform="translateX(".concat(u,"px)")}};a.prototype.hideObscuredBoundingTickLabels=function(){var a=isRange(this.value);if(!this.hasHistogram&&!a&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!a&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!a&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!a&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&a&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}var t=this.el.shadowRoot.querySelector(".thumb--minValue");var e=this.el.shadowRoot.querySelector(".thumb--value");var i=this.el.shadowRoot.querySelector(".tick__label--min");var n=this.el.shadowRoot.querySelector(".tick__label--max");if(!t&&e&&i&&n){i.style.opacity=this.isMinTickLabelObscured(i,e)?"0":"1";n.style.opacity=this.isMaxTickLabelObscured(n,e)?"0":"1"}if(t&&e&&i&&n){i.style.opacity=this.isMinTickLabelObscured(i,t)||this.isMinTickLabelObscured(i,e)?"0":"1";n.style.opacity=this.isMaxTickLabelObscured(n,t)||this.isMaxTickLabelObscured(n,e)&&this.hasHistogram?"0":"1"}};a.prototype.getHostOffset=function(a,t){var e=this.el.getBoundingClientRect();var i=7;if(a+i<e.left){return e.left-a-i}if(t-i>e.right){return-(t-e.right)+i}return 0};a.prototype.getRangeLabelOverlap=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();var n=this.getFontSizeForElement(a);var r=e.right+n-i.left;return Math.max(r,0)};a.prototype.isMinTickLabelObscured=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();return intersects(e,i)};a.prototype.isMaxTickLabelObscured=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();return intersects(e,i)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{histogram:["histogramWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}},enumerable:false,configurable:true});return a}();Slider.style=sliderCss;export{Graph as calcite_graph,Slider as calcite_slider};
+ * v1.0.0-beta.87
+ */import{r as registerInstance,f as forceUpdate,h,g as getElement,c as createEvent,H as Host}from"./index-5048a317.js";import{g as guid}from"./guid-ba74e5d4.js";import{c as createObserver}from"./observers-61a2bb4f.js";import{h as intersects}from"./dom-19ab3d2f.js";import{d as decimalPlaces,c as clamp}from"./math-a5e24a73.js";import{c as connectLabel,d as disconnectLabel}from"./label-dfcfa9e0.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-ecbc6fec.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";function slope(a,e,t){var i=e[0]-a[0];var n=t[0]-e[0];var r=e[1]-a[1];var l=t[1]-e[1];var s=r/(i||n<0&&0);var o=l/(n||i<0&&0);var c=(s*n+o*i)/(i+n);return(Math.sign(s)+Math.sign(o))*Math.min(Math.abs(s),Math.abs(o),.5*Math.abs(c))||0}function slopeSingle(a,e,t){var i=e[0]-a[0];var n=e[1]-a[1];return i?(3*n/i-t)/2:t}function bezier(a,e,t,i,n){var r=a[0],l=a[1];var s=e[0],o=e[1];var c=(s-r)/3;var h=n([r+c,l+c*t]).join(",");var u=n([s-c,o-c*i]).join(",");var d=n([s,o]).join(",");return"C ".concat(h," ").concat(u," ").concat(d)}function translate(a){var e=a.width,t=a.height,i=a.min,n=a.max;var r=n[0]-i[0];var l=n[1]-i[1];return function(a){var n=(a[0]-i[0])/r*e;var s=t-a[1]/l*t;return[n,s]}}function range(a){var e=a[0],t=e[0],i=e[1];var n=[t,i];var r=[t,i];return a.reduce((function(a,e){var t=a.min,i=a.max;var n=e[0],r=e[1];return{min:[Math.min(t[0],n),Math.min(t[1],r)],max:[Math.max(i[0],n),Math.max(i[1],r)]}}),{min:n,max:r})}function area(a){var e=a.data,t=a.min,i=a.max,n=a.t;if(e.length===0){return""}var r=n(e[0]),l=r[0],s=r[1];var o=n(t),c=o[0],h=o[1];var u=n(i)[0];var d;var m;var b;var p=e.reduce((function(a,t,i){m=e[i-2];b=e[i-1];if(i>1){var r=slope(m,b,t);var l=d===undefined?slopeSingle(m,b,r):d;var s=bezier(m,b,l,r,n);d=r;return"".concat(a," ").concat(s)}return a}),"M ".concat(c,",").concat(h," L ").concat(c,",").concat(s," L ").concat(l,",").concat(s));var f=e[e.length-1];var v=bezier(b,f,d,slopeSingle(b,f,d),n);return"".concat(p," ").concat(v," L ").concat(u,",").concat(h," Z")}var graphCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";var Graph=function(){function a(a){var e=this;registerInstance(this,a);this.data=[];this.graphId="calcite-graph-".concat(guid());this.resizeObserver=createObserver("resize",(function(){return forceUpdate(e)}))}a.prototype.connectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.observe(this.el)};a.prototype.disconnectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.disconnect()};a.prototype.render=function(){var a=this,e=a.data,t=a.colorStops,i=a.el,n=a.highlightMax,r=a.highlightMin,l=a.min,s=a.max;var o=this.graphId;var c=i.clientHeight,u=i.clientWidth;if(!e||e.length===0){return h("svg",{class:"svg",height:c,preserveAspectRatio:"none",viewBox:"0 0 ".concat(u," ").concat(c),width:u})}var d=range(e),m=d.min,b=d.max;var p=m;var f=b;if(l<m[0]||l>m[0]){p=[l,0]}if(s>b[0]||s<b[0]){f=[s,b[1]]}var v=translate({min:p,max:f,width:u,height:c});var g=v([r,f[1]])[0];var x=v([n,f[1]])[0];var y=area({data:e,min:m,max:b,t:v});var k=t?"url(#linear-gradient-".concat(o,")"):undefined;return h("svg",{class:"svg",height:c,preserveAspectRatio:"none",viewBox:"0 0 ".concat(u," ").concat(c),width:u},t?h("defs",null,h("linearGradient",{id:"linear-gradient-".concat(o),x1:"0",x2:"1",y1:"0",y2:"0"},t.map((function(a){var e=a.offset,t=a.color,i=a.opacity;return h("stop",{offset:"".concat(e*100,"%"),"stop-color":t,"stop-opacity":i})})))):null,r!==undefined?[h("mask",{height:"100%",id:"".concat(o,"1"),width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M 0,0\n            L ".concat(g-1,",0\n            L ").concat(g-1,",").concat(c,"\n            L 0,").concat(c,"\n            Z\n          "),fill:"white"})),h("mask",{height:"100%",id:"".concat(o,"2"),width:"100%",x:"0%",y:"0%"},h("path",{d:"\n            M ".concat(g+1,",0\n            L ").concat(x-1,",0\n            L ").concat(x-1,",").concat(c,"\n            L ").concat(g+1,", ").concat(c,"\n            Z\n          "),fill:"white"})),h("mask",{height:"100%",id:"".concat(o,"3"),width:"100%",x:"0%",y:"0%"},h("path",{d:"\n                M ".concat(x+1,",0\n                L ").concat(u,",0\n                L ").concat(u,",").concat(c,"\n                L ").concat(x+1,", ").concat(c,"\n                Z\n              "),fill:"white"})),h("path",{class:"graph-path",d:y,fill:k,mask:"url(#".concat(o,"1)")}),h("path",{class:"graph-path--highlight",d:y,fill:k,mask:"url(#".concat(o,"2)")}),h("path",{class:"graph-path",d:y,fill:k,mask:"url(#".concat(o,"3)")})]:h("path",{class:"graph-path",d:y,fill:k}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Graph.style=graphCss;var sliderCss='@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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:14px;--calcite-slider-handle-extension-height:8px;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:16px;--calcite-slider-handle-extension-height:10.5px;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  )}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);-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 var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);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}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{-webkit-margin-before:0.5em;margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{-webkit-margin-after:0.5em;margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.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{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);inset-block-start:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;-webkit-margin-before:0.875rem;margin-block-start:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{-webkit-padding-after:calc(0.875rem + var(--calcite-slider-container-font-size));padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{-webkit-padding-after:calc(var(--calcite-slider-full-handle-height) + 1em);padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{-webkit-padding-after:calc(var(--calcite-slider-handle-size) * 0.5 + 1em);padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{-webkit-padding-after:var(--calcite-slider-full-handle-height);padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{-webkit-padding-before:var(--calcite-slider-full-handle-height);padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{-webkit-padding-after:var(--calcite-slider-full-handle-height);padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{-webkit-padding-before:calc(var(--calcite-slider-full-handle-height) + 4px);padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{-webkit-padding-before:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px);padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{-webkit-padding-after:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px);padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';function isRange(a){return Array.isArray(a)}var Slider=function(){function a(a){var e=this;registerInstance(this,a);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=0;this.scale="m";this.guid="calcite-slider-".concat(guid());this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=function(a){a.preventDefault();if(e.dragProp){var t=e.translate(a.clientX||a.pageX);if(isRange(e.value)&&e.dragProp==="minMaxValue"){if(e.minValueDragRange&&e.maxValueDragRange&&e.minMaxValueRange){var i=t-e.minValueDragRange;var n=t+e.maxValueDragRange;if(n<=e.max&&i>=e.min&&n-i===e.minMaxValueRange){e.minValue=e.clamp(i,"minValue");e.maxValue=e.clamp(n,"maxValue")}}else{e.minValueDragRange=t-e.minValue;e.maxValueDragRange=e.maxValue-t;e.minMaxValueRange=e.maxValue-e.minValue}}else{e.setValue(e.dragProp,e.clamp(t,e.dragProp))}}};this.dragEnd=function(a){e.removeDragListeners();e.focusActiveHandle(a.clientX);if(e.lastDragPropValue!=e[e.dragProp]){e.emitChange()}e.dragProp=null;e.lastDragPropValue=null;e.minValueDragRange=null;e.maxValueDragRange=null;e.minMaxValueRange=null};this.storeTrackRef=function(a){e.trackEl=a}}a.prototype.histogramWatcher=function(a){this.hasHistogram=!!a};a.prototype.valueHandler=function(){this.setMinMaxFromValue()};a.prototype.minMaxValueHandler=function(){this.setValueFromMinMax()};a.prototype.connectedCallback=function(){this.setMinMaxFromValue();this.setValueFromMinMax();connectLabel(this);connectForm(this)};a.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this);this.removeDragListeners()};a.prototype.componentWillLoad=function(){this.tickValues=this.generateTickValues();if(!isRange(this.value)){this.value=this.clamp(this.value)}afterConnectDefaultValueSet(this,this.value);if(this.snap&&!isRange(this.value)){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}};a.prototype.componentDidRender=function(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(isRange(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();updateHostInteraction(this)};a.prototype.render=function(){var a;var e=this;var t=this.el.id||this.guid;var i=isRange(this.value)?"maxValue":"value";var n=isRange(this.value)?this.maxValue:this.value;var r=this.minValue||this.min;var l=this.shouldUseMinValue();var s=this.getUnitInterval(l?this.minValue:r)*100;var o=this.getUnitInterval(n)*100;var c=this.shouldMirror();var u="".concat(c?100-s:s,"%");var d="".concat(c?o:100-o,"%");var m=isRange(this.value);var b=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("div",{class:"handle"}));var p=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n),h("div",{class:"handle"}));var f=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n));var v=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var g=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var x=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n),h("div",{class:"handle"}),h("div",{class:"handle-extension"}));var y=h("div",{"aria-disabled":this.disabled,"aria-label":m?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":n,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===i,"thumb--precise":true},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp=i},onPointerDown:function(){return e.dragStart(i)},ref:function(a){return e.maxHandle=a},role:"slider",style:{right:d},tabIndex:0},h("div",{class:"handle-extension"}),h("div",{class:"handle"}),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},n?n.toLocaleString():n),h("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},n?n.toLocaleString():n));var k=h("div",{"aria-disabled":this.disabled,"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"},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp="minValue"},onPointerDown:function(){return e.dragStart("minValue")},ref:function(a){return e.minHandle=a},role:"slider",style:{left:u},tabIndex:0},h("div",{class:"handle"}));var _=h("div",{"aria-disabled":this.disabled,"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"},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp="minValue"},onPointerDown:function(){return e.dragStart("minValue")},ref:function(a){return e.minHandle=a},role:"slider",style:{left:u},tabIndex:0},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("div",{"aria-disabled":this.disabled,"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"},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp="minValue"},onPointerDown:function(){return e.dragStart("minValue")},ref:function(a){return e.minHandle=a},role:"slider",style:{left:u},tabIndex:0},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 V=h("div",{"aria-disabled":this.disabled,"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},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp="minValue"},onPointerDown:function(){return e.dragStart("minValue")},ref:function(a){return e.minHandle=a},role:"slider",style:{left:u},tabIndex:0},h("div",{class:"handle-extension"}),h("div",{class:"handle"}));var H=h("div",{"aria-disabled":this.disabled,"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},onBlur:function(){return e.activeProp=null},onFocus:function(){return e.activeProp="minValue"},onPointerDown:function(){return e.dragStart("minValue")},ref:function(a){return e.minHandle=a},role:"slider",style:{left:u},tabIndex:0},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:t,onTouchStart:this.handleTouchStart},h("div",{class:(a={},a["container"]=true,a["container--range"]=m,a["scale--".concat(this.scale)]=true,a)},this.renderGraph(),h("div",{class:"track",ref:this.storeTrackRef},h("div",{class:"track__range",onPointerDown:function(){return e.dragStart("minMaxValue")},style:{left:"".concat(c?100-o:s,"%"),right:"".concat(c?s:100-o,"%")}}),h("div",{class:"ticks"},this.tickValues.map((function(a){var t="".concat(e.getUnitInterval(a)*100,"%");var i=a>=r&&a<=n;if(l){i=a>=e.minValue&&a<=e.maxValue}return h("span",{class:{tick:true,"tick--active":i},style:{left:c?"":t,right:c?t:""}},e.renderTickLabel(a))})))),h("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&m&&k,!this.hasHistogram&&!this.precise&&this.labelHandles&&m&&_,this.precise&&!this.labelHandles&&m&&V,this.precise&&this.labelHandles&&m&&H,this.hasHistogram&&!this.precise&&this.labelHandles&&m&&w,!this.precise&&!this.labelHandles&&b,!this.hasHistogram&&!this.precise&&this.labelHandles&&p,!this.hasHistogram&&this.precise&&!this.labelHandles&&v,this.hasHistogram&&this.precise&&!this.labelHandles&&g,!this.hasHistogram&&this.precise&&this.labelHandles&&x,this.hasHistogram&&!this.precise&&this.labelHandles&&f,this.hasHistogram&&this.precise&&this.labelHandles&&y,h(HiddenFormInputSlot,{component:this}))))};a.prototype.renderGraph=function(){return this.histogram?h("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:isRange(this.value)?this.maxValue:this.value,highlightMin:isRange(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null};a.prototype.renderTickLabel=function(a){var e=isRange(this.value);var t=a===this.min;var i=a===this.max;var n=h("span",{class:{tick__label:true,"tick__label--min":t,"tick__label--max":i}},a.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!e){return n}if(this.labelTicks&&!this.hasHistogram&&e&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&e&&!this.precise&&this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&e&&this.precise&&(t||i)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(t||i)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(t||i)){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(t||i)){return n}return null};a.prototype.keyDownHandler=function(a){var e=this.shouldMirror();var t=this,i=t.activeProp,n=t.max,r=t.min,l=t.pageStep,s=t.step;var o=this[i];var c=a.key;if(c==="Enter"||c===" "){a.preventDefault();return}var h;if(c==="ArrowUp"||c==="ArrowRight"){var u=e&&c==="ArrowRight"?-1:1;h=o+s*u}else if(c==="ArrowDown"||c==="ArrowLeft"){var u=e&&c==="ArrowLeft"?-1:1;h=o-s*u}else if(c==="PageUp"){if(l){h=o+l}}else if(c==="PageDown"){if(l){h=o-l}}else if(c==="Home"){h=r}else if(c==="End"){h=n}if(isNaN(h)){return}a.preventDefault();var d=Number(h.toFixed(decimalPlaces(s)));this.setValue(i,this.clamp(d,i))};a.prototype.clickHandler=function(a){this.focusActiveHandle(a.clientX)};a.prototype.pointerDownHandler=function(a){var e=a.clientX||a.pageX;var t=this.translate(e);var i="value";if(isRange(this.value)){var n=t>=this.minValue&&t<=this.maxValue;if(n&&this.lastDragProp==="minMaxValue"){i="minMaxValue"}else{var r=Math.abs(this.maxValue-t)<Math.abs(this.minValue-t);i=r||t>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[i];this.dragStart(i);var l=this.el.shadowRoot.querySelector(".thumb:active");if(!l){this.setValue(i,this.clamp(t,i))}};a.prototype.handleTouchStart=function(a){a.preventDefault()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){a=this.minHandle?this.minHandle:this.maxHandle;a===null||a===void 0?void 0:a.focus();return[2]}))}))};a.prototype.setValueFromMinMax=function(){var a=this,e=a.minValue,t=a.maxValue;if(typeof e==="number"&&typeof t==="number"){this.value=[e,t]}};a.prototype.setMinMaxFromValue=function(){var a=this.value;if(isRange(a)){this.minValue=a[0];this.maxValue=a[1]}};a.prototype.onLabelClick=function(){this.setFocus()};a.prototype.shouldMirror=function(){return this.mirrored&&!this.hasHistogram};a.prototype.shouldUseMinValue=function(){if(!isRange(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0};a.prototype.generateTickValues=function(){var a=[];var e=this.min;while(this.ticks&&e<this.max+this.ticks){a.push(Math.min(e,this.max));e=e+this.ticks}return a};a.prototype.dragStart=function(a){this.dragProp=a;this.lastDragProp=this.dragProp;this.activeProp=a;document.addEventListener("pointermove",this.dragUpdate);document.addEventListener("pointerup",this.dragEnd);document.addEventListener("pointercancel",this.dragEnd)};a.prototype.focusActiveHandle=function(a){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(a).focus();break}};a.prototype.emitInput=function(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()};a.prototype.emitChange=function(){this.calciteSliderChange.emit()};a.prototype.removeDragListeners=function(){document.removeEventListener("pointermove",this.dragUpdate);document.removeEventListener("pointerup",this.dragEnd);document.removeEventListener("pointercancel",this.dragEnd)};a.prototype.setValue=function(a,e){var t=this[a];var i=t!==e;if(!i){return}this[a]=e;var n=this.dragProp;if(!n){this.emitChange()}this.emitInput()};a.prototype.clamp=function(a,e){a=clamp(a,this.min,this.max);if(e==="maxValue"){a=Math.max(a,this.minValue)}if(e==="minValue"){a=Math.min(a,this.maxValue)}return a};a.prototype.translate=function(a){var e=this.max-this.min;var t=this.trackEl.getBoundingClientRect(),i=t.left,n=t.width;var r=(a-i)/n;var l=this.shouldMirror();var s=this.clamp(this.min+e*(l?1-r:r));var o=Number(s.toFixed(decimalPlaces(this.step)));if(this.snap&&this.step){o=this.getClosestStep(o)}return o};a.prototype.getClosestStep=function(a){a=Number(this.clamp(a).toFixed(decimalPlaces(this.step)));if(this.step){var e=Math.round(a/this.step)*this.step;a=Number(this.clamp(e).toFixed(decimalPlaces(this.step)))}return a};a.prototype.getClosestHandle=function(a){return this.getDistanceX(this.maxHandle,a)>this.getDistanceX(this.minHandle,a)?this.minHandle:this.maxHandle};a.prototype.getDistanceX=function(a,e){return Math.abs(a.getBoundingClientRect().left-e)};a.prototype.getFontSizeForElement=function(a){return Number(window.getComputedStyle(a).getPropertyValue("font-size").match(/\d+/)[0])};a.prototype.getUnitInterval=function(a){a=this.clamp(a);var e=this.max-this.min;return(a-this.min)/e};a.prototype.adjustHostObscuredHandleLabel=function(a){var e=this.el.shadowRoot.querySelector(".handle__label--".concat(a));var t=this.el.shadowRoot.querySelector(".handle__label--".concat(a,".static"));var i=this.el.shadowRoot.querySelector(".handle__label--".concat(a,".transformed"));var n=t.getBoundingClientRect();var r=this.getHostOffset(n.left,n.right);e.style.transform="translateX(".concat(r,"px)");i.style.transform="translateX(".concat(r,"px)")};a.prototype.hyphenateCollidingRangeHandleLabels=function(){var a=this.el.shadowRoot;var e=this.shouldMirror();var t=e?"value":"minValue";var i=e?"minValue":"value";var n=a.querySelector(".handle__label--".concat(t));var r=a.querySelector(".handle__label--".concat(t,".static"));var l=a.querySelector(".handle__label--".concat(t,".transformed"));var s=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);var o=a.querySelector(".handle__label--".concat(i));var c=a.querySelector(".handle__label--".concat(i,".static"));var h=a.querySelector(".handle__label--".concat(i,".transformed"));var u=this.getHostOffset(c.getBoundingClientRect().left,c.getBoundingClientRect().right);var d=this.getFontSizeForElement(n);var m=this.getRangeLabelOverlap(l,h);var b=n;var p=d/2;if(m>0){b.classList.add("hyphen","hyphen--wrap");if(u===0&&s===0){var f=m/2-p;f=Math.sign(f)===-1?Math.abs(f):-f;var v=this.getHostOffset(l.getBoundingClientRect().left+f-p,l.getBoundingClientRect().right+f-p);var g=m/2;var x=this.getHostOffset(h.getBoundingClientRect().left+g,h.getBoundingClientRect().right+g);if(v!==0){f+=v;g+=v}if(x!==0){f+=x;g+=x}n.style.transform="translateX(".concat(f,"px)");l.style.transform="translateX(".concat(f-p,"px)");o.style.transform="translateX(".concat(g,"px)");h.style.transform="translateX(".concat(g,"px)")}else if(s>0||u>0){n.style.transform="translateX(".concat(s+p,"px)");o.style.transform="translateX(".concat(m+u,"px)");h.style.transform="translateX(".concat(m+u,"px)")}else if(s<0||u<0){var f=Math.abs(s)+m-p;f=Math.sign(f)===-1?Math.abs(f):-f;n.style.transform="translateX(".concat(f,"px)");l.style.transform="translateX(".concat(f-p,"px)")}}else{b.classList.remove("hyphen","hyphen--wrap");n.style.transform="translateX(".concat(s,"px)");l.style.transform="translateX(".concat(s,"px)");o.style.transform="translateX(".concat(u,"px)");h.style.transform="translateX(".concat(u,"px)")}};a.prototype.hideObscuredBoundingTickLabels=function(){var a=isRange(this.value);if(!this.hasHistogram&&!a&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!a&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!a&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!a&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&a&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}var e=this.el.shadowRoot.querySelector(".thumb--minValue");var t=this.el.shadowRoot.querySelector(".thumb--value");var i=this.el.shadowRoot.querySelector(".tick__label--min");var n=this.el.shadowRoot.querySelector(".tick__label--max");if(!e&&t&&i&&n){i.style.opacity=this.isMinTickLabelObscured(i,t)?"0":"1";n.style.opacity=this.isMaxTickLabelObscured(n,t)?"0":"1"}if(e&&t&&i&&n){i.style.opacity=this.isMinTickLabelObscured(i,e)||this.isMinTickLabelObscured(i,t)?"0":"1";n.style.opacity=this.isMaxTickLabelObscured(n,e)||this.isMaxTickLabelObscured(n,t)&&this.hasHistogram?"0":"1"}};a.prototype.getHostOffset=function(a,e){var t=this.el.getBoundingClientRect();var i=7;if(a+i<t.left){return t.left-a-i}if(e-i>t.right){return-(e-t.right)+i}return 0};a.prototype.getRangeLabelOverlap=function(a,e){var t=a.getBoundingClientRect();var i=e.getBoundingClientRect();var n=this.getFontSizeForElement(a);var r=t.right+n-i.left;return Math.max(r,0)};a.prototype.isMinTickLabelObscured=function(a,e){var t=a.getBoundingClientRect();var i=e.getBoundingClientRect();return intersects(t,i)};a.prototype.isMaxTickLabelObscured=function(a,e){var t=a.getBoundingClientRect();var i=e.getBoundingClientRect();return intersects(t,i)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{histogram:["histogramWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}},enumerable:false,configurable:true});return a}();Slider.style=sliderCss;export{Graph as calcite_graph,Slider as calcite_slider};

package/dist/esm-es5/calcite-handle.entry.js CHANGED Viewed

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,a,e,n){function i(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.
- * v1.0.0-beta.86
- */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-dfcf10d7.js";import{t as toAriaBoolean}from"./dom-6c1f7204.js";import"./guid-9ee41ac6.js";var CSS={handle:"handle",handleActivated:"handle--activated"};var ICONS={drag:"drag"};var handleCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;cursor:move;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-3);padding:0.75rem 0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";var Handle=function(){function t(t){var a=this;registerInstance(this,t);this.calciteHandleNudge=createEvent(this,"calciteHandleNudge",7);this.activated=false;this.textTitle="handle";this.handleKeyDown=function(t){switch(t.key){case" ":a.activated=!a.activated;break;case"ArrowUp":case"ArrowDown":if(!a.activated){return}var e=t.key.toLowerCase().replace("arrow","");a.calciteHandleNudge.emit({handle:a.el,direction:e});break}};this.handleBlur=function(){a.activated=false}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){(t=this.handleButton)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.render=function(){var t;var a=this;return h("span",{"aria-pressed":toAriaBoolean(this.activated),class:(t={},t[CSS.handle]=true,t[CSS.handleActivated]=this.activated,t),onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:function(t){a.handleButton=t},role:"button",tabindex:"0",title:this.textTitle},h("calcite-icon",{icon:ICONS.drag,scale:"s"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Handle.style=handleCss;export{Handle as calcite_handle};
+ * v1.0.0-beta.87
+ */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-5048a317.js";import{t as toAriaBoolean}from"./dom-19ab3d2f.js";import"./guid-ba74e5d4.js";var CSS={handle:"handle",handleActivated:"handle--activated"};var ICONS={drag:"drag"};var handleCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;cursor:move;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-3);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";var Handle=function(){function t(t){var a=this;registerInstance(this,t);this.calciteHandleNudge=createEvent(this,"calciteHandleNudge",7);this.activated=false;this.textTitle="handle";this.handleKeyDown=function(t){switch(t.key){case" ":a.activated=!a.activated;break;case"ArrowUp":case"ArrowDown":if(!a.activated){return}var e=t.key.toLowerCase().replace("arrow","");a.calciteHandleNudge.emit({handle:a.el,direction:e});break}};this.handleBlur=function(){a.activated=false}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){(t=this.handleButton)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.render=function(){var t;var a=this;return h("span",{"aria-pressed":toAriaBoolean(this.activated),class:(t={},t[CSS.handle]=true,t[CSS.handleActivated]=this.activated,t),onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:function(t){a.handleButton=t},role:"button",tabindex:"0",title:this.textTitle},h("calcite-icon",{icon:ICONS.drag,scale:"s"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Handle.style=handleCss;export{Handle as calcite_handle};

package/dist/esm-es5/calcite-icon.entry.js CHANGED Viewed

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(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.
- * v1.0.0-beta.86
- */import{a as getAssetPath,r as registerInstance,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{a as getElementDir,t as toAriaBoolean}from"./dom-6c1f7204.js";import{c as createObserver}from"./observers-fa0db945.js";import"./guid-9ee41ac6.js";var CSS={icon:"icon",flipRtl:"flip-rtl"};var iconCache={};var requestCache={};var scaleToPx={s:16,m:24,l:32};function fetchIcon(t){var e=t.icon,n=t.scale;return __awaiter(this,void 0,void 0,(function(){var t,a,i,r,o,c;return __generator(this,(function(s){switch(s.label){case 0:t=scaleToPx[n];a=normalizeIconName(e);i=a.charAt(a.length-1)==="F";r=i?a.substring(0,a.length-1):a;o="".concat(r).concat(t).concat(i?"F":"");if(iconCache[o]){return[2,iconCache[o]]}if(!requestCache[o]){requestCache[o]=fetch(getAssetPath("./assets/icon/".concat(o,".json"))).then((function(t){return t.json()})).catch((function(){console.error('"'.concat(o,'" is not a valid calcite-ui-icon name'));return""}))}return[4,requestCache[o]];case 1:c=s.sent();iconCache[o]=c;return[2,c]}}))}))}function normalizeIconName(t){var e=!isNaN(Number(t.charAt(0)));var n=t.split("-");if(n.length===1){return e?"i".concat(t):t}return n.map((function(t,n){if(n===0){return e?"i".concat(t.toUpperCase()):t}return t.charAt(0).toUpperCase()+t.slice(1)})).join("")}var iconCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host([scale=m]){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host([scale=l]){height:2rem;width:2rem;min-width:2rem;min-height:2rem}.flip-rtl{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg{display:block}";var Icon=function(){function t(t){registerInstance(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.visible=false}t.prototype.connectedCallback=function(){var t=this;this.waitUntilVisible((function(){t.visible=true;t.loadIconPathData()}))};t.prototype.disconnectedCallback=function(){var t;(t=this.intersectionObserver)===null||t===void 0?void 0:t.disconnect();this.intersectionObserver=null};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.loadIconPathData();return[2]}))}))};t.prototype.render=function(){var t;var e=this,n=e.el,a=e.flipRtl,i=e.pathData,r=e.scale,o=e.textLabel;var c=getElementDir(n);var s=scaleToPx[r];var l=!!o;var f=[].concat(i||"");return h(Host,{"aria-hidden":toAriaBoolean(!l),"aria-label":l?o:null,role:l?"img":null},h("svg",{class:(t={},t[CSS.flipRtl]=c==="rtl"&&a,t.svg=true,t),fill:"currentColor",height:"100%",viewBox:"0 0 ".concat(s," ").concat(s),width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.map((function(t){return typeof t==="string"?h("path",{d:t}):h("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})}))))};t.prototype.loadIconPathData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,a,i;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.icon,n=t.scale,a=t.visible;if(!e||!a){return[2]}i=this;return[4,fetchIcon({icon:e,scale:n})];case 1:i.pathData=r.sent();return[2]}}))}))};t.prototype.waitUntilVisible=function(t){var e=this;this.intersectionObserver=createObserver("intersection",(function(n){n.forEach((function(n){if(n.isIntersecting){e.intersectionObserver.disconnect();e.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}},enumerable:false,configurable:true});return t}();Icon.style=iconCss;export{Icon as calcite_icon};
+ * v1.0.0-beta.87
+ */import{a as getAssetPath,r as registerInstance,h,H as Host,g as getElement}from"./index-5048a317.js";import{a as getElementDir,t as toAriaBoolean}from"./dom-19ab3d2f.js";import{c as createObserver}from"./observers-61a2bb4f.js";import"./guid-ba74e5d4.js";var CSS={icon:"icon",flipRtl:"flip-rtl"};var iconCache={};var requestCache={};var scaleToPx={s:16,m:24,l:32};function fetchIcon(t){var e=t.icon,n=t.scale;return __awaiter(this,void 0,void 0,(function(){var t,a,i,r,o,c;return __generator(this,(function(s){switch(s.label){case 0:t=scaleToPx[n];a=normalizeIconName(e);i=a.charAt(a.length-1)==="F";r=i?a.substring(0,a.length-1):a;o="".concat(r).concat(t).concat(i?"F":"");if(iconCache[o]){return[2,iconCache[o]]}if(!requestCache[o]){requestCache[o]=fetch(getAssetPath("./assets/icon/".concat(o,".json"))).then((function(t){return t.json()})).catch((function(){console.error('"'.concat(o,'" is not a valid calcite-ui-icon name'));return""}))}return[4,requestCache[o]];case 1:c=s.sent();iconCache[o]=c;return[2,c]}}))}))}function normalizeIconName(t){var e=!isNaN(Number(t.charAt(0)));var n=t.split("-");if(n.length===1){return e?"i".concat(t):t}return n.map((function(t,n){if(n===0){return e?"i".concat(t.toUpperCase()):t}return t.charAt(0).toUpperCase()+t.slice(1)})).join("")}var iconCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg{display:block}";var Icon=function(){function t(t){registerInstance(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.visible=false}t.prototype.connectedCallback=function(){var t=this;this.waitUntilVisible((function(){t.visible=true;t.loadIconPathData()}))};t.prototype.disconnectedCallback=function(){var t;(t=this.intersectionObserver)===null||t===void 0?void 0:t.disconnect();this.intersectionObserver=null};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.loadIconPathData();return[2]}))}))};t.prototype.render=function(){var t;var e=this,n=e.el,a=e.flipRtl,i=e.pathData,r=e.scale,o=e.textLabel;var c=getElementDir(n);var s=scaleToPx[r];var l=!!o;var f=[].concat(i||"");return h(Host,{"aria-hidden":toAriaBoolean(!l),"aria-label":l?o:null,role:l?"img":null},h("svg",{class:(t={},t[CSS.flipRtl]=c==="rtl"&&a,t.svg=true,t),fill:"currentColor",height:"100%",viewBox:"0 0 ".concat(s," ").concat(s),width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.map((function(t){return typeof t==="string"?h("path",{d:t}):h("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})}))))};t.prototype.loadIconPathData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,a,i;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.icon,n=t.scale,a=t.visible;if(!e||!a){return[2]}i=this;return[4,fetchIcon({icon:e,scale:n})];case 1:i.pathData=r.sent();return[2]}}))}))};t.prototype.waitUntilVisible=function(t){var e=this;this.intersectionObserver=createObserver("intersection",(function(n){n.forEach((function(n){if(n.isIntersecting){e.intersectionObserver.disconnect();e.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}},enumerable:false,configurable:true});return t}();Icon.style=iconCss;export{Icon as calcite_icon};

package/dist/esm-es5/calcite-inline-editable.entry.js CHANGED Viewed

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(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.
- * v1.0.0-beta.86
- */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-dfcf10d7.js";import{d as getElementProp,g as getSlotted}from"./dom-6c1f7204.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-b30a7cde.js";import{c as createObserver}from"./observers-fa0db945.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.js";var CSS={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};var TEXT={intlEnablingEditing:"Click to edit",intlCancelEditing:"Cancel",intlConfirmChanges:"Save"};var inlineEditableCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) .controls-wrapper{height:1.5rem}:host([scale=m]) .controls-wrapper{height:2rem}:host([scale=l]) .controls-wrapper{height:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{-ms-flex:1 1 0%;flex:1 1 0%}.controls-wrapper{display:-ms-flexbox;display:flex}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var InlineEditable=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInlineEditableEditCancel=createEvent(this,"calciteInlineEditableEditCancel",7);this.calciteInlineEditableEditConfirm=createEvent(this,"calciteInlineEditableEditConfirm",7);this.calciteInternalInlineEditableEnableEditingChange=createEvent(this,"calciteInternalInlineEditableEnableEditingChange",7);this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.intlEnableEditing=TEXT.intlEnablingEditing;this.intlCancelEditing=TEXT.intlCancelEditing;this.intlConfirmChanges=TEXT.intlConfirmChanges;this.mutationObserver=createObserver("mutation",(function(){return e.mutationObserverCallback()}));this.enableEditing=function(){var t,i;e.valuePriorToEditing=(t=e.inputElement)===null||t===void 0?void 0:t.value;e.editingEnabled=true;(i=e.inputElement)===null||i===void 0?void 0:i.setFocus();e.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=function(){e.editingEnabled=false};this.cancelEditing=function(){if(e.inputElement){e.inputElement.value=e.valuePriorToEditing}e.disableEditing();e.enableEditingButton.setFocus();if(!e.editingEnabled&&!!e.shouldEmitCancel){e.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){if(t.key!=="Escape"){if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();(e=this.inputElement)===null||e===void 0?void 0:e.setFocus()}}return[2]}this.cancelEditing();return[2]}))}))};this.cancelEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.cancelEditing();return[2]}))}))};this.enableEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return[2]}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}return[2]}))}))};this.confirmChangesHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:t.preventDefault();this.calciteInlineEditableEditConfirm.emit();i.label=1;case 1:i.trys.push([1,4,5,6]);if(!this.afterConfirm)return[3,3];this.loading=true;return[4,this.afterConfirm()];case 2:i.sent();this.disableEditing();this.enableEditingButton.setFocus();i.label=3;case 3:return[3,6];case 4:e=i.sent();return[3,6];case 5:this.loading=false;return[7];case 6:return[2]}}))}))}}t.prototype.disabledWatcher=function(t){if(this.inputElement){this.inputElement.disabled=t}};t.prototype.editingEnabledWatcher=function(t,e){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!e){this.shouldEmitCancel=true}};t.prototype.connectedCallback=function(){var t;connectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true});this.mutationObserverCallback()};t.prototype.disconnectedCallback=function(){var t;disconnectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this;return h("div",{class:CSS.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},h("div",{class:CSS.inputWrapper},h("slot",null)),h("div",{class:CSS.controlsWrapper},h("calcite-button",{appearance:"transparent",class:CSS.enableEditingButton,color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:function(e){return t.enableEditingButton=e},scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[h("div",{class:CSS.cancelEditingButtonWrapper},h("calcite-button",{appearance:"transparent",class:CSS.cancelEditingButton,color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:function(e){return t.cancelEditingButton=e},scale:this.scale,type:"button"})),h("calcite-button",{appearance:"solid",class:CSS.confirmChangesButton,color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:function(e){return t.confirmEditingButton=e},scale:this.scale,type:"button"})]))};t.prototype.blurHandler=function(){if(!this.controls){this.disableEditing()}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.editingEnabled){(t=this.inputElement)===null||t===void 0?void 0:t.setFocus()}else{(e=this.enableEditingButton)===null||e===void 0?void 0:e.setFocus()}return[2]}))}))};t.prototype.mutationObserverCallback=function(){var t;this.updateSlottedInput();this.scale=this.scale||((t=this.inputElement)===null||t===void 0?void 0:t.scale)||getElementProp(this.el,"scale",undefined)};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateSlottedInput=function(){var t=getSlotted(this.el,{matches:"calcite-input"});this.inputElement=t;if(!t){return}this.inputElement.disabled=this.disabled;this.inputElement.label=this.inputElement.label||getLabelText(this)};Object.defineProperty(t.prototype,"shouldShowControls",{get:function(){return this.editingEnabled&&this.controls},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}},enumerable:false,configurable:true});return t}();InlineEditable.style=inlineEditableCss;export{InlineEditable as calcite_inline_editable};
+ * v1.0.0-beta.87
+ */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-5048a317.js";import{d as getElementProp,g as getSlotted}from"./dom-19ab3d2f.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-dfcfa9e0.js";import{c as createObserver}from"./observers-61a2bb4f.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";import"./guid-ba74e5d4.js";var CSS={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};var TEXT={intlEnablingEditing:"Click to edit",intlCancelEditing:"Cancel",intlConfirmChanges:"Save"};var inlineEditableCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{-ms-flex:1 1 0%;flex:1 1 0%}.controls-wrapper{display:-ms-flexbox;display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var InlineEditable=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInlineEditableEditCancel=createEvent(this,"calciteInlineEditableEditCancel",7);this.calciteInlineEditableEditConfirm=createEvent(this,"calciteInlineEditableEditConfirm",7);this.calciteInternalInlineEditableEnableEditingChange=createEvent(this,"calciteInternalInlineEditableEnableEditingChange",7);this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.intlEnableEditing=TEXT.intlEnablingEditing;this.intlCancelEditing=TEXT.intlCancelEditing;this.intlConfirmChanges=TEXT.intlConfirmChanges;this.mutationObserver=createObserver("mutation",(function(){return e.mutationObserverCallback()}));this.enableEditing=function(){var t,i;e.valuePriorToEditing=(t=e.inputElement)===null||t===void 0?void 0:t.value;e.editingEnabled=true;(i=e.inputElement)===null||i===void 0?void 0:i.setFocus();e.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=function(){e.editingEnabled=false};this.cancelEditing=function(){if(e.inputElement){e.inputElement.value=e.valuePriorToEditing}e.disableEditing();e.enableEditingButton.setFocus();if(!e.editingEnabled&&!!e.shouldEmitCancel){e.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){if(t.key!=="Escape"){if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();(e=this.inputElement)===null||e===void 0?void 0:e.setFocus()}}return[2]}this.cancelEditing();return[2]}))}))};this.cancelEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.cancelEditing();return[2]}))}))};this.enableEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return[2]}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}return[2]}))}))};this.confirmChangesHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:t.preventDefault();this.calciteInlineEditableEditConfirm.emit();i.label=1;case 1:i.trys.push([1,4,5,6]);if(!this.afterConfirm)return[3,3];this.loading=true;return[4,this.afterConfirm()];case 2:i.sent();this.disableEditing();this.enableEditingButton.setFocus();i.label=3;case 3:return[3,6];case 4:e=i.sent();return[3,6];case 5:this.loading=false;return[7];case 6:return[2]}}))}))}}t.prototype.disabledWatcher=function(t){if(this.inputElement){this.inputElement.disabled=t}};t.prototype.editingEnabledWatcher=function(t,e){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!e){this.shouldEmitCancel=true}};t.prototype.connectedCallback=function(){var t;connectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true});this.mutationObserverCallback()};t.prototype.disconnectedCallback=function(){var t;disconnectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this;return h("div",{class:CSS.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},h("div",{class:CSS.inputWrapper},h("slot",null)),h("div",{class:CSS.controlsWrapper},h("calcite-button",{appearance:"transparent",class:CSS.enableEditingButton,color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:function(e){return t.enableEditingButton=e},scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[h("div",{class:CSS.cancelEditingButtonWrapper},h("calcite-button",{appearance:"transparent",class:CSS.cancelEditingButton,color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:function(e){return t.cancelEditingButton=e},scale:this.scale,type:"button"})),h("calcite-button",{appearance:"solid",class:CSS.confirmChangesButton,color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:function(e){return t.confirmEditingButton=e},scale:this.scale,type:"button"})]))};t.prototype.blurHandler=function(){if(!this.controls){this.disableEditing()}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.editingEnabled){(t=this.inputElement)===null||t===void 0?void 0:t.setFocus()}else{(e=this.enableEditingButton)===null||e===void 0?void 0:e.setFocus()}return[2]}))}))};t.prototype.mutationObserverCallback=function(){var t;this.updateSlottedInput();this.scale=this.scale||((t=this.inputElement)===null||t===void 0?void 0:t.scale)||getElementProp(this.el,"scale",undefined)};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateSlottedInput=function(){var t=getSlotted(this.el,{matches:"calcite-input"});this.inputElement=t;if(!t){return}this.inputElement.disabled=this.disabled;this.inputElement.label=this.inputElement.label||getLabelText(this)};Object.defineProperty(t.prototype,"shouldShowControls",{get:function(){return this.editingEnabled&&this.controls},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}},enumerable:false,configurable:true});return t}();InlineEditable.style=inlineEditableCss;export{InlineEditable as calcite_inline_editable};

package/dist/esm-es5/calcite-input-date-picker.entry.js CHANGED Viewed

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,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.
- * v1.0.0-beta.86
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-3157143b.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-b30a7cde.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-115e3241.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,u as updatePopper,C as CSS$1,c as createPopper,p as popperMenuComputedPlacements}from"./popper-f38ba1ab.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import{t as toAriaBoolean}from"./dom-6c1f7204.js";import"./locale-98144f51.js";import"./key-1219c482.js";import"./guid-9ee41ac6.js";var CSS={menu:"menu-container",menuActive:"menu-container--active"};var inputDatePickerCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container--active .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container--active .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container--active .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container--active .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container--active .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::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 InputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerChange=createEvent(this,"calciteInputDatePickerChange",7);this.calciteInternalInputDatePickerOpen=createEvent(this,"calciteInternalInputDatePickerOpen",7);this.calciteInternalInputDatePickerClose=createEvent(this,"calciteInternalInputDatePickerClose",7);this.disabled=false;this.readOnly=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.placement=defaultMenuPlacement;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.setFilteredPlacements=function(){var t=e,a=t.el,i=t.flipPlacements;e.filteredFlipPlacements=i?filterComputedPlacements(i,a):null};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInternalInputDatePickerOpen.emit():e.calciteInternalInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyDownHandler=function(t){if(t.key==="Enter"&&!t.defaultPrevented){submitForm(e)}};this.keyUpHandler=function(t){if(t.key==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){if(!e.readOnly){e.active=true}e.focusedInput="start"};this.endInputFocus=function(){if(!e.readOnly){e.active=true}e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.handleDisabledAndReadOnlyChange=function(t){if(!t){this.active=false}};t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.onMinChanged=function(t){if(t){this.minAsDate=dateFromISO(t)}};t.prototype.onMaxChanged=function(t){if(t){this.maxAsDate=dateFromISO(t)}};t.prototype.activeHandler=function(){if(!this.disabled||!this.readOnly){this.reposition();return}this.active=false};t.prototype.handleDateOrRangeChange=function(){this.calciteInputDatePickerChange.emit()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n,r;return __generator(this,(function(o){switch(o.label){case 0:t=this,e=t.placement,a=t.popper,i=t.menuEl;n=this.getModifiers();if(!a)return[3,2];return[4,updatePopper({el:i,modifiers:n,placement:e,popper:a})];case 1:r=o.sent();return[3,3];case 2:r=this.createPopper();o.label=3;case 3:r;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this);this.setFilteredPlacements()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t,e;var a,i;var n=this,r=n.disabled,o=n.readOnly;var s=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var l=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var c=l?l.toLocaleDateString(this.locale):"";var p=s?s.toLocaleDateString(this.locale):"";return h(Host,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":toAriaBoolean(this.active),class:"input-container",role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input ".concat(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:r,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.startInputFocus,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,readOnly:o,ref:this.setStartInput,scale:this.scale,type:"text",value:p})),h("div",{"aria-hidden":toAriaBoolean(!this.active),class:(t={},t[CSS.menu]=true,t[CSS.menuActive]=this.active,t),ref:this.setMenuEl},h("div",{class:(e={},e["calendar-picker-wrapper"]=true,e["calendar-picker-wrapper--end"]=this.focusedInput==="end",e[CSS$1.animation]=true,e[CSS$1.animationActive]=this.active,e),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:r,icon:"calendar","number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.endInputFocus,placeholder:(i=this.localeData)===null||i===void 0?void 0:i.placeholder,readOnly:o,ref:this.setEndInput,scale:this.scale,type:"text",value:c}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:this.filteredFlipPlacements||popperMenuComputedPlacements};var e={name:"eventListeners",enabled:this.active};return[t,e]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.placement,i=t.referenceEl,n=t.overlayPositioning;if(!e||!i){return}var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,overlayPositioning:n,placement:a,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){if(typeof this.value==="string"&&this.value){this.calciteDatePickerChange.emit()}this.value="";return}var t=this.focusedInput;if(t==="start"){if(this.start){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){if(this.end){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);this.calciteDatePickerChange.emit(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var l=this.getDateFromInput(t.value);if(!l){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var l=new Date(r,n,i);l.setFullYear(r);var c=!isNaN(l.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&c&&p&&u&&inRange(l,this.min,this.max)){return l}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueHandler"],flipPlacements:["flipPlacementsHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();InputDatePicker.style=inputDatePickerCss;export{InputDatePicker as calcite_input_date_picker};
+ * v1.0.0-beta.87
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5048a317.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-c995bb5e.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-dfcfa9e0.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-ecbc6fec.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,c as connectFloatingUI,p as positionFloatingUI,a as disconnectFloatingUI,F as FloatingCSS}from"./floating-ui-4afc064e.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";import{t as toAriaBoolean}from"./dom-19ab3d2f.js";import"./locale-ab6b5afc.js";import"./key-af81a004.js";import"./guid-ba74e5d4.js";var CSS={menu:"menu-container",menuActive:"menu-container--active"};var inputDatePickerCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;inline-size:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;inset-inline-start:0px;z-index:10;margin-inline:1px;background-color:var(--calcite-ui-foreground-1);padding-inline:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([open]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active{pointer-events:initial;visibility:visible}.input .calcite-input__wrapper{-webkit-margin-before:0px;margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerChange=createEvent(this,"calciteInputDatePickerChange",7);this.calciteInputDatePickerBeforeClose=createEvent(this,"calciteInputDatePickerBeforeClose",7);this.calciteInputDatePickerClose=createEvent(this,"calciteInputDatePickerClose",7);this.calciteInputDatePickerBeforeOpen=createEvent(this,"calciteInputDatePickerBeforeOpen",7);this.calciteInputDatePickerOpen=createEvent(this,"calciteInputDatePickerOpen",7);this.disabled=false;this.readOnly=false;this.active=false;this.open=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.placement=defaultMenuPlacement;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.setContainerEl=function(t){e.containerEl=t;e.containerEl.addEventListener("transitionstart",e.transitionStartHandler)};this.setFilteredPlacements=function(){var t=e,a=t.el,i=t.flipPlacements;e.filteredFlipPlacements=i?filterComputedPlacements(i,a):null};this.transitionStartHandler=function(t){if(t.propertyName===e.activeTransitionProp&&t.target===e.containerEl){e.open?e.onBeforeOpen():e.onBeforeClose()}};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp&&t.target===e.containerEl){e.open?e.onOpen():e.onClose()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.open=false};this.keyDownHandler=function(t){var a=t.defaultPrevented,i=t.key;if(i==="Enter"&&!a){submitForm(e)}else if(i==="Escape"){e.active=false;e.open=false}};this.inputBlur=function(t){e.blur(t.currentTarget)};this.startInputFocus=function(){if(!e.readOnly){e.open=true}e.focusedInput="start"};this.endInputFocus=function(){if(!e.readOnly){e.open=true}e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setFloatingEl=function(t){if(t){e.floatingEl=t;connectFloatingUI(e,e.referenceEl,e.floatingEl)}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.handleDisabledAndReadOnlyChange=function(t){if(!t){this.open=false}};t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.onMinChanged=function(t){if(t){this.minAsDate=dateFromISO(t)}};t.prototype.onMaxChanged=function(t){if(t){this.maxAsDate=dateFromISO(t)}};t.prototype.activeHandler=function(t){this.open=t};t.prototype.openHandler=function(t){this.active=t;if(this.disabled||this.readOnly){this.open=false;return}this.reposition()};t.prototype.overlayPositioningHandler=function(){this.reposition()};t.prototype.handleDateOrRangeChange=function(){this.calciteInputDatePickerChange.emit()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){t=this,e=t.floatingEl,a=t.referenceEl,i=t.placement,n=t.overlayPositioning;return[2,positionFloatingUI({floatingEl:e,referenceEl:a,overlayPositioning:n,placement:i,type:"menu"})]}))}))};t.prototype.connectedCallback=function(){var t=this.active||this.open;t&&this.activeHandler(t);t&&this.openHandler(t);if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}connectLabel(this);connectForm(this);this.reposition();this.setFilteredPlacements()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){var t;(t=this.containerEl)===null||t===void 0?void 0:t.removeEventListener("transitionstart",this.transitionStartHandler);disconnectLabel(this);disconnectForm(this);disconnectFloatingUI(this,this.referenceEl,this.floatingEl)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t,e;var a,i;var n=this,r=n.disabled,o=n.readOnly;var s=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var l=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var c=l?l.toLocaleDateString(this.locale):"";var p=s?s.toLocaleDateString(this.locale):"";return h(Host,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":toAriaBoolean(this.open),class:"input-container",role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input ".concat(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:r,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.startInputFocus,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,readOnly:o,ref:this.setStartInput,scale:this.scale,type:"text",value:p})),h("div",{"aria-hidden":toAriaBoolean(!this.open),class:(t={},t[CSS.menu]=true,t[CSS.menuActive]=this.open,t),ref:this.setFloatingEl},h("div",{class:(e={},e["calendar-picker-wrapper"]=true,e["calendar-picker-wrapper--end"]=this.focusedInput==="end",e[FloatingCSS.animation]=true,e[FloatingCSS.animationActive]=this.open,e),onTransitionEnd:this.transitionEnd,ref:this.setContainerEl},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:r,icon:"calendar","number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.endInputFocus,placeholder:(i=this.localeData)===null||i===void 0?void 0:i.placeholder,readOnly:o,ref:this.setEndInput,scale:this.scale,type:"text",value:c}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;connectFloatingUI(this,this.referenceEl,this.floatingEl)};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.onBeforeOpen=function(){this.calciteInputDatePickerBeforeOpen.emit()};t.prototype.onOpen=function(){this.calciteInputDatePickerOpen.emit()};t.prototype.onBeforeClose=function(){this.calciteInputDatePickerBeforeClose.emit()};t.prototype.onClose=function(){this.calciteInputDatePickerClose.emit()};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){if(typeof this.value==="string"&&this.value){this.calciteDatePickerChange.emit()}this.value="";return}var t=this.focusedInput;if(t==="start"){if(this.start){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){if(this.end){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);this.calciteDatePickerChange.emit(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var l=this.getDateFromInput(t.value);if(!l){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var l=new Date(r,n,i);l.setFullYear(r);var c=!isNaN(l.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&c&&p&&u&&inRange(l,this.min,this.max)){return l}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueHandler"],flipPlacements:["flipPlacementsHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();InputDatePicker.style=inputDatePickerCss;export{InputDatePicker as calcite_input_date_picker};

package/dist/esm-es5/calcite-input-message.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.86
+ * v1.0.0-beta.87
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{s as setRequestedIcon,d as getElementProp}from"./dom-6c1f7204.js";import"./guid-9ee41ac6.js";var StatusIconDefaults;(function(t){t["valid"]="check-circle";t["invalid"]="exclamation-mark-triangle";t["idle"]="information"})(StatusIconDefaults||(StatusIconDefaults={}));var inputMessageCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([active][scale=m]),:host([active][scale=l]){--calcite-input-message-spacing-value:0.25rem}:host{visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:0px;width:100%;-ms-flex-align:center;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([active]){visibility:visible;height:auto;opacity:1;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([active][scale=m]),:host([active][scale=l]){margin-top:var(--calcite-input-message-spacing-value)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-input-message-icon{pointer-events:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-ui-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-ui-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-ui-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-ui-brand)}:host([status][active]){color:var(--calcite-ui-text-1)}:host([status][scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([status][scale=m]){margin-top:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([status][scale=l]){margin-top:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}";var InputMessage=function(){function t(t){registerInstance(this,t);this.active=false;this.scale="m";this.status="idle"}t.prototype.handleIconEl=function(){this.requestedIcon=setRequestedIcon(StatusIconDefaults,this.icon,this.status)};t.prototype.connectedCallback=function(){this.status=getElementProp(this.el,"status",this.status);this.scale=getElementProp(this.el,"scale",this.scale);this.requestedIcon=setRequestedIcon(StatusIconDefaults,this.icon,this.status)};t.prototype.render=function(){var t=!this.active;return h(Host,{"calcite-hydrated-hidden":t},this.renderIcon(this.requestedIcon),h("slot",null))};t.prototype.renderIcon=function(t){if(t){return h("calcite-icon",{class:"calcite-input-message-icon",icon:t,scale:"s"})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{status:["handleIconEl"],icon:["handleIconEl"]}},enumerable:false,configurable:true});return t}();InputMessage.style=inputMessageCss;export{InputMessage as calcite_input_message};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5048a317.js";import{s as setRequestedIcon,d as getElementProp}from"./dom-19ab3d2f.js";import"./guid-ba74e5d4.js";var StatusIconDefaults;(function(t){t["valid"]="check-circle";t["invalid"]="exclamation-mark-triangle";t["idle"]="information"})(StatusIconDefaults||(StatusIconDefaults={}));var inputMessageCss="@-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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([active][scale=m]),:host([active][scale=l]){--calcite-input-message-spacing-value:0.25rem}:host{visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:0px;inline-size:100%;-ms-flex-align:center;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([active]){visibility:visible;block-size:auto;opacity:1;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([active][scale=m]),:host([active][scale=l]){-webkit-margin-before:var(--calcite-input-message-spacing-value);margin-block-start:var(--calcite-input-message-spacing-value)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-input-message-icon{pointer-events:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-ui-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-ui-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-ui-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-ui-brand)}:host([status][active]){color:var(--calcite-ui-text-1)}:host([status][scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([status][scale=m]){-webkit-margin-before:0.25rem;margin-block-start:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([status][scale=l]){-webkit-margin-before:0.25rem;margin-block-start:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}";var InputMessage=function(){function t(t){registerInstance(this,t);this.active=false;this.scale="m";this.status="idle"}t.prototype.handleIconEl=function(){this.requestedIcon=setRequestedIcon(StatusIconDefaults,this.icon,this.status)};t.prototype.connectedCallback=function(){this.status=getElementProp(this.el,"status",this.status);this.scale=getElementProp(this.el,"scale",this.scale);this.requestedIcon=setRequestedIcon(StatusIconDefaults,this.icon,this.status)};t.prototype.render=function(){var t=!this.active;return h(Host,{"calcite-hydrated-hidden":t},this.renderIcon(this.requestedIcon),h("slot",null))};t.prototype.renderIcon=function(t){if(t){return h("calcite-icon",{class:"calcite-input-message-icon",icon:t,scale:"s"})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{status:["handleIconEl"],icon:["handleIconEl"]}},enumerable:false,configurable:true});return t}();InputMessage.style=inputMessageCss;export{InputMessage as calcite_input_message};