@esri/solutions-components 0.6.1 → 0.6.3

package/dist/solutions-components/p-5ca01455.entry.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as i,c as t,h as e,g as s}from"./p-f8be5d5f.js";import{n as a,i as n}from"./p-40bdd836.js";import{i as o,c as r,d as c}from"./p-0ff7b311.js";import{u as l,c as h,s as u,d}from"./p-db08ef87.js";import{i as m,p,a as b,g as f,b as v,c as w,d as k,e as g,m as y}from"./p-2284cd37.js";import{c as x,s as D,a as z}from"./p-5173b841.js";import"./p-1aca2237.js";import"./p-a738e38f.js";import"./p-c2d148da.js";import"./p-99b55177.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.4.3
+ */const M={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"},I=class{constructor(e){i(this,e),this.calciteInternalTimePickerBlur=t(this,"calciteInternalTimePickerBlur",6),this.calciteInternalTimePickerChange=t(this,"calciteInternalTimePickerChange",6),this.calciteInternalTimePickerFocus=t(this,"calciteInternalTimePickerFocus",6),this.decrementHour=()=>{const i=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setValuePart("hour",i)},this.decrementMeridiem=()=>{this.setValuePart("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=i=>{let t;if(o(this[i])){const e=parseInt(this[i]);t=0===e?59:e-1}else t=59;this.setValuePart(i,t)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=i=>{this.activeEl=i.currentTarget},this.hourDownButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.decrementHour()},this.hourKeyDownHandler=i=>{const{key:t}=i;if(a.includes(t)){const i=parseInt(t);let e;if(o(this.hour))switch(this.hourCycle){case"12":e="01"===this.hour&&i>=0&&i<=2?`1${i}`:i;break;case"24":e="01"===this.hour?`1${i}`:"02"===this.hour&&i>=0&&i<=3?`2${i}`:i}else e=i;this.setValuePart("hour",e)}else switch(t){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":i.preventDefault(),this.decrementHour();break;case"ArrowUp":i.preventDefault(),this.incrementHour();break;case" ":i.preventDefault()}},this.hourUpButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setValuePart("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const i=o(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setValuePart("hour",i)},this.incrementMinuteOrSecond=i=>{const t=o(this[i])?"59"===this[i]?0:parseInt(this[i])+1:0;this.setValuePart(i,t)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=i=>{switch(i.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":i.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":i.preventDefault(),this.decrementMeridiem();break;case" ":i.preventDefault()}},this.meridiemUpButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.decrementMinute()},this.minuteKeyDownHandler=i=>{const{key:t}=i;if(a.includes(t)){const i=parseInt(t);let e;if(o(this.minute)&&this.minute.startsWith("0")){const t=parseInt(this.minute);e=t>y?i:`${t}${i}`}else e=i;this.setValuePart("minute",e)}else switch(t){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":i.preventDefault(),this.decrementMinute();break;case"ArrowUp":i.preventDefault(),this.incrementMinute();break;case" ":i.preventDefault()}},this.minuteUpButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.decrementSecond()},this.secondKeyDownHandler=i=>{const{key:t}=i;if(a.includes(t)){const i=parseInt(t);let e;if(o(this.second)&&this.second.startsWith("0")){const t=parseInt(this.second);e=t>y?i:`${t}${i}`}else e=i;this.setValuePart("second",e)}else switch(t){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":i.preventDefault(),this.decrementSecond();break;case"ArrowUp":i.preventDefault(),this.incrementSecond();break;case" ":i.preventDefault()}},this.secondUpButtonKeyDownHandler=i=>{this.buttonActivated(i)&&this.incrementSecond()},this.setHourEl=i=>this.hourEl=i,this.setMeridiemEl=i=>this.meridiemEl=i,this.setMinuteEl=i=>this.minuteEl=i,this.setSecondEl=i=>this.secondEl=i,this.setValue=(i,t=!0)=>{if(m(i)){const{hour:t,minute:e,second:s}=p(i),{effectiveLocale:a,numberingSystem:n}=this,{localizedHour:o,localizedHourSuffix:r,localizedMinute:c,localizedMinuteSuffix:l,localizedSecond:h,localizedSecondSuffix:u,localizedMeridiem:d}=b({value:i,locale:a,numberingSystem:n});if(this.localizedHour=o,this.localizedHourSuffix=r,this.localizedMinute=c,this.localizedMinuteSuffix=l,this.localizedSecond=h,this.localizedSecondSuffix=u,this.hour=t,this.minute=e,this.second=s,d){this.localizedMeridiem=d,this.meridiem=f(this.hour);const t=v({value:i,locale:a,numberingSystem:n});this.meridiemOrder=this.getMeridiemOrder(t)}}else this.hour=null,this.localizedHour=null,this.localizedHourSuffix=null,this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=null,this.localizedSecond=null,this.localizedSecondSuffix=null,this.meridiem=null,this.minute=null,this.second=null,this.value=null;t&&this.calciteInternalTimePickerChange.emit()},this.setValuePart=(i,t,e=!0)=>{var s,a;const{effectiveLocale:n,numberingSystem:r}=this;if("meridiem"===i){if(this.meridiem=t,o(this.hour)){const i=parseInt(this.hour);switch(t){case"AM":i>=12&&(this.hour=w(i-12));break;case"PM":i<12&&(this.hour=w(i+12))}this.localizedHour=k({value:this.hour,part:"hour",locale:n,numberingSystem:r})}}else this[i]="number"==typeof t?w(t):t,this[`localized${c=i,c.charAt(0).toUpperCase()+c.slice(1)}`]=k({value:this[i],part:i,locale:n,numberingSystem:r});var c;if(this.hour&&this.minute){let i=`${this.hour}:${this.minute}`;this.showSecond&&(i=`${i}:${null!==(s=this.second)&&void 0!==s?s:"00"}`),this.value=i}else this.value=null;this.localizedMeridiem=this.value?(null===(a=b({value:this.value,locale:n,numberingSystem:r}))||void 0===a?void 0:a.localizedMeridiem)||null:k({value:this.meridiem,part:"meridiem",locale:n,numberingSystem:r}),e&&this.calciteInternalTimePickerChange.emit()},this.scale="m",this.step=60,this.numberingSystem=void 0,this.value=null,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.hour=void 0,this.hourCycle=void 0,this.localizedHour=void 0,this.localizedHourSuffix=void 0,this.localizedMeridiem=void 0,this.localizedMinute=void 0,this.localizedMinuteSuffix=void 0,this.localizedSecond=void 0,this.localizedSecondSuffix=void 0,this.meridiem=void 0,this.minute=void 0,this.second=void 0,this.showSecond=void 0,this.defaultMessages=void 0}stepChange(){this.updateShowSecond()}valueWatcher(i){this.setValue(i,!1)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}hostBlurHandler(){this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(i){const{defaultPrevented:t,key:e}=i;if(!t)switch(this.activeEl){case this.hourEl:"ArrowRight"===e&&(this.focusPart("minute"),i.preventDefault());break;case this.minuteEl:switch(e){case"ArrowLeft":this.focusPart("hour"),i.preventDefault();break;case"ArrowRight":60!==this.step?(this.focusPart("second"),i.preventDefault()):"12"===this.hourCycle&&(this.focusPart("meridiem"),i.preventDefault())}break;case this.secondEl:switch(e){case"ArrowLeft":this.focusPart("minute"),i.preventDefault();break;case"ArrowRight":"12"===this.hourCycle&&(this.focusPart("meridiem"),i.preventDefault())}break;case this.meridiemEl:"ArrowLeft"===e&&(60!==this.step?(this.focusPart("second"),i.preventDefault()):(this.focusPart("minute"),i.preventDefault()))}}async setFocus(){var i;await x(this),null===(i=this.el)||void 0===i||i.focus()}updateShowSecond(){this.showSecond=this.step<60}async focusPart(i){var t;await x(this),null===(t=this[`${i||"hour"}El`])||void 0===t||t.focus()}buttonActivated(i){const{key:t}=i;return" "===t&&i.preventDefault(),n(t)}getMeridiemOrder(i){const t=this.effectiveLocale;return i&&"ar"!==t&&"he"!==t?i.findIndex((i=>i.value===this.localizedMeridiem)):0}updateLocale(){l(this,this.effectiveLocale),this.hourCycle=g(this.effectiveLocale,this.numberingSystem),this.setValue(this.value,!1)}connectedCallback(){r(this),this.updateLocale(),h(this),this.updateShowSecond(),this.meridiemOrder=this.getMeridiemOrder(v({value:"0:00:00",locale:this.effectiveLocale,numberingSystem:this.numberingSystem}))}async componentWillLoad(){D(this),await u(this)}componentDidLoad(){z(this)}disconnectedCallback(){c(this),d(this)}render(){const i=o(this.hour),t="s"===this.scale||"m"===this.scale?"s":"m",s=o(this.minute),a=o(this.second),n="12"===this.hourCycle;return e("div",{class:{[M.timePicker]:!0,[M.showMeridiem]:n,[M.showSecond]:this.showSecond,[M[`scale-${this.scale}`]]:!0},dir:"ltr"},e("div",{class:M.column,role:"group"},e("span",{"aria-label":this.messages.hourUp,class:{[M.button]:!0,[M.buttonHourUp]:!0,[M.buttonTopLeft]:!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":i&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[M.input]:!0,[M.hour]:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setHourEl},this.localizedHour||"--"),e("span",{"aria-label":this.messages.hourDown,class:{[M.button]:!0,[M.buttonHourDown]:!0,[M.buttonBottomLeft]:!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:t}))),e("span",{class:M.delimiter},this.localizedHourSuffix),e("div",{class:M.column,role:"group"},e("span",{"aria-label":this.messages.minuteUp,class:{[M.button]:!0,[M.buttonMinuteUp]:!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[M.input]:!0,[M.minute]:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMinuteEl},this.localizedMinute||"--"),e("span",{"aria-label":this.messages.minuteDown,class:{[M.button]:!0,[M.buttonMinuteDown]:!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:t}))),this.showSecond&&e("span",{class:M.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:M.column,role:"group"},e("span",{"aria-label":this.messages.secondUp,class:{[M.button]:!0,[M.buttonSecondUp]:!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":a&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[M.input]:!0,[M.second]:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setSecondEl},this.localizedSecond||"--"),e("span",{"aria-label":this.messages.secondDown,class:{[M.button]:!0,[M.buttonSecondDown]:!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:t}))),this.localizedSecondSuffix&&e("span",{class:M.delimiter},this.localizedSecondSuffix),n&&e("div",{class:{[M.column]:!0,[M.meridiemStart]:0===this.meridiemOrder},role:"group"},e("span",{"aria-label":this.messages.meridiemUp,class:{[M.button]:!0,[M.buttonMeridiemUp]:!0,[M.buttonTopRight]:!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"PM"===this.meridiem?"2":"1","aria-valuetext":this.meridiem,class:{[M.input]:!0,[M.meridiem]:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMeridiemEl},this.localizedMeridiem||"--"),e("span",{"aria-label":this.messages.meridiemDown,class:{[M.button]:!0,[M.buttonMeridiemDown]:!0,[M.buttonBottomRight]:!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:t}))))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};I.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;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);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:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items: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;z-index:var(--calcite-app-z-index-header);outline-offset:0}.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:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);z-index:var(--calcite-app-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);z-index:var(--calcite-app-z-index-header);outline-offset:0}.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}";export{I as calcite_time_picker}

package/dist/solutions-components/p-5f05045a.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+export{I as calcite_input_time_picker}from"./p-ca6edad0.js";import"./p-f8be5d5f.js";import"./p-c844e615.js";import"./p-1aca2237.js";import"./p-a738e38f.js";import"./p-c2d148da.js";import"./p-41f5a5fc.js";import"./p-d60a77a4.js";import"./p-40bdd836.js";import"./p-8bf81a2e.js";import"./p-5173b841.js";import"./p-0ff7b311.js";import"./p-99b55177.js";import"./p-0bb57140.js";import"./p-2284cd37.js";import"./p-db08ef87.js";