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

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

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

Files changed (1069) hide show

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

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(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.
- * v1.0.0-beta.86
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{T as TEXT$1,g as getSlotted,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-6c1f7204.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-b30a7cde.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-115e3241.js";import{d as delocalizeNumberString,i as isValidNumber,p as parseNumberString,g as getDecimalSeparator,l as localizeNumberString,s as sanitizeNumberString}from"./locale-98144f51.js";import{n as numberKeys}from"./key-1219c482.js";import{d as decimalPlaces}from"./math-7409ae0d.js";import{c as createObserver}from"./observers-fa0db945.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.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 SLOTS={action:"action"};var TEXT={clear:"Clear value"};var inputNumberCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}: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]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}: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]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}: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]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host input{-webkit-transition:var(--calcite-animation-timing), height 0, outline-offset 0s;transition:var(--calcite-animation-timing), height 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host input{outline-color:transparent}:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input{-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]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-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-inline-end-width:0px}.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)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host(.no-bottom-border) input{border-bottom-width:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .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 InputNumber=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalInputNumberFocus=createEvent(this,"calciteInternalInputNumberFocus",7);this.calciteInternalInputNumberBlur=createEvent(this,"calciteInternalInputNumberBlur",7);this.calciteInputNumberInput=createEvent(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=createEvent(this,"calciteInputNumberChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=TEXT$1.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.value="";this.previousValueOrigin="initial";this.mutationObserver=createObserver("mutation",(function(){return t.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(e){if(t.readOnly||t.disabled){return}if(t.isClearable&&e.key==="Escape"){t.clearInputValue(e);e.preventDefault()}if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.clearInputValue=function(e){t.setNumberValue({committing:true,nativeEvent:e,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(t.previousValueOrigin==="user"&&t.value!==t.previousEmittedValue){t.calciteInputNumberChange.emit()}t.previousEmittedValue=t.value};this.inputNumberBlurHandler=function(){t.calciteInternalInputNumberBlur.emit({element:t.childNumberEl,value:t.value});t.emitChangeIfUserModified()};this.inputNumberFocusHandler=function(e){var i=getSlotted(t.el,"action");if(e.target!==i){t.setFocus()}t.calciteInternalInputNumberFocus.emit({element:t.childNumberEl,value:t.value})};this.inputNumberInputHandler=function(e){if(t.disabled||t.readOnly){return}var i=e.target.value;var n=delocalizeNumberString(i,t.locale);if(e.inputType==="insertFromPaste"){if(!isValidNumber(n)){e.preventDefault()}t.setNumberValue({nativeEvent:e,origin:"user",value:parseNumberString(n)});t.childNumberEl.value=t.localizedValue}else{t.setNumberValue({nativeEvent:e,origin:"user",value:n})}};this.inputNumberKeyDownHandler=function(e){if(t.disabled||t.readOnly){return}if(e.key==="ArrowUp"){e.preventDefault();t.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){t.nudgeNumberValue("down",e);return}var i=__spreadArray(__spreadArray([],numberKeys,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(e.altKey||e.ctrlKey||e.metaKey){return}var n=e.shiftKey&&e.key==="Tab";if(i.includes(e.key)&&(!e.shiftKey||n)){if(e.key==="Enter"){t.emitChangeIfUserModified()}return}var r=getDecimalSeparator(t.locale);if(e.key===r){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.indexOf(r)===-1){return}}if(/[eE]/.test(e.key)){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&!/[eE]/.test(t.childNumberEl.value)){return}}if(e.key==="-"){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.split("-").length<=2){return}}e.preventDefault()};this.nudgeNumberValue=function(e,i){if(i instanceof KeyboardEvent&&i.repeat){return}var n=t.maxString?parseFloat(t.maxString):null;var r=t.minString?parseFloat(t.minString):null;var a=100;t.incrementOrDecrementNumberValue(e,n,r,i);if(t.nudgeNumberValueIntervalId){window.clearInterval(t.nudgeNumberValueIntervalId)}var o=true;t.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}t.incrementOrDecrementNumberValue(e,n,r,i)}),a)};this.nudgeButtonPointerUpAndOutHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=function(e){e.preventDefault();var i=e.target.dataset.adjustment;if(!t.disabled){t.nudgeNumberValue(i,e)}};this.setChildNumberElRef=function(e){t.childNumberEl=e};this.setInputNumberValue=function(e){if(!t.childNumberEl){return}t.childNumberEl.value=e};this.setPreviousEmittedNumberValue=function(e){t.previousEmittedValue=isValidNumber(e)?e:""};this.setPreviousNumberValue=function(e){t.previousValue=isValidNumber(e)?e:""};this.setNumberValue=function(e){var i=e.committing,n=i===void 0?false:i,r=e.nativeEvent,a=e.origin,o=e.previousValue,l=e.value;var s=localizeNumberString(t.previousValue,t.locale,t.groupSeparator,t.numberingSystem);var u=sanitizeNumberString(l);var c=l&&!u?isValidNumber(t.previousValue)?t.previousValue:"":u;var d=localizeNumberString(c,t.locale,t.groupSeparator,t.numberingSystem);t.setPreviousNumberValue(o||t.value);t.previousValueOrigin=a;t.userChangedValue=a==="user"&&t.value!==c;t.value=c;t.localizedValue=d;if(a==="direct"){t.setInputNumberValue(d)}if(r){var m=t.calciteInputNumberInput.emit({element:t.childNumberEl,nativeEvent:r,value:t.value});if(m.defaultPrevented){t.value=t.previousValue;t.localizedValue=s}else if(n){t.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)}}e.prototype.disabledWatcher=function(){this.setDisabledAction()};e.prototype.maxWatcher=function(){var e;this.maxString=((e=this.max)===null||e===void 0?void 0:e.toString())||null};e.prototype.minWatcher=function(){var e;this.minString=((e=this.min)===null||e===void 0?void 0:e.toString())||null};e.prototype.valueWatcher=function(e,t){if(!this.userChangedValue){this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":isValidNumber(e)?e:this.previousValue||""});this.warnAboutInvalidNumberValue(e)}this.userChangedValue=false};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon({},this.icon,"number")};Object.defineProperty(e.prototype,"isClearable",{get:function(){return this.clearable&&this.value.length>0},enumerable:false,configurable:true});e.prototype.connectedCallback=function(){var e;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);this.setNumberValue({origin:"connected",value:isValidNumber(this.value)?this.value:""});connectLabel(this);connectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true});this.setDisabledAction()};e.prototype.disconnectedCallback=function(){var e;disconnectLabel(this);disconnectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.componentWillLoad=function(){var e,t;this.maxString=(e=this.max)===null||e===void 0?void 0:e.toString();this.minString=(t=this.min)===null||t===void 0?void 0:t.toString();this.requestedIcon=setRequestedIcon({},this.icon,"number")};e.prototype.componentShouldUpdate=function(e,t,i){if(i==="value"&&e&&!isValidNumber(e)){this.setNumberValue({origin:"reset",value:t});return false}return true};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.childNumberEl)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.childNumberEl)===null||e===void 0?void 0:e.select();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.incrementOrDecrementNumberValue=function(e,t,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=e==="up"?1:-1;var s=o+a*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof t==="number"&&!isNaN(t)&&s>t?o:s;var c=decimalPlaces(o);var d=decimalPlaces(a);this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};e.prototype.onFormReset=function(){this.setNumberValue({origin:"reset",value:this.defaultValue})};e.prototype.syncHiddenFormInput=function(e){var t,i,n,r;e.type="number";e.min=(i=(t=this.min)===null||t===void 0?void 0:t.toString(10))!==null&&i!==void 0?i:"";e.max=(r=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&r!==void 0?r:""};e.prototype.setDisabledAction=function(){var e=getSlotted(this.el,"action");if(!e){return}this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")};e.prototype.warnAboutInvalidNumberValue=function(e){if(e&&!isValidNumber(e)){console.warn('The specified value "'.concat(e,'" cannot be parsed, or is out of range.'))}};e.prototype.render=function(){var e,t,i;var n=getElementDir(this.el);var r=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var a=h("button",{"aria-label":this.intlClear||TEXT.clear,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 o=h("calcite-icon",{class:CSS.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var l=this.numberButtonType==="horizontal";var s=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=l,e),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var u=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=l,t),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var c=h("div",{class:CSS.numberButtonWrapper},s,u);var d=h("div",{class:CSS.prefix},this.prefixText);var m=h("div",{class:CSS.suffix},this.suffixText);var b=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.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue});return h(Host,{onClick:this.inputNumberFocusHandler,onKeyDown:this.keyDownHandler},h("div",{class:(i={},i[CSS.inputWrapper]=true,i[CSS_UTILITY.rtl]=n==="rtl",i)},this.numberButtonType==="horizontal"&&!this.readOnly?u:null,this.prefixText?d:null,h("div",{class:CSS.wrapper},b,this.isClearable?a:null,this.requestedIcon?o:null,this.loading?r:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.numberButtonType==="vertical"&&!this.readOnly?c:null,this.suffixText?m:null,this.numberButtonType==="horizontal"&&!this.readOnly?s:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();InputNumber.style=inputNumberCss;export{InputNumber as calcite_input_number};
+ * v1.0.0-beta.89
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e2035750.js";import{T as TEXT$1,g as getSlotted,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-773d1009.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-dd1d4ebf.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-2cfa20ec.js";import{d as delocalizeNumberString,i as isValidNumber,p as parseNumberString,g as getDecimalSeparator,l as localizeNumberString,s as sanitizeNumberString}from"./locale-66830132.js";import{n as numberKeys}from"./key-7208494a.js";import{d as decimalPlaces}from"./math-d77047f4.js";import{c as createObserver}from"./observers-ebdbf52f.js";import{u as updateHostInteraction}from"./interactive-52c414ad.js";import"./guid-41992570.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 SLOTS={action:"action"};var TEXT={clear:"Clear value"};var inputNumberCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host input{-webkit-transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host input{outline-color:transparent}:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-block-size:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input{-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]{-ms-flex-order:1;order:1;max-block-size:100%;min-block-size:100%;-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-inline-end-width:0px}.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)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-block:0px;padding-inline:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .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]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputNumber=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalInputNumberFocus=createEvent(this,"calciteInternalInputNumberFocus",7);this.calciteInternalInputNumberBlur=createEvent(this,"calciteInternalInputNumberBlur",7);this.calciteInputNumberInput=createEvent(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=createEvent(this,"calciteInputNumberChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=TEXT$1.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.value="";this.previousValueOrigin="initial";this.mutationObserver=createObserver("mutation",(function(){return t.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(e){if(t.readOnly||t.disabled){return}if(t.isClearable&&e.key==="Escape"){t.clearInputValue(e);e.preventDefault()}if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.clearInputValue=function(e){t.setNumberValue({committing:true,nativeEvent:e,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(t.previousValueOrigin==="user"&&t.value!==t.previousEmittedValue){t.calciteInputNumberChange.emit()}t.previousEmittedValue=t.value};this.inputNumberBlurHandler=function(){t.calciteInternalInputNumberBlur.emit();t.emitChangeIfUserModified()};this.inputNumberFocusHandler=function(e){var i=getSlotted(t.el,"action");if(e.target!==i){t.setFocus()}t.calciteInternalInputNumberFocus.emit()};this.inputNumberInputHandler=function(e){if(t.disabled||t.readOnly){return}var i=e.target.value;var n=delocalizeNumberString(i,t.locale);if(e.inputType==="insertFromPaste"){if(!isValidNumber(n)){e.preventDefault()}t.setNumberValue({nativeEvent:e,origin:"user",value:parseNumberString(n)});t.childNumberEl.value=t.localizedValue}else{t.setNumberValue({nativeEvent:e,origin:"user",value:n})}};this.inputNumberKeyDownHandler=function(e){if(t.disabled||t.readOnly){return}if(e.key==="ArrowUp"){e.preventDefault();t.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){t.nudgeNumberValue("down",e);return}var i=__spreadArray(__spreadArray([],numberKeys,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(e.altKey||e.ctrlKey||e.metaKey){return}var n=e.shiftKey&&e.key==="Tab";if(i.includes(e.key)&&(!e.shiftKey||n)){if(e.key==="Enter"){t.emitChangeIfUserModified()}return}var r=getDecimalSeparator(t.locale);if(e.key===r){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.indexOf(r)===-1){return}}if(/[eE]/.test(e.key)){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&!/[eE]/.test(t.childNumberEl.value)){return}}if(e.key==="-"){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.split("-").length<=2){return}}e.preventDefault()};this.nudgeNumberValue=function(e,i){if(i instanceof KeyboardEvent&&i.repeat){return}var n=t.maxString?parseFloat(t.maxString):null;var r=t.minString?parseFloat(t.minString):null;var a=100;t.incrementOrDecrementNumberValue(e,n,r,i);if(t.nudgeNumberValueIntervalId){window.clearInterval(t.nudgeNumberValueIntervalId)}var o=true;t.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}t.incrementOrDecrementNumberValue(e,n,r,i)}),a)};this.nudgeButtonPointerUpAndOutHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=function(e){e.preventDefault();var i=e.target.dataset.adjustment;if(!t.disabled){t.nudgeNumberValue(i,e)}};this.setChildNumberElRef=function(e){t.childNumberEl=e};this.setInputNumberValue=function(e){if(!t.childNumberEl){return}t.childNumberEl.value=e};this.setPreviousEmittedNumberValue=function(e){t.previousEmittedValue=isValidNumber(e)?e:""};this.setPreviousNumberValue=function(e){t.previousValue=isValidNumber(e)?e:""};this.setNumberValue=function(e){var i=e.committing,n=i===void 0?false:i,r=e.nativeEvent,a=e.origin,o=e.previousValue,l=e.value;var s=localizeNumberString(t.previousValue,t.locale,t.groupSeparator,t.numberingSystem);var u=sanitizeNumberString(l);var c=l&&!u?isValidNumber(t.previousValue)?t.previousValue:"":u;var d=localizeNumberString(c,t.locale,t.groupSeparator,t.numberingSystem);t.setPreviousNumberValue(o||t.value);t.previousValueOrigin=a;t.userChangedValue=a==="user"&&t.value!==c;t.value=c;t.localizedValue=d;if(a==="direct"){t.setInputNumberValue(d)}if(r){var m=t.calciteInputNumberInput.emit({element:t.childNumberEl,nativeEvent:r,value:t.value});if(m.defaultPrevented){t.value=t.previousValue;t.localizedValue=s}else if(n){t.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)}}e.prototype.disabledWatcher=function(){this.setDisabledAction()};e.prototype.maxWatcher=function(){var e;this.maxString=((e=this.max)===null||e===void 0?void 0:e.toString())||null};e.prototype.minWatcher=function(){var e;this.minString=((e=this.min)===null||e===void 0?void 0:e.toString())||null};e.prototype.valueWatcher=function(e,t){if(!this.userChangedValue){this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":isValidNumber(e)?e:this.previousValue||""});this.warnAboutInvalidNumberValue(e)}this.userChangedValue=false};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon({},this.icon,"number")};Object.defineProperty(e.prototype,"isClearable",{get:function(){return this.clearable&&this.value.length>0},enumerable:false,configurable:true});e.prototype.connectedCallback=function(){var e;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);this.setNumberValue({origin:"connected",value:isValidNumber(this.value)?this.value:""});connectLabel(this);connectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true});this.setDisabledAction()};e.prototype.disconnectedCallback=function(){var e;disconnectLabel(this);disconnectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.componentWillLoad=function(){var e,t;this.maxString=(e=this.max)===null||e===void 0?void 0:e.toString();this.minString=(t=this.min)===null||t===void 0?void 0:t.toString();this.requestedIcon=setRequestedIcon({},this.icon,"number")};e.prototype.componentShouldUpdate=function(e,t,i){if(i==="value"&&e&&!isValidNumber(e)){this.setNumberValue({origin:"reset",value:t});return false}return true};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.childNumberEl)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.childNumberEl)===null||e===void 0?void 0:e.select();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.incrementOrDecrementNumberValue=function(e,t,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=e==="up"?1:-1;var s=o+a*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof t==="number"&&!isNaN(t)&&s>t?o:s;var c=decimalPlaces(o);var d=decimalPlaces(a);this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};e.prototype.onFormReset=function(){this.setNumberValue({origin:"reset",value:this.defaultValue})};e.prototype.syncHiddenFormInput=function(e){var t,i,n,r;e.type="number";e.min=(i=(t=this.min)===null||t===void 0?void 0:t.toString(10))!==null&&i!==void 0?i:"";e.max=(r=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&r!==void 0?r:""};e.prototype.setDisabledAction=function(){var e=getSlotted(this.el,"action");if(!e){return}this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")};e.prototype.warnAboutInvalidNumberValue=function(e){if(e&&!isValidNumber(e)){console.warn('The specified value "'.concat(e,'" cannot be parsed, or is out of range.'))}};e.prototype.render=function(){var e,t,i;var n=getElementDir(this.el);var r=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var a=h("button",{"aria-label":this.intlClear||TEXT.clear,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 o=h("calcite-icon",{class:CSS.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var l=this.numberButtonType==="horizontal";var s=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=l,e),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var u=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=l,t),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var c=h("div",{class:CSS.numberButtonWrapper},s,u);var d=h("div",{class:CSS.prefix},this.prefixText);var m=h("div",{class:CSS.suffix},this.suffixText);var b=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.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue});return h(Host,{onClick:this.inputNumberFocusHandler,onKeyDown:this.keyDownHandler},h("div",{class:(i={},i[CSS.inputWrapper]=true,i[CSS_UTILITY.rtl]=n==="rtl",i)},this.numberButtonType==="horizontal"&&!this.readOnly?u:null,this.prefixText?d:null,h("div",{class:CSS.wrapper},b,this.isClearable?a:null,this.requestedIcon?o:null,this.loading?r:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.numberButtonType==="vertical"&&!this.readOnly?c:null,this.suffixText?m:null,this.numberButtonType==="horizontal"&&!this.readOnly?s:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();InputNumber.style=inputNumberCss;export{InputNumber as calcite_input_number};

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

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(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.
- * v1.0.0-beta.86
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{g as guid}from"./guid-9ee41ac6.js";import{i as isValidNumber}from"./locale-98144f51.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-b30a7cde.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-115e3241.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import{n as numberKeys,i as isActivationKey}from"./key-1219c482.js";import"./dom-6c1f7204.js";var maxTenthForMinuteAndSecond=5;function createLocaleDateTimeFormatter(e,t){if(t===void 0){t=true}try{var i={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};if(t){i.second="2-digit"}return new Intl.DateTimeFormat(e,i)}catch(t){throw new Error("Invalid locale supplied while attempting to create a DateTime formatter: ".concat(e))}}function formatTimePart(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}function formatTimeString(e){if(!isValidTime(e)){return null}var t=e.split(":"),i=t[0],n=t[1],a=t[2];var r=formatTimePart(parseInt(i));var o=formatTimePart(parseInt(n));if(a){var l=formatTimePart(parseInt(a));return"".concat(r,":").concat(o,":").concat(l)}return"".concat(r,":").concat(o)}function getLocaleHourCycle(e){var t=createLocaleDateTimeFormatter(e);var i=t.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return getLocalizedTimePart("meridiem",i)?"12":"24"}function getLocalizedTimePart(e,t){var i,n,a,r;if(!e||!t){return null}if(e==="hourSuffix"){var o=t.indexOf(t.find((function(e){var t=e.type;return t==="hour"})));var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var c=t[o+1];return c&&c.type==="literal"&&l-o===2?((i=c.value)===null||i===void 0?void 0:i.trim())||null:null}if(e==="minuteSuffix"){var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var u=t[l+1];return u&&u.type==="literal"&&s-l===2?((n=u.value)===null||n===void 0?void 0:n.trim())||null:null}if(e==="secondSuffix"){var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var d=t[s+1];return d&&d.type==="literal"?((a=d.value)===null||a===void 0?void 0:a.trim())||null:null}return((r=t.find((function(t){var i=t.type;return e=="meridiem"?i==="dayPeriod":i===e})))===null||r===void 0?void 0:r.value)||null}function getMeridiem(e){if(!isValidNumber(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function isValidTime(e){if(!e||e.startsWith(":")||e.endsWith(":")){return false}var t=e.split(":");var i=t.length>1&&t.length<4;if(!i){return false}var n=t[0],a=t[1],r=t[2];var o=parseInt(t[0]);var l=parseInt(t[1]);var c=parseInt(t[2]);var s=isValidNumber(n)&&o>=0&&o<24;var u=isValidNumber(a)&&l>=0&&l<60;var d=isValidNumber(r)&&c>=0&&c<60;if(s&&u&&!r||s&&u&&d){return true}}function isValidTimePart(e,t){if(t==="meridiem"){return e==="AM"||e==="PM"}if(!isValidNumber(e)){return false}var i=Number(e);return t==="hour"?i>=0&&i<24:i>=0&&i<60}function localizeTimePart(e,t,i){if(!isValidTimePart(e,t)){return}var n=parseInt(e);var a=new Date(Date.UTC(0,0,0,t==="hour"?n:t==="meridiem"?e==="AM"?0:12:0,t==="minute"?n:0,t==="second"?n:0));if(!a){return}var r=createLocaleDateTimeFormatter(i);var o=r.formatToParts(a);return getLocalizedTimePart(t,o)}function localizeTimeString(e,t,i){if(t===void 0){t="en"}if(i===void 0){i=true}if(!isValidTime(e)){return null}var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second,l=o===void 0?"0":o;var c=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(r),parseInt(l)));var s=createLocaleDateTimeFormatter(t,i);return(s===null||s===void 0?void 0:s.format(c))||null}function localizeTimeStringToParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return{localizedHour:getLocalizedTimePart("hour",s),localizedHourSuffix:getLocalizedTimePart("hourSuffix",s),localizedMinute:getLocalizedTimePart("minute",s),localizedMinuteSuffix:getLocalizedTimePart("minuteSuffix",s),localizedSecond:getLocalizedTimePart("second",s),localizedSecondSuffix:getLocalizedTimePart("secondSuffix",s),localizedMeridiem:getLocalizedTimePart("meridiem",s)}}return null}function getTimeParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return s}return null}function parseTimeString(e){if(isValidTime(e)){var t=e.split(":"),i=t[0],n=t[1],a=t[2];return{hour:i,minute:n,second:a}}return{hour:null,minute:null,second:null}}var inputTimePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::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 InputTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInputTimePickerChange=createEvent(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.readOnly=false;this.locale=document.documentElement.lang||navigator.language||"en";this.required=false;this.scale="m";this.placement="auto";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-".concat(guid());this.calciteInternalInputBlurHandler=function(){t.active=false;var e=t.shouldIncludeSeconds();var i=localizeTimeString(t.calciteInputEl.value,t.locale,e);t.setInputValue(i||localizeTimeString(t.value,t.locale,e))};this.calciteInternalInputFocusHandler=function(e){if(!t.readOnly){t.active=true;e.stopPropagation()}};this.calciteInputInputHandler=function(e){var i=e.target;t.setValue({value:i.value})};this.timePickerChangeHandler=function(e){e.stopPropagation();var i=e.target;var n=i.value;t.setValue({value:n,origin:"time-picker"});e.stopPropagation()};this.keyDownHandler=function(e){if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.setCalcitePopoverEl=function(e){t.popoverEl=e};this.setCalciteInputEl=function(e){t.calciteInputEl=e};this.setCalciteTimePickerEl=function(e){t.calciteTimePickerEl=e};this.setInputValue=function(e){if(!t.calciteInputEl){return}t.calciteInputEl.value=e};this.setValue=function(e){var i=e.value,n=e.origin,a=n===void 0?"input":n;var r=t.value;var o=formatTimeString(i);var l=localizeTimeString(o,t.locale,t.shouldIncludeSeconds());t.internalValueChange=a!=="external"&&a!=="loading";var c=a!=="loading"&&a!=="external"&&(i!==t.previousValidValue&&!i||!!(!t.previousValidValue&&o)||o!==t.previousValidValue&&o);if(i){if(c){t.previousValidValue=o}if(o&&o!==t.value){t.value=o}t.localizedValue=l}else{t.value=i;t.localizedValue=null}if(a==="time-picker"||a==="external"){t.setInputValue(l)}if(c){var s=t.calciteInputTimePickerChange.emit();if(s.defaultPrevented){t.internalValueChange=false;t.value=r;t.setInputValue(r);t.previousValidValue=r}else{t.previousValidValue=o}}}}e.prototype.activeHandler=function(){if(this.disabled||this.readOnly){this.active=false;return}this.reposition()};e.prototype.handleDisabledAndReadOnlyChange=function(e){if(!e){this.active=false}};e.prototype.localeWatcher=function(e){this.setInputValue(localizeTimeString(this.value,e,this.shouldIncludeSeconds()))};e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.clickHandler=function(e){if(e.composedPath().includes(this.calciteTimePickerEl)){return}this.setFocus()};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();if(!this.readOnly){this.active=true}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.calciteInputEl)===null||e===void 0?void 0:e.setFocus();return[2]}))}))};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.popoverEl)===null||e===void 0?void 0:e.reposition();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.shouldIncludeSeconds=function(){return this.step<60};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:isValidTime(this.value)?this.value:undefined,origin:"loading"})}connectLabel(this);connectForm(this)};e.prototype.componentDidLoad=function(){this.setInputValue(this.localizedValue)};e.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.render=function(){var e="".concat(this.referenceElementId,"-popover");return h(Host,{onKeyDown:this.keyDownHandler},h("div",{"aria-controls":e,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":e,id:this.referenceElementId,role:"combobox"},h("calcite-input",{disabled:this.disabled,icon:"clock",label:getLabelText(this),onCalciteInputInput:this.calciteInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.calciteInternalInputFocusHandler,readOnly:this.readOnly,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),h("calcite-popover",{id:e,label:"Time Picker",open:this.active,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId,triggerDisabled:true},h("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();InputTimePicker.style=inputTimePickerCss;var CSS={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};var TEXT={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var timePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .meridiem--start{-ms-flex-order:-1;order:-1}.time-picker .button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}var TimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalTimePickerBlur=createEvent(this,"calciteInternalTimePickerBlur",7);this.calciteInternalTimePickerChange=createEvent(this,"calciteInternalTimePickerChange",7);this.calciteInternalTimePickerFocus=createEvent(this,"calciteInternalTimePickerFocus",7);this.intlHour=TEXT.hour;this.intlHourDown=TEXT.hourDown;this.intlHourUp=TEXT.hourUp;this.intlMeridiem=TEXT.meridiem;this.intlMeridiemDown=TEXT.meridiemDown;this.intlMeridiemUp=TEXT.meridiemUp;this.intlMinute=TEXT.minute;this.intlMinuteDown=TEXT.minuteDown;this.intlMinuteUp=TEXT.minuteUp;this.intlSecond=TEXT.second;this.intlSecondDown=TEXT.secondDown;this.intlSecondUp=TEXT.secondUp;this.locale=document.documentElement.lang||navigator.language||"en";this.scale="m";this.step=60;this.value=null;this.showSecond=this.step<60;this.decrementHour=function(){var e=!t.hour?0:t.hour==="00"?23:parseInt(t.hour)-1;t.setValuePart("hour",e)};this.decrementMeridiem=function(){var e=t.meridiem==="PM"?"AM":"PM";t.setValuePart("meridiem",e)};this.decrementMinuteOrSecond=function(e){var i;if(isValidNumber(t[e])){var n=parseInt(t[e]);i=n===0?59:n-1}else{i=59}t.setValuePart(e,i)};this.decrementMinute=function(){t.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){t.decrementMinuteOrSecond("second")};this.focusHandler=function(e){t.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementHour()}};this.hourKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.hour)){switch(t.hourCycle){case"12":a=t.hour==="01"&&n>=0&&n<=2?"1".concat(n):n;break;case"24":if(t.hour==="01"){a="1".concat(n)}else if(t.hour==="02"&&n>=0&&n<=3){a="2".concat(n)}else{a=n}break}}else{a=n}t.setValuePart("hour",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault();t.decrementHour();break;case"ArrowUp":e.preventDefault();t.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementHour()}};this.incrementMeridiem=function(){var e=t.meridiem==="AM"?"PM":"AM";t.setValuePart("meridiem",e)};this.incrementHour=function(){var e=isValidNumber(t.hour)?t.hour==="23"?0:parseInt(t.hour)+1:1;t.setValuePart("hour",e)};this.incrementMinuteOrSecond=function(e){var i=isValidNumber(t[e])?t[e]==="59"?0:parseInt(t[e])+1:0;t.setValuePart(e,i)};this.incrementMinute=function(){t.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){t.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":t.setValuePart("meridiem","AM");break;case"p":t.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":t.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault();t.incrementMeridiem();break;case"ArrowDown":e.preventDefault();t.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMinute()}};this.minuteKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.minute)&&t.minute.startsWith("0")){var r=parseInt(t.minute);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("minute",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault();t.decrementMinute();break;case"ArrowUp":e.preventDefault();t.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementSecond()}};this.secondKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.second)&&t.second.startsWith("0")){var r=parseInt(t.second);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("second",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("second",null);break;case"ArrowDown":e.preventDefault();t.decrementSecond();break;case"ArrowUp":e.preventDefault();t.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementSecond()}};this.setHourEl=function(e){return t.hourEl=e};this.setMeridiemEl=function(e){return t.meridiemEl=e};this.setMinuteEl=function(e){return t.minuteEl=e};this.setSecondEl=function(e){return t.secondEl=e};this.setValue=function(e,i){if(i===void 0){i=true}if(isValidTime(e)){var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second;var l=localizeTimeStringToParts(e,t.locale),c=l.localizedHour,s=l.localizedHourSuffix,u=l.localizedMinute,d=l.localizedMinuteSuffix,m=l.localizedSecond,p=l.localizedSecondSuffix,h=l.localizedMeridiem;t.localizedHour=c;t.localizedHourSuffix=s;t.localizedMinute=u;t.localizedMinuteSuffix=d;t.localizedSecond=m;t.localizedSecondSuffix=p;t.hour=a;t.minute=r;t.second=o;if(h){t.localizedMeridiem=h;t.meridiem=getMeridiem(t.hour);var f=getTimeParts(e,t.locale);t.meridiemOrder=t.getMeridiemOrder(f)}}else{t.hour=null;t.localizedHour=null;t.localizedHourSuffix=null;t.localizedMeridiem=null;t.localizedMinute=null;t.localizedMinuteSuffix=null;t.localizedSecond=null;t.localizedSecondSuffix=null;t.meridiem=null;t.minute=null;t.second=null;t.value=null}if(i){t.calciteInternalTimePickerChange.emit()}};this.setValuePart=function(e,i,n){if(n===void 0){n=true}var a;if(e==="meridiem"){t.meridiem=i;if(isValidNumber(t.hour)){var r=parseInt(t.hour);switch(i){case"AM":if(r>=12){t.hour=formatTimePart(r-12)}break;case"PM":if(r<12){t.hour=formatTimePart(r+12)}break}t.localizedHour=localizeTimePart(t.hour,"hour",t.locale)}}else{t[e]=typeof i==="number"?formatTimePart(i):i;t["localized".concat(capitalize(e))]=localizeTimePart(t[e],e,t.locale)}if(t.hour&&t.minute){var o=t.second&&t.showSecond;t.value="".concat(t.hour,":").concat(t.minute,":").concat(o?t.second:"00")}else{t.value=null}t.localizedMeridiem=t.value?((a=localizeTimeStringToParts(t.value,t.locale))===null||a===void 0?void 0:a.localizedMeridiem)||null:localizeTimePart(t.meridiem,"meridiem",t.locale);if(n){t.calciteInternalTimePickerChange.emit()}}}e.prototype.localeWatcher=function(e){this.hourCycle=getLocaleHourCycle(e);this.setValue(this.value,false)};e.prototype.valueWatcher=function(e){this.setValue(e,false)};e.prototype.hostBlurHandler=function(){this.calciteInternalTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteInternalTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this["".concat(e||"hour","El")])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return isActivationKey(t)};e.prototype.getMeridiemOrder=function(e){var t=this;var i=this.locale==="ar"||this.locale==="he";if(e&&!i){var n=e.findIndex((function(e){return e.value===t.localizedMeridiem}));return n}return 0};e.prototype.connectedCallback=function(){this.setValue(this.value,false);this.hourCycle=getLocaleHourCycle(this.locale)};e.prototype.render=function(){var e,t,i,n,a,r,o,l,c,s,u,d,m,p;var f=isValidNumber(this.hour);var v=this.scale==="s"||this.scale==="m"?"s":"m";var b=isValidNumber(this.minute);var w=isValidNumber(this.second);var k=this.hourCycle==="12";return h("div",{class:(e={},e[CSS.timePicker]=true,e[CSS.showMeridiem]=k,e[CSS.showSecond]=this.showSecond,e[CSS["scale-".concat(this.scale)]]=true,e),dir:"ltr"},h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlHourUp,class:(t={},t[CSS.button]=true,t[CSS.buttonHourUp]=true,t[CSS.buttonTopLeft]=true,t),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":f&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:(i={},i[CSS.input]=true,i[CSS.hour]=true,i),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),h("span",{"aria-label":this.intlHourDown,class:(n={},n[CSS.button]=true,n[CSS.buttonHourDown]=true,n[CSS.buttonBottomLeft]=true,n),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),h("span",{class:CSS.delimiter},this.localizedHourSuffix),h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlMinuteUp,class:(a={},a[CSS.button]=true,a[CSS.buttonMinuteUp]=true,a),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":b&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:(r={},r[CSS.input]=true,r[CSS.minute]=true,r),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),h("span",{"aria-label":this.intlMinuteDown,class:(o={},o[CSS.button]=true,o[CSS.buttonMinuteDown]=true,o),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.showSecond&&h("span",{class:CSS.delimiter},this.localizedMinuteSuffix),this.showSecond&&h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlSecondUp,class:(l={},l[CSS.button]=true,l[CSS.buttonSecondUp]=true,l),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":w&&parseInt(this.second)||"0","aria-valuetext":this.second,class:(c={},c[CSS.input]=true,c[CSS.second]=true,c),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),h("span",{"aria-label":this.intlSecondDown,class:(s={},s[CSS.button]=true,s[CSS.buttonSecondDown]=true,s),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.localizedSecondSuffix&&h("span",{class:CSS.delimiter},this.localizedSecondSuffix),k&&h("div",{class:(u={},u[CSS.column]=true,u[CSS.meridiemStart]=this.meridiemOrder===0,u),role:"group"},h("span",{"aria-label":this.intlMeridiemUp,class:(d={},d[CSS.button]=true,d[CSS.buttonMeridiemUp]=true,d[CSS.buttonTopRight]=true,d),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:(m={},m[CSS.input]=true,m[CSS.meridiem]=true,m),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),h("span",{"aria-label":this.intlMeridiemDown,class:(p={},p[CSS.button]=true,p[CSS.buttonMeridiemDown]=true,p[CSS.buttonBottomRight]=true,p),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();TimePicker.style=timePickerCss;export{InputTimePicker as calcite_input_time_picker,TimePicker as calcite_time_picker};
+ * v1.0.0-beta.89
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e2035750.js";import{g as guid}from"./guid-41992570.js";import{i as isValidNumber}from"./locale-66830132.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-dd1d4ebf.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-2cfa20ec.js";import{u as updateHostInteraction}from"./interactive-52c414ad.js";import{n as numberKeys,i as isActivationKey}from"./key-7208494a.js";import"./dom-773d1009.js";var maxTenthForMinuteAndSecond=5;function createLocaleDateTimeFormatter(e,t){if(t===void 0){t=true}try{var i={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};if(t){i.second="2-digit"}return new Intl.DateTimeFormat(e,i)}catch(t){throw new Error("Invalid locale supplied while attempting to create a DateTime formatter: ".concat(e))}}function formatTimePart(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}function formatTimeString(e){if(!isValidTime(e)){return null}var t=e.split(":"),i=t[0],n=t[1],a=t[2];var r=formatTimePart(parseInt(i));var o=formatTimePart(parseInt(n));if(a){var l=formatTimePart(parseInt(a));return"".concat(r,":").concat(o,":").concat(l)}return"".concat(r,":").concat(o)}function getLocaleHourCycle(e){var t=createLocaleDateTimeFormatter(e);var i=t.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return getLocalizedTimePart("meridiem",i)?"12":"24"}function getLocalizedTimePart(e,t){var i,n,a,r;if(!e||!t){return null}if(e==="hourSuffix"){var o=t.indexOf(t.find((function(e){var t=e.type;return t==="hour"})));var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var c=t[o+1];return c&&c.type==="literal"&&l-o===2?((i=c.value)===null||i===void 0?void 0:i.trim())||null:null}if(e==="minuteSuffix"){var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var u=t[l+1];return u&&u.type==="literal"&&s-l===2?((n=u.value)===null||n===void 0?void 0:n.trim())||null:null}if(e==="secondSuffix"){var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var d=t[s+1];return d&&d.type==="literal"?((a=d.value)===null||a===void 0?void 0:a.trim())||null:null}return((r=t.find((function(t){var i=t.type;return e=="meridiem"?i==="dayPeriod":i===e})))===null||r===void 0?void 0:r.value)||null}function getMeridiem(e){if(!isValidNumber(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function isValidTime(e){if(!e||e.startsWith(":")||e.endsWith(":")){return false}var t=e.split(":");var i=t.length>1&&t.length<4;if(!i){return false}var n=t[0],a=t[1],r=t[2];var o=parseInt(t[0]);var l=parseInt(t[1]);var c=parseInt(t[2]);var s=isValidNumber(n)&&o>=0&&o<24;var u=isValidNumber(a)&&l>=0&&l<60;var d=isValidNumber(r)&&c>=0&&c<60;if(s&&u&&!r||s&&u&&d){return true}}function isValidTimePart(e,t){if(t==="meridiem"){return e==="AM"||e==="PM"}if(!isValidNumber(e)){return false}var i=Number(e);return t==="hour"?i>=0&&i<24:i>=0&&i<60}function localizeTimePart(e,t,i){if(!isValidTimePart(e,t)){return}var n=parseInt(e);var a=new Date(Date.UTC(0,0,0,t==="hour"?n:t==="meridiem"?e==="AM"?0:12:0,t==="minute"?n:0,t==="second"?n:0));if(!a){return}var r=createLocaleDateTimeFormatter(i);var o=r.formatToParts(a);return getLocalizedTimePart(t,o)}function localizeTimeString(e,t,i){if(t===void 0){t="en"}if(i===void 0){i=true}if(!isValidTime(e)){return null}var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second,l=o===void 0?"0":o;var c=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(r),parseInt(l)));var s=createLocaleDateTimeFormatter(t,i);return(s===null||s===void 0?void 0:s.format(c))||null}function localizeTimeStringToParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return{localizedHour:getLocalizedTimePart("hour",s),localizedHourSuffix:getLocalizedTimePart("hourSuffix",s),localizedMinute:getLocalizedTimePart("minute",s),localizedMinuteSuffix:getLocalizedTimePart("minuteSuffix",s),localizedSecond:getLocalizedTimePart("second",s),localizedSecondSuffix:getLocalizedTimePart("secondSuffix",s),localizedMeridiem:getLocalizedTimePart("meridiem",s)}}return null}function getTimeParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return s}return null}function parseTimeString(e){if(isValidTime(e)){var t=e.split(":"),i=t[0],n=t[1],a=t[2];return{hour:i,minute:n,second:a}}return{hour:null,minute:null,second:null}}var inputTimePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInputTimePickerChange=createEvent(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.readOnly=false;this.locale=document.documentElement.lang||navigator.language||"en";this.required=false;this.scale="m";this.placement="auto";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-".concat(guid());this.calciteInternalInputBlurHandler=function(){t.active=false;var e=t.shouldIncludeSeconds();var i=localizeTimeString(t.calciteInputEl.value,t.locale,e);t.setInputValue(i||localizeTimeString(t.value,t.locale,e))};this.calciteInternalInputFocusHandler=function(e){if(!t.readOnly){t.active=true;e.stopPropagation()}};this.calciteInputInputHandler=function(e){var i=e.target;t.setValue({value:i.value})};this.timePickerChangeHandler=function(e){e.stopPropagation();var i=e.target;var n=i.value;t.setValue({value:n,origin:"time-picker"});e.stopPropagation()};this.keyDownHandler=function(e){var i=e.defaultPrevented,n=e.key;if(n==="Enter"&&!i){submitForm(t)}if(n==="Escape"&&t.active){t.active=false}};this.setCalcitePopoverEl=function(e){t.popoverEl=e};this.setCalciteInputEl=function(e){t.calciteInputEl=e};this.setCalciteTimePickerEl=function(e){t.calciteTimePickerEl=e};this.setInputValue=function(e){if(!t.calciteInputEl){return}t.calciteInputEl.value=e};this.setValue=function(e){var i=e.value,n=e.origin,a=n===void 0?"input":n;var r=t.value;var o=formatTimeString(i);var l=localizeTimeString(o,t.locale,t.shouldIncludeSeconds());t.internalValueChange=a!=="external"&&a!=="loading";var c=a!=="loading"&&a!=="external"&&(i!==t.previousValidValue&&!i||!!(!t.previousValidValue&&o)||o!==t.previousValidValue&&o);if(i){if(c){t.previousValidValue=o}if(o&&o!==t.value){t.value=o}t.localizedValue=l}else{t.value=i;t.localizedValue=null}if(a==="time-picker"||a==="external"){t.setInputValue(l)}if(c){var s=t.calciteInputTimePickerChange.emit();if(s.defaultPrevented){t.internalValueChange=false;t.value=r;t.setInputValue(r);t.previousValidValue=r}else{t.previousValidValue=o}}}}e.prototype.activeHandler=function(){if(this.disabled||this.readOnly){this.active=false;return}this.reposition()};e.prototype.handleDisabledAndReadOnlyChange=function(e){if(!e){this.active=false}};e.prototype.localeWatcher=function(e){this.setInputValue(localizeTimeString(this.value,e,this.shouldIncludeSeconds()))};e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.clickHandler=function(e){if(e.composedPath().includes(this.calciteTimePickerEl)){return}this.setFocus()};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();if(!this.readOnly){this.active=true}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.calciteInputEl)===null||e===void 0?void 0:e.setFocus();return[2]}))}))};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.popoverEl)===null||e===void 0?void 0:e.reposition();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.shouldIncludeSeconds=function(){return this.step<60};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:isValidTime(this.value)?this.value:undefined,origin:"loading"})}connectLabel(this);connectForm(this)};e.prototype.componentDidLoad=function(){this.setInputValue(this.localizedValue)};e.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.render=function(){var e="".concat(this.referenceElementId,"-popover");return h(Host,{onKeyDown:this.keyDownHandler},h("div",{"aria-controls":e,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":e,id:this.referenceElementId,role:"combobox"},h("calcite-input",{disabled:this.disabled,icon:"clock",label:getLabelText(this),onCalciteInputInput:this.calciteInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.calciteInternalInputFocusHandler,readOnly:this.readOnly,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),h("calcite-popover",{id:e,label:"Time Picker",open:this.active,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId,triggerDisabled:true},h("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();InputTimePicker.style=inputTimePickerCss;var CSS={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};var TEXT={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var timePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .meridiem--start{-ms-flex-order:-1;order:-1}.time-picker .button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}var TimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalTimePickerBlur=createEvent(this,"calciteInternalTimePickerBlur",7);this.calciteInternalTimePickerChange=createEvent(this,"calciteInternalTimePickerChange",7);this.calciteInternalTimePickerFocus=createEvent(this,"calciteInternalTimePickerFocus",7);this.intlHour=TEXT.hour;this.intlHourDown=TEXT.hourDown;this.intlHourUp=TEXT.hourUp;this.intlMeridiem=TEXT.meridiem;this.intlMeridiemDown=TEXT.meridiemDown;this.intlMeridiemUp=TEXT.meridiemUp;this.intlMinute=TEXT.minute;this.intlMinuteDown=TEXT.minuteDown;this.intlMinuteUp=TEXT.minuteUp;this.intlSecond=TEXT.second;this.intlSecondDown=TEXT.secondDown;this.intlSecondUp=TEXT.secondUp;this.locale=document.documentElement.lang||navigator.language||"en";this.scale="m";this.step=60;this.value=null;this.showSecond=this.step<60;this.decrementHour=function(){var e=!t.hour?0:t.hour==="00"?23:parseInt(t.hour)-1;t.setValuePart("hour",e)};this.decrementMeridiem=function(){var e=t.meridiem==="PM"?"AM":"PM";t.setValuePart("meridiem",e)};this.decrementMinuteOrSecond=function(e){var i;if(isValidNumber(t[e])){var n=parseInt(t[e]);i=n===0?59:n-1}else{i=59}t.setValuePart(e,i)};this.decrementMinute=function(){t.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){t.decrementMinuteOrSecond("second")};this.focusHandler=function(e){t.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementHour()}};this.hourKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.hour)){switch(t.hourCycle){case"12":a=t.hour==="01"&&n>=0&&n<=2?"1".concat(n):n;break;case"24":if(t.hour==="01"){a="1".concat(n)}else if(t.hour==="02"&&n>=0&&n<=3){a="2".concat(n)}else{a=n}break}}else{a=n}t.setValuePart("hour",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault();t.decrementHour();break;case"ArrowUp":e.preventDefault();t.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementHour()}};this.incrementMeridiem=function(){var e=t.meridiem==="AM"?"PM":"AM";t.setValuePart("meridiem",e)};this.incrementHour=function(){var e=isValidNumber(t.hour)?t.hour==="23"?0:parseInt(t.hour)+1:1;t.setValuePart("hour",e)};this.incrementMinuteOrSecond=function(e){var i=isValidNumber(t[e])?t[e]==="59"?0:parseInt(t[e])+1:0;t.setValuePart(e,i)};this.incrementMinute=function(){t.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){t.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":t.setValuePart("meridiem","AM");break;case"p":t.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":t.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault();t.incrementMeridiem();break;case"ArrowDown":e.preventDefault();t.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMinute()}};this.minuteKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.minute)&&t.minute.startsWith("0")){var r=parseInt(t.minute);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("minute",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault();t.decrementMinute();break;case"ArrowUp":e.preventDefault();t.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementSecond()}};this.secondKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.second)&&t.second.startsWith("0")){var r=parseInt(t.second);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("second",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("second",null);break;case"ArrowDown":e.preventDefault();t.decrementSecond();break;case"ArrowUp":e.preventDefault();t.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementSecond()}};this.setHourEl=function(e){return t.hourEl=e};this.setMeridiemEl=function(e){return t.meridiemEl=e};this.setMinuteEl=function(e){return t.minuteEl=e};this.setSecondEl=function(e){return t.secondEl=e};this.setValue=function(e,i){if(i===void 0){i=true}if(isValidTime(e)){var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second;var l=localizeTimeStringToParts(e,t.locale),c=l.localizedHour,s=l.localizedHourSuffix,u=l.localizedMinute,d=l.localizedMinuteSuffix,m=l.localizedSecond,p=l.localizedSecondSuffix,h=l.localizedMeridiem;t.localizedHour=c;t.localizedHourSuffix=s;t.localizedMinute=u;t.localizedMinuteSuffix=d;t.localizedSecond=m;t.localizedSecondSuffix=p;t.hour=a;t.minute=r;t.second=o;if(h){t.localizedMeridiem=h;t.meridiem=getMeridiem(t.hour);var f=getTimeParts(e,t.locale);t.meridiemOrder=t.getMeridiemOrder(f)}}else{t.hour=null;t.localizedHour=null;t.localizedHourSuffix=null;t.localizedMeridiem=null;t.localizedMinute=null;t.localizedMinuteSuffix=null;t.localizedSecond=null;t.localizedSecondSuffix=null;t.meridiem=null;t.minute=null;t.second=null;t.value=null}if(i){t.calciteInternalTimePickerChange.emit()}};this.setValuePart=function(e,i,n){if(n===void 0){n=true}var a;if(e==="meridiem"){t.meridiem=i;if(isValidNumber(t.hour)){var r=parseInt(t.hour);switch(i){case"AM":if(r>=12){t.hour=formatTimePart(r-12)}break;case"PM":if(r<12){t.hour=formatTimePart(r+12)}break}t.localizedHour=localizeTimePart(t.hour,"hour",t.locale)}}else{t[e]=typeof i==="number"?formatTimePart(i):i;t["localized".concat(capitalize(e))]=localizeTimePart(t[e],e,t.locale)}if(t.hour&&t.minute){var o=t.second&&t.showSecond;t.value="".concat(t.hour,":").concat(t.minute,":").concat(o?t.second:"00")}else{t.value=null}t.localizedMeridiem=t.value?((a=localizeTimeStringToParts(t.value,t.locale))===null||a===void 0?void 0:a.localizedMeridiem)||null:localizeTimePart(t.meridiem,"meridiem",t.locale);if(n){t.calciteInternalTimePickerChange.emit()}}}e.prototype.localeWatcher=function(e){this.hourCycle=getLocaleHourCycle(e);this.setValue(this.value,false)};e.prototype.valueWatcher=function(e){this.setValue(e,false)};e.prototype.hostBlurHandler=function(){this.calciteInternalTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteInternalTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this["".concat(e||"hour","El")])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return isActivationKey(t)};e.prototype.getMeridiemOrder=function(e){var t=this;var i=this.locale==="ar"||this.locale==="he";if(e&&!i){var n=e.findIndex((function(e){return e.value===t.localizedMeridiem}));return n}return 0};e.prototype.connectedCallback=function(){this.setValue(this.value,false);this.hourCycle=getLocaleHourCycle(this.locale)};e.prototype.render=function(){var e,t,i,n,a,r,o,l,c,s,u,d,m,p;var f=isValidNumber(this.hour);var v=this.scale==="s"||this.scale==="m"?"s":"m";var b=isValidNumber(this.minute);var w=isValidNumber(this.second);var k=this.hourCycle==="12";return h("div",{class:(e={},e[CSS.timePicker]=true,e[CSS.showMeridiem]=k,e[CSS.showSecond]=this.showSecond,e[CSS["scale-".concat(this.scale)]]=true,e),dir:"ltr"},h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlHourUp,class:(t={},t[CSS.button]=true,t[CSS.buttonHourUp]=true,t[CSS.buttonTopLeft]=true,t),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":f&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:(i={},i[CSS.input]=true,i[CSS.hour]=true,i),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),h("span",{"aria-label":this.intlHourDown,class:(n={},n[CSS.button]=true,n[CSS.buttonHourDown]=true,n[CSS.buttonBottomLeft]=true,n),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),h("span",{class:CSS.delimiter},this.localizedHourSuffix),h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlMinuteUp,class:(a={},a[CSS.button]=true,a[CSS.buttonMinuteUp]=true,a),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":b&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:(r={},r[CSS.input]=true,r[CSS.minute]=true,r),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),h("span",{"aria-label":this.intlMinuteDown,class:(o={},o[CSS.button]=true,o[CSS.buttonMinuteDown]=true,o),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.showSecond&&h("span",{class:CSS.delimiter},this.localizedMinuteSuffix),this.showSecond&&h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlSecondUp,class:(l={},l[CSS.button]=true,l[CSS.buttonSecondUp]=true,l),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":w&&parseInt(this.second)||"0","aria-valuetext":this.second,class:(c={},c[CSS.input]=true,c[CSS.second]=true,c),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),h("span",{"aria-label":this.intlSecondDown,class:(s={},s[CSS.button]=true,s[CSS.buttonSecondDown]=true,s),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.localizedSecondSuffix&&h("span",{class:CSS.delimiter},this.localizedSecondSuffix),k&&h("div",{class:(u={},u[CSS.column]=true,u[CSS.meridiemStart]=this.meridiemOrder===0,u),role:"group"},h("span",{"aria-label":this.intlMeridiemUp,class:(d={},d[CSS.button]=true,d[CSS.buttonMeridiemUp]=true,d[CSS.buttonTopRight]=true,d),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:(m={},m[CSS.input]=true,m[CSS.meridiem]=true,m),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),h("span",{"aria-label":this.intlMeridiemDown,class:(p={},p[CSS.button]=true,p[CSS.buttonMeridiemDown]=true,p[CSS.buttonBottomRight]=true,p),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();TimePicker.style=timePickerCss;export{InputTimePicker as calcite_input_time_picker,TimePicker as calcite_time_picker};

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

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(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.
- * v1.0.0-beta.86
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{T as TEXT$1,g as getSlotted,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-6c1f7204.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-b30a7cde.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-115e3241.js";import{d as delocalizeNumberString,i as isValidNumber,p as parseNumberString,g as getDecimalSeparator,l as localizeNumberString,s as sanitizeNumberString}from"./locale-98144f51.js";import{n as numberKeys}from"./key-1219c482.js";import{d as decimalPlaces}from"./math-7409ae0d.js";import{c as createObserver}from"./observers-fa0db945.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.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 TEXT={clear:"Clear value"};var inputCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}: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{height:auto;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}: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{height:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}: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{height:auto;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), height 0, outline-offset 0s;transition:var(--calcite-animation-timing), height 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}: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{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}: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-color:transparent}: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{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;height:0px;width:0px}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;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}: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:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([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]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-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-inline-end-width:0px}.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)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem;inset-inline-end:0}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);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:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .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 Input=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalInputFocus=createEvent(this,"calciteInternalInputFocus",7);this.calciteInternalInputBlur=createEvent(this,"calciteInternalInputBlur",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$1.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.value="";this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=createObserver("mutation",(function(){return t.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(e){if(t.readOnly||t.disabled){return}if(t.isClearable&&e.key==="Escape"){t.clearInputValue(e);e.preventDefault()}if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.clearInputValue=function(e){t.setValue({committing:true,nativeEvent:e,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(t.previousValueOrigin==="user"&&t.value!==t.previousEmittedValue){t.calciteInputChange.emit()}t.previousEmittedValue=t.value};this.inputBlurHandler=function(){t.calciteInternalInputBlur.emit({element:t.childEl,value:t.value});t.emitChangeIfUserModified()};this.inputFocusHandler=function(e){var i=getSlotted(t.el,"action");if(e.target!==i){t.setFocus()}t.calciteInternalInputFocus.emit({element:t.childEl,value:t.value})};this.inputInputHandler=function(e){if(t.disabled||t.readOnly){return}t.setValue({nativeEvent:e,origin:"user",value:e.target.value})};this.inputKeyDownHandler=function(e){if(t.disabled||t.readOnly){return}if(e.key==="Enter"){t.emitChangeIfUserModified()}};this.inputNumberInputHandler=function(e){if(t.disabled||t.readOnly){return}var i=e.target.value;var n=delocalizeNumberString(i,t.locale);if(e.inputType==="insertFromPaste"){if(!isValidNumber(n)){e.preventDefault()}t.setValue({nativeEvent:e,origin:"user",value:parseNumberString(n)});t.childNumberEl.value=t.localizedValue}else{t.setValue({nativeEvent:e,origin:"user",value:n})}};this.inputNumberKeyDownHandler=function(e){if(t.type!=="number"||t.disabled||t.readOnly){return}if(e.key==="ArrowUp"){e.preventDefault();t.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){t.nudgeNumberValue("down",e);return}var i=__spreadArray(__spreadArray([],numberKeys,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(e.altKey||e.ctrlKey||e.metaKey){return}var n=e.shiftKey&&e.key==="Tab";if(i.includes(e.key)&&(!e.shiftKey||n)){if(e.key==="Enter"){t.emitChangeIfUserModified()}return}var a=getDecimalSeparator(t.locale);if(e.key===a){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.indexOf(a)===-1){return}}if(/[eE]/.test(e.key)){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&!/[eE]/.test(t.childNumberEl.value)){return}}if(e.key==="-"){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.split("-").length<=2){return}}e.preventDefault()};this.nudgeNumberValue=function(e,i){if(i instanceof KeyboardEvent&&i.repeat||t.type!=="number"){return}var n=t.maxString?parseFloat(t.maxString):null;var a=t.minString?parseFloat(t.minString):null;var r=100;t.incrementOrDecrementNumberValue(e,n,a,i);if(t.nudgeNumberValueIntervalId){window.clearInterval(t.nudgeNumberValueIntervalId)}var o=true;t.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}t.incrementOrDecrementNumberValue(e,n,a,i)}),r)};this.numberButtonPointerUpAndOutHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=function(e){e.preventDefault();var i=e.target.dataset.adjustment;if(!t.disabled){t.nudgeNumberValue(i,e)}};this.setChildElRef=function(e){t.childEl=e};this.setChildNumberElRef=function(e){t.childNumberEl=e};this.setInputValue=function(e){if(t.type==="text"&&!t.childEl){return}if(t.type==="number"&&!t.childNumberEl){return}t["child".concat(t.type==="number"?"Number":"","El")].value=e};this.setPreviousEmittedValue=function(e){t.previousEmittedValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setPreviousValue=function(e){t.previousValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setValue=function(e){var i=e.committing,n=i===void 0?false:i,a=e.nativeEvent,r=e.origin,o=e.previousValue,l=e.value;var s=t.type==="number"?localizeNumberString(t.previousValue,t.locale,t.groupSeparator,t.numberingSystem):"";var u=t.type==="number"?sanitizeNumberString(l):l;var c=t.type==="number"&&l&&!u?isValidNumber(t.previousValue)?t.previousValue:"":u;var d=t.type==="number"?localizeNumberString(c,t.locale,t.groupSeparator,t.numberingSystem):"";t.setPreviousValue(o||t.value);t.previousValueOrigin=r;t.userChangedValue=r==="user"&&t.value!==c;t.value=c;if(t.type==="number"){t.localizedValue=d}if(r==="direct"){t.setInputValue(t.type==="number"?d:c)}if(a){var p=t.calciteInputInput.emit({element:t.childEl,nativeEvent:a,value:t.value});if(p.defaultPrevented){t.value=t.previousValue;t.localizedValue=s}else if(n){t.emitChangeIfUserModified()}}};this.inputKeyUpHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)}}e.prototype.disabledWatcher=function(){this.setDisabledAction()};e.prototype.maxWatcher=function(){var e;this.maxString=((e=this.max)===null||e===void 0?void 0:e.toString())||null};e.prototype.minWatcher=function(){var e;this.minString=((e=this.min)===null||e===void 0?void 0:e.toString())||null};e.prototype.valueWatcher=function(e,t){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?isValidNumber(e)?e:this.previousValue||"":e});this.warnAboutInvalidNumberValue(e)}this.userChangedValue=false};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};Object.defineProperty(e.prototype,"isClearable",{get:function(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value.length>0},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});e.prototype.connectedCallback=function(){var e;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:isValidNumber(this.value)?this.value:""})}connectLabel(this);connectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true});this.setDisabledAction()};e.prototype.disconnectedCallback=function(){var e;disconnectLabel(this);disconnectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.componentWillLoad=function(){var e,t;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(e=this.max)===null||e===void 0?void 0:e.toString();this.minString=(t=this.min)===null||t===void 0?void 0:t.toString();this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};e.prototype.componentShouldUpdate=function(e,t,i){if(this.type==="number"&&i==="value"&&e&&!isValidNumber(e)){this.setValue({origin:"reset",value:t});return false}return true};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.focus()}else{(t=this.childEl)===null||t===void 0?void 0:t.focus()}return[2]}))}))};e.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.select()}else{(t=this.childEl)===null||t===void 0?void 0:t.select()}return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.incrementOrDecrementNumberValue=function(e,t,i,n){var a=this.value;var r=this.step==="any"?1:Math.abs(this.step||1);var o=a&&a!==""?parseFloat(a):0;var l=e==="up"?1:-1;var s=o+r*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof t==="number"&&!isNaN(t)&&s>t?o:s;var c=decimalPlaces(o);var d=decimalPlaces(r);this.setValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};e.prototype.onFormReset=function(){this.setValue({origin:"reset",value:this.defaultValue})};e.prototype.syncHiddenFormInput=function(e){var t,i,n,a;if(this.type==="number"){e.type="number";e.min=(i=(t=this.min)===null||t===void 0?void 0:t.toString(10))!==null&&i!==void 0?i:"";e.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){e.type="text";if(this.minLength!=null){e.minLength=this.minLength}if(this.maxLength!=null){e.maxLength=this.maxLength}}else if(this.type==="password"){e.type="password"}};e.prototype.setDisabledAction=function(){var e=getSlotted(this.el,"action");if(!e){return}this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")};e.prototype.warnAboutInvalidNumberValue=function(e){if(this.type==="number"&&e&&!isValidNumber(e)){console.warn('The specified value "'.concat(e,'" cannot be parsed, or is out of range.'))}};e.prototype.render=function(){var e,t,i,n;var a=getElementDir(this.el);var r=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var o=h("button",{"aria-label":this.intlClear||TEXT.clear,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,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var s=this.numberButtonType==="horizontal";var u=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=s,e),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var c=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=s,t),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,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]=a==="rtl",n)},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?r: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(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();Input.style=inputCss;export{Input as calcite_input};
+ * v1.0.0-beta.89
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e2035750.js";import{T as TEXT$1,g as getSlotted,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-773d1009.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-dd1d4ebf.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-2cfa20ec.js";import{d as delocalizeNumberString,i as isValidNumber,p as parseNumberString,g as getDecimalSeparator,l as localizeNumberString,s as sanitizeNumberString}from"./locale-66830132.js";import{n as numberKeys}from"./key-7208494a.js";import{d as decimalPlaces}from"./math-d77047f4.js";import{c as createObserver}from"./observers-ebdbf52f.js";import{u as updateHostInteraction}from"./interactive-52c414ad.js";import"./guid-41992570.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 TEXT={clear:"Clear value"};var inputCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{block-size:1.5rem;min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) input[type=file]{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=s]) textarea{block-size:auto;padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) input[type=file]{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=m]) textarea{block-size:auto;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) input[type=file]{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([scale=l]) textarea{block-size:auto;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}: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{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}: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-color:transparent}: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{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}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;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-block-size:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}: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:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([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]{-ms-flex-order:1;order:1;max-block-size:100%;min-block-size:100%;-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-inline-end-width:0px}.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)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-block:0px;padding-inline:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;inset-block-end:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-block:0px;padding-inline:0.25rem;inset-inline-end:0}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:0.5rem}:host([type=file][scale=m]) input{padding-block:0.25rem;padding-inline:0.75rem}:host([type=file][scale=l]) input{padding-block:0.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .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]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Input=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalInputFocus=createEvent(this,"calciteInternalInputFocus",7);this.calciteInternalInputBlur=createEvent(this,"calciteInternalInputBlur",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$1.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.value="";this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=createObserver("mutation",(function(){return t.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(e){if(t.readOnly||t.disabled){return}if(t.isClearable&&e.key==="Escape"){t.clearInputValue(e);e.preventDefault()}if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.clearInputValue=function(e){t.setValue({committing:true,nativeEvent:e,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(t.previousValueOrigin==="user"&&t.value!==t.previousEmittedValue){t.calciteInputChange.emit()}t.previousEmittedValue=t.value};this.inputBlurHandler=function(){t.calciteInternalInputBlur.emit();t.emitChangeIfUserModified()};this.inputFocusHandler=function(e){var i=getSlotted(t.el,"action");if(e.target!==i){t.setFocus()}t.calciteInternalInputFocus.emit()};this.inputInputHandler=function(e){if(t.disabled||t.readOnly){return}t.setValue({nativeEvent:e,origin:"user",value:e.target.value})};this.inputKeyDownHandler=function(e){if(t.disabled||t.readOnly){return}if(e.key==="Enter"){t.emitChangeIfUserModified()}};this.inputNumberInputHandler=function(e){if(t.disabled||t.readOnly){return}var i=e.target.value;var n=delocalizeNumberString(i,t.locale);if(e.inputType==="insertFromPaste"){if(!isValidNumber(n)){e.preventDefault()}t.setValue({nativeEvent:e,origin:"user",value:parseNumberString(n)});t.childNumberEl.value=t.localizedValue}else{t.setValue({nativeEvent:e,origin:"user",value:n})}};this.inputNumberKeyDownHandler=function(e){if(t.type!=="number"||t.disabled||t.readOnly){return}if(e.key==="ArrowUp"){e.preventDefault();t.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){t.nudgeNumberValue("down",e);return}var i=__spreadArray(__spreadArray([],numberKeys,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(e.altKey||e.ctrlKey||e.metaKey){return}var n=e.shiftKey&&e.key==="Tab";if(i.includes(e.key)&&(!e.shiftKey||n)){if(e.key==="Enter"){t.emitChangeIfUserModified()}return}var a=getDecimalSeparator(t.locale);if(e.key===a){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.indexOf(a)===-1){return}}if(/[eE]/.test(e.key)){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&!/[eE]/.test(t.childNumberEl.value)){return}}if(e.key==="-"){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.split("-").length<=2){return}}e.preventDefault()};this.nudgeNumberValue=function(e,i){if(i instanceof KeyboardEvent&&i.repeat||t.type!=="number"){return}var n=t.maxString?parseFloat(t.maxString):null;var a=t.minString?parseFloat(t.minString):null;var r=100;t.incrementOrDecrementNumberValue(e,n,a,i);if(t.nudgeNumberValueIntervalId){window.clearInterval(t.nudgeNumberValueIntervalId)}var o=true;t.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}t.incrementOrDecrementNumberValue(e,n,a,i)}),r)};this.numberButtonPointerUpAndOutHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=function(e){e.preventDefault();var i=e.target.dataset.adjustment;if(!t.disabled){t.nudgeNumberValue(i,e)}};this.setChildElRef=function(e){t.childEl=e};this.setChildNumberElRef=function(e){t.childNumberEl=e};this.setInputValue=function(e){if(t.type==="text"&&!t.childEl){return}if(t.type==="number"&&!t.childNumberEl){return}t["child".concat(t.type==="number"?"Number":"","El")].value=e};this.setPreviousEmittedValue=function(e){t.previousEmittedValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setPreviousValue=function(e){t.previousValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setValue=function(e){var i=e.committing,n=i===void 0?false:i,a=e.nativeEvent,r=e.origin,o=e.previousValue,l=e.value;var s=t.type==="number"?localizeNumberString(t.previousValue,t.locale,t.groupSeparator,t.numberingSystem):"";var u=t.type==="number"?sanitizeNumberString(l):l;var c=t.type==="number"&&l&&!u?isValidNumber(t.previousValue)?t.previousValue:"":u;var d=t.type==="number"?localizeNumberString(c,t.locale,t.groupSeparator,t.numberingSystem):"";t.setPreviousValue(o||t.value);t.previousValueOrigin=r;t.userChangedValue=r==="user"&&t.value!==c;t.value=c;if(t.type==="number"){t.localizedValue=d}if(r==="direct"){t.setInputValue(t.type==="number"?d:c)}if(a){var m=t.calciteInputInput.emit({element:t.childEl,nativeEvent:a,value:t.value});if(m.defaultPrevented){t.value=t.previousValue;t.localizedValue=s}else if(n){t.emitChangeIfUserModified()}}};this.inputKeyUpHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)}}e.prototype.disabledWatcher=function(){this.setDisabledAction()};e.prototype.maxWatcher=function(){var e;this.maxString=((e=this.max)===null||e===void 0?void 0:e.toString())||null};e.prototype.minWatcher=function(){var e;this.minString=((e=this.min)===null||e===void 0?void 0:e.toString())||null};e.prototype.valueWatcher=function(e,t){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?isValidNumber(e)?e:this.previousValue||"":e});this.warnAboutInvalidNumberValue(e)}this.userChangedValue=false};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};Object.defineProperty(e.prototype,"isClearable",{get:function(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value.length>0},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});e.prototype.connectedCallback=function(){var e;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:isValidNumber(this.value)?this.value:""})}connectLabel(this);connectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true});this.setDisabledAction()};e.prototype.disconnectedCallback=function(){var e;disconnectLabel(this);disconnectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.componentWillLoad=function(){var e,t;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(e=this.max)===null||e===void 0?void 0:e.toString();this.minString=(t=this.min)===null||t===void 0?void 0:t.toString();this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};e.prototype.componentShouldUpdate=function(e,t,i){if(this.type==="number"&&i==="value"&&e&&!isValidNumber(e)){this.setValue({origin:"reset",value:t});return false}return true};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.focus()}else{(t=this.childEl)===null||t===void 0?void 0:t.focus()}return[2]}))}))};e.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.select()}else{(t=this.childEl)===null||t===void 0?void 0:t.select()}return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.incrementOrDecrementNumberValue=function(e,t,i,n){var a=this.value;var r=this.step==="any"?1:Math.abs(this.step||1);var o=a&&a!==""?parseFloat(a):0;var l=e==="up"?1:-1;var s=o+r*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof t==="number"&&!isNaN(t)&&s>t?o:s;var c=decimalPlaces(o);var d=decimalPlaces(r);this.setValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};e.prototype.onFormReset=function(){this.setValue({origin:"reset",value:this.defaultValue})};e.prototype.syncHiddenFormInput=function(e){var t,i,n,a;if(this.type==="number"){e.type="number";e.min=(i=(t=this.min)===null||t===void 0?void 0:t.toString(10))!==null&&i!==void 0?i:"";e.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){e.type="text";if(this.minLength!=null){e.minLength=this.minLength}if(this.maxLength!=null){e.maxLength=this.maxLength}}else if(this.type==="password"){e.type="password"}};e.prototype.setDisabledAction=function(){var e=getSlotted(this.el,"action");if(!e){return}this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")};e.prototype.warnAboutInvalidNumberValue=function(e){if(this.type==="number"&&e&&!isValidNumber(e)){console.warn('The specified value "'.concat(e,'" cannot be parsed, or is out of range.'))}};e.prototype.render=function(){var e,t,i,n;var a=getElementDir(this.el);var r=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var o=h("button",{"aria-label":this.intlClear||TEXT.clear,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,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var s=this.numberButtonType==="horizontal";var u=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=s,e),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var c=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=s,t),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var d=h("div",{class:CSS.numberButtonWrapper},u,c);var m=h("div",{class:CSS.prefix},this.prefixText);var p=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]=a==="rtl",n)},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?m:null,h("div",{class:CSS.wrapper},b,f,this.isClearable?o:null,this.requestedIcon?l:null,this.loading?r:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?d:null,this.suffixText?p:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?u:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();Input.style=inputCss;export{Input as calcite_input};

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

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.86
+ * v1.0.0-beta.89
  */
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{l as labelConnectedEvent,a as labelDisconnectedEvent}from"./label-b30a7cde.js";import"./dom-6c1f7204.js";import"./guid-9ee41ac6.js";var CSS={container:"container"};var labelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host(:not([disable-spacing])[scale=s]) .container{margin-bottom:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host(:not([disable-spacing])[scale=m]) .container{margin-bottom:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:not([disable-spacing])[scale=l]) .container{margin-bottom:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-left:0px;margin-right:0px;margin-top:0px;width:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{-ms-flex-pack:justify;justify-content:space-between}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([disable-spacing]) .container{margin:0px;gap:0px}";var Label=function(){function t(t){var a=this;registerInstance(this,t);this.calciteInternalLabelClick=createEvent(this,"calciteInternalLabelClick",3);this.alignment="start";this.status="idle";this.scale="m";this.layout="default";this.disabled=false;this.disableSpacing=false;this.labelClickHandler=function(t){a.calciteInternalLabelClick.emit({sourceEvent:t})}}t.prototype.connectedCallback=function(){document.dispatchEvent(new CustomEvent(labelConnectedEvent))};t.prototype.disconnectedCallback=function(){document.dispatchEvent(new CustomEvent(labelDisconnectedEvent))};t.prototype.render=function(){return h(Host,{onClick:this.labelClickHandler},h("div",{class:CSS.container},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Label.style=labelCss;export{Label as calcite_label};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e2035750.js";import{l as labelConnectedEvent,a as labelDisconnectedEvent}from"./label-dd1d4ebf.js";import"./dom-773d1009.js";import"./guid-41992570.js";var CSS={container:"container"};var labelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host(:not([disable-spacing])[scale=s]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.5rem);margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host(:not([disable-spacing])[scale=m]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.75rem);margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:not([disable-spacing])[scale=l]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 1rem);margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{-ms-flex-pack:justify;justify-content:space-between}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([disable-spacing]) .container{margin:0px;gap:0px}";var Label=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalLabelClick=createEvent(this,"calciteInternalLabelClick",3);this.alignment="start";this.status="idle";this.scale="m";this.layout="default";this.disabled=false;this.disableSpacing=false;this.labelClickHandler=function(t){e.calciteInternalLabelClick.emit({sourceEvent:t})}}t.prototype.connectedCallback=function(){document.dispatchEvent(new CustomEvent(labelConnectedEvent))};t.prototype.disconnectedCallback=function(){document.dispatchEvent(new CustomEvent(labelDisconnectedEvent))};t.prototype.render=function(){return h(Host,{onClick:this.labelClickHandler},h("div",{class:CSS.container},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Label.style=labelCss;export{Label as calcite_label};

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

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,n,i,e){function a(t){return t ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.86
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{a as getElementDir,C as CSS_UTILITY,f as focusElement}from"./dom-6c1f7204.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.js";var linkCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline}:host a,:host span{position:relative;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{width:1em;height:1em;min-width:unset;min-height:unset}.calcite-link--icon{vertical-align:text-top;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-top:0.125rem}:host .calcite-link--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)), -webkit-gradient(linear, left top, left bottom, from(var(--calcite-link-blue-underline)), to(var(--calcite-link-blue-underline)));background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position:0% 100%, 100% 100%;background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var Link=function(){function t(t){var n=this;registerInstance(this,t);this.disabled=false;this.download=false;this.storeTagRef=function(t){n.childEl=t}}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t;var n=this,i=n.download,e=n.el;var a=getElementDir(e);var o=this.href?"a":"span";var r=h("calcite-icon",{class:"calcite-link--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var s=h("calcite-icon",{class:"calcite-link--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var l=o;var c=o==="span"?"link":null;var u=o==="span"?0:null;return h(Host,{role:"presentation"},h(l,{class:(t={},t[CSS_UTILITY.rtl]=a==="rtl",t),download:l==="a"&&(i===""||i)?i:null,href:l==="a"&&this.href,ref:this.storeTagRef,rel:l==="a"&&this.rel,role:c,tabIndex:u,target:l==="a"&&this.target},this.iconStart?r:null,h("slot",null),this.iconEnd?s:null))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.childEl);return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Link.style=linkCss;export{Link as calcite_link};
+ * v1.0.0-beta.89
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-e2035750.js";import{a as getElementDir,C as CSS_UTILITY,f as focusElement}from"./dom-773d1009.js";import{u as updateHostInteraction}from"./interactive-52c414ad.js";import"./guid-41992570.js";var linkCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host a,:host span{position:relative;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:text-top;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-margin-before:0.125rem;margin-block-start:0.125rem}:host .calcite-link--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)), -webkit-gradient(linear, left top, left bottom, from(var(--calcite-link-blue-underline)), to(var(--calcite-link-blue-underline)));background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position:0% 100%, 100% 100%;background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var Link=function(){function t(t){var n=this;registerInstance(this,t);this.disabled=false;this.download=false;this.storeTagRef=function(t){n.childEl=t}}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t;var n=this,i=n.download,e=n.el;var a=getElementDir(e);var o=this.href?"a":"span";var r=h("calcite-icon",{class:"calcite-link--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var s=h("calcite-icon",{class:"calcite-link--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var l=o;var c=o==="span"?"link":null;var u=o==="span"?0:null;return h(Host,{role:"presentation"},h(l,{class:(t={},t[CSS_UTILITY.rtl]=a==="rtl",t),download:l==="a"&&(i===""||i)?i:null,href:l==="a"&&this.href,ref:this.storeTagRef,rel:l==="a"&&this.rel,role:c,tabIndex:u,target:l==="a"&&this.target},this.iconStart?r:null,h("slot",null),this.iconEnd?s:null))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.childEl);return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Link.style=linkCss;export{Link as calcite_link};