@esri/calcite-components/dist/calcite/p-cad0f929.entry.js

Web Components for Esri's Calcite Design System.

import{r as t,c as s,h as i,H as e,g as a}from"./p-c5b7f45e.js";import{g as n}from"./p-a4e6e35b.js";import{g as r,n as o,i as h}from"./p-cebd4de5.js";import{i as c}from"./p-af695f59.js";function l(t){if(!c(t))return null;const s=parseInt(t);return s>=0&&s<=11?"AM":"PM"}function p(t){if(!t||t.endsWith(":")||t.startsWith(":"))return null;const s=t.split(":");if(s.length>1){const[t,i,e]=s,a=parseInt(s[0]),n=parseInt(s[1]),r=parseInt(s[2]),o=c(t)&&a>=0&&a<24,h=c(i)&&n>=0&&n<60,l=c(e)&&r>=0&&r<60;if(o&&h&&!e||o&&h&&l){let t=`${u(a)}:${u(n)}`;return l&&(t=`${t}:${u(r)}`),t}}return null}function u(t){const s=t.toString();return t>=0&&t<=9?s.padStart(2,"0"):s}const m=class{constructor(i){t(this,i),this.calciteInputTimePickerChange=s(this,"calciteInputTimePickerChange",7),this.active=!1,this.disabled=!1,this.hourDisplayFormat="12",this.scale="m",this.step=60,this.value=null,this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${n()}`,this.calciteInputBlurHandler=()=>{this.active=!1;const t=p(this.calciteInputEl.value)||p(this.value);t!==this.calciteInputEl.value&&(this.calciteInputEl.value=t)},this.calciteInputFocusHandler=()=>{this.active=!0},this.calciteInputInputHandler=t=>{this.setValue({value:t.detail.value})},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t},this.setInputValue=t=>{this.calciteInputEl&&(this.calciteInputEl.value=t)},this.setValue=({value:t,origin:s="input"})=>{const i=this.value,e=p(t);this.internalValueChange="external"!==s&&"loading"!==s;const a="loading"!==s&&"external"!==s&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!e)||e!==this.previousValidValue&&e);t?(a&&(this.previousValidValue=e),e&&e!==this.value&&(this.value=e)):this.value=t,"time-picker"!==s&&"external"!==s||this.setInputValue(e),a&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=i,this.setInputValue(i),this.previousValidValue=i):this.previousValidValue=e)}}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}clickHandler(t){t.composedPath().includes(this.calciteTimePickerEl)||this.setFocus()}keyUpHandler(t){"Escape"===r(t.key)&&this.active&&(this.active=!1)}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!1}timePickerChangeHandler(t){if(t.preventDefault(),t.stopPropagation(),t.detail){const{hour:s,minute:i,second:e}=t.detail;let a;a=s&&i?e&&60!==this.step?`${s}:${i}:${e}`:`${s}:${i}`:"",this.setValue({value:a,origin:"time-picker"})}}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!0}async setFocus(){this.calciteInputEl.setFocus()}connectedCallback(){this.value&&this.setValue({value:this.value,origin:"loading"})}componentDidLoad(){this.calciteInputEl.value!==this.value&&this.setInputValue(this.value)}render(){const{hour:t,minute:s,second:a}=function(t){const s=p(t),[i,e,a]=s?s.split(":"):[null,null,null];return{hour:i,minute:e,second:a||(i&&e?"00":null)}}(this.value),n=`${this.referenceElementId}-popover`;return i(e,null,i("div",{"aria-controls":n,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":n,id:this.referenceElementId,role:"combobox"},i("calcite-input",{disabled:this.disabled,icon:"clock",name:this.name,onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),i("calcite-popover",{id:n,label:"Time Picker",open:this.active||!1,referenceElement:this.referenceElementId},i("calcite-time-picker",{hour:t,"hour-display-format":this.hourDisplayFormat,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,minute:s,ref:this.setCalciteTimePickerEl,scale:this.scale,second:a,step:this.step})))}get el(){return a(this)}static get watchers(){return{value:["valueWatcher"]}}};m.style="@-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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}";const d=class{constructor(i){t(this,i),this.calciteTimePickerBlur=s(this,"calciteTimePickerBlur",7),this.calciteTimePickerChange=s(this,"calciteTimePickerChange",7),this.calciteTimePickerFocus=s(this,"calciteTimePickerFocus",7),this.hour=null,this.hourDisplayFormat="12",this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.minute=null,this.second=null,this.scale="m",this.step=60,this.timeChanged=!1,this.meridiem=null,this.displayHour=this.getDisplayHour(),this.editingHourWhileFocused=!1,this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setTime("hour",t)},this.decrementMeridiem=()=>{this.setTime("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let s;if(c(this[t])){const i=parseInt(this[t]);s=0===i?59:i-1}else s=59;this.setTime(t,s)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourBlurHandler=()=>{this.editingHourWhileFocused=!1},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const s=r(t.key);if(o.includes(s)){this.editingHourWhileFocused=!0;const t=parseInt(s);let i;if(c(this.hour))switch(this.hourDisplayFormat){case"12":i="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":i="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else i=t;this.setTime("hour",i)}else switch(s){case"Backspace":this.setTime("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setTime("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=c(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setTime("hour",t)},this.incrementMinuteOrSecond=t=>{const s=c(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setTime(t,s)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(r(t.key)){case"a":this.setTime("meridiem","AM");break;case"p":this.setTime("meridiem","PM");break;case"Backspace":this.setTime("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":case"Spacebar":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const s=r(t.key);if(o.includes(s)){const t=parseInt(s);let i;if(c(this.minute)&&this.minute.startsWith("0")){const s=parseInt(this.minute);i=s>5?t:`${s}${t}`}else i=t;this.setTime("minute",i)}else switch(s){case"Backspace":this.setTime("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const s=r(t.key);if(o.includes(s)){const t=parseInt(s);let i;if(c(this.second)&&this.second.startsWith("0")){const s=parseInt(this.second);i=s>5?t:`${s}${t}`}else i=t;this.setTime("second",i)}else switch(s){case"Backspace":this.setTime("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setTime=(t,s,i=!0)=>{switch(t){default:return;case"hour":this.hour="number"==typeof s?u(s):s;break;case"minute":this.minute="number"==typeof s?u(s):s;break;case"second":this.second="number"==typeof s?u(s):s;break;case"meridiem":if(c(this.hour)){const t=parseInt(this.hour);switch(s){case"AM":t>=12&&(this.hour=u(t-12));break;case"PM":t<12&&(this.hour=u(t+12))}this.meridiem=s}else this.meridiem=s}this.timeChanged=!0,i&&this.calciteTimePickerChange.emit(this.getTime())}}hourChanged(t){"12"===this.hourDisplayFormat&&c(t)&&(this.meridiem=l(t))}timeChangeHandler(){const{hour:t,minute:s}=this.getTime();t||s||this.setTime("meridiem",null,!1),this.timeChanged&&(this.timeChanged=!1)}hostBlurHandler(){this.calciteTimePickerBlur.emit()}hostFocusHandler(){this.calciteTimePickerFocus.emit()}keyDownHandler(t){const s=r(t.key);switch(this.activeEl){case this.hourEl:"ArrowRight"===s&&this.setFocus("minute");break;case this.minuteEl:switch(s){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":60!==this.step?this.setFocus("second"):"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.secondEl:switch(s){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.meridiemEl:switch(s){case"ArrowLeft":this.setFocus(60!==this.step?"second":"minute")}}}async setFocus(t){var s;null===(s=this[`${t||"hour"}El`])||void 0===s||s.focus()}buttonActivated(t){const s=r(t.key);return" "===s&&t.preventDefault(),h(s)}getDisplayHour(){return this.hour?"12"===this.hourDisplayFormat?this.editingHourWhileFocused?this.hour:function(t){if(!c(t))return null;const s=parseInt(t);return 0===s?"12":s>12?u(s-12):t}(this.hour):this.hour:"--"}getTime(){return{hour:this.hour,minute:this.minute,second:this.second}}connectedCallback(){"12"===this.hourDisplayFormat&&(this.meridiem=l(this.hour)),c(this.hour)&&(this.hour=u(parseInt(this.hour))),c(this.minute)&&(this.minute=u(parseInt(this.minute))),c(this.second)&&(this.second=u(parseInt(this.second)))}render(){const t="s"===this.scale||"m"===this.scale?"s":"m",s=60!==this.step,a=c(this.hour),n=c(this.minute),r=c(this.second);return i(e,null,i("div",{class:"time-picker"},i("div",{role:"group"},i("span",{"aria-label":this.intlHourUp,class:{button:!0,"button--hour-up":!0,"button--top-left":!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-up",scale:t})),i("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":a&&parseInt(this.hour),"aria-valuetext":this.hour,class:{input:!0,hour:!0},onBlur:this.hourBlurHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:t=>this.hourEl=t,role:"spinbutton",tabIndex:0},this.getDisplayHour()),i("span",{"aria-label":this.intlHourDown,class:{button:!0,"button--hour-down":!0,"button--bottom-left":!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-down",scale:t}))),i("span",{class:"delimiter"},":"),i("div",{role:"group"},i("span",{"aria-label":this.intlMinuteUp,class:{button:!0,"button--minute-up":!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-up",scale:t})),i("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":n&&parseInt(this.minute),"aria-valuetext":this.minute,class:{input:!0,minute:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:t=>this.minuteEl=t,role:"spinbutton",tabIndex:0},this.minute?this.minute:"--"),i("span",{"aria-label":this.intlMinuteDown,class:{button:!0,"button--minute-down":!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-down",scale:t}))),s&&i("span",{class:"delimiter"},":"),s&&i("div",{role:"group"},i("span",{"aria-label":this.intlSecondUp,class:{button:!0,"button--second-up":!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-up",scale:t})),i("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":r&&parseInt(this.second),"aria-valuetext":this.second,class:{input:!0,second:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:t=>this.secondEl=t,role:"spinbutton",tabIndex:0},this.second?this.second:"--"),i("span",{"aria-label":this.intlSecondDown,class:{button:!0,"button--second-down":!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-down",scale:t}))),"12"===this.hourDisplayFormat&&i("div",{role:"group"},i("span",{"aria-label":this.intlMeridiemUp,class:{button:!0,"button--meridiem-up":!0,"button--top-right":!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-up",scale:t})),i("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"AM"===this.meridiem?"1":"PM"===this.meridiem?"2":void 0,"aria-valuetext":this.meridiem,class:{input:!0,meridiem:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:t=>this.meridiemEl=t,role:"spinbutton",tabIndex:0},this.meridiem?this.meridiem:"--"),i("span",{"aria-label":this.intlMeridiemDown,class:{button:!0,"button--meridiem-down":!0,"button--bottom-right":!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},i("calcite-icon",{icon:"chevron-down",scale:t})))))}get el(){return a(this)}static get watchers(){return{hour:["hourChanged","timeChangeHandler"],minute:["timeChangeHandler"],second:["timeChangeHandler"]}}};d.style='@-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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{color:var(--calcite-ui-text-1);display:inline-block;font-weight:var(--calcite-font-weight-medium);-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.time-picker{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;border-radius:var(--calcite-border-radius)}span{-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}span.button{cursor:pointer}span.button:hover,span.button:focus{background-color:var(--calcite-ui-foreground-2)}span.button:focus{outline:2px solid transparent;outline-offset:2px}span.button:active{background-color:var(--calcite-ui-foreground-3)}span.button.top-left{border-top-left-radius:var(--calcite-border-radius)}span.button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}span.button.top-right{border-top-right-radius:var(--calcite-border-radius)}span.button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}span.button calcite-icon{color:var(--calcite-ui-text-3)}span.input{font-weight:var(--calcite-font-weight-medium);position:relative}span.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)}span.input:focus,span.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)}:host([scale=s]){font-size:var(--calcite-font-size--1)}:host([scale=s]) span{height:24px;width:40px}:host([scale=s]) .delimiter{height:72px}:host([scale=s][hour-display-format="12"]) .time-picker{width:124.2px}:host([scale=s][hour-display-format="12"]:not([step="60"])) .time-picker{width:168px}:host([scale=s][hour-display-format="24"]) .time-picker{width:84.2px}:host([scale=s][hour-display-format="24"]:not([step="60"])) .time-picker{width:128.4px}:host([scale=m]){font-size:var(--calcite-font-size-0)}:host([scale=m]) span{height:32px;width:44px}:host([scale=m]) .delimiter{height:96px}:host([scale=m][hour-display-format="12"]) .time-picker{width:136.8px}:host([scale=m][hour-display-format="12"]:not([step="60"])) .time-picker{width:186px}:host([scale=m][hour-display-format="24"]) .time-picker{width:92.8px}:host([scale=m][hour-display-format="24"]:not([step="60"])) .time-picker{width:141.6px}:host([scale=l]){font-size:var(--calcite-font-size-1)}:host([scale=l]) span{height:48px;width:64px}:host([scale=l]) .delimiter{height:144px}:host([scale=l][hour-display-format="12"]) .time-picker{width:198px}:host([scale=l][hour-display-format="12"]:not([step="60"])) .time-picker{width:268px}:host([scale=l][hour-display-format="24"]) .time-picker{width:134px}:host([scale=l][hour-display-format="24"]:not([step="60"])) .time-picker{width:204px}';export{m as calcite_input_time_picker,d as calcite_time_picker}