@esri/calcite-components 1.0.0-next.309 → 1.0.0-next.312

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

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getKey}from"./key-69001a68.js";import{a as getElementDir,C as CSS_UTILITY,f as focusElement,d as getElementProp}from"./dom-f24e866c.js";import{C as CSS$2,u as updatePopper,c as createPopper}from"./popper-dc4b45cf.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var DefaultDropdownPlacement="bottom-leading";var SLOTS={dropdownTrigger:"dropdown-trigger"};var calciteDropdownCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}: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{background-color:var(--calcite-ui-foreground-1);overflow:hidden;overflow-y:auto;width:auto;max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}:host([scale=s]){--calcite-dropdown-group-padding:0.5rem 0;--calcite-dropdown-item-padding:0.25rem 0.75rem 0.25rem 1.5rem}:host([scale=m]){--calcite-dropdown-group-padding:0.5rem 0;--calcite-dropdown-item-padding:0.5rem 0.75rem 0.5rem 1.5rem}:host([scale=l]){--calcite-dropdown-group-padding:0.75rem 0;--calcite-dropdown-item-padding:0.5rem 0.75rem 0.5rem 1.5rem}:host([scale=s]) .calcite--rtl{--calcite-dropdown-item-padding:0.25rem 1.5rem 0.25rem 0.75rem}:host([scale=m]) .calcite--rtl{--calcite-dropdown-item-padding:0.5rem 1.5rem 0.5rem 0.75rem}:host([scale=l]) .calcite--rtl{--calcite-dropdown-item-padding:0.5rem 1.5rem 0.5rem 0.75rem}";var CalciteDropdown=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=DefaultDropdownPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.width="m";this.items=[];this.activeTransitionProp="opacity";this.mutationObserver=createObserver("mutation",(function(){return e.updateItems()}));this.updateItems=function(){e.updateSelectedItems();e.triggers=Array.from(e.el.querySelectorAll("[slot=dropdown-trigger]"));e.items=Array.from(e.el.querySelectorAll("calcite-dropdown-item"));e.reposition()};this.setMaxScrollerHeight=function(){var t=e.scrollerEl;if(t){var i=e.getMaxScrollerHeight();t.style.maxHeight=i>0?i+"px":""}};this.setScrollerEl=function(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};this.setMenuEl=function(t){e.menuEl=t};this.keyDownHandler=function(t){var i=t.target;var n=getKey(t.key);if(e.triggers.includes(i)||e.triggers.some((function(t){return t.contains(i)}))){if(i.nodeName!=="BUTTON"&&i.nodeName!=="CALCITE-BUTTON"){switch(n){case" ":case"Enter":e.openCalciteDropdown();break;case"Escape":e.closeCalciteDropdown();break}}else if(e.active&&(n==="Escape"||t.shiftKey&&n==="Tab")){e.closeCalciteDropdown()}}};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(){this.reposition()};t.prototype.maxItemsHandler=function(){this.reposition()};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.updateItems()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.destroyPopper()};t.prototype.render=function(){var t,e;var i=this.active;var n=getElementDir(this.el);return h(Host,{tabIndex:this.disabled?-1:null},h("div",{class:(t={},t["calcite-dropdown-trigger-container"]=true,t[CSS_UTILITY.rtl]=n==="rtl",t),onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-expanded":i.toString(),"aria-haspopup":"true",name:SLOTS.dropdownTrigger})),h("div",{"aria-hidden":(!i).toString(),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,e),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},h("slot",null))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,o,r;return __generator(this,(function(a){switch(a.label){case 0:t=this,e=t.popper,i=t.menuEl,n=t.placement;this.setMaxScrollerHeight();o=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:i,modifiers:o,placement:n,popper:e})];case 1:r=a.sent();return[3,3];case 2:r=this.createPopper();a.label=3;case 3:r;return[2]}}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){if(!this.active||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnEvent=function(){this.closeCalciteDropdown()};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.calciteDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var o=this.itemIndex(n)===0;var r=this.itemIndex(n)===this.items.length-1;switch(getKey(e.key)){case"Tab":if(r&&!e.shiftKey){this.closeCalciteDropdown()}else if(o&&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.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,i=t.referenceEl,n=t.placement,o=t.overlayPositioning;var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,overlayPositioning:o,placement:n,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.updateSelectedItems=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-item"));this.selectedItems=t.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-group"));var e=this.maxItems;var i=0;var n=0;var o;t.forEach((function(t){if(e>0&&i<e){Array.from(t.children).forEach((function(t,r){if(r===0){if(isNaN(o)){o=t.offsetTop}n+=o}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return n};t.prototype.closeCalciteDropdown=function(){this.active=false;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"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}();CalciteDropdown.style=calciteDropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var calciteDropdownGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.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{display:block;border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;overflow-wrap:break-word;cursor:default;margin-bottom:-1px}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var CalciteDropdownGroup=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemChange=createEvent(this,"calciteDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=getElementDir(this.el);var i=this.scale||getElementProp(this.el,"scale","m");var n=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var o=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]=i==="s",t[CSS$1.containerMedium]=i==="m",t[CSS$1.containerLarge]=i==="l",t),dir:e,title:this.groupTitle},o,n,h("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteDropdownItemChange.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}();CalciteDropdownGroup.style=calciteDropdownGroupCss;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 calciteDropdownItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}.container--s.calcite--rtl{padding-right:1.5rem;padding-left:0.5rem}.container--m.calcite--rtl{padding-right:2rem;padding-left:0.75rem}.container--l.calcite--rtl{padding-right:2.5rem;padding-left:1rem}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}.container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}.dropdown-item-content{margin-right:auto;margin-left:0.25rem}.calcite--rtl .dropdown-item-content{margin-left:auto;margin-right:0}:host,.container--link a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0}.container--link a{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}.container--s .dropdown-link{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.container--m .dropdown-link{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}.container--l .dropdown-link{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration: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);text-decoration: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}.calcite--rtl:before{left:unset;right:1rem}.calcite--rtl .dropdown-link{padding-right:0;padding-left:0}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}: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{left:0.5rem}.container--m:before{left:0.75rem}.container--l:before{left:1rem}.calcite--rtl:before{left:unset}.container--s.calcite--rtl:before{right:0.5rem}.container--m.calcite--rtl:before{right:0.75rem}.container--l.calcite--rtl:before{right: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{left:0.25rem}.container--m .dropdown-item-icon{left:0.5rem}.container--l .dropdown-item-icon{left:0.75rem}.calcite--rtl .dropdown-item-icon{left:unset;margin-left:0}.container--s.calcite--rtl .dropdown-item-icon{right:0.25rem}.container--m.calcite--rtl .dropdown-item-icon{right:0.5rem}.container--l.calcite--rtl .dropdown-item-icon{right: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{margin-right:0.5rem;margin-left:0.25rem}.container--s .dropdown-item-icon-end{margin-left:0.5rem}.container--m .dropdown-item-icon-start{margin-right:0.75rem;margin-left:0.25rem}.container--m .dropdown-item-icon-end{margin-left:0.75rem}.container--l .dropdown-item-icon-start{margin-right:1rem;margin-left:0.25rem}.container--l .dropdown-item-icon-end{margin-left:1rem}.calcite--rtl .dropdown-item-icon-start{margin-right:0}.calcite--rtl .dropdown-item-icon-end{margin-left:0}.container--s.calcite--rtl .dropdown-item-icon-start{margin-left:0.5rem}.container--s.calcite--rtl .dropdown-item-icon-end{margin-right:0.5rem}.container--m.calcite--rtl .dropdown-item-icon-start{margin-left:0.75rem}.container--m.calcite--rtl .dropdown-item-icon-end{margin-right:0.75rem}.container--l.calcite--rtl .dropdown-item-icon-start{margin-left:1rem}.container--l.calcite--rtl .dropdown-item-icon-end{margin-right:1rem}.calcite--rtl calcite-icon{margin-right:0;margin-left:0.75rem}";var CalciteDropdownItem=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemSelect=createEvent(this,"calciteDropdownItemSelect",7);this.calciteDropdownItemKeyEvent=createEvent(this,"calciteDropdownItemKeyEvent",7);this.calciteDropdownCloseRequest=createEvent(this,"calciteDropdownCloseRequest",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.connectedCallback=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.render=function(){var t;var e=this;var i=getElementDir(this.el);var n=getElementProp(this.el,"scale","m");var o=h("calcite-icon",{class:"dropdown-item-icon-start",dir:i,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var r=h("span",{class:"dropdown-item-content"},h("slot",null));var a=h("calcite-icon",{class:"dropdown-item-icon-end",dir:i,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var c=this.iconStart&&this.iconEnd?[o,r,a]:this.iconStart?[o,h("slot",null)]:this.iconEnd?[r,a]:r;var s=!this.href?c: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},c);var l=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var p=this.selectionMode!=="none"?this.active.toString():null;return h(Host,{"aria-checked":p,role:l,tabindex:"0"},h("div",{class:(t={container:true},t[CSS_UTILITY.rtl]=i==="rtl",t[CSS.containerLink]=!!this.href,t[CSS.containerSmall]=n==="s",t[CSS.containerMedium]=n==="m",t[CSS.containerLarge]=n==="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(getKey(t.key)){case" ":this.emitRequestedItem();if(this.href){t.preventDefault();this.childLink.click()}break;case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}break;case"Escape":this.calciteDropdownCloseRequest.emit();break;case"Tab":case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteDropdownItemKeyEvent.emit({keyboardEvent:t});break}t.preventDefault()};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.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.calciteDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDropdownItem.style=calciteDropdownItemCss;export{CalciteDropdown as calcite_dropdown,CalciteDropdownGroup as calcite_dropdown_group,CalciteDropdownItem as calcite_dropdown_item};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getKey}from"./key-69001a68.js";import{a as getElementDir,C as CSS_UTILITY,f as focusElement,d as getElementProp}from"./dom-f24e866c.js";import{C as CSS$2,u as updatePopper,c as createPopper}from"./popper-f5caedc4.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var DefaultDropdownPlacement="bottom-leading";var SLOTS={dropdownTrigger:"dropdown-trigger"};var calciteDropdownCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}: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{background-color:var(--calcite-ui-foreground-1);overflow:hidden;overflow-y:auto;width:auto;max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}:host([scale=s]){--calcite-dropdown-group-padding:0.5rem 0;--calcite-dropdown-item-padding:0.25rem 0.75rem 0.25rem 1.5rem}:host([scale=m]){--calcite-dropdown-group-padding:0.5rem 0;--calcite-dropdown-item-padding:0.5rem 0.75rem 0.5rem 1.5rem}:host([scale=l]){--calcite-dropdown-group-padding:0.75rem 0;--calcite-dropdown-item-padding:0.5rem 0.75rem 0.5rem 1.5rem}:host([scale=s]) .calcite--rtl{--calcite-dropdown-item-padding:0.25rem 1.5rem 0.25rem 0.75rem}:host([scale=m]) .calcite--rtl{--calcite-dropdown-item-padding:0.5rem 1.5rem 0.5rem 0.75rem}:host([scale=l]) .calcite--rtl{--calcite-dropdown-item-padding:0.5rem 1.5rem 0.5rem 0.75rem}";var CalciteDropdown=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=DefaultDropdownPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.width="m";this.items=[];this.activeTransitionProp="opacity";this.mutationObserver=createObserver("mutation",(function(){return e.updateItems()}));this.updateItems=function(){e.updateSelectedItems();e.triggers=Array.from(e.el.querySelectorAll("[slot=dropdown-trigger]"));e.items=Array.from(e.el.querySelectorAll("calcite-dropdown-item"));e.reposition()};this.setMaxScrollerHeight=function(){var t=e.scrollerEl;if(t){var i=e.getMaxScrollerHeight();t.style.maxHeight=i>0?i+"px":""}};this.setScrollerEl=function(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};this.setMenuEl=function(t){e.menuEl=t};this.keyDownHandler=function(t){var i=t.target;var n=getKey(t.key);if(e.triggers.includes(i)||e.triggers.some((function(t){return t.contains(i)}))){if(i.nodeName!=="BUTTON"&&i.nodeName!=="CALCITE-BUTTON"){switch(n){case" ":case"Enter":e.openCalciteDropdown();break;case"Escape":e.closeCalciteDropdown();break}}else if(e.active&&(n==="Escape"||t.shiftKey&&n==="Tab")){e.closeCalciteDropdown()}}};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(){this.reposition()};t.prototype.maxItemsHandler=function(){this.reposition()};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.updateItems()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.destroyPopper()};t.prototype.render=function(){var t,e;var i=this.active;var n=getElementDir(this.el);return h(Host,{tabIndex:this.disabled?-1:null},h("div",{class:(t={},t["calcite-dropdown-trigger-container"]=true,t[CSS_UTILITY.rtl]=n==="rtl",t),onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-expanded":i.toString(),"aria-haspopup":"true",name:SLOTS.dropdownTrigger})),h("div",{"aria-hidden":(!i).toString(),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,e),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},h("slot",null))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,o,r;return __generator(this,(function(a){switch(a.label){case 0:t=this,e=t.popper,i=t.menuEl,n=t.placement;this.setMaxScrollerHeight();o=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:i,modifiers:o,placement:n,popper:e})];case 1:r=a.sent();return[3,3];case 2:r=this.createPopper();a.label=3;case 3:r;return[2]}}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){if(!this.active||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnEvent=function(){this.closeCalciteDropdown()};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.calciteDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var o=this.itemIndex(n)===0;var r=this.itemIndex(n)===this.items.length-1;switch(getKey(e.key)){case"Tab":if(r&&!e.shiftKey){this.closeCalciteDropdown()}else if(o&&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.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,i=t.referenceEl,n=t.placement,o=t.overlayPositioning;var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,overlayPositioning:o,placement:n,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.updateSelectedItems=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-item"));this.selectedItems=t.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-group"));var e=this.maxItems;var i=0;var n=0;var o;t.forEach((function(t){if(e>0&&i<e){Array.from(t.children).forEach((function(t,r){if(r===0){if(isNaN(o)){o=t.offsetTop}n+=o}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return n};t.prototype.closeCalciteDropdown=function(){this.active=false;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"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}();CalciteDropdown.style=calciteDropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var calciteDropdownGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.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{display:block;border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;overflow-wrap:break-word;cursor:default;margin-bottom:-1px}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var CalciteDropdownGroup=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemChange=createEvent(this,"calciteDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=getElementDir(this.el);var i=this.scale||getElementProp(this.el,"scale","m");var n=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var o=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]=i==="s",t[CSS$1.containerMedium]=i==="m",t[CSS$1.containerLarge]=i==="l",t),dir:e,title:this.groupTitle},o,n,h("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteDropdownItemChange.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}();CalciteDropdownGroup.style=calciteDropdownGroupCss;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 calciteDropdownItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}.container--s.calcite--rtl{padding-right:1.5rem;padding-left:0.5rem}.container--m.calcite--rtl{padding-right:2rem;padding-left:0.75rem}.container--l.calcite--rtl{padding-right:2.5rem;padding-left:1rem}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}.container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}.dropdown-item-content{margin-right:auto;margin-left:0.25rem}.calcite--rtl .dropdown-item-content{margin-left:auto;margin-right:0}:host,.container--link a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0}.container--link a{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}.container--s .dropdown-link{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.container--m .dropdown-link{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}.container--l .dropdown-link{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration: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);text-decoration: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}.calcite--rtl:before{left:unset;right:1rem}.calcite--rtl .dropdown-link{padding-right:0;padding-left:0}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}: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{left:0.5rem}.container--m:before{left:0.75rem}.container--l:before{left:1rem}.calcite--rtl:before{left:unset}.container--s.calcite--rtl:before{right:0.5rem}.container--m.calcite--rtl:before{right:0.75rem}.container--l.calcite--rtl:before{right: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{left:0.25rem}.container--m .dropdown-item-icon{left:0.5rem}.container--l .dropdown-item-icon{left:0.75rem}.calcite--rtl .dropdown-item-icon{left:unset;margin-left:0}.container--s.calcite--rtl .dropdown-item-icon{right:0.25rem}.container--m.calcite--rtl .dropdown-item-icon{right:0.5rem}.container--l.calcite--rtl .dropdown-item-icon{right: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{margin-right:0.5rem;margin-left:0.25rem}.container--s .dropdown-item-icon-end{margin-left:0.5rem}.container--m .dropdown-item-icon-start{margin-right:0.75rem;margin-left:0.25rem}.container--m .dropdown-item-icon-end{margin-left:0.75rem}.container--l .dropdown-item-icon-start{margin-right:1rem;margin-left:0.25rem}.container--l .dropdown-item-icon-end{margin-left:1rem}.calcite--rtl .dropdown-item-icon-start{margin-right:0}.calcite--rtl .dropdown-item-icon-end{margin-left:0}.container--s.calcite--rtl .dropdown-item-icon-start{margin-left:0.5rem}.container--s.calcite--rtl .dropdown-item-icon-end{margin-right:0.5rem}.container--m.calcite--rtl .dropdown-item-icon-start{margin-left:0.75rem}.container--m.calcite--rtl .dropdown-item-icon-end{margin-right:0.75rem}.container--l.calcite--rtl .dropdown-item-icon-start{margin-left:1rem}.container--l.calcite--rtl .dropdown-item-icon-end{margin-right:1rem}.calcite--rtl calcite-icon{margin-right:0;margin-left:0.75rem}";var CalciteDropdownItem=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemSelect=createEvent(this,"calciteDropdownItemSelect",7);this.calciteDropdownItemKeyEvent=createEvent(this,"calciteDropdownItemKeyEvent",7);this.calciteDropdownCloseRequest=createEvent(this,"calciteDropdownCloseRequest",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.connectedCallback=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.render=function(){var t;var e=this;var i=getElementDir(this.el);var n=getElementProp(this.el,"scale","m");var o=h("calcite-icon",{class:"dropdown-item-icon-start",dir:i,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var r=h("span",{class:"dropdown-item-content"},h("slot",null));var a=h("calcite-icon",{class:"dropdown-item-icon-end",dir:i,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var c=this.iconStart&&this.iconEnd?[o,r,a]:this.iconStart?[o,h("slot",null)]:this.iconEnd?[r,a]:r;var s=!this.href?c: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},c);var l=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var p=this.selectionMode!=="none"?this.active.toString():null;return h(Host,{"aria-checked":p,role:l,tabindex:"0"},h("div",{class:(t={container:true},t[CSS_UTILITY.rtl]=i==="rtl",t[CSS.containerLink]=!!this.href,t[CSS.containerSmall]=n==="s",t[CSS.containerMedium]=n==="m",t[CSS.containerLarge]=n==="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(getKey(t.key)){case" ":this.emitRequestedItem();if(this.href){t.preventDefault();this.childLink.click()}break;case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}break;case"Escape":this.calciteDropdownCloseRequest.emit();break;case"Tab":case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteDropdownItemKeyEvent.emit({keyboardEvent:t});break}t.preventDefault()};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.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.calciteDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDropdownItem.style=calciteDropdownItemCss;export{CalciteDropdown as calcite_dropdown,CalciteDropdownGroup as calcite_dropdown_group,CalciteDropdownItem as calcite_dropdown_item};

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

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-bece7a88.js";import{a as getElementDir}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import{u as updatePopper,C as CSS,c as createPopper}from"./popper-dc4b45cf.js";import"./locale-6c1b85c7.js";import"./number-e7393766.js";import"./guid-196bd5ea.js";var calciteInputDatePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-shadow:none;box-shadow:none;display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{-webkit-box-shadow:none;box-shadow:none;position:static;width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{background-color:var(--calcite-ui-background);padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-left-width:0;border-right-width:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;left:0;padding-left:0.625rem;padding-right:0.625rem;margin-left:1px;margin-right:1px;position:absolute;z-index:10;background-color:var(--calcite-ui-foreground-1)}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}:host([active]) .menu-container{visibility:visible;pointer-events:auto}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{width:0.75rem;height:0.75rem;min-width:0}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var DEFAULT_PLACEMENT="bottom-leading";var CalciteInputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerOpen=createEvent(this,"calciteInputDatePickerOpen",7);this.calciteInputDatePickerClose=createEvent(this,"calciteInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInputDatePickerOpen.emit():e.calciteInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyUpHandler=function(t){if(getKey(t.key)==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){e.active=true;e.focusedInput="start"};this.endInputFocus=function(){e.active=true;e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.activeHandler=function(){this.reposition()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:a,modifiers:i,placement:DEFAULT_PLACEMENT,popper:e})];case 1:n=r.sent();return[3,3];case 2:n=this.createPopper();r.label=3;case 3:n;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.render=function(){var t;var e,a;var i=this.disabled;var n=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var r=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=r?r.toLocaleDateString(this.locale):"";var s=n?n.toLocaleDateString(this.locale):"";var l=getElementDir(this.el);return h(Host,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":this.active.toString(),class:"input-container",dir:l,role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:i,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:s})),h("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},h("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[CSS.animation]=true,t[CSS.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-t-color-1":this.layout==="vertical"&&this.range},disabled:i,icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=createPopper({el:e,modifiers:n,overlayPositioning:i,placement:DEFAULT_PLACEMENT,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){this.value="";return}var t=this.focusedInput;if(t==="start"){this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var l=this.getDateFromInput(t.value);if(!l){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var l=new Date(r,n,i);l.setFullYear(r);var c=!isNaN(l.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&c&&p&&u&&inRange(l,this.min,this.max)){return l}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();CalciteInputDatePicker.style=calciteInputDatePickerCss;export{CalciteInputDatePicker as calcite_input_date_picker};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-bece7a88.js";import{a as getElementDir}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import{u as updatePopper,C as CSS,c as createPopper}from"./popper-f5caedc4.js";import"./locale-6c1b85c7.js";import"./number-e7393766.js";import"./guid-196bd5ea.js";var calciteInputDatePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-shadow:none;box-shadow:none;display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{-webkit-box-shadow:none;box-shadow:none;position:static;width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{background-color:var(--calcite-ui-background);padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-left-width:0;border-right-width:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;left:0;padding-left:0.625rem;padding-right:0.625rem;margin-left:1px;margin-right:1px;position:absolute;z-index:10;background-color:var(--calcite-ui-foreground-1)}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}:host([active]) .menu-container{visibility:visible;pointer-events:auto}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{width:0.75rem;height:0.75rem;min-width:0}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var DEFAULT_PLACEMENT="bottom-leading";var CalciteInputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerOpen=createEvent(this,"calciteInputDatePickerOpen",7);this.calciteInputDatePickerClose=createEvent(this,"calciteInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInputDatePickerOpen.emit():e.calciteInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyUpHandler=function(t){if(getKey(t.key)==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){e.active=true;e.focusedInput="start"};this.endInputFocus=function(){e.active=true;e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.activeHandler=function(){this.reposition()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:a,modifiers:i,placement:DEFAULT_PLACEMENT,popper:e})];case 1:n=r.sent();return[3,3];case 2:n=this.createPopper();r.label=3;case 3:n;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.render=function(){var t;var e,a;var i=this.disabled;var n=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var r=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=r?r.toLocaleDateString(this.locale):"";var s=n?n.toLocaleDateString(this.locale):"";var l=getElementDir(this.el);return h(Host,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":this.active.toString(),class:"input-container",dir:l,role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:i,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:s})),h("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},h("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[CSS.animation]=true,t[CSS.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-t-color-1":this.layout==="vertical"&&this.range},disabled:i,icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=createPopper({el:e,modifiers:n,overlayPositioning:i,placement:DEFAULT_PLACEMENT,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){this.value="";return}var t=this.focusedInput;if(t==="start"){this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var l=this.getDateFromInput(t.value);if(!l){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var l=new Date(r,n,i);l.setFullYear(r);var c=!isNaN(l.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&c&&p&&u&&inRange(l,this.min,this.max)){return l}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();CalciteInputDatePicker.style=calciteInputDatePickerCss;export{CalciteInputDatePicker as calcite_input_date_picker};

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

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

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

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,a,r){function n(e){return e ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,g as getElement}from"./index-9de00868.js";import{d as defaultOffsetDistance,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-dc4b45cf.js";import{g as guid}from"./guid-196bd5ea.js";import{q as queryElementRoots,a as getElementDir,C as CSS_UTILITY,h as queryElementsRoots}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";var CSS={container:"container",arrow:"arrow",imageContainer:"image-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};var TEXT={close:"Close"};var POPOVER_REFERENCE="data-calcite-popover-reference";var ARIA_CONTROLS="aria-controls";var ARIA_EXPANDED="aria-expanded";var HEADING_LEVEL=2;var calcitePopoverCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.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}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:"";-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-popper-anim{background-color:var(--calcite-ui-foreground-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);border-radius:0.25rem}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{border-width:0;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-3);border-style:solid;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start}.heading{display:block;-ms-flex:1 1 auto;flex:1 1 auto;font-weight:var(--calcite-font-weight-medium);margin:0;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size-0);line-height:1.375;white-space:normal;word-wrap:break-word;word-break:break-word}.container{background-color:var(--calcite-ui-foreground-1);position:relative;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row;height:100%;color:var(--calcite-ui-text-1);border-radius:0.25rem}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;height:100%;width:100%}.calcite--rtl .close-button{border-radius:0.25rem 0 0 0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}';var CalcitePopover=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePopoverClose=createEvent(this,"calcitePopoverClose",7);this.calcitePopoverOpen=createEvent(this,"calcitePopoverOpen",7);this.closeButton=false;this.dismissible=false;this.disableFlip=false;this.disablePointer=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.intlClose=TEXT.close;this.guid="calcite-popover-"+guid();this.activeTransitionProp="opacity";this.setUpReferenceElement=function(){t.removeReferences();t.effectiveReferenceElement=t.getReferenceElement();var e=t,a=e.el,r=e.referenceElement,n=e.effectiveReferenceElement;if(r&&!n){console.warn(a.tagName+': reference-element id "'+r+'" was not found.',{el:a})}t.addReferences();t.createPopper()};this.getId=function(){return t.el.id||t.guid};this.setExpandedAttr=function(){var e=t,a=e.effectiveReferenceElement,r=e.open;if(!a){return}a.setAttribute(ARIA_EXPANDED,r.toString())};this.addReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}var a=t.getId();e.setAttribute(POPOVER_REFERENCE,a);e.setAttribute(ARIA_CONTROLS,a);t.setExpandedAttr()};this.removeReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}e.removeAttribute(POPOVER_REFERENCE);e.removeAttribute(ARIA_CONTROLS);e.removeAttribute(ARIA_EXPANDED)};this.hide=function(){t.open=false};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.open?t.calcitePopoverOpen.emit():t.calcitePopoverClose.emit()}}}e.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};e.prototype.offsetSkiddingHandler=function(){this.reposition()};e.prototype.openHandler=function(){this.reposition();this.setExpandedAttr()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};e.prototype.componentWillLoad=function(){this.setUpReferenceElement()};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.disconnectedCallback=function(){this.removeReferences();this.destroyPopper()};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,r,n,i;return __generator(this,(function(o){switch(o.label){case 0:e=this,t=e.popper,a=e.el,r=e.placement;n=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:a,modifiers:n,placement:r,popper:t})];case 1:i=o.sent();return[3,3];case 2:i=this.createPopper();o.label=3;case 3:i;return[2]}}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(r){a=this.closeButtonEl;if(e==="close-button"&&a){forceUpdate(a);a.setFocus();return[2]}(t=this.el)===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e=!this.open}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=e;return[2]}))}))};e.prototype.getReferenceElement=function(){var e=this,t=e.referenceElement,a=e.el;return(typeof t==="string"?queryElementRoots(a,"#"+t):t)||null};e.prototype.getModifiers=function(){var e=this,t=e.arrowEl,a=e.flipPlacements,r=e.disableFlip,n=e.disablePointer,i=e.offsetDistance,o=e.offsetSkidding;var s={name:"flip",enabled:!r};if(a){s.options={fallbackPlacements:a}}var l={name:"arrow",enabled:!n};if(t){l.options={element:t}}var c={name:"offset",enabled:true,options:{offset:[o,i]}};return[l,s,c]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.el,a=e.placement,r=e.effectiveReferenceElement,n=e.overlayPositioning;var i=this.getModifiers();this.popper=createPopper({el:t,modifiers:i,overlayPositioning:n,placement:a,referenceEl:r})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.renderCloseButton=function(){var e=this;var t=this,a=t.dismissible,r=t.closeButton,n=t.intlClose;return a||r?h("calcite-action",{class:CSS.closeButton,onClick:this.hide,ref:function(t){return e.closeButtonEl=t},text:n},h("calcite-icon",{icon:"x",scale:"m"})):null};e.prototype.renderHeader=function(){var e=this,t=e.heading,a=e.headingLevel;var r=t?h(CalciteHeading,{class:CSS.heading,level:a||HEADING_LEVEL},t):null;return r?h("div",{class:CSS.header},r,this.renderCloseButton()):null};e.prototype.render=function(){var e,t;var a=this;var r=this,n=r.effectiveReferenceElement,i=r.el,o=r.heading,s=r.label,l=r.open,c=r.disablePointer;var p=getElementDir(i)==="rtl";var f=n&&l;var m=!f;var d=!c?h("div",{class:CSS.arrow,ref:function(e){return a.arrowEl=e}}):null;return h(Host,{"aria-hidden":m.toString(),"aria-label":s,"calcite-hydrated-hidden":m,id:this.getId(),role:"dialog"},h("div",{class:(e={},e[CSS_UTILITY.rtl]=p,e[CSS$1.animation]=true,e[CSS$1.animationActive]=f,e),onTransitionEnd:this.transitionEnd},d,h("div",{class:(t={},t[CSS.hasHeader]=!!o,t[CSS.container]=true,t)},this.renderHeader(),h("div",{class:CSS.content},h("slot",null)),!o?this.renderCloseButton():null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return e}();CalcitePopover.style=calcitePopoverCss;var calcitePopoverManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalcitePopoverManager=function(){function e(e){var t=this;registerInstance(this,e);this.selector="["+POPOVER_REFERENCE+"]";this.autoClose=false;this.getRelatedPopover=function(e){var a;var r=t,n=r.selector,i=r.el;var o=(a=e.closest(n))===null||a===void 0?void 0:a.getAttribute(POPOVER_REFERENCE);return queryElementRoots(i,"#"+o)}}e.prototype.render=function(){return h("slot",null)};e.prototype.closeOpenPopovers=function(e){var t=e.target;var a=this,r=a.autoClose,n=a.el;var i="calcite-popover";var o=t.closest(i);var s=this.getRelatedPopover(t);if(r&&!o){queryElementsRoots(n,i).filter((function(e){return e.open&&e!==s})).forEach((function(e){return e.toggle(false)}))}if(!n.contains(t)||!s){return}s.toggle()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalcitePopoverManager.style=calcitePopoverManagerCss;export{CalcitePopover as calcite_popover,CalcitePopoverManager as calcite_popover_manager};
+ */import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,g as getElement}from"./index-9de00868.js";import{d as defaultOffsetDistance,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-f5caedc4.js";import{g as guid}from"./guid-196bd5ea.js";import{q as queryElementRoots,a as getElementDir,C as CSS_UTILITY,h as queryElementsRoots}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";var CSS={container:"container",arrow:"arrow",imageContainer:"image-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};var TEXT={close:"Close"};var POPOVER_REFERENCE="data-calcite-popover-reference";var ARIA_CONTROLS="aria-controls";var ARIA_EXPANDED="aria-expanded";var HEADING_LEVEL=2;var calcitePopoverCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.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}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:"";-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-popper-anim{background-color:var(--calcite-ui-foreground-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);border-radius:0.25rem}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{border-width:0;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-3);border-style:solid;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start}.heading{display:block;-ms-flex:1 1 auto;flex:1 1 auto;font-weight:var(--calcite-font-weight-medium);margin:0;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size-0);line-height:1.375;white-space:normal;word-wrap:break-word;word-break:break-word}.container{background-color:var(--calcite-ui-foreground-1);position:relative;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row;height:100%;color:var(--calcite-ui-text-1);border-radius:0.25rem}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;height:100%;width:100%}.calcite--rtl .close-button{border-radius:0.25rem 0 0 0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}';var CalcitePopover=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePopoverClose=createEvent(this,"calcitePopoverClose",7);this.calcitePopoverOpen=createEvent(this,"calcitePopoverOpen",7);this.closeButton=false;this.dismissible=false;this.disableFlip=false;this.disablePointer=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.intlClose=TEXT.close;this.guid="calcite-popover-"+guid();this.activeTransitionProp="opacity";this.setUpReferenceElement=function(){t.removeReferences();t.effectiveReferenceElement=t.getReferenceElement();var e=t,a=e.el,r=e.referenceElement,n=e.effectiveReferenceElement;if(r&&!n){console.warn(a.tagName+': reference-element id "'+r+'" was not found.',{el:a})}t.addReferences();t.createPopper()};this.getId=function(){return t.el.id||t.guid};this.setExpandedAttr=function(){var e=t,a=e.effectiveReferenceElement,r=e.open;if(!a){return}a.setAttribute(ARIA_EXPANDED,r.toString())};this.addReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}var a=t.getId();e.setAttribute(POPOVER_REFERENCE,a);e.setAttribute(ARIA_CONTROLS,a);t.setExpandedAttr()};this.removeReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}e.removeAttribute(POPOVER_REFERENCE);e.removeAttribute(ARIA_CONTROLS);e.removeAttribute(ARIA_EXPANDED)};this.hide=function(){t.open=false};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.open?t.calcitePopoverOpen.emit():t.calcitePopoverClose.emit()}}}e.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};e.prototype.offsetSkiddingHandler=function(){this.reposition()};e.prototype.openHandler=function(){this.reposition();this.setExpandedAttr()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};e.prototype.componentWillLoad=function(){this.setUpReferenceElement()};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.disconnectedCallback=function(){this.removeReferences();this.destroyPopper()};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,r,n,i;return __generator(this,(function(o){switch(o.label){case 0:e=this,t=e.popper,a=e.el,r=e.placement;n=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:a,modifiers:n,placement:r,popper:t})];case 1:i=o.sent();return[3,3];case 2:i=this.createPopper();o.label=3;case 3:i;return[2]}}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(r){a=this.closeButtonEl;if(e==="close-button"&&a){forceUpdate(a);a.setFocus();return[2]}(t=this.el)===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e=!this.open}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=e;return[2]}))}))};e.prototype.getReferenceElement=function(){var e=this,t=e.referenceElement,a=e.el;return(typeof t==="string"?queryElementRoots(a,"#"+t):t)||null};e.prototype.getModifiers=function(){var e=this,t=e.arrowEl,a=e.flipPlacements,r=e.disableFlip,n=e.disablePointer,i=e.offsetDistance,o=e.offsetSkidding;var s={name:"flip",enabled:!r};if(a){s.options={fallbackPlacements:a}}var l={name:"arrow",enabled:!n};if(t){l.options={element:t}}var c={name:"offset",enabled:true,options:{offset:[o,i]}};return[l,s,c]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.el,a=e.placement,r=e.effectiveReferenceElement,n=e.overlayPositioning;var i=this.getModifiers();this.popper=createPopper({el:t,modifiers:i,overlayPositioning:n,placement:a,referenceEl:r})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.renderCloseButton=function(){var e=this;var t=this,a=t.dismissible,r=t.closeButton,n=t.intlClose;return a||r?h("calcite-action",{class:CSS.closeButton,onClick:this.hide,ref:function(t){return e.closeButtonEl=t},text:n},h("calcite-icon",{icon:"x",scale:"m"})):null};e.prototype.renderHeader=function(){var e=this,t=e.heading,a=e.headingLevel;var r=t?h(CalciteHeading,{class:CSS.heading,level:a||HEADING_LEVEL},t):null;return r?h("div",{class:CSS.header},r,this.renderCloseButton()):null};e.prototype.render=function(){var e,t;var a=this;var r=this,n=r.effectiveReferenceElement,i=r.el,o=r.heading,s=r.label,l=r.open,c=r.disablePointer;var p=getElementDir(i)==="rtl";var f=n&&l;var m=!f;var d=!c?h("div",{class:CSS.arrow,ref:function(e){return a.arrowEl=e}}):null;return h(Host,{"aria-hidden":m.toString(),"aria-label":s,"calcite-hydrated-hidden":m,id:this.getId(),role:"dialog"},h("div",{class:(e={},e[CSS_UTILITY.rtl]=p,e[CSS$1.animation]=true,e[CSS$1.animationActive]=f,e),onTransitionEnd:this.transitionEnd},d,h("div",{class:(t={},t[CSS.hasHeader]=!!o,t[CSS.container]=true,t)},this.renderHeader(),h("div",{class:CSS.content},h("slot",null)),!o?this.renderCloseButton():null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return e}();CalcitePopover.style=calcitePopoverCss;var calcitePopoverManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalcitePopoverManager=function(){function e(e){var t=this;registerInstance(this,e);this.selector="["+POPOVER_REFERENCE+"]";this.autoClose=false;this.getRelatedPopover=function(e){var a;var r=t,n=r.selector,i=r.el;var o=(a=e.closest(n))===null||a===void 0?void 0:a.getAttribute(POPOVER_REFERENCE);return queryElementRoots(i,"#"+o)}}e.prototype.render=function(){return h("slot",null)};e.prototype.closeOpenPopovers=function(e){var t=e.target;var a=this,r=a.autoClose,n=a.el;var i="calcite-popover";var o=t.closest(i);var s=this.getRelatedPopover(t);if(r&&!o){queryElementsRoots(n,i).filter((function(e){return e.open&&e!==s})).forEach((function(e){return e.toggle(false)}))}if(!n.contains(t)||!s){return}s.toggle()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalcitePopoverManager.style=calcitePopoverManagerCss;export{CalcitePopover as calcite_popover,CalcitePopoverManager as calcite_popover_manager};

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

@@ -2,4 +2,4 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import{r as registerInstance,h,F as Fragment,g as getElement,c as createEvent,f as forceUpdate}from"./index-9de00868.js";import{g as getSlotted,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{c as clamp}from"./math-456207f5.js";import"./guid-196bd5ea.js";var CSS$2={main:"main",mainReversed:"main--reversed",content:"content",contentBehind:"content--behind",footer:"footer"};var SLOTS$2={centerRow:"center-row",primaryPanel:"primary-panel",contextualPanel:"contextual-panel",header:"header",footer:"footer"};var calciteShellCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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:150ms ease-in-out}:host([hidden]){display:none}:host{width:100%;height:100%;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;top:0;right:0;bottom:0;left:0;--calcite-shell-tip-spacing:26vw}.main{height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;overflow:auto;width:100%}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}.content--behind{border-width:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--2);line-height:1.375}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;border-left-width:0;border-right-width:0}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){border-radius:0.25rem;-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);position:absolute;-webkit-animation:in-up var(--calcite-animation-timing) ease-in-out;animation:in-up var(--calcite-animation-timing) ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";var CalciteShell=function(){function t(t){registerInstance(this,t);this.contentBehind=false}t.prototype.renderHeader=function(){var t=!!getSlotted(this.el,SLOTS$2.header);return t?h("slot",{name:SLOTS$2.header}):null};t.prototype.renderContent=function(){var t;var e=!!this.contentBehind?[h("div",{class:(t={},t[CSS$2.content]=true,t[CSS$2.contentBehind]=!!this.contentBehind,t)},h("slot",null)),h("slot",{name:SLOTS$2.centerRow})]:[h("div",{class:CSS$2.content},h("slot",null),h("slot",{name:SLOTS$2.centerRow}))];return e};t.prototype.renderFooter=function(){var t=!!getSlotted(this.el,SLOTS$2.footer);return t?h("div",{class:CSS$2.footer},h("slot",{name:SLOTS$2.footer})):null};t.prototype.renderMain=function(){var t;var e=getSlotted(this.el,SLOTS$2.primaryPanel);var a=(t={},t[CSS$2.main]=true,t[CSS$2.mainReversed]=(e===null||e===void 0?void 0:e.position)==="end",t);return h("div",{class:a},h("slot",{name:SLOTS$2.primaryPanel}),this.renderContent(),h("slot",{name:SLOTS$2.contextualPanel}))};t.prototype.render=function(){return h(Fragment,null,this.renderHeader(),this.renderMain(),this.renderFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteShell.style=calciteShellCss;var CSS$1={actionBarContainer:"action-bar-container",content:"content"};var SLOTS$1={actionBar:"action-bar"};var calciteShellCenterRowCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{display:-ms-flexbox;display:flex;height:100%;margin:0;overflow:hidden;width:100%;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){border-width:0;border-radius:0.25rem;-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);margin-top:0.5rem;margin-bottom:1.5rem;margin-left:0.5rem;margin-right:0.5rem;-webkit-animation:in-up var(--calcite-animation-timing) ease-in-out;animation:in-up var(--calcite-animation-timing) ease-in-out}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){width:100%;height:100%}::slotted(calcite-action-bar){border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}::slotted(calcite-action-bar[position=end]){border-left-width:0;border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.calcite--rtl ::slotted(calcite-action-bar){border-right-width:0;border-left-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.calcite--rtl ::slotted(calcite-action-bar[position=end]){border-left-width:0;border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}";var CalciteShellCenterRow=function(){function t(t){registerInstance(this,t);this.detached=false;this.heightScale="s";this.position="end"}t.prototype.render=function(){var t,e;var a=this.el;var i=getElementDir(a)==="rtl";var n=h("div",{class:(t={},t[CSS$1.content]=true,t[CSS_UTILITY.rtl]=i,t)},h("slot",null));var o=getSlotted(a,SLOTS$1.actionBar);var r=o?h("div",{class:(e={},e[CSS$1.actionBarContainer]=true,e[CSS_UTILITY.rtl]=i,e)},h("slot",{name:SLOTS$1.actionBar})):null;var l=[r,n];if((o===null||o===void 0?void 0:o.position)==="end"){l.reverse()}return h(Fragment,null,l)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteShellCenterRow.style=calciteShellCenterRowCss;var CSS={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentDetached:"content--detached",separator:"separator"};var SLOTS={actionBar:"action-bar",header:"header"};var TEXT={resize:"Resize"};var calciteShellPanelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex:0 1 auto;flex:0 1 auto;--calcite-shell-panel-detached-max-height:unset}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{position:absolute;background-color:transparent;bottom:0;display:-ms-flexbox;display:flex;height:100%;opacity:0;pointer-events:auto;top:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;width:0.125rem;z-index:10;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;height:100%;width:100%;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;padding:0;pointer-events:auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, max-width 150ms ease-in-out;transition:max-height 150ms ease-in-out, max-width 150ms ease-in-out}.content__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{border-radius:0.25rem;-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);height:auto;overflow:hidden;margin-top:0.5rem;margin-bottom:auto;margin-left:0.5rem;margin-right:0.5rem;max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel){border-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";var CalciteShellPanel=function(){function t(t){var e=this;registerInstance(this,t);this.calciteShellPanelToggle=createEvent(this,"calciteShellPanelToggle",7);this.collapsed=false;this.detached=false;this.detachedHeightScale="l";this.widthScale="m";this.intlResize=TEXT.resize;this.resizable=false;this.contentWidth=null;this.initialContentWidth=null;this.initialClientX=null;this.contentWidthMax=null;this.contentWidthMin=null;this.step=1;this.stepMultiplier=10;this.storeContentEl=function(t){e.contentEl=t};this.getKeyAdjustedWidth=function(t){var a=t.key;var i=e,n=i.step,o=i.stepMultiplier,r=i.contentWidthMin,l=i.contentWidthMax,s=i.initialContentWidth,c=i.position;var d=n*o;var h=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(h.indexOf(a)>-1){t.preventDefault()}var p=a==="ArrowUp"||(c==="end"?a==="ArrowLeft":a==="ArrowRight");if(p){var m=t.shiftKey?d:n;return s+m}var f=a==="ArrowDown"||(c==="end"?a==="ArrowRight":a==="ArrowLeft");if(f){var m=t.shiftKey?d:n;return s-m}if(typeof r==="number"&&a==="Home"){return r}if(typeof l==="number"&&a==="End"){return l}if(a==="PageDown"){return s-d}if(a==="PageUp"){return s+d}return null};this.separatorKeyDown=function(t){e.setInitialContentWidth();var a=e.getKeyAdjustedWidth(t);if(typeof a==="number"){e.setContentWidth(a)}};this.separatorPointerMove=function(t){t.preventDefault();var a=e,i=a.initialContentWidth,n=a.position,o=a.initialClientX;var r=t.clientX-o;e.setContentWidth(n==="end"?i-r:i+r)};this.separatorPointerUp=function(t){t.preventDefault();document.removeEventListener("pointerup",e.separatorPointerUp);document.removeEventListener("pointermove",e.separatorPointerMove)};this.setInitialContentWidth=function(){var t;e.initialContentWidth=(t=e.contentEl)===null||t===void 0?void 0:t.getBoundingClientRect().width};this.separatorPointerDown=function(t){t.preventDefault();var a=e.separatorEl;a&&document.activeElement!==a&&a.focus();e.setInitialContentWidth();e.initialClientX=t.clientX;document.addEventListener("pointerup",e.separatorPointerUp);document.addEventListener("pointermove",e.separatorPointerMove)};this.connectSeparator=function(t){e.disconnectSeparator();e.separatorEl=t;t.addEventListener("pointerdown",e.separatorPointerDown)};this.disconnectSeparator=function(){var t;(t=e.separatorEl)===null||t===void 0?void 0:t.removeEventListener("pointerdown",e.separatorPointerDown)}}t.prototype.watchHandler=function(){this.calciteShellPanelToggle.emit()};t.prototype.disconnectedCallback=function(){this.disconnectSeparator()};t.prototype.componentDidLoad=function(){this.updateAriaValues()};t.prototype.renderHeader=function(){var t=this.el;var e=getSlotted(t,SLOTS.header);return e?h("div",{class:CSS.contentHeader},h("slot",{name:SLOTS.header})):null};t.prototype.render=function(){var t,e;var a=this,i=a.collapsed,n=a.detached,o=a.position,r=a.initialContentWidth,l=a.contentWidth,s=a.contentWidthMax,c=a.contentWidthMin,d=a.intlResize,p=a.resizable;var m=!n&&p;var f=h("div",{class:(t={},t[CSS.content]=true,t[CSS.contentDetached]=n,t),hidden:i,ref:this.storeContentEl,style:m&&l?{width:l+"px"}:null},this.renderHeader(),h("div",{class:CSS.contentBody},h("slot",null)));var b=m?h("div",{"aria-label":d,"aria-orientation":"horizontal","aria-valuemax":s,"aria-valuemin":c,"aria-valuenow":l!==null&&l!==void 0?l:r,class:CSS.separator,onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;var u=h("slot",{name:SLOTS.actionBar});var w=[u,f,b];if(o==="end"){w.reverse()}return h("div",{class:(e={},e[CSS.container]=true,e)},w)};t.prototype.setContentWidth=function(t){var e=this,a=e.contentWidthMax,i=e.contentWidthMin;var n=Math.round(t);this.contentWidth=typeof a==="number"&&typeof i==="number"?clamp(n,i,a):n};t.prototype.updateAriaValues=function(){var t=this.contentEl;var e=t&&getComputedStyle(t);if(!e){return}var a=parseInt(e.getPropertyValue("max-width"),10);var i=parseInt(e.getPropertyValue("min-width"),10);var n=parseInt(e.getPropertyValue("width"),10);if(typeof n==="number"&&!isNaN(n)){this.initialContentWidth=n}if(typeof a==="number"&&!isNaN(a)){this.contentWidthMax=a}if(typeof i==="number"&&!isNaN(i)){this.contentWidthMin=i}forceUpdate(this)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{collapsed:["watchHandler"]}},enumerable:false,configurable:true});return t}();CalciteShellPanel.style=calciteShellPanelCss;export{CalciteShell as calcite_shell,CalciteShellCenterRow as calcite_shell_center_row,CalciteShellPanel as calcite_shell_panel};
+import{r as registerInstance,h,F as Fragment,g as getElement,c as createEvent,f as forceUpdate}from"./index-9de00868.js";import{g as getSlotted,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{c as clamp}from"./math-456207f5.js";import"./guid-196bd5ea.js";var CSS$2={main:"main",mainReversed:"main--reversed",content:"content",contentBehind:"content--behind",footer:"footer"};var SLOTS$2={centerRow:"center-row",primaryPanel:"primary-panel",contextualPanel:"contextual-panel",header:"header",footer:"footer"};var calciteShellCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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:150ms ease-in-out}:host([hidden]){display:none}:host{width:100%;height:100%;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;top:0;right:0;bottom:0;left:0;--calcite-shell-tip-spacing:26vw}.main{height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;overflow:auto;width:100%}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}.content--behind{border-width:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--2);line-height:1.375}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;border-left-width:0;border-right-width:0}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){border-radius:0.25rem;-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);position:absolute;-webkit-animation:in-up var(--calcite-animation-timing) ease-in-out;animation:in-up var(--calcite-animation-timing) ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";var CalciteShell=function(){function t(t){registerInstance(this,t);this.contentBehind=false}t.prototype.renderHeader=function(){var t=!!getSlotted(this.el,SLOTS$2.header);return t?h("slot",{name:SLOTS$2.header}):null};t.prototype.renderContent=function(){var t;var e=!!this.contentBehind?[h("div",{class:(t={},t[CSS$2.content]=true,t[CSS$2.contentBehind]=!!this.contentBehind,t)},h("slot",null)),h("slot",{name:SLOTS$2.centerRow})]:[h("div",{class:CSS$2.content},h("slot",null),h("slot",{name:SLOTS$2.centerRow}))];return e};t.prototype.renderFooter=function(){var t=!!getSlotted(this.el,SLOTS$2.footer);return t?h("div",{class:CSS$2.footer},h("slot",{name:SLOTS$2.footer})):null};t.prototype.renderMain=function(){var t;var e=getSlotted(this.el,SLOTS$2.primaryPanel);var a=(t={},t[CSS$2.main]=true,t[CSS$2.mainReversed]=(e===null||e===void 0?void 0:e.position)==="end",t);return h("div",{class:a},h("slot",{name:SLOTS$2.primaryPanel}),this.renderContent(),h("slot",{name:SLOTS$2.contextualPanel}))};t.prototype.render=function(){return h(Fragment,null,this.renderHeader(),this.renderMain(),this.renderFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteShell.style=calciteShellCss;var CSS$1={actionBarContainer:"action-bar-container",content:"content"};var SLOTS$1={actionBar:"action-bar"};var calciteShellCenterRowCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{display:-ms-flexbox;display:flex;height:100%;margin:0;overflow:hidden;width:100%;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){border-width:0;border-radius:0.25rem;-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);margin-top:0.5rem;margin-bottom:1.5rem;margin-left:0.5rem;margin-right:0.5rem;-webkit-animation:in-up var(--calcite-animation-timing) ease-in-out;animation:in-up var(--calcite-animation-timing) ease-in-out}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){width:100%;height:100%}::slotted(calcite-action-bar){border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}::slotted(calcite-action-bar[position=end]){border-left-width:0;border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.calcite--rtl ::slotted(calcite-action-bar){border-right-width:0;border-left-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.calcite--rtl ::slotted(calcite-action-bar[position=end]){border-left-width:0;border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}";var CalciteShellCenterRow=function(){function t(t){registerInstance(this,t);this.detached=false;this.heightScale="s";this.position="end"}t.prototype.render=function(){var t,e;var a=this.el;var i=getElementDir(a)==="rtl";var n=h("div",{class:(t={},t[CSS$1.content]=true,t[CSS_UTILITY.rtl]=i,t)},h("slot",null));var o=getSlotted(a,SLOTS$1.actionBar);var r=o?h("div",{class:(e={},e[CSS$1.actionBarContainer]=true,e[CSS_UTILITY.rtl]=i,e)},h("slot",{name:SLOTS$1.actionBar})):null;var l=[r,n];if((o===null||o===void 0?void 0:o.position)==="end"){l.reverse()}return h(Fragment,null,l)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteShellCenterRow.style=calciteShellCenterRowCss;var CSS={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentDetached:"content--detached",separator:"separator"};var SLOTS={actionBar:"action-bar",header:"header"};var TEXT={resize:"Resize"};var calciteShellPanelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex:0 1 auto;flex:0 1 auto;pointer-events:none;--calcite-shell-panel-detached-max-height:unset}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{position:absolute;background-color:transparent;bottom:0;display:-ms-flexbox;display:flex;height:100%;opacity:0;pointer-events:auto;top:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;width:0.125rem;z-index:10;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;height:100%;width:100%;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;padding:0;pointer-events:auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, max-width 150ms ease-in-out;transition:max-height 150ms ease-in-out, max-width 150ms ease-in-out}.content__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{border-radius:0.25rem;-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);height:auto;overflow:hidden;margin-top:0.5rem;margin-bottom:auto;margin-left:0.5rem;margin-right:0.5rem;max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel){border-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";var CalciteShellPanel=function(){function t(t){var e=this;registerInstance(this,t);this.calciteShellPanelToggle=createEvent(this,"calciteShellPanelToggle",7);this.collapsed=false;this.detached=false;this.detachedHeightScale="l";this.widthScale="m";this.intlResize=TEXT.resize;this.resizable=false;this.contentWidth=null;this.initialContentWidth=null;this.initialClientX=null;this.contentWidthMax=null;this.contentWidthMin=null;this.step=1;this.stepMultiplier=10;this.storeContentEl=function(t){e.contentEl=t};this.getKeyAdjustedWidth=function(t){var a=t.key;var i=e,n=i.step,o=i.stepMultiplier,r=i.contentWidthMin,l=i.contentWidthMax,s=i.initialContentWidth,c=i.position;var d=n*o;var h=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(h.indexOf(a)>-1){t.preventDefault()}var p=a==="ArrowUp"||(c==="end"?a==="ArrowLeft":a==="ArrowRight");if(p){var m=t.shiftKey?d:n;return s+m}var f=a==="ArrowDown"||(c==="end"?a==="ArrowRight":a==="ArrowLeft");if(f){var m=t.shiftKey?d:n;return s-m}if(typeof r==="number"&&a==="Home"){return r}if(typeof l==="number"&&a==="End"){return l}if(a==="PageDown"){return s-d}if(a==="PageUp"){return s+d}return null};this.separatorKeyDown=function(t){e.setInitialContentWidth();var a=e.getKeyAdjustedWidth(t);if(typeof a==="number"){e.setContentWidth(a)}};this.separatorPointerMove=function(t){t.preventDefault();var a=e,i=a.initialContentWidth,n=a.position,o=a.initialClientX;var r=t.clientX-o;e.setContentWidth(n==="end"?i-r:i+r)};this.separatorPointerUp=function(t){t.preventDefault();document.removeEventListener("pointerup",e.separatorPointerUp);document.removeEventListener("pointermove",e.separatorPointerMove)};this.setInitialContentWidth=function(){var t;e.initialContentWidth=(t=e.contentEl)===null||t===void 0?void 0:t.getBoundingClientRect().width};this.separatorPointerDown=function(t){t.preventDefault();var a=e.separatorEl;a&&document.activeElement!==a&&a.focus();e.setInitialContentWidth();e.initialClientX=t.clientX;document.addEventListener("pointerup",e.separatorPointerUp);document.addEventListener("pointermove",e.separatorPointerMove)};this.connectSeparator=function(t){e.disconnectSeparator();e.separatorEl=t;t.addEventListener("pointerdown",e.separatorPointerDown)};this.disconnectSeparator=function(){var t;(t=e.separatorEl)===null||t===void 0?void 0:t.removeEventListener("pointerdown",e.separatorPointerDown)}}t.prototype.watchHandler=function(){this.calciteShellPanelToggle.emit()};t.prototype.disconnectedCallback=function(){this.disconnectSeparator()};t.prototype.componentDidLoad=function(){this.updateAriaValues()};t.prototype.renderHeader=function(){var t=this.el;var e=getSlotted(t,SLOTS.header);return e?h("div",{class:CSS.contentHeader},h("slot",{name:SLOTS.header})):null};t.prototype.render=function(){var t,e;var a=this,i=a.collapsed,n=a.detached,o=a.position,r=a.initialContentWidth,l=a.contentWidth,s=a.contentWidthMax,c=a.contentWidthMin,d=a.intlResize,p=a.resizable;var m=!n&&p;var f=h("div",{class:(t={},t[CSS.content]=true,t[CSS.contentDetached]=n,t),hidden:i,ref:this.storeContentEl,style:m&&l?{width:l+"px"}:null},this.renderHeader(),h("div",{class:CSS.contentBody},h("slot",null)));var b=m?h("div",{"aria-label":d,"aria-orientation":"horizontal","aria-valuemax":s,"aria-valuemin":c,"aria-valuenow":l!==null&&l!==void 0?l:r,class:CSS.separator,onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;var u=h("slot",{name:SLOTS.actionBar});var w=[u,f,b];if(o==="end"){w.reverse()}return h("div",{class:(e={},e[CSS.container]=true,e)},w)};t.prototype.setContentWidth=function(t){var e=this,a=e.contentWidthMax,i=e.contentWidthMin;var n=Math.round(t);this.contentWidth=typeof a==="number"&&typeof i==="number"?clamp(n,i,a):n};t.prototype.updateAriaValues=function(){var t=this.contentEl;var e=t&&getComputedStyle(t);if(!e){return}var a=parseInt(e.getPropertyValue("max-width"),10);var i=parseInt(e.getPropertyValue("min-width"),10);var n=parseInt(e.getPropertyValue("width"),10);if(typeof n==="number"&&!isNaN(n)){this.initialContentWidth=n}if(typeof a==="number"&&!isNaN(a)){this.contentWidthMax=a}if(typeof i==="number"&&!isNaN(i)){this.contentWidthMin=i}forceUpdate(this)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{collapsed:["watchHandler"]}},enumerable:false,configurable:true});return t}();CalciteShellPanel.style=calciteShellPanelCss;export{CalciteShell as calcite_shell,CalciteShellCenterRow as calcite_shell_center_row,CalciteShellPanel as calcite_shell_panel};