-
Notifications
You must be signed in to change notification settings - Fork 0
/
p-d6674849.entry.js
5 lines (5 loc) · 23.8 KB
/
p-d6674849.entry.js
1
2
3
4
5
/*!
* Built by BASIS
* Copyright BASIS International Ltd.
*/
import{r as t,c as i,w as e,h as s,H as o,g as r}from"./p-00e3df8e.js";import{D as a}from"./p-5440a118.js";import{D as n}from"./p-d533ee6a.js";import{D as h}from"./p-6c02d679.js";import{h as c}from"./p-3e9fe89f.js";import{D as d,a as l,b as p}from"./p-b9ac3f72.js";import{S as u}from"./p-7ccdab1d.js";import{D as w}from"./p-bcdbf8e6.js";import"./p-2b4379f2.js";let f=0;const b=class{constructor(e){t(this,e),this.modifiedEvent=i(this,"dwc-modified",7),this.focusedEvent=i(this,"dwc-focused",7),this.blurredEvent=i(this,"dwc-blurred",7),this.spunUpEvent=i(this,"dwc-spun-up",7),this.spunDownEvent=i(this,"dwc-spun-down",7),this.validatedEvent=i(this,"dwc-validated",7),this.spinnerRequiredPropsChangedEvent=i(this,"dwc-spinner-required-props",7),this.inputId="inputt-"+ ++f,this.isMouseInComponent=!1,this.oldValue="",this.lastSelectionStart=0,this.lastSelectionEnd=0,this.loaded=!1,this.validationExpressionEngine=new a("BBjInputT<dwc-timefield> Validation",["x","value","text","component","control"]),this.pickerItems=[],this.builtinInvalidMessage="",this.autoValidate=!0,this.autoValidateOnLoad=!1,this.autoWasValidated=!1,this.autofocus=!1,this.customValue=!0,this.disabled=!1,this.expanse="m",this.hasFocus=!1,this.helperText=void 0,this.highlightBehaviors=[],this.invalid=!1,this.invalidMessage="",this.insertMode=!0,this.label=void 0,this.locale=Intl.DateTimeFormat().resolvedOptions().locale||"en-US",this.name=void 0,this.mask=h.DEFAULT_TIME_MASK,this.max=-1,this.min=-1,this.pickerAutoOpen=!1,this.pickerDistance=6,this.pickerOpenHeight="",this.pickerOpenWidth="",this.pickerPlacement="bottom-start",this.pickerSkidding=0,this.pickerMaxRowCount=void 0,this.pickerType="timepicker",this.pickerIconVisible=!0,this.pattern=void 0,this.placeholder=void 0,this.rawValue=void 0,this.readonly=!1,this.required=!1,this.restoreValue="-1",this.showSpinners=!1,this.spinnable=!1,this.step=3600,this.tabTraversable=0,this.validator=void 0,this.validationIcon="dwc:info",this.validationPopoverDistance=6,this.validationPopoverSkidding=0,this.validationPopoverPlacement="bottom",this.validationStyle="popover",this.valid=!1,this.value=""}onLocaleChanged(t,i){if(i){const{rawValue:e}=this.applyMask(this.value,this.mask,i);null!==e&&(this.value=h.format(e,this.mask,t)||this.value)}else{const{value:i,rawValue:e}=this.applyMask(this.value,this.mask,t);null!==e&&(this.value=i)}}onMaskChanged(t,i){const{rawValue:e}=this.applyMask(this.value,i,this.locale);if(i)null!==e&&(this.value=h.format(e,t,this.locale)||this.value);else{const{value:i,rawValue:e}=this.applyMask(this.value,t,this.locale);null!==e&&(this.value=i)}}onRawValueChanged(t){if(!this.hasFocus&&null!==t){const i=h.format(t,this.mask,this.locale);this.value=i}}onValueChanged(t){const{value:i,rawValue:s}=this.applyMask(t);this.hasFocus||(this.value=i),this.rawValue=s,this.updateSelectedPickerItem(),this.$input&&e((()=>{this.setCursorPos(i.length)})),this.autoValidate&&this.loaded&&this.validate()}onPickerOptionsChanged(){const t=h.generateIntervals(this.step,this.mask,this.locale,this.min,this.max);this.pickerItems=t.map((t=>({label:t,value:String(h.parse(t,this.locale))})))}onSpinnerRequiredPropsChanged(){this.spinnerRequiredPropsChangedEvent.emit({disabled:this.disabled,readonly:this.readonly,min:this.min,max:this.max})}connectedCallback(){var t;this.handleMouseEnter=this.handleMouseEnter.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleInputFocus=this.handleInputFocus.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleInputBlur=this.handleInputBlur.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInputKeyup=this.handleInputKeyup.bind(this),this.handlePickerIconClick=this.handlePickerIconClick.bind(this),this.handlePickerIconKeydown=this.handlePickerIconKeydown.bind(this),this.handleSpinUp=this.handleSpinUp.bind(this),this.handleSpinDown=this.handleSpinDown.bind(this),this.handlePickerToggle=this.handlePickerToggle.bind(this),this.handlePickerOpen=this.handlePickerOpen.bind(this),this.handlePickerItemSelected=this.handlePickerItemSelected.bind(this),null===(t=this.slotsObserver)||void 0===t||t.connect()}disconnectedCallback(){var t;null===(t=this.slotsObserver)||void 0===t||t.disconnect()}componentWillLoad(){var t;if(this.slotsObserver=new u(this.el,"helper-text"),null===(t=this.value)||void 0===t?void 0:t.length){const{value:t,rawValue:i}=this.applyMask(this.value,this.mask,this.locale);this.value=t,this.rawValue=i||null}else null!=this.rawValue&&(this.value=h.format(this.rawValue,this.mask,this.locale));this.oldValue=this.value,this.onPickerOptionsChanged()}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot),this.autoValidateOnLoad&&requestAnimationFrame((()=>{this.validate()})),this.updateSelectedPickerItem(),this.loaded=!0,window.ResizeObserver&&(this.pickerResizeObserver=new ResizeObserver((t=>{const i=t[0];i&&(this.$control.style.height=`${i.contentRect.height}px`)})),this.pickerResizeObserver.observe(this.$picker)),this.autofocus&&e((()=>{this.setFocus()}))}onWindowKeyup(t){9===(t.keyCode?t.keyCode:t.which)&&this.hasFocus&&(this.highlightBehaviors||[]).indexOf(n.KEY)>-1&&this.selectAll()}handleKeydown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.spin(!0);break;case"ArrowDown":t.preventDefault(),this.spin(!1)}}handleWheel(t){if(!this.hasFocus)return;let i;if(t.preventDefault(),"touchmove"===t.type){const e=t.touches[0].clientY;i=e<this.lastTouchY?"up":"down",this.lastTouchY=e}else"wheel"!==t.type&&"mousewheel"!==t.type||(i=t.deltaY<0?"up":"down");this.spin("up"===i)}async spin(t){!this.spinnable||this.$picker.opened||this.disabled||this.readonly||(t?this.spunUpEvent.emit():this.spunDownEvent.emit())}async setFocus(){this.el.shadowRoot.activeElement!==this.$input&&(this.$input.disabled=this.disabled,this.$input.focus(),this.$input.setSelectionRange(this.lastSelectionStart,this.lastSelectionEnd),!this.isMouseInComponent&&(this.highlightBehaviors||[]).indexOf(n.REQUEST)>-1&&this.selectAll())}async removeFocus(){this.$input.blur(),this.isMouseInComponent=!1}async selectAll(){this.disabled||this.readonly||this.$input.setSelectionRange(0,this.$input.value.length)}async setSelectionRange(t,i){this.disabled||this.readonly||this.$input.setSelectionRange(t,i)}async getSelectionRange(){return{start:this.$input.selectionStart||0,end:this.$input.selectionEnd||0}}async setCursorPos(t){var i;this.disabled||this.readonly||(null===(i=this.$input)||void 0===i?void 0:i.setSelectionRange)&&this.$input.setSelectionRange(t,t)}async getCursorPos(){return this.disabled&&this.readonly||!this.hasFocus?0:this.$input.selectionStart}async restore(){this.doRestore()}async openPicker(){return this.$picker.open()}async validate(){var t;let i=!0;if(this.validator){const t=h.parse(this.value,this.locale),e=this.el;i=this.validationExpressionEngine.evaluate(this.validator,{x:t,value:t,text:this.value,component:e,control:e})}else{this.$input.value=0===this.value.trim().length?"":this.value;const e=h.fromNumber(h.parse(this.$input.value,this.locale)),s=h.fromNumber(this.min),o=h.format(s,this.mask,this.locale),r=null!==s&&null!==e&&e.getTime()<s.getTime(),a=h.fromNumber(this.max),n=h.format(a,this.mask,this.locale),c=null!==a&&null!==e&&e.getTime()>a.getTime();r&&(i=!1,this.builtinInvalidMessage=`The time must be greater than or equal to ${o}`),c&&(i=!1,this.builtinInvalidMessage=`The time must be less than or equal to ${n}`);try{i=i&&this.$input.checkValidity(),(null===(t=this.$input)||void 0===t?void 0:t.validationMessage.length)&&(this.builtinInvalidMessage=this.$input.validationMessage)}catch(t){}}return this.invalid=!i,this.validatedEvent.emit(i),this.invalid&&(this.valid=!1),!this.invalid&&this.autoWasValidated&&(this.valid=!0),i}async getPart(t){return new Promise((i=>{i(this.el.shadowRoot.querySelector(`[part="${t}"]`))}))}doRestore(t=!1){this.restoreValue&&(this.$input.value=this.value=this.applyMask(this.restoreValue,this.mask,this.locale).value,this.oldValue!==this.value&&t&&this.fireModifiedEvent(this.value))}applyMask(t,i=this.mask,e=this.locale){let s,o=t;return"-1"===t?(s=null,o=""):(s=h.parse(t,e),null!==s&&(o=h.format(s,i,e))),{rawValue:s,value:o}}updateSelectedPickerItem(){if(!this.$picker)return;const t=this.value,i=this.pickerItems,e=i.find((i=>i.label.trim()===t.trim()));if(e){const t=i.indexOf(e);this.$picker.selected=t>-1?[t]:[]}else this.$picker.selected=[]}handleFocus(){this.setFocus()}handleMouseEnter(){this.isMouseInComponent=!0}handleMouseLeave(){this.isMouseInComponent=!1}handleInputFocus(){this.hasFocus=!0,this.$input.setSelectionRange(this.lastSelectionStart,this.lastSelectionEnd),this.isMouseInComponent&&(this.highlightBehaviors||[]).indexOf(n.MOUSE)>-1&&this.selectAll(),this.focusedEvent.emit()}handleInputBlur(){this.lastSelectionStart=this.$input.selectionStart,this.lastSelectionEnd=this.$input.selectionEnd;const t=this.$input,{value:i,rawValue:e}=this.applyMask(t.value);t.value=this.value=i,this.rawValue=e,this.oldValue!==this.value&&(this.fireModifiedEvent(this.value),this.oldValue=this.value),this.hasFocus=!1,this.blurredEvent.emit()}async handleLabelClick(){this.pickerAutoOpen&&await this.openPicker()}handleInputKeyDown(t){this.oldValue=this.$input.value,this.oldSelectionStart=this.$input.selectionStart,this.oldSelectionEnd=this.$input.selectionEnd,"Escape"!==t.key||this.$picker.opened||this.doRestore(!0)}handleInputKeyup(t){if("Insert"===t.key&&(this.insertMode=!this.insertMode),["ArrowLeft","ArrowRight","Enter"].includes(t.key)){this.$picker instanceof HTMLElement&&(this.updateSelectedPickerItem(),this.$picker.forceScroll());const t=this.$input,{value:i,rawValue:e}=this.applyMask(t.value);t.value=this.value=i,this.rawValue=e,this.oldValue!==this.value&&this.fireModifiedEvent(this.value)}}handleInput(t){const i=this.$input,e=["insertReplacementText","insertText"].indexOf(t.inputType)>-1,s=this.oldSelectionStart,o=i.selectionStart,r=i.selectionEnd;let a=i.value;!(!this.insertMode&&e)||0===s&&this.oldSelectionEnd===this.oldValue.length||(a=a.substring(0,s+1)+a.substring(s+2),i.value=a,this.value=a),this.oldValue=this.value=a,this.oldSelectionStart=o,this.oldSelectionEnd=r,i.setSelectionRange(o,r),window.requestAnimationFrame((()=>{i.setSelectionRange(o,r)})),this.updateSelectedPickerItem(),this.fireModifiedEvent(a)}handleSpinUp(t){t.stopPropagation(),this.spin(!0)}handleSpinDown(t){t.stopPropagation(),this.spin(!1)}async handlePickerIconClick(t){t.stopPropagation(),await this.openPicker(),this.setFocus()}handlePickerIconKeydown(t){[" ","ArrowLeft","ArrowRight","Enter"].includes(t.key)&&(" "===t.key&&t.preventDefault(),this.openPicker())}handlePickerToggle(){this.setFocus()}handlePickerOpen(){this.setFocus()}handlePickerItemSelected(t){const i=[].concat(t.detail);i.length&&(this.rawValue=Number(i[0].item.value),this.fireModifiedEvent(this.value))}fireModifiedEvent(t){this.readonly||this.disabled||this.modifiedEvent.emit(t)}render(){var t,i,e;const r=!this.validator,a=(null===(t=this.invalidMessage)||void 0===t?void 0:t.trim().length)>0,n=r?a?this.invalidMessage:this.builtinInvalidMessage:a?this.invalidMessage:"",h=this.invalid&&(null==n?void 0:n.trim().length)>0,u=(this.label||"").trim().length>0,f=(null===(i=this.helperText)||void 0===i?void 0:i.trim().length)>0||this.slotsObserver.hasContent("helper-text");return s(o,{key:"b6d19ed9a27115f4a8f32826fc226593cd8118fa","data-has-label":u,class:c({BBjControl:!0,BBjInputT:!0,"bbj-disabled":this.disabled,"bbj-focused":this.hasFocus||(null===(e=this.$picker)||void 0===e?void 0:e.opened),"bbj-readonly":this.readonly,"bbj-hasLabel":u,"bbj-valid":this.valid,"bbj-invalid":this.invalid,"bbj-required":this.required})},s("dwc-dropdown",{key:"969425351eb10db114add52ee52eebc2a7cfb251",ref:t=>this.$picker=t,part:"picker",exportparts:"control: dropdown-control, handler:dropdown-handler",toggleOnClick:this.pickerAutoOpen,toggleOnEnter:this.pickerAutoOpen,openOnArrow:this.pickerAutoOpen&&!this.spinnable,allowDeselection:!1,multiSelection:!1,disabled:this.disabled,readonly:this.readonly,typeToSelect:!1,items:this.pickerItems,expanse:this.expanse,placement:this.pickerPlacement,distance:this.pickerDistance,skidding:this.pickerSkidding,openWidth:this.pickerOpenWidth,openHeight:this.pickerOpenHeight,maxRowCount:this.pickerMaxRowCount,type:this.pickerType,"onDwc-opened":this.handlePickerOpen,"onDwc-selected":this.handlePickerItemSelected},s("div",{key:"aa8879cf2485aa1edb51646a50fecddf306b1360",ref:t=>this.$control=t,part:"control",tabIndex:-1,onFocus:this.handleFocus},u&&s("label",{key:"53ea736ac202b4993b0cec1742c8a439829e54ab",part:"label",htmlFor:this.inputId,innerHTML:this.label,onClick:this.handleLabelClick}),s("div",{key:"5d3cafa6274693befd7f2de315bbed49ff0bffff",part:"input-wrapper"},this.pickerIconVisible&&s("dwc-icon-button",{key:"90e2d07be62a2fc7c33a2e0c6850ed8d2f389308",part:"picker-button",pool:"dwc",name:"time","tab-traversable":"-1",disabled:this.disabled||this.readonly,onClick:this.handlePickerIconClick,onKeyDown:this.handlePickerIconKeydown}),s("span",{key:"38551495814026541b62053a974e84a04a4e7bf2",part:"prefix"},s("slot",{key:"06207362232cb35eb5c36f1a872fd2648a0404a8",name:"prefix"})),s("input",{key:"caaf7ce2f19097af61d6ca914e36794fa1033e7f",id:this.inputId,ref:t=>this.$input=t,part:"input",tabIndex:this.disabled?-1:this.tabTraversable,name:this.name,value:0===this.value.trim().length?"":this.value,pattern:this.pattern,placeholder:0===this.value.trim().length?this.placeholder:"",readOnly:this.readonly||!this.customValue,disabled:this.disabled,spellcheck:"off",autocomplete:"off",autocapitalize:"off",autocorrect:"off",autofocus:this.autofocus,required:this.required,"data-editable":!this.customValue,"aria-describedby":"helper-text",onKeyDown:this.handleInputKeyDown,onInput:this.handleInput,onKeyUp:this.handleInputKeyup,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave}),s("span",{key:"b830e5b7a6914013a9446a173ed36eb549b846e1",part:"suffix"},s("slot",{key:"9af2e946b301056e0f30f7d67e236843cde4e281",name:"suffix"})),s(w,{key:"0014cba1a8052f1a89be79ddb977cae3caf87cc6",visible:this.showSpinners,disabled:this.disabled||this.readonly,onSpinUp:this.handleSpinUp,onSpinDown:this.handleSpinDown})),"popover"===this.validationStyle&&h&&s(p,{key:"6ee59109460d3c26a9500c1d124fe9d92999f8ea",invalidMessage:n,icon:this.validationIcon,hasFocus:this.hasFocus,popoverDistance:this.validationPopoverDistance,popoverPlacement:this.validationPopoverPlacement,popoverSkidding:this.validationPopoverSkidding}))),s(l,{key:"f04bed78de77fbe76c0859ed3a12d679b08807c3",helperText:this.helperText,visible:f}),"inline"===this.validationStyle&&h&&s(d,{key:"21a0768f0a11fc8a6c81a94454b250880aae20cc",invalidMessage:n,icon:this.validationIcon}))}get el(){return r(this)}static get watchers(){return{locale:["onLocaleChanged","onPickerOptionsChanged"],mask:["onMaskChanged","onPickerOptionsChanged"],rawValue:["onRawValueChanged"],value:["onValueChanged"],step:["onPickerOptionsChanged"],min:["onPickerOptionsChanged","onSpinnerRequiredPropsChanged"],max:["onPickerOptionsChanged","onSpinnerRequiredPropsChanged"],disabled:["onSpinnerRequiredPropsChanged"],readonly:["onSpinnerRequiredPropsChanged"]}}};b.style='@charset "UTF-8";@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{--dwc-icon-size:1.3em;display:inline-block}:host(:focus),:host(:active){outline:none}:host([disabled]){cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;pointer-events:none}:host([disabled]) *{cursor:var(--dwc-disabled-cursor);user-select:none;pointer-events:none}[part=control]{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;height:inherit;width:100%}[part=label]{align-items:center;color:var(--dwc-input-label-color, var(--dwc-color-body-text));cursor:var(--dwc-cursor-click);display:none;font-size:90%;font-weight:var(--dwc-input-label-font-weight, var(--dwc-font-weight-semibold));gap:0.3rem;height:auto;margin:0;margin-bottom:var(--dwc-space-s);text-align:left;transition:var(--dwc-transition) color}[part=label]::after{color:var(--dwc-input-required-field-indicator-color, var(--dwc-color-primary-text));opacity:0;padding:0 var(--dwc-space-xs);text-align:center;transition:opacity var(--dwc-transition);width:1em}:host([required]) [part=label]::after{content:var(--dwc-input-required-field-indicator, "•");opacity:1}:host([data-has-label]) [part=label]{display:flex}[part=input-wrapper]{align-items:center;background:var(--dwc-input-background, var(--dwc-color-default-light));border:var(--dwc-input-border-width, var(--dwc-border-width)) var(--dwc-input-border-style, var(--dwc-border-style)) var(--dwc-input-border-color, var(--dwc-color-default-dark));border-radius:var(--dwc-border-radius);display:inline-flex;flex:1 1 auto;font-weight:var(--dwc-input-font-weight, var(--dwc-font-weight-semibold));height:100%;justify-content:start;overflow:hidden;position:relative;transition:var(--dwc-transition) background-color, var(--dwc-transition) color, var(--dwc-transition) border-color, var(--dwc-transition) box-shadow;vertical-align:middle;width:100%}:host(:not([disabled]):not([readonly])) [part=input-wrapper]:hover,:host(:not([disabled]):not([readonly])) [part=input-wrapper]:focus,:host(:not([disabled])) [part=input-wrapper]:hover,:host(:not([disabled])) [part=input-wrapper]:focus{background-color:var(--dwc-input-hover-background, var(--dwc-color-default-light));border-color:var(--dwc-input-hover-border-color, var(--dwc-color-primary));color:var(--dwc-input-hover-color, var(--dwc-color-on-default-text-light))}:host([has-focus]:not([disabled])) [part=input-wrapper],:host(.focus-visible:not([disabled])) [part=input-wrapper]{background-color:var(--dwc-input-hover-background, var(--dwc-color-default-light));border-color:var(--dwc-input-hover-border-color, var(--dwc-color-primary));color:var(--dwc-input-hover-color, var(--dwc-color-on-default-text-light))}:host(.focus-visible:not([disabled])) [part=input-wrapper]{box-shadow:var(--dwc-input-focus-ring, var(--dwc-focus-ring-default))}[part~=input]{appearance:none;background:none;border:unset;box-shadow:none;color:var(--dwc-input-color, currentColor);cursor:var(--dwc-cursor-text);flex:1 1 auto;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;height:100%;line-height:inherit;margin:0;min-width:0;padding:var(--dwc-space);text-align:inherit}[part~=input]::placeholder{color:var(--dwc-input-placeholder-color, var(--dwc-color-gray-60));user-select:none}[part~=input]:focus{outline:none}[part~=input]:-webkit-autofill,[part~=input]:-webkit-autofill:hover,[part~=input]:-webkit-autofill:focus,[part~=input]:-webkit-autofill:active{box-shadow:0 0 0 30px transparent inset !important}[part~=input]::selection{background:var(--dwc-input-selection-background, var(--dwc-color-primary-light));color:var(--dwc-input-selection-color, var(--dwc-color-on-primary-text-light))}:host([has-focus]:not([disabled])) [part=label]{color:var(--dwc-input-label-hover-color, var(--dwc-color-primary-text-light))}[part=prefix],[part=suffix]{cursor:default;flex:0 0 auto;text-align:center;user-select:none}[part=prefix] ::slotted(dwc-icon),[part=prefix] ::slotted(dwc-icon-button),[part=suffix] ::slotted(dwc-icon),[part=suffix] ::slotted(dwc-icon-button){display:inline-flex}[part=prefix] ::slotted(dwc-icon),[part=prefix] ::slotted(dwc-icon-button),[part=prefix] ::slotted(img){padding-left:var(--dwc-space-xs)}[part=suffix] ::slotted(dwc-icon),[part=suffix] ::slotted(dwc-icon-button),[part=suffix] ::slotted(img){padding-right:var(--dwc-space-xs)}:host ::slotted(img[slot=prefix]),:host ::slotted(img[slot=suffix]){align-items:center;display:inline-flex;flex:0 0 auto;height:var(--dwc-icon-size);vertical-align:middle;width:var(--dwc-icon-size)}dwc-alert{--dwc-alert-padding:var(--dwc-space-s) 0;margin-left:calc(var(--dwc-border-radius) / 4 + var(--dwc-border-width) * 2);text-align:left}:host([valid]),:host([invalid]){--dwc-icon-button-color:var(--dwc-input-color);--dwc-icon-button-hover-color:var(--dwc-icon-button-color);--dwc-icon-button-active-color:var(--dwc-icon-button-color)}:host([valid]:not([valid=false])){--dwc-input-label-color:var(--dwc-color-success-text);--dwc-input-label-hover-color:var(--dwc-color-success-text-light);--dwc-input-border-color:var(--dwc-color-success);--dwc-input-hover-border-color:var(--dwc-input-border-color);--dwc-input-focus-ring:var(--dwc-focus-ring-success);--dwc-input-placeholder-color:var(--dwc-color-gray-30);--dwc-input-selection-background:var(--dwc-color-success-light);--dwc-input-selection-color:var(--dwc-color-on-success-text-light);--dwc-input-required-field-indicator-color:var(--dwc-input-label-color)}:host([invalid]:not([invalid=false])){--dwc-input-label-color:var(--dwc-color-danger-text);--dwc-input-label-hover-color:var(--dwc-color-danger-text-light);--dwc-input-border-color:var(--dwc-color-danger);--dwc-input-hover-border-color:var(--dwc-input-border-color);--dwc-input-focus-ring:var(--dwc-focus-ring-danger);--dwc-input-placeholder-color:var(--dwc-color-gray-30);--dwc-input-selection-background:var(--dwc-color-danger-light);--dwc-input-selection-color:var(--dwc-color-on-danger-text-light);--dwc-alert-color:var(--dwc-input-label-color);--dwc-alert-icon-color:var(--dwc-alert-color);--dwc-input-required-field-indicator-color:var(--dwc-input-label-color)}[part=helper-text-wrapper],[part=helper-text-wrapper] ::slotted([slot=helper-text]){color:var(--dwc-color-gray-text-light);cursor:var(--dwc-cursor-text);font-size:var(--dwc-font-size-s);font-weight:var(--dwc-font-weight-normal);line-height:var(--dwc-font-line-height-s);text-align:left;transition:color 0.2s}[part=helper-text-wrapper][data-visible]{margin-left:calc(var(--dwc-border-radius) / 4 + var(--dwc-border-width) * 2);padding-top:var(--dwc-space-s)}:host([readonly]:not([data-editable])){--dwc-input-background:transparent;--dwc-input-border-color:var(--dwc-color-default-30);--dwc-input-border-style:dashed;--dwc-input-hover-background:var(--dwc-input-background);--dwc-input-hover-color:var(--dwc-input-color);--dwc-input-hover-border-color:var(--dwc-input-border-color)}:host(.bbj-transparent) [part=input-wrapper]{background:transparent !important}:host(.bbj-noborder) [part=input-wrapper]{border-color:transparent !important}:host([data-align-left]){text-align:left}:host([data-align-right]){text-align:right}:host([data-align-center]){text-align:center}:host([data-align-right]) [part=label]{justify-content:flex-end}[hidden]{display:none !important}[part=spinners]{--dwc-icon-size:1em;align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center}[part=spinners]:not([hidden]){margin:var(--dwc-space-xs)}[part=spinners] dwc-icon-button{align-items:center;background:transparent;border:unset;box-sizing:border-box;display:flex;height:50%;margin:0;outline:none;padding:0;width:100%}:host([expanse=xl]){font-size:var(--dwc-font-size-xl)}:host([expanse=xl]) [part=input-wrapper]{height:var(--dwc-size-xl)}:host([expanse=l]){font-size:var(--dwc-font-size-l)}:host([expanse=l]) [part=input-wrapper]{height:var(--dwc-size-l)}:host([expanse=m]){font-size:var(--dwc-font-size-m)}:host([expanse=m]) [part=input-wrapper]{height:var(--dwc-size-m)}:host([expanse=s]){font-size:var(--dwc-font-size-s)}:host([expanse=s]) [part=input-wrapper]{height:var(--dwc-size-s)}:host([expanse=xs]){font-size:var(--dwc-font-size-xs)}:host([expanse=xs]) [part=input-wrapper]{height:var(--dwc-size-xs)}[part=picker-button]{color:var(--dwc-input-color);display:flex;padding-left:var(--dwc-space-xs)}[part=picker]{height:100%}';export{b as dwc_timefield}