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

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

@@ -1,6 +1,6 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):a(t.value).then(o,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return c([t,e])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(typeof e === "string"){e=Array.prototype.slice.call(e)}if(i||arguments.length===2)for(var n=0,a=e.length,r;n<a;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{c(n.next(e))}catch(e){r(e)}}function s(e){try{c(n["throw"](e))}catch(e){r(e)}}function c(e){e.done?i(e.value):a(e.value).then(o,s)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(typeof t === "string"){t=Array.prototype.slice.call(t)}if(i||arguments.length===2)for(var n=0,a=t.length,r;n<a;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};
 /*!
  * 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.83
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-1e02e91b.js";import{t as toAriaBoolean,f as focusElement,d as getElementProp}from"./dom-4caa79e4.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,C as CSS$2,u as updatePopper,c as createPopper,p as popperMenuComputedPlacements}from"./popper-44b3ba83.js";import{c as createObserver}from"./observers-c18e9524.js";import{u as updateHostInteraction}from"./interactive-32803ed8.js";import"./guid-27925469.js";var SLOTS={dropdownTrigger:"dropdown-trigger"};var dropdownCss="@-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;-ms-flex:0 1 auto;flex:0 1 auto}: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}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .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}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var Dropdown=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDropdownSelect=createEvent(this,"calciteDropdownSelect",7);this.calciteDropdownOpen=createEvent(this,"calciteDropdownOpen",7);this.calciteDropdownClose=createEvent(this,"calciteDropdownClose",7);this.active=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=defaultMenuPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.items=[];this.groups=[];this.activeTransitionProp="visibility";this.mutationObserver=createObserver("mutation",(function(){return e.updateItems()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeObserverCallback(t)}));this.setFilteredPlacements=function(){var t=e,i=t.el,n=t.flipPlacements;e.filteredFlipPlacements=n?filterComputedPlacements(n,i):null};this.updateTriggers=function(t){e.triggers=t.target.assignedElements({flatten:true});e.reposition()};this.updateItems=function(){e.items=e.groups.map((function(t){return Array.from(t===null||t===void 0?void 0:t.querySelectorAll("calcite-dropdown-item"))})).reduce((function(t,e){return __spreadArray(__spreadArray([],t,true),e,true)}),[]);e.updateSelectedItems();e.reposition()};this.updateGroups=function(t){var i=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-dropdown-group")}));e.groups=i;e.updateItems()};this.resizeObserverCallback=function(t){t.forEach((function(t){var i=t.target;if(i===e.referenceEl){e.setDropdownWidth()}else if(i===e.scrollerEl){e.setMaxScrollerHeight()}}))};this.setDropdownWidth=function(){var t=e,i=t.referenceEl,n=t.scrollerEl;var a=i===null||i===void 0?void 0:i.clientWidth;if(!a||!n){return}n.style.minWidth="".concat(a,"px")};this.setMaxScrollerHeight=function(){var t=e,i=t.active,n=t.scrollerEl;if(!n||!i){return}e.reposition();var a=e.getMaxScrollerHeight();n.style.maxHeight=a>0?"".concat(a,"px"):"";e.reposition()};this.setScrollerEl=function(t){e.resizeObserver.observe(t);e.scrollerEl=t};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteDropdownOpen.emit():e.calciteDropdownClose.emit()}};this.setReferenceEl=function(t){e.referenceEl=t;e.resizeObserver.observe(t)};this.setMenuEl=function(t){e.menuEl=t};this.keyDownHandler=function(t){var i=t.target;if(i!==e.referenceEl){return}var n=t.key;if(e.active&&(n==="Escape"||t.shiftKey&&n==="Tab")){e.closeCalciteDropdown();return}switch(n){case" ":case"Enter":e.openCalciteDropdown();break;case"Escape":e.closeCalciteDropdown();break}};this.focusOnFirstActiveOrFirstItem=function(){e.getFocusableElement(e.items.find((function(t){return t.active}))||e.items[0])};this.toggleOpenEnd=function(){e.focusOnFirstActiveOrFirstItem();e.el.removeEventListener("calciteDropdownOpen",e.toggleOpenEnd)};this.openCalciteDropdown=function(){e.active=!e.active;if(e.active){e.el.addEventListener("calciteDropdownOpen",e.toggleOpenEnd)}}}t.prototype.activeHandler=function(){if(!this.disabled){this.reposition();return}this.active=false};t.prototype.handleDisabledChange=function(t){if(!t){this.active=false}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.createPopper();this.setFilteredPlacements()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.destroyPopper()};t.prototype.render=function(){var t;var e=this.active;return h(Host,null,h("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-expanded":toAriaBoolean(e),"aria-haspopup":"true",name:SLOTS.dropdownTrigger,onSlotchange:this.updateTriggers})),h("div",{"aria-hidden":toAriaBoolean(!e),class:"calcite-dropdown-wrapper",ref:this.setMenuEl},h("div",{class:(t={},t["calcite-dropdown-content"]=true,t[CSS$2.animation]=true,t[CSS$2.animationActive]=e,t),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},h("div",{hidden:!this.active},h("slot",{onSlotchange:this.updateGroups})))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a,r;return __generator(this,(function(o){switch(o.label){case 0:t=this,e=t.popper,i=t.menuEl,n=t.placement;a=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:i,modifiers:a,placement:n,popper:e})];case 1:r=o.sent();return[3,3];case 2:r=this.createPopper();o.label=3;case 3:r;return[2]}}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){if(!this.active||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)};t.prototype.closeCalciteDropdownOnEvent=function(t){this.closeCalciteDropdown();t.stopPropagation()};t.prototype.closeCalciteDropdownOnOpenEvent=function(t){if(t.composedPath().includes(this.el)){return}this.active=false};t.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};t.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};t.prototype.calciteInternalDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var r=this.itemIndex(n)===this.items.length-1;switch(e.key){case"Tab":if(r&&!e.shiftKey){this.closeCalciteDropdown()}else if(a&&e.shiftKey){this.closeCalciteDropdown()}else if(e.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}t.stopPropagation()};t.prototype.handleItemSelect=function(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()};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,i=t.referenceEl,n=t.placement,a=t.overlayPositioning;var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,overlayPositioning:a,placement:n,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.updateSelectedItems=function(){this.selectedItems=this.items.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=this.maxItems;var e=0;var i=0;var n;this.groups.forEach((function(a){if(t>0&&e<t){Array.from(a.children).forEach((function(a,r){if(r===0){if(isNaN(n)){n=a.offsetTop}i+=n}if(e<t){i+=a.offsetHeight;e+=1}}))}}));return i};t.prototype.closeCalciteDropdown=function(t){if(t===void 0){t=true}this.active=false;if(t){focusElement(this.triggers[0])}};t.prototype.focusFirstItem=function(){var t=this.items[0];this.getFocusableElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.getFocusableElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.items[e+1]||this.items[0];this.getFocusableElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.items[e-1]||this.items[this.items.length-1];this.getFocusableElement(i)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.getFocusableElement=function(t){if(!t){return}var e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;focusElement(e)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}();Dropdown.style=dropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var dropdownGroupCss="@-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}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-bottom:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var DropdownGroup=function(){function t(t){registerInstance(this,t);this.calciteInternalDropdownItemChange=createEvent(this,"calciteInternalDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=this.scale||getElementProp(this.el,"scale","m");var i=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var n=this.groupPosition>0?h("div",{class:"dropdown-separator",role:"separator"}):null;return h(Host,{role:"menu"},h("div",{class:(t={container:true},t[CSS$1.containerSmall]=e==="s",t[CSS$1.containerMedium]=e==="m",t[CSS$1.containerLarge]=e==="l",t),title:this.groupTitle},n,i,h("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};t.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DropdownGroup.style=dropdownGroupCss;var CSS={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var dropdownItemCss="@-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}.container--s{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var DropdownItem=function(){function t(t){registerInstance(this,t);this.calciteInternalDropdownItemSelect=createEvent(this,"calciteInternalDropdownItemSelect",7);this.calciteInternalDropdownItemKeyEvent=createEvent(this,"calciteInternalDropdownItemKeyEvent",7);this.calciteInternalDropdownCloseRequest=createEvent(this,"calciteInternalDropdownCloseRequest",7);this.active=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.el.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.initialize()};t.prototype.connectedCallback=function(){this.initialize()};t.prototype.render=function(){var t;var e=this;var i=getElementProp(this.el,"scale","m");var n=h("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var a=h("span",{class:"dropdown-item-content"},h("slot",null));var r=h("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var o=this.iconStart&&this.iconEnd?[n,a,r]:this.iconStart?[n,h("slot",null)]:this.iconEnd?[a,r]:a;var s=!this.href?o:h("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(t){return e.childLink=t},rel:this.rel,target:this.target},o);var c=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var l=this.selectionMode!=="none"?toAriaBoolean(this.active):null;return h(Host,{"aria-checked":l,role:c,tabindex:"0"},h("div",{class:(t={container:true},t[CSS.containerLink]=!!this.href,t[CSS.containerSmall]=i==="s",t[CSS.containerMedium]=i==="m",t[CSS.containerLarge]=i==="l",t[CSS.containerMulti]=this.selectionMode==="multi",t[CSS.containerSingle]=this.selectionMode==="single",t[CSS.containerNone]=this.selectionMode==="none",t)},this.selectionMode!=="none"?h("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,s))};t.prototype.onClick=function(){this.emitRequestedItem()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}};t.prototype.updateActiveItemOnChange=function(t){var e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()};t.prototype.initialize=function(){this.selectionMode=getElementProp(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DropdownItem.style=dropdownItemCss;export{Dropdown as calcite_dropdown,DropdownGroup as calcite_dropdown_group,DropdownItem as calcite_dropdown_item};
+ * 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 toAriaBoolean,f as focusElement,d as getElementProp}from"./dom-6c1f7204.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,C as CSS$2,u as updatePopper,c as createPopper,p as popperMenuComputedPlacements}from"./popper-f38ba1ab.js";import{c as createObserver}from"./observers-fa0db945.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.js";var SLOTS={dropdownTrigger:"dropdown-trigger"};var dropdownCss="@-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;-ms-flex:0 1 auto;flex:0 1 auto}: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}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .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}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}@media (forced-colors: active){:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var Dropdown=function(){function e(e){var t=this;registerInstance(this,e);this.calciteDropdownSelect=createEvent(this,"calciteDropdownSelect",7);this.calciteDropdownBeforeOpen=createEvent(this,"calciteDropdownBeforeOpen",7);this.calciteDropdownOpen=createEvent(this,"calciteDropdownOpen",7);this.calciteDropdownBeforeClose=createEvent(this,"calciteDropdownBeforeClose",7);this.calciteDropdownClose=createEvent(this,"calciteDropdownClose",7);this.active=false;this.open=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=defaultMenuPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.items=[];this.groups=[];this.activeTransitionProp="visibility";this.mutationObserver=createObserver("mutation",(function(){return t.updateItems()}));this.resizeObserver=createObserver("resize",(function(e){return t.resizeObserverCallback(e)}));this.setFilteredPlacements=function(){var e=t,i=e.el,n=e.flipPlacements;t.filteredFlipPlacements=n?filterComputedPlacements(n,i):null};this.updateTriggers=function(e){t.triggers=e.target.assignedElements({flatten:true});t.reposition()};this.updateItems=function(){t.items=t.groups.map((function(e){return Array.from(e===null||e===void 0?void 0:e.querySelectorAll("calcite-dropdown-item"))})).reduce((function(e,t){return __spreadArray(__spreadArray([],e,true),t,true)}),[]);t.updateSelectedItems();t.reposition()};this.updateGroups=function(e){var i=e.target.assignedElements({flatten:true}).filter((function(e){return e===null||e===void 0?void 0:e.matches("calcite-dropdown-group")}));t.groups=i;t.updateItems()};this.resizeObserverCallback=function(e){e.forEach((function(e){var i=e.target;if(i===t.referenceEl){t.setDropdownWidth()}else if(i===t.scrollerEl){t.setMaxScrollerHeight()}}))};this.setDropdownWidth=function(){var e=t,i=e.referenceEl,n=e.scrollerEl;var a=i===null||i===void 0?void 0:i.clientWidth;if(!a||!n){return}n.style.minWidth="".concat(a,"px")};this.setMaxScrollerHeight=function(){var e=t,i=e.active,n=e.scrollerEl,a=e.open;var r=!(i||a);if(!n||r){return}t.reposition();var o=t.getMaxScrollerHeight();n.style.maxHeight=o>0?"".concat(o,"px"):"";t.reposition()};this.setScrollerEl=function(e){t.resizeObserver.observe(e);t.scrollerEl=e;t.scrollerEl.addEventListener("transitionrun",t.transitionRunHandler)};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.open||t.active?t.emitOpenCloseEvent("open"):t.emitOpenCloseEvent("close")}};this.transitionRunHandler=function(e){if(e.propertyName===t.activeTransitionProp){t.active||t.open?t.emitOpenCloseEvent("beforeOpen"):t.emitOpenCloseEvent("beforeClose")}};this.setReferenceEl=function(e){t.referenceEl=e;t.resizeObserver.observe(e)};this.setMenuEl=function(e){t.menuEl=e};this.keyDownHandler=function(e){var i=e.target;if(i!==t.referenceEl){return}var n=e.key;if((t.open||t.active)&&(n==="Escape"||e.shiftKey&&n==="Tab")){t.closeCalciteDropdown();return}switch(n){case" ":case"Enter":t.openCalciteDropdown();break;case"Escape":t.closeCalciteDropdown();break}};this.focusOnFirstActiveOrFirstItem=function(){t.getFocusableElement(t.items.find((function(e){return e.active}))||t.items[0])};this.toggleOpenEnd=function(){t.focusOnFirstActiveOrFirstItem();t.el.removeEventListener("calciteDropdownOpen",t.toggleOpenEnd)};this.openCalciteDropdown=function(){t.active=!t.active;t.open=!t.open;if(t.active||t.open){t.el.addEventListener("calciteDropdownOpen",t.toggleOpenEnd)}}}e.prototype.activeHandler=function(){if(!this.disabled){this.reposition();return}this.active=false;this.open=false};e.prototype.handleDisabledChange=function(e){if(!e){this.active=false;this.open=false}};e.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};e.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.connectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.createPopper();this.setFilteredPlacements()};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.disconnectedCallback=function(){var e,t;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();this.destroyPopper();if(this.scrollerEl){this.scrollerEl.removeEventListener("transitionrun",this.transitionRunHandler)}};e.prototype.render=function(){var e;var t=this,i=t.active,n=t.open;return h(Host,null,h("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-expanded":toAriaBoolean(i||n),"aria-haspopup":"true",name:SLOTS.dropdownTrigger,onSlotchange:this.updateTriggers})),h("div",{"aria-hidden":toAriaBoolean(!(i||n)),class:"calcite-dropdown-wrapper",ref:this.setMenuEl},h("div",{class:(e={},e["calcite-dropdown-content"]=true,e[CSS$2.animation]=true,e[CSS$2.animationActive]=i||n,e),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},h("div",{hidden:!(n||i)},h("slot",{onSlotchange:this.updateGroups})))))};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,a,r;return __generator(this,(function(o){switch(o.label){case 0:e=this,t=e.popper,i=e.menuEl,n=e.placement;a=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:i,modifiers:a,placement:n,popper:t})];case 1:r=o.sent();return[3,3];case 2:r=this.createPopper();o.label=3;case 3:r;return[2]}}))}))};e.prototype.closeCalciteDropdownOnClick=function(e){var t=!(this.open||this.active);if(t||e.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)};e.prototype.closeCalciteDropdownOnEvent=function(e){this.closeCalciteDropdown();e.stopPropagation()};e.prototype.closeCalciteDropdownOnOpenEvent=function(e){if(e.composedPath().includes(this.el)){return}this.active=false;this.open=false};e.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};e.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};e.prototype.calciteInternalDropdownItemKeyEvent=function(e){var t=e.detail.keyboardEvent;var i=t.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var r=this.itemIndex(n)===this.items.length-1;switch(t.key){case"Tab":if(r&&!t.shiftKey){this.closeCalciteDropdown()}else if(a&&t.shiftKey){this.closeCalciteDropdown()}else if(t.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}e.stopPropagation()};e.prototype.handleItemSelect=function(e){this.updateSelectedItems();e.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||e.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}e.stopPropagation()};e.prototype.emitOpenCloseEvent=function(e){var t=this;var i={el:this.el};var n={beforeOpen:function(){return t.calciteDropdownBeforeOpen.emit(i)},open:function(){return t.calciteDropdownOpen.emit(i)},beforeClose:function(){return t.calciteDropdownBeforeClose.emit(i)},close:function(){return t.calciteDropdownClose.emit(i)}};(n[e]||n["The component state is unknown."])()};e.prototype.getModifiers=function(){var e={name:"flip",enabled:true};e.options={fallbackPlacements:this.filteredFlipPlacements||popperMenuComputedPlacements};var t={name:"eventListeners",enabled:this.open||this.active};return[e,t]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.menuEl,i=e.referenceEl,n=e.placement,a=e.overlayPositioning;var r=this.getModifiers();this.popper=createPopper({el:t,modifiers:r,overlayPositioning:a,placement:n,referenceEl:i})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.updateSelectedItems=function(){this.selectedItems=this.items.filter((function(e){return e.active}))};e.prototype.getMaxScrollerHeight=function(){var e=this.maxItems;var t=0;var i=0;var n;this.groups.forEach((function(a){if(e>0&&t<e){Array.from(a.children).forEach((function(a,r){if(r===0){if(isNaN(n)){n=a.offsetTop}i+=n}if(t<e){i+=a.offsetHeight;t+=1}}))}}));return i};e.prototype.closeCalciteDropdown=function(e){if(e===void 0){e=true}this.active=false;this.open=false;if(e){focusElement(this.triggers[0])}};e.prototype.focusFirstItem=function(){var e=this.items[0];this.getFocusableElement(e)};e.prototype.focusLastItem=function(){var e=this.items[this.items.length-1];this.getFocusableElement(e)};e.prototype.focusNextItem=function(e){var t=this.itemIndex(e);var i=this.items[t+1]||this.items[0];this.getFocusableElement(i)};e.prototype.focusPrevItem=function(e){var t=this.itemIndex(e);var i=this.items[t-1]||this.items[this.items.length-1];this.getFocusableElement(i)};e.prototype.itemIndex=function(e){return this.items.indexOf(e)};e.prototype.getFocusableElement=function(e){if(!e){return}var t=e.attributes.isLink?e.shadowRoot.querySelector("a"):e;focusElement(t)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],open:["activeHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return e}();Dropdown.style=dropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var dropdownGroupCss="@-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}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-bottom:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var DropdownGroup=function(){function e(e){registerInstance(this,e);this.calciteInternalDropdownItemChange=createEvent(this,"calciteInternalDropdownItemChange",7);this.selectionMode="single"}e.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};e.prototype.render=function(){var e;var t=this.scale||getElementProp(this.el,"scale","m");var i=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var n=this.groupPosition>0?h("div",{class:"dropdown-separator",role:"separator"}):null;return h(Host,{role:"menu"},h("div",{class:(e={container:true},e[CSS$1.containerSmall]=t==="s",e[CSS$1.containerMedium]=t==="m",e[CSS$1.containerLarge]=t==="l",e),title:this.groupTitle},n,i,h("slot",null)))};e.prototype.updateActiveItemOnChange=function(e){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};e.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DropdownGroup.style=dropdownGroupCss;var CSS={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var dropdownItemCss="@-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}.container--s{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var DropdownItem=function(){function e(e){registerInstance(this,e);this.calciteInternalDropdownItemSelect=createEvent(this,"calciteInternalDropdownItemSelect",7);this.calciteInternalDropdownItemKeyEvent=createEvent(this,"calciteInternalDropdownItemKeyEvent",7);this.calciteInternalDropdownCloseRequest=createEvent(this,"calciteInternalDropdownCloseRequest",7);this.active=false}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.componentWillLoad=function(){this.initialize()};e.prototype.connectedCallback=function(){this.initialize()};e.prototype.render=function(){var e;var t=this;var i=getElementProp(this.el,"scale","m");var n=h("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var a=h("span",{class:"dropdown-item-content"},h("slot",null));var r=h("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var o=this.iconStart&&this.iconEnd?[n,a,r]:this.iconStart?[n,h("slot",null)]:this.iconEnd?[a,r]:a;var s=!this.href?o:h("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(e){return t.childLink=e},rel:this.rel,target:this.target},o);var c=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var l=this.selectionMode!=="none"?toAriaBoolean(this.active):null;return h(Host,{"aria-checked":l,role:c,tabindex:"0"},h("div",{class:(e={container:true},e[CSS.containerLink]=!!this.href,e[CSS.containerSmall]=i==="s",e[CSS.containerMedium]=i==="m",e[CSS.containerLarge]=i==="l",e[CSS.containerMulti]=this.selectionMode==="multi",e[CSS.containerSingle]=this.selectionMode==="single",e[CSS.containerNone]=this.selectionMode==="none",e)},this.selectionMode!=="none"?h("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,s))};e.prototype.onClick=function(){this.emitRequestedItem()};e.prototype.keyDownHandler=function(e){switch(e.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}e.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();e.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break}};e.prototype.updateActiveItemOnChange=function(e){var t=e.composedPath().includes(this.parentDropdownGroupEl);if(t){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.determineActiveItem()}e.stopPropagation()};e.prototype.initialize=function(){this.selectionMode=getElementProp(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};e.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};e.prototype.emitRequestedItem=function(){this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DropdownItem.style=dropdownItemCss;export{Dropdown as calcite_dropdown,DropdownGroup as calcite_dropdown_group,DropdownItem as calcite_dropdown_item};

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

@@ -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.83
- */import{r as registerInstance,h,g as getElement}from"./index-1e02e91b.js";import{f as focusElement}from"./dom-4caa79e4.js";import{u as updateHostInteraction}from"./interactive-32803ed8.js";import"./guid-27925469.js";var CSS={button:"button"};var ICONS={plus:"plus"};var fabCss="@-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;background-color:transparent}: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}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-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)}calcite-button:hover{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);-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)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-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)}";var Fab=function(){function t(t){registerInstance(this,t);this.appearance="outline";this.color="neutral";this.disabled=false;this.icon=ICONS.plus;this.loading=false;this.scale="m";this.textEnabled=false}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.buttonEl);return[2]}))}))};t.prototype.render=function(){var t=this;var a=this,e=a.appearance,n=a.color,i=a.disabled,r=a.loading,o=a.scale,s=a.textEnabled,c=a.icon,l=a.label,p=a.text;var d=!s?l||p||null:null;return h("calcite-button",{appearance:e==="solid"?"solid":"outline",class:CSS.button,color:n,disabled:i,iconStart:c,label:l,loading:r,ref:function(a){t.buttonEl=a},round:true,scale:o,title:d,type:"button",width:"auto"},this.textEnabled?this.text:null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Fab.style=fabCss;export{Fab as calcite_fab};
+ * v1.0.0-beta.86
+ */import{r as registerInstance,h,g as getElement}from"./index-dfcf10d7.js";import{f as focusElement}from"./dom-6c1f7204.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.js";var CSS={button:"button"};var ICONS={plus:"plus"};var fabCss="@-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;background-color:transparent}: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}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-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)}calcite-button:hover{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);-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)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-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)}";var Fab=function(){function t(t){registerInstance(this,t);this.appearance="outline";this.color="neutral";this.disabled=false;this.icon=ICONS.plus;this.loading=false;this.scale="m";this.textEnabled=false}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.buttonEl);return[2]}))}))};t.prototype.render=function(){var t=this;var a=this,e=a.appearance,n=a.color,i=a.disabled,r=a.loading,o=a.scale,s=a.textEnabled,c=a.icon,l=a.label,p=a.text;var d=!s?l||p||null:null;return h("calcite-button",{appearance:e==="solid"?"solid":"outline",class:CSS.button,color:n,disabled:i,iconStart:c,label:l,loading:r,ref:function(a){t.buttonEl=a},round:true,scale:o,title:d,type:"button",width:"auto"},this.textEnabled?this.text:null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Fab.style=fabCss;export{Fab as calcite_fab};

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

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,a){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.83
- */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-1e02e91b.js";import{f as focusElement}from"./dom-4caa79e4.js";import{u as updateHostInteraction}from"./interactive-32803ed8.js";import{d as debounce}from"./debounce-9626aac0.js";import{f as forIn}from"./forIn-091a9d50.js";import"./guid-27925469.js";var CSS={container:"container",searchIcon:"search-icon"};var TEXT={filterLabel:"Filter",clear:"Clear filter"};var ICONS={search:"search",close:"x"};var DEBOUNCE_TIMEOUT=250;var filterCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;width:100%}: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}.container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem}label{position:relative;margin-left:0.25rem;margin-right:0.25rem;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{margin-bottom:0.25rem;width:100%;border-style:none;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-padding-end:0.25rem;padding-inline-end:0.25rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem;-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{width:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";var Filter=function(){function t(t){var e=this;registerInstance(this,t);this.calciteFilterChange=createEvent(this,"calciteFilterChange",7);this.items=[];this.disabled=false;this.filteredItems=[];this.scale="m";this.value="";this.filter=debounce((function(t,i){if(i===void 0){i=false}var a=new RegExp(t,"i");if(e.items.length===0){e.updateFiltered([],i);return}var n=function(t,e){var i=false;forIn(t,(function(t){if(typeof t==="function"||t==null){return}if(Array.isArray(t)||typeof t==="object"&&t!==null){if(n(t,e)){i=true}}else if(e.test(t)){i=true}}));return i};var r=e.items.filter((function(t){return n(t,a)}));e.updateFiltered(r,i)}),DEBOUNCE_TIMEOUT);this.inputHandler=function(t){var i=t.target;e.value=i.value;e.filter(i.value,true)};this.keyDownHandler=function(t){if(t.key==="Escape"){e.clear()}if(t.key==="Enter"){t.preventDefault()}};this.clear=function(){e.value="";e.filter("",true);e.setFocus()}}t.prototype.watchItemsHandler=function(){this.filter(this.value)};t.prototype.valueHandler=function(t){this.filter(t)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.componentWillLoad=function(){this.filter(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.textInput);return[2]}))}))};t.prototype.updateFiltered=function(t,e){if(e===void 0){e=false}this.filteredItems.length=0;this.filteredItems=this.filteredItems.concat(t);if(e){this.calciteFilterChange.emit()}};t.prototype.render=function(){var t=this;var e=this,i=e.disabled,a=e.scale;return h(Fragment,null,h("div",{class:CSS.container},h("label",null,h("calcite-input",{"aria-label":this.intlLabel||TEXT.filterLabel,clearable:true,disabled:i,icon:ICONS.search,intlClear:this.intlClear||TEXT.clear,onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:function(e){t.textInput=e},scale:a,type:"text",value:this.value}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["watchItemsHandler"],value:["valueHandler"]}},enumerable:false,configurable:true});return t}();Filter.style=filterCss;export{Filter as calcite_filter};
+ * v1.0.0-beta.86
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-dfcf10d7.js";import{f as focusElement}from"./dom-6c1f7204.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import{d as debounce}from"./debounce-bef6fc2c.js";import{f as forIn}from"./forIn-566610cc.js";import"./guid-9ee41ac6.js";var CSS={container:"container",searchIcon:"search-icon"};var TEXT={filterLabel:"Filter",clear:"Clear filter"};var ICONS={search:"search",close:"x"};var DEBOUNCE_TIMEOUT=250;var filterCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;width:100%}: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}.container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem}label{position:relative;margin-left:0.25rem;margin-right:0.25rem;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{margin-bottom:0.25rem;width:100%;border-style:none;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-padding-end:0.25rem;padding-inline-end:0.25rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem;-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{width:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";var Filter=function(){function t(t){var e=this;registerInstance(this,t);this.calciteFilterChange=createEvent(this,"calciteFilterChange",7);this.items=[];this.disabled=false;this.filteredItems=[];this.scale="m";this.value="";this.filter=debounce((function(t,i){if(i===void 0){i=false}var a=new RegExp(t,"i");if(e.items.length===0){e.updateFiltered([],i);return}var n=function(t,e){var i=false;forIn(t,(function(t){if(typeof t==="function"||t==null){return}if(Array.isArray(t)||typeof t==="object"&&t!==null){if(n(t,e)){i=true}}else if(e.test(t)){i=true}}));return i};var r=e.items.filter((function(t){return n(t,a)}));e.updateFiltered(r,i)}),DEBOUNCE_TIMEOUT);this.inputHandler=function(t){var i=t.target;e.value=i.value;e.filter(i.value,true)};this.keyDownHandler=function(t){if(t.key==="Escape"){e.clear()}if(t.key==="Enter"){t.preventDefault()}};this.clear=function(){e.value="";e.filter("",true);e.setFocus()}}t.prototype.watchItemsHandler=function(){this.filter(this.value)};t.prototype.valueHandler=function(t){this.filter(t)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.componentWillLoad=function(){this.filter(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.textInput);return[2]}))}))};t.prototype.updateFiltered=function(t,e){if(e===void 0){e=false}this.filteredItems.length=0;this.filteredItems=this.filteredItems.concat(t);if(e){this.calciteFilterChange.emit()}};t.prototype.render=function(){var t=this;var e=this,i=e.disabled,a=e.scale;return h(Fragment,null,h("div",{class:CSS.container},h("label",null,h("calcite-input",{"aria-label":this.intlLabel||TEXT.filterLabel,clearable:true,disabled:i,icon:ICONS.search,intlClear:this.intlClear||TEXT.clear,onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:function(e){t.textInput=e},scale:a,type:"text",value:this.value}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["watchItemsHandler"],value:["valueHandler"]}},enumerable:false,configurable:true});return t}();Filter.style=filterCss;export{Filter as calcite_filter};

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

@@ -1,6 +1,6 @@
-var __awaiter=this&&this.__awaiter||function(t,a,e,n){function i(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function l(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):i(t.value).then(o,l)}c((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(a){return c([t,a])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(e)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){e.label=o[1];break}if(o[0]===6&&e.label<r[1]){e.label=r[1];r=o;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(o);break}if(r[2])e.ops.pop();e.trys.pop();continue}o=a.call(t,e)}catch(t){o=[6,t];i=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,a,e,n){function r(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,i){function o(t){try{c(n.next(t))}catch(t){i(t)}}function l(t){try{c(n["throw"](t))}catch(t){i(t)}}function c(t){t.done?e(t.value):r(t.value).then(o,l)}c((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(a){return c([t,a])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(e)try{if(n=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;r=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){e.label=o[1];break}if(o[0]===6&&e.label<i[1]){e.label=i[1];i=o;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(o);break}if(i[2])e.ops.pop();e.trys.pop();continue}o=a.call(t,e)}catch(t){o=[6,t];r=0}finally{n=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[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.83
- */import{r as registerInstance,h,g as getElement}from"./index-1e02e91b.js";var CSS={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};var flowCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0px}:host ::slotted(calcite-panel){height:100%}:host ::slotted(.calcite-match-height:last-child){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}:host .frame--advancing{-webkit-animation:calcite-frame-advance var(--calcite-animation-timing);animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{-webkit-animation:calcite-frame-retreat var(--calcite-animation-timing);animation:calcite-frame-retreat var(--calcite-animation-timing)}@-webkit-keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Flow=function(){function t(t){var a=this;registerInstance(this,t);this.panelCount=0;this.flowDirection=null;this.panels=[];this.getFlowDirection=function(t,a){var e=t>1;var n=t&&a>1;if(!n&&!e){return null}return a<t?"retreating":"advancing"};this.updateFlowProps=function(t){var e=a.panels;var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-panel")}));var i=e.length;var r=n.length;var o=n[r-1];var l=n[r-2];if(r&&o){n.forEach((function(t){t.showBackButton=r>1;t.hidden=t!==o}))}if(l){l.menuOpen=false}a.panels=n;if(i!==r){var c=a.getFlowDirection(i,r);a.panelCount=r;a.flowDirection=c}}}t.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,e;return __generator(this,(function(n){t=this.panels;a=t[t.length-1];if(!a){return[2]}e=a.beforeBack?a.beforeBack:function(){return Promise.resolve()};return[2,e.call(a).then((function(){a.remove();return a}))]}))}))};t.prototype.handleCalcitePanelBackClick=function(){this.back()};t.prototype.render=function(){var t;var a=this.flowDirection;var e=(t={},t[CSS.frame]=true,t[CSS.frameAdvancing]=a==="advancing",t[CSS.frameRetreating]=a==="retreating",t);return h("div",{class:e},h("slot",{onSlotchange:this.updateFlowProps}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Flow.style=flowCss;export{Flow as calcite_flow};
+ * v1.0.0-beta.86
+ */import{r as registerInstance,h,g as getElement}from"./index-dfcf10d7.js";import{c as createObserver}from"./observers-fa0db945.js";var CSS={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};var flowCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0px}:host ::slotted(calcite-panel){height:100%}:host ::slotted(.calcite-match-height:last-child){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}:host .frame--advancing{-webkit-animation:calcite-frame-advance var(--calcite-animation-timing);animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{-webkit-animation:calcite-frame-retreat var(--calcite-animation-timing);animation:calcite-frame-retreat var(--calcite-animation-timing)}@-webkit-keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Flow=function(){function t(t){var a=this;registerInstance(this,t);this.panelCount=0;this.flowDirection=null;this.panels=[];this.panelItemMutationObserver=createObserver("mutation",(function(){return a.updateFlowProps()}));this.getFlowDirection=function(t,a){var e=t>1;var n=t&&a>1;if(!n&&!e){return null}return a<t?"retreating":"advancing"};this.updateFlowProps=function(){var t=a,e=t.el,n=t.panels;var r=Array.from(e.querySelectorAll("calcite-panel")).filter((function(t){return!t.matches("calcite-panel calcite-panel")}));var i=n.length;var o=r.length;var l=r[o-1];var c=r[o-2];if(o&&l){r.forEach((function(t){t.showBackButton=t===l&&o>1;t.hidden=t!==l}))}if(c){c.menuOpen=false}a.panels=r;if(i!==o){var s=a.getFlowDirection(i,o);a.panelCount=o;a.flowDirection=s}}}t.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,e;return __generator(this,(function(n){t=this.panels;a=t[t.length-1];if(!a){return[2]}e=a.beforeBack?a.beforeBack:function(){return Promise.resolve()};return[2,e.call(a).then((function(){a.remove();return a}))]}))}))};t.prototype.connectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};t.prototype.disconnectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.handleCalcitePanelBackClick=function(){this.back()};t.prototype.render=function(){var t;var a=this.flowDirection;var e=(t={},t[CSS.frame]=true,t[CSS.frameAdvancing]=a==="advancing",t[CSS.frameRetreating]=a==="retreating",t);return h("div",{class:e},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Flow.style=flowCss;export{Flow as calcite_flow};

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

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(a,t,e,i){function n(a){return a 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.83
- */import{r as registerInstance,f as forceUpdate,h,g as getElement,c as createEvent,H as Host}from"./index-1e02e91b.js";import{g as guid}from"./guid-27925469.js";import{c as createObserver}from"./observers-c18e9524.js";import{j as intersects}from"./dom-4caa79e4.js";import{d as decimalPlaces,c as clamp}from"./math-351ff0de.js";import{c as connectLabel,d as disconnectLabel}from"./label-ccf07634.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-7c2e444b.js";import{u as updateHostInteraction}from"./interactive-32803ed8.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.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.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};

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

@@ -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.83
- */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-1e02e91b.js";import{t as toAriaBoolean}from"./dom-4caa79e4.js";import"./guid-27925469.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(){return __generator(this,(function(t){this.handleButton.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.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};