@globalpayments/vega 2.20.0 → 2.20.1

package/dist/vega/{p-11e7deae.entry.js → p-cbb1c0a7.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-9777b1c1.js";import{C as s}from"./p-ed4a57a8.js";import{d as a,p as d,e as l}from"./p-21c9f2c5.js";import{s as p}from"./p-b81bd0bb.js";import{a as c,V as h,M as u,L as m,I as v}from"./p-018d77cc.js";import{V as g,I as f}from"./p-d5c10af1.js";import{F as w}from"./p-d165d4b7.js";import{D as b}from"./p-e4aa214a.js";import{e as x,t as y,u as k,a as R}from"./p-ec045268.js";import{g as D,D as I}from"./p-320642bd.js";import{c as j}from"./p-86194314.js";import{d as S}from"./p-69b28805.js";import{b as C}from"./p-bb491bed.js";import{C as T}from"./p-853f3963.js";import{E as V}from"./p-16f9c6f7.js";import{K as A}from"./p-4cef2d0b.js";import{P as O}from"./p-12d5ed36.js";import{C as E}from"./p-8250b935.js";import{c as F}from"./p-5ebb355b.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-09e7bd51.js";import"./p-8960e876.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-20effa66.js";import"./p-27327fc6.js";import"./p-344ee7cb.js";import"./p-9b3df371.js";import"./p-0c667d6a.js";import"./p-f36781c5.js";import"./p-313cca9b.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-d87980fe.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";class M{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var $=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class P extends h{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}$([c()],P.prototype,"label",void 0),$([c()],P.prototype,"mode",void 0),$([c()],P.prototype,"required",void 0),$([c()],P.prototype,"disabled",void 0),$([c()],P.prototype,"singleInputRenderer",void 0),$([c()],P.prototype,"rangeInputRenderer",void 0);var z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class N extends h{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,x,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,y,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,k,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:"Select Time"}}z([c()],N.prototype,"placeholder",void 0),z([c()],N.prototype,"size",void 0),z([c()],N.prototype,"disabled",void 0),z([c()],N.prototype,"value",void 0),z([c()],N.prototype,"valueController",void 0),z([c()],N.prototype,"singleDropdownController",void 0);var _=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class L extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}_([c()],L.prototype,"timeFormat",void 0),_([c()],L.prototype,"dropdownSource",void 0),_([c()],L.prototype,"selectedTimeValue",void 0),_([c()],L.prototype,"valueController",void 0),_([c()],L.prototype,"dropdownSelectedItemsController",void 0),_([c()],L.prototype,"singleDropdownController",void 0),_([u("componentDidRender")],L.prototype,"componentDidRenderCallback",null);var B=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class W extends h{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&S(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(C,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||m.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}B([c({writable:!0})],W.prototype,"value",void 0),B([c()],W.prototype,"mode",void 0),B([c()],W.prototype,"timeFormat",void 0),B([c()],W.prototype,"selectedTimeValue",void 0),B([c()],W.prototype,"increments",void 0),B([c()],W.prototype,"changeEventEmitter",void 0),B([c()],W.prototype,"singleInputRenderer",void 0),B([c()],W.prototype,"rangeInputRenderer",void 0),B([c()],W.prototype,"dropdownSelectedItemsController",void 0),B([c()],W.prototype,"host",void 0),B([u("watchValue")],W.prototype,"emitChangeEventOrClearTimePicker",null),B([u("watchSelectedTimeValue")],W.prototype,"updateValueIfSelectedItemsChange",null),B([u("watchMode")],W.prototype,"resetCurrentValueIfModeChange",null),B([u("componentDidLoad")],W.prototype,"checkTheDefaultValueForRangeMode",null);var q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class K extends V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(m.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}q([c({writable:!0})],K.prototype,"isDropdownShow",void 0),q([c({writable:!0})],K.prototype,"dropdownSource",void 0),q([c()],K.prototype,"mode",void 0),q([c({writable:!0})],K.prototype,"increments",void 0),q([c()],K.prototype,"timeFormat",void 0),q([c()],K.prototype,"value",void 0),q([c()],K.prototype,"positionRelativeTo",void 0),q([c()],K.prototype,"selectedTimeValue",void 0),q([c()],K.prototype,"singleInputRenderer",void 0),q([c()],K.prototype,"rangeInputRenderer",void 0),q([c()],K.prototype,"singleDropdownRenderer",void 0),q([c()],K.prototype,"valueController",void 0),q([c()],K.prototype,"dropdownSelectedItemsController",void 0),q([c()],K.prototype,"inputMaskController",void 0),q([u("watchIncrements")],K.prototype,"initValueAndDropdownSource",null),q([u("watchTimeFormat")],K.prototype,"initDropdownSourceAndInputMaskConfig",null),q([u("componentWillLoad")],K.prototype,"initDropdownSourceAndSelectedItems",null),q([u("watchDisabled")],K.prototype,"hideDropdownWhenDisabled",null);var U=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class G extends h{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}U([c({writable:!0})],G.prototype,"selectedTimeValue",void 0),U([c()],G.prototype,"mode",void 0),U([c()],G.prototype,"value",void 0),U([c()],G.prototype,"timeFormat",void 0),U([c()],G.prototype,"dropdownSource",void 0),U([c()],G.prototype,"increments",void 0),U([c()],G.prototype,"disabled",void 0),U([c()],G.prototype,"singleDropdownRenderer",void 0),U([c()],G.prototype,"rangeDropdownRenderer",void 0),U([u("watchValue")],G.prototype,"syncSelectedItemsByValueChange",null),U([u("watchIsDropdownShow")],G.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),U([u("componentDidRender")],G.prototype,"syncSelectedItemsPosition",null);var H=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Y extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}H([c()],Y.prototype,"host",void 0),H([c()],Y.prototype,"mode",void 0),H([c()],Y.prototype,"singleInputRenderer",void 0),H([c()],Y.prototype,"singleDropdownRenderer",void 0),H([c()],Y.prototype,"rangeDropdownRenderer",void 0),H([c()],Y.prototype,"rangeInputRenderer",void 0),H([c()],Y.prototype,"singleDropdownController",void 0),H([c()],Y.prototype,"startDropdownController",void 0),H([c()],Y.prototype,"endDropdownController",void 0);var X=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,k,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:"Start Time":Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:"End Time"}}X([c()],J.prototype,"mode",void 0),X([c()],J.prototype,"placeholder",void 0),X([c()],J.prototype,"disabled",void 0),X([c()],J.prototype,"size",void 0),X([c()],J.prototype,"positionRelativeTo",void 0),X([c()],J.prototype,"timeFormat",void 0),X([c()],J.prototype,"increments",void 0),X([c()],J.prototype,"value",void 0),X([c()],J.prototype,"startDropdownController",void 0),X([c()],J.prototype,"endDropdownController",void 0),X([c()],J.prototype,"valueController",void 0),X([c()],J.prototype,"rangeClearButtonRenderer",void 0),X([c()],J.prototype,"rangeDropdownRenderer",void 0),X([c()],J.prototype,"dropdownSelectedItemsController",void 0);var Q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}Q([c()],Z.prototype,"timeFormat",void 0),Q([c()],Z.prototype,"value",void 0),Q([c()],Z.prototype,"dropdownSource",void 0),Q([c()],Z.prototype,"valueController",void 0),Q([c()],Z.prototype,"rangeInputRenderer",void 0),Q([c()],Z.prototype,"startDropdownController",void 0),Q([c()],Z.prototype,"endDropdownController",void 0),Q([u("componentDidRender")],Z.prototype,"componentDidRenderCallback",null);var ee=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}ee([c()],te.prototype,"disabled",void 0),ee([c()],te.prototype,"value",void 0),ee([c()],te.prototype,"valueController",void 0),ee([c()],te.prototype,"endDropdownController",void 0),ee([c()],te.prototype,"rangeInputRenderer",void 0);class ie{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${l(t)}`)>new Date(`${r}T${l(e)}`)}}var re=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}re([c()],oe.prototype,"timeFormat",void 0),re([c()],oe.prototype,"mode",void 0),re([c()],oe.prototype,"singleInputRenderer",void 0),re([c()],oe.prototype,"rangeInputRenderer",void 0),re([u("componentDidLoad")],oe.prototype,"initInputMask",null);var ne=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class se extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}ne([c()],se.prototype,"positionRelativeTo",void 0),ne([c()],se.prototype,"mode",void 0),ne([c()],se.prototype,"rangeDropdownRenderer",void 0),ne([c()],se.prototype,"rangeInputRenderer",void 0),ne([c()],se.prototype,"dropdownSelectedItemsController",void 0),ne([u("watchDisabled")],se.prototype,"hideDropdownWhenDisabled",null);class ae{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}const de=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var le=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const pe=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.labelRenderer=new P,this.singleInputRenderer=new N,this.singleDropdownRenderer=new L,this.valueController=new W,this.singleDropdownController=new K,this.dropdownSelectedItemsController=new G,this.keyboardController=new Y,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new ae({timeFormat:t}):new M({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new ae({timeFormat:e}):new M({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new ie({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new J,this.rangeClearButtonRenderer=new te,this.rangeDropdownRenderer=new Z,this.startDropdownController=new se("start"),this.endDropdownController=new se("end"),this.inputMaskController=new oe,this.inputEventPrevent=new E([x],(()=>this.inputContainerRef)),this.changeEventEmitter=F(pe,x),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(de),this.isMobileDevice=D()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};le([f()],pe.prototype,"globalSlimmers",void 0),le([v()],pe.prototype,"labelRenderer",void 0),le([v()],pe.prototype,"singleInputRenderer",void 0),le([v()],pe.prototype,"singleDropdownRenderer",void 0),le([v()],pe.prototype,"valueController",void 0),le([v()],pe.prototype,"singleDropdownController",void 0),le([v()],pe.prototype,"dropdownSelectedItemsController",void 0),le([v()],pe.prototype,"keyboardController",void 0),le([v()],pe.prototype,"formFieldController",void 0),le([v()],pe.prototype,"rangeInputRenderer",void 0),le([v()],pe.prototype,"rangeClearButtonRenderer",void 0),le([v()],pe.prototype,"rangeDropdownRenderer",void 0),le([v()],pe.prototype,"startDropdownController",void 0),le([v()],pe.prototype,"endDropdownController",void 0),le([v()],pe.prototype,"inputMaskController",void 0),le([v()],pe.prototype,"inputEventPrevent",void 0),le([v()],pe.prototype,"changeEventEmitter",void 0),le([v()],pe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),le([s()],pe.prototype,"watchValue",null),pe.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%)}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var ce=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const he=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g}render(){return p(e(o,null),this.host)}get host(){return n(this)}};ce([f()],he.prototype,"globalSlimmers",void 0),ce([v()],he.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),he.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{pe as vega_time_picker,he as vega_time_picker_dropdown}
+import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-9777b1c1.js";import{C as s}from"./p-ed4a57a8.js";import{d as a,p as d,e as l}from"./p-21c9f2c5.js";import{s as p}from"./p-b81bd0bb.js";import{a as c,V as h,M as u,L as m,I as v}from"./p-018d77cc.js";import{V as g,I as f}from"./p-d5c10af1.js";import{F as w}from"./p-507d3a25.js";import{D as b}from"./p-e4aa214a.js";import{e as x,t as y,u as k,a as R}from"./p-f5ebc64a.js";import{g as D,D as I}from"./p-320642bd.js";import{c as j}from"./p-86194314.js";import{i as S}from"./p-ee68920f.js";import{b as C}from"./p-b8a63b73.js";import{C as T}from"./p-853f3963.js";import{E as V}from"./p-16f9c6f7.js";import{K as A}from"./p-4cef2d0b.js";import{P as O}from"./p-12d5ed36.js";import{C as E}from"./p-b32611f0.js";import{c as F}from"./p-c4542d96.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-09e7bd51.js";import"./p-8960e876.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-20effa66.js";import"./p-3f20d9f0.js";import"./p-344ee7cb.js";import"./p-9b3df371.js";import"./p-0c667d6a.js";import"./p-f36781c5.js";import"./p-313cca9b.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-c216dfc3.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";class M{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var $=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class P extends h{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}$([c()],P.prototype,"label",void 0),$([c()],P.prototype,"mode",void 0),$([c()],P.prototype,"required",void 0),$([c()],P.prototype,"disabled",void 0),$([c()],P.prototype,"singleInputRenderer",void 0),$([c()],P.prototype,"rangeInputRenderer",void 0);var z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class N extends h{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,x,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,y,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,k,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:"Select Time"}}z([c()],N.prototype,"placeholder",void 0),z([c()],N.prototype,"size",void 0),z([c()],N.prototype,"disabled",void 0),z([c()],N.prototype,"value",void 0),z([c()],N.prototype,"valueController",void 0),z([c()],N.prototype,"singleDropdownController",void 0);var _=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class L extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}_([c()],L.prototype,"timeFormat",void 0),_([c()],L.prototype,"dropdownSource",void 0),_([c()],L.prototype,"selectedTimeValue",void 0),_([c()],L.prototype,"valueController",void 0),_([c()],L.prototype,"dropdownSelectedItemsController",void 0),_([c()],L.prototype,"singleDropdownController",void 0),_([u("componentDidRender")],L.prototype,"componentDidRenderCallback",null);var B=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class W extends h{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&S(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(C,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||m.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}B([c({writable:!0})],W.prototype,"value",void 0),B([c()],W.prototype,"mode",void 0),B([c()],W.prototype,"timeFormat",void 0),B([c()],W.prototype,"selectedTimeValue",void 0),B([c()],W.prototype,"increments",void 0),B([c()],W.prototype,"changeEventEmitter",void 0),B([c()],W.prototype,"singleInputRenderer",void 0),B([c()],W.prototype,"rangeInputRenderer",void 0),B([c()],W.prototype,"dropdownSelectedItemsController",void 0),B([c()],W.prototype,"host",void 0),B([u("watchValue")],W.prototype,"emitChangeEventOrClearTimePicker",null),B([u("watchSelectedTimeValue")],W.prototype,"updateValueIfSelectedItemsChange",null),B([u("watchMode")],W.prototype,"resetCurrentValueIfModeChange",null),B([u("componentDidLoad")],W.prototype,"checkTheDefaultValueForRangeMode",null);var q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class K extends V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(m.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}q([c({writable:!0})],K.prototype,"isDropdownShow",void 0),q([c({writable:!0})],K.prototype,"dropdownSource",void 0),q([c()],K.prototype,"mode",void 0),q([c({writable:!0})],K.prototype,"increments",void 0),q([c()],K.prototype,"timeFormat",void 0),q([c()],K.prototype,"value",void 0),q([c()],K.prototype,"positionRelativeTo",void 0),q([c()],K.prototype,"selectedTimeValue",void 0),q([c()],K.prototype,"singleInputRenderer",void 0),q([c()],K.prototype,"rangeInputRenderer",void 0),q([c()],K.prototype,"singleDropdownRenderer",void 0),q([c()],K.prototype,"valueController",void 0),q([c()],K.prototype,"dropdownSelectedItemsController",void 0),q([c()],K.prototype,"inputMaskController",void 0),q([u("watchIncrements")],K.prototype,"initValueAndDropdownSource",null),q([u("watchTimeFormat")],K.prototype,"initDropdownSourceAndInputMaskConfig",null),q([u("componentWillLoad")],K.prototype,"initDropdownSourceAndSelectedItems",null),q([u("watchDisabled")],K.prototype,"hideDropdownWhenDisabled",null);var U=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class G extends h{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}U([c({writable:!0})],G.prototype,"selectedTimeValue",void 0),U([c()],G.prototype,"mode",void 0),U([c()],G.prototype,"value",void 0),U([c()],G.prototype,"timeFormat",void 0),U([c()],G.prototype,"dropdownSource",void 0),U([c()],G.prototype,"increments",void 0),U([c()],G.prototype,"disabled",void 0),U([c()],G.prototype,"singleDropdownRenderer",void 0),U([c()],G.prototype,"rangeDropdownRenderer",void 0),U([u("watchValue")],G.prototype,"syncSelectedItemsByValueChange",null),U([u("watchIsDropdownShow")],G.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),U([u("componentDidRender")],G.prototype,"syncSelectedItemsPosition",null);var H=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Y extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}H([c()],Y.prototype,"host",void 0),H([c()],Y.prototype,"mode",void 0),H([c()],Y.prototype,"singleInputRenderer",void 0),H([c()],Y.prototype,"singleDropdownRenderer",void 0),H([c()],Y.prototype,"rangeDropdownRenderer",void 0),H([c()],Y.prototype,"rangeInputRenderer",void 0),H([c()],Y.prototype,"singleDropdownController",void 0),H([c()],Y.prototype,"startDropdownController",void 0),H([c()],Y.prototype,"endDropdownController",void 0);var X=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,k,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:"Start Time":Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:"End Time"}}X([c()],J.prototype,"mode",void 0),X([c()],J.prototype,"placeholder",void 0),X([c()],J.prototype,"disabled",void 0),X([c()],J.prototype,"size",void 0),X([c()],J.prototype,"positionRelativeTo",void 0),X([c()],J.prototype,"timeFormat",void 0),X([c()],J.prototype,"increments",void 0),X([c()],J.prototype,"value",void 0),X([c()],J.prototype,"startDropdownController",void 0),X([c()],J.prototype,"endDropdownController",void 0),X([c()],J.prototype,"valueController",void 0),X([c()],J.prototype,"rangeClearButtonRenderer",void 0),X([c()],J.prototype,"rangeDropdownRenderer",void 0),X([c()],J.prototype,"dropdownSelectedItemsController",void 0);var Q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}Q([c()],Z.prototype,"timeFormat",void 0),Q([c()],Z.prototype,"value",void 0),Q([c()],Z.prototype,"dropdownSource",void 0),Q([c()],Z.prototype,"valueController",void 0),Q([c()],Z.prototype,"rangeInputRenderer",void 0),Q([c()],Z.prototype,"startDropdownController",void 0),Q([c()],Z.prototype,"endDropdownController",void 0),Q([u("componentDidRender")],Z.prototype,"componentDidRenderCallback",null);var ee=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}ee([c()],te.prototype,"disabled",void 0),ee([c()],te.prototype,"value",void 0),ee([c()],te.prototype,"valueController",void 0),ee([c()],te.prototype,"endDropdownController",void 0),ee([c()],te.prototype,"rangeInputRenderer",void 0);class ie{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${l(t)}`)>new Date(`${r}T${l(e)}`)}}var re=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}re([c()],oe.prototype,"timeFormat",void 0),re([c()],oe.prototype,"mode",void 0),re([c()],oe.prototype,"singleInputRenderer",void 0),re([c()],oe.prototype,"rangeInputRenderer",void 0),re([u("componentDidLoad")],oe.prototype,"initInputMask",null);var ne=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class se extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}ne([c()],se.prototype,"positionRelativeTo",void 0),ne([c()],se.prototype,"mode",void 0),ne([c()],se.prototype,"rangeDropdownRenderer",void 0),ne([c()],se.prototype,"rangeInputRenderer",void 0),ne([c()],se.prototype,"dropdownSelectedItemsController",void 0),ne([u("watchDisabled")],se.prototype,"hideDropdownWhenDisabled",null);class ae{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}const de=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var le=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const pe=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.labelRenderer=new P,this.singleInputRenderer=new N,this.singleDropdownRenderer=new L,this.valueController=new W,this.singleDropdownController=new K,this.dropdownSelectedItemsController=new G,this.keyboardController=new Y,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new ae({timeFormat:t}):new M({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new ae({timeFormat:e}):new M({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new ie({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new J,this.rangeClearButtonRenderer=new te,this.rangeDropdownRenderer=new Z,this.startDropdownController=new se("start"),this.endDropdownController=new se("end"),this.inputMaskController=new oe,this.inputEventPrevent=new E([x],(()=>this.inputContainerRef)),this.changeEventEmitter=F(pe,x),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(de),this.isMobileDevice=D()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};le([f()],pe.prototype,"globalSlimmers",void 0),le([v()],pe.prototype,"labelRenderer",void 0),le([v()],pe.prototype,"singleInputRenderer",void 0),le([v()],pe.prototype,"singleDropdownRenderer",void 0),le([v()],pe.prototype,"valueController",void 0),le([v()],pe.prototype,"singleDropdownController",void 0),le([v()],pe.prototype,"dropdownSelectedItemsController",void 0),le([v()],pe.prototype,"keyboardController",void 0),le([v()],pe.prototype,"formFieldController",void 0),le([v()],pe.prototype,"rangeInputRenderer",void 0),le([v()],pe.prototype,"rangeClearButtonRenderer",void 0),le([v()],pe.prototype,"rangeDropdownRenderer",void 0),le([v()],pe.prototype,"startDropdownController",void 0),le([v()],pe.prototype,"endDropdownController",void 0),le([v()],pe.prototype,"inputMaskController",void 0),le([v()],pe.prototype,"inputEventPrevent",void 0),le([v()],pe.prototype,"changeEventEmitter",void 0),le([v()],pe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),le([s()],pe.prototype,"watchValue",null),pe.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%)}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var ce=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const he=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g}render(){return p(e(o,null),this.host)}get host(){return n(this)}};ce([f()],he.prototype,"globalSlimmers",void 0),ce([v()],he.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),he.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{pe as vega_time_picker,he as vega_time_picker_dropdown}

package/dist/vega/{p-516b24fc.entry.js → p-cee7b0e6.entry.js}

@@ -1,4 +1,4 @@
-import{h as t,H as e,F as i,r as n,c as r,g as s}from"./p-9777b1c1.js";import{s as o}from"./p-b81bd0bb.js";import{i as a,c as h,a as d,b as c}from"./p-21c9f2c5.js";import{a as l,V as p,M as u,L as f,I as m}from"./p-018d77cc.js";import{V as v,I as g}from"./p-d5c10af1.js";import{F as x}from"./p-d165d4b7.js";import{a as w,g as b,D as y}from"./p-320642bd.js";import{D as k}from"./p-e4aa214a.js";import{a as _,e as D}from"./p-ec045268.js";import{V as j}from"./p-a11f00f8.js";import{d as M}from"./p-69b28805.js";import{c as R}from"./p-639fa6c7.js";import{Z as I}from"./p-f36781c5.js";import{b as C}from"./p-bb491bed.js";import{C as O}from"./p-853f3963.js";import{S as E,a as z}from"./p-8001b640.js";import{E as V}from"./p-16f9c6f7.js";import{K as S}from"./p-4cef2d0b.js";import{C as L}from"./p-ed4a57a8.js";import{c as P}from"./p-5ebb355b.js";import{C as T}from"./p-8250b935.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-09e7bd51.js";import"./p-8960e876.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-20effa66.js";import"./p-27327fc6.js";import"./p-1cb312d1.js";import"./p-344ee7cb.js";import"./p-12d5ed36.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-9b3df371.js";import"./p-0c667d6a.js";import"./p-313cca9b.js";import"./p-d87980fe.js";import"./p-5f377954.js";import"./p-fd58f10a.js";class A{constructor(t){this.config=t}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Invalid date value ${t} for mode ${this.config.mode}`);let e;switch(this.config.mode){case"single":e=a(t);break;case"range":e=Array.isArray(t)&&2===t.length&&t.every(a)}return{isValid:e,message:e?"":"This field is required"}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){if(null==t)return!0;if(!this.config.mode)throw new Error(`Unexpected type of mode: ${this.config.mode}`);switch(this.config.mode){case"single":return"string"==typeof t;case"range":return Array.isArray(t);default:return!1}}}class H{canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=new Date(t[0]),i=new Date(t[1]),n=h(e,i);return{isValid:n,message:n?"":"The end date should be later than start date"}}isAcceptedInputType(t){return Array.isArray(t)&&2===t.length&&t.every(a)}}class Y{constructor(t){this.evaluateSingleDate=t=>{const e=new Date(t);return this.minDate&&d(e,this.minDate)?this.invalidResult(`The date should be later than ${this.config.minDate}`):this.maxDate&&c(e,this.maxDate)?this.invalidResult(`The date should be earlier than ${this.config.maxDate}`):this.validResult()},this.evaluateRangeDates=t=>{const e=new Date(t[0]),i=new Date(t[1]);return this.minDate&&d(e,this.minDate)?this.invalidResult(`The start date should be later than ${this.config.minDate}`):this.maxDate&&c(e,this.maxDate)?this.invalidResult(`The start date should be earlier than ${this.config.maxDate}`):i&&this.maxDate&&c(i,this.maxDate)?this.invalidResult(`The end date should be earlier than ${this.config.maxDate}`):this.validResult()},this.invalidResult=t=>({isValid:!1,message:t}),this.validResult=()=>({isValid:!0,message:""}),this.config=t,this.minDate=t.minDate?new Date(t.minDate):null,this.maxDate=t.maxDate?new Date(t.maxDate):null}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);return"string"==typeof t?this.evaluateSingleDate(t):this.evaluateRangeDates(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&a(t)||Array.isArray(t)&&2===t.length&&t.every(a)}}const F={"chevron-left":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>'},"chevron-right":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.7063 7.29414C11.0969 7.68477 11.0969 8.31914 10.7063 8.70977L4.70627 14.7098C4.31565 15.1004 3.68127 15.1004 3.29065 14.7098C2.90002 14.3191 2.90002 13.6848 3.29065 13.2941L8.5844 8.00039L3.29377 2.70664C2.90315 2.31602 2.90315 1.68164 3.29377 1.29102C3.6844 0.900391 4.31877 0.900391 4.7094 1.29102L10.7094 7.29102L10.7063 7.29414Z" fill="currentColor"/></svg>'},calendar:{icon:'<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_41275_12898)"><path d="M5.75 2H10.25V0.75C10.25 0.335938 10.5844 0 11 0C11.4156 0 11.75 0.335938 11.75 0.75V2H13C14.1031 2 15 2.89531 15 4V14C15 15.1031 14.1031 16 13 16H3C1.89531 16 1 15.1031 1 14V4C1 2.89531 1.89531 2 3 2H4.25V0.75C4.25 0.335938 4.58437 0 5 0C5.41563 0 5.75 0.335938 5.75 0.75V2ZM2.5 7.75H5V6H2.5V7.75ZM2.5 9.25V11.25H5V9.25H2.5ZM6.5 9.25V11.25H9.5V9.25H6.5ZM11 9.25V11.25H13.5V9.25H11ZM13.5 6H11V7.75H13.5V6ZM13.5 12.75H11V14.5H13C13.275 14.5 13.5 14.275 13.5 14V12.75ZM9.5 12.75H6.5V14.5H9.5V12.75ZM5 12.75H2.5V14C2.5 14.275 2.72375 14.5 3 14.5H5V12.75ZM9.5 6H6.5V7.75H9.5V6Z" fill="currentColor"/></g><defs><clipPath id="clip0_41275_12898"><rect width="14" height="16" fill="white" transform="translate(1)"/></clipPath></defs></svg>'}};var N=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class $ extends p{constructor(){super(...arguments),this.renderInputPrefix=()=>t("div",{class:"vega-input-prefix"},t("vega-icon",{icon:j.getIconKey("calendar"),color:"text-secondary"})),this.isInputEnabled=()=>!this.readOnly&&!this.vegaDatePickerMobileController.getIsMobileDevice(),this.renderLabel=()=>this.label&&t("vega-field-label",{ref:t=>{k.addUniqueObserverToNode(t,_,(()=>{this.focusInput()}))},isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.focusInput=()=>{var t,e;null===(t=this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef())||void 0===t||t.focus(),null===(e=this.vegaDatePickerRangeInputRenderer.getStartDateInputRef())||void 0===e||e.focus(),this.vegaDatePickerCalendarRenderer.getDatePicker().show()}}getDatePickerContainer(){return this.datePickerContainer}render(){const i=["vega-input-container",this.size,`${this.mode}-mode`,this.vegaDatePickerMobileController.getIsMobileDevice()?"mobile":""];return t(e,{class:{disabled:this.disabled}},this.renderLabel(),t("div",{class:w(i),ref:t=>this.datePickerContainer=t},"range"===this.mode?this.vegaDatePickerRangeInputRenderer.render():this.vegaDatePickerSingleInputRenderer.render()))}}j.register({calendar:F.calendar}),N([l()],$.prototype,"disabled",void 0),N([l()],$.prototype,"size",void 0),N([l()],$.prototype,"mode",void 0),N([l()],$.prototype,"label",void 0),N([l()],$.prototype,"required",void 0),N([l()],$.prototype,"readOnly",void 0),N([l()],$.prototype,"autoValidation",void 0),N([l()],$.prototype,"host",void 0),N([l()],$.prototype,"vegaDatePickerMobileController",void 0),N([l()],$.prototype,"vegaDatePickerSingleInputRenderer",void 0),N([l()],$.prototype,"vegaDatePickerRangeInputRenderer",void 0),N([l()],$.prototype,"vegaDatePickerCalendarRenderer",void 0);var W=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class Z extends p{constructor(){super(...arguments),this.isMobileDevice=b()===y.MOBILE}getIsMobileDevice(){return this.isMobileDevice}preventElementTouchMoveInMobile(){const t=this.host.shadowRoot.querySelector(".litepicker-backdrop");t&&(t.removeEventListener("touchmove",(t=>t.preventDefault())),t.addEventListener("touchmove",(t=>t.preventDefault()))),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().removeEventListener("touchmove",(t=>t.preventDefault())),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().addEventListener("touchmove",(t=>t.preventDefault()))}}W([l()],Z.prototype,"host",void 0),W([l()],Z.prototype,"vegaDatePickerCalendarRenderer",void 0);var U=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class B extends p{constructor(){super(...arguments),this.render=()=>t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getSinglePlaceholder(),value:this.vegaDatePickerValueController.getValue(),ref:t=>this.singleDateInputRef=t,onChange:this.onSingleDateChange,disabled:this.disabled,onClick:()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().show()}})),this.getSinglePlaceholder=()=>this.placeholder?"string"!=typeof this.placeholder?(f.warn("The placeholder should be a string"),this.format):this.placeholder:this.format,this.onSingleDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue(this.vegaDatePickerFormatController.formatDate(e)):(this.vegaDatePickerValueController.setValue(""),this.singleDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldSingleDateInputRef=this.singleDateInputRef}getSingleDateInputRef(){return this.singleDateInputRef}getOldSingleDateInputRef(){return this.oldSingleDateInputRef}}U([l()],B.prototype,"disabled",void 0),U([l()],B.prototype,"placeholder",void 0),U([l()],B.prototype,"format",void 0),U([l()],B.prototype,"vegaDatePickerValueController",void 0),U([l()],B.prototype,"vegaDatePickerFormatController",void 0),U([l()],B.prototype,"vegaDatePickerRenderer",void 0),U([l()],B.prototype,"vegaDatePickerCalendarRenderer",void 0),U([u("componentWillRender")],B.prototype,"componentWillRender",null);var G=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class K extends p{constructor(){super(...arguments),this.render=()=>t(i,null,t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[0],value:this.vegaDatePickerValueController.getValue()[0],ref:t=>this.startDateInputRef=t,onChange:this.onStartDateChange,disabled:this.disabled})),t("span",{class:{"range-input-divider":!0}}),t("div",{class:"date-picker-input"},t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[1],value:this.vegaDatePickerValueController.getValue()[1],ref:t=>this.endDateInputRef=t,onChange:this.onEndDateChange,disabled:this.disabled}))),this.getRangePlaceholder=()=>this.placeholder?Array.isArray(this.placeholder)&&2===this.placeholder.length?this.placeholder:(f.warn("The placeholder should be an array, including start and end placeholder"),["Start Date","End Date"]):["Start Date","End Date"],this.onStartDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerFormatController.formatDate(e),this.vegaDatePickerValueController.getValue()[1]]):(this.vegaDatePickerValueController.setValue(["",this.vegaDatePickerValueController.getValue()[1]]),this.startDateInputRef.value="",f.warn("The date value of ${date} is invalid"))},this.onEndDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],this.vegaDatePickerFormatController.formatDate(e)]):(this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],""]),this.endDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldStartDateInputRef=this.startDateInputRef,this.oldEndDateInputRef=this.endDateInputRef}getStartDateInputRef(){return this.startDateInputRef}getEndDateInputRef(){return this.endDateInputRef}getOldStartDateInputRef(){return this.oldStartDateInputRef}getOldEndDateInputRef(){return this.oldEndDateInputRef}}G([l()],K.prototype,"disabled",void 0),G([l()],K.prototype,"placeholder",void 0),G([l()],K.prototype,"vegaDatePickerValueController",void 0),G([l()],K.prototype,"vegaDatePickerFormatController",void 0),G([l()],K.prototype,"vegaDatePickerRenderer",void 0),G([u("componentWillRender")],K.prototype,"componentWillRender",null);var q=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class X extends p{constructor(){super(...arguments),this.handleClear=()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection(),this.vegaDatePickerValueController.setDefaultValueByMode(),this.vegaDatePickerCalendarRenderer.getDatePicker().hide()},this.shouldUpdateCalendar=t=>{var e,i;const n=(null===(e=this.vegaDatePickerCalendarRenderer.getDatePicker().getStartDate())||void 0===e?void 0:e.format(this.format))||"",r=(null===(i=this.vegaDatePickerCalendarRenderer.getDatePicker().getEndDate())||void 0===i?void 0:i.format(this.format))||"";("single"===this.mode&&t!==n||"range"===this.mode&&!M(t,[n,r]))&&this.updateCalendar()},this.onDatePickerSelected=(t,e)=>{if("range"===this.mode){const i=t.format(this.format),n=e.format(this.format);this.vegaDatePickerRangeInputRenderer.getStartDateInputRef().value=i,this.vegaDatePickerRangeInputRenderer.getEndDateInputRef().value=n,this.vegaDatePickerValueController.syncUpValueWithCalendar()}else this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef().value=t.format(this.format),this.vegaDatePickerValueController.syncUpValueWithCalendar()},this.getDefaultLitePickerConfig=()=>Object.assign(Object.assign({},this.getModeConfig()),{splitView:!1,showTooltip:!1,firstDay:0,minDate:this.minDate,maxDate:this.maxDate,allowRepick:this.allowRepick,format:this.format,plugins:[this.vegaDatePickerMobileController.getIsMobileDevice()?"mobilefriendly":null].filter(Boolean),parentEl:this.vegaDatePickerCalendarRenderer.getCalendarContainerRef()}),this.getModeConfig=()=>({singleMode:"single"===this.mode,numberOfMonths:"single"===this.mode?1:2,numberOfColumns:"single"===this.mode?1:2,startDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),endDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[1]:null,element:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getStartDateInputRef():this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),elementEnd:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getEndDateInputRef():null})}watchMinDate(t){this.minDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({minDate:this.minDate?this.minDate:null}),this.goToDate()}watchMaxDate(t){this.maxDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({maxDate:this.maxDate?this.maxDate:null}),this.goToDate()}watchValue(){this.goToDate()}goToDate(){const t="range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),e=this.vegaDatePickerCalendarRenderer.getDatePicker(),i=new Date;t?e.gotoDate(t,0):this.minDate&&(d(i,new Date(this.minDate))||this.maxDate&&c(i,new Date(this.maxDate)))?e.gotoDate(this.minDate,0):this.maxDate&&c(i,new Date(this.maxDate))?e.gotoDate(this.maxDate,0):e.gotoDate(i,0)}updateCalendar(){if(this.vegaDatePickerCalendarRenderer.getDatePicker()&&("single"===this.mode&&(this.vegaDatePickerValueController.getValue()?this.vegaDatePickerCalendarRenderer.getDatePicker().setDate(this.vegaDatePickerValueController.getValue()):this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()),"range"===this.mode)){const t=this.vegaDatePickerValueController.getValue()[0],e=this.vegaDatePickerValueController.getValue()[1];t&&e?this.vegaDatePickerCalendarRenderer.getDatePicker().setDateRange(t,e):""===t&&""===e&&this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()}}}q([l({writable:!0})],X.prototype,"minDate",void 0),q([l({writable:!0})],X.prototype,"maxDate",void 0),q([l()],X.prototype,"allowRepick",void 0),q([l()],X.prototype,"format",void 0),q([l()],X.prototype,"mode",void 0),q([l()],X.prototype,"vegaDatePickerMobileController",void 0),q([l()],X.prototype,"vegaDatePickerValueController",void 0),q([l()],X.prototype,"vegaDatePickerFormatController",void 0),q([l()],X.prototype,"vegaDatePickerSingleInputRenderer",void 0),q([l()],X.prototype,"vegaDatePickerRangeInputRenderer",void 0),q([l()],X.prototype,"vegaDatePickerCalendarRenderer",void 0),q([u("watchMinDate")],X.prototype,"watchMinDate",null),q([u("watchMaxDate")],X.prototype,"watchMaxDate",null),q([u("watchValue")],X.prototype,"watchValue",null);var J=R((function(t){
+import{h as t,H as e,F as i,r as n,c as r,g as s}from"./p-9777b1c1.js";import{s as o}from"./p-b81bd0bb.js";import{i as a,c as h,a as d,b as c}from"./p-21c9f2c5.js";import{a as l,V as p,M as u,L as f,I as m}from"./p-018d77cc.js";import{V as v,I as g}from"./p-d5c10af1.js";import{F as x}from"./p-507d3a25.js";import{a as w,g as b,D as y}from"./p-320642bd.js";import{D as k}from"./p-e4aa214a.js";import{a as _,e as D}from"./p-f5ebc64a.js";import{V as j}from"./p-a11f00f8.js";import{i as M}from"./p-ee68920f.js";import{c as R}from"./p-639fa6c7.js";import{Z as I}from"./p-f36781c5.js";import{b as C}from"./p-b8a63b73.js";import{C as O}from"./p-853f3963.js";import{S as E,a as z}from"./p-8001b640.js";import{E as V}from"./p-16f9c6f7.js";import{K as S}from"./p-4cef2d0b.js";import{C as L}from"./p-ed4a57a8.js";import{c as P}from"./p-c4542d96.js";import{C as T}from"./p-b32611f0.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-09e7bd51.js";import"./p-8960e876.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-20effa66.js";import"./p-3f20d9f0.js";import"./p-1cb312d1.js";import"./p-344ee7cb.js";import"./p-12d5ed36.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-9b3df371.js";import"./p-0c667d6a.js";import"./p-313cca9b.js";import"./p-c216dfc3.js";import"./p-5f377954.js";import"./p-fd58f10a.js";class A{constructor(t){this.config=t}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Invalid date value ${t} for mode ${this.config.mode}`);let e;switch(this.config.mode){case"single":e=a(t);break;case"range":e=Array.isArray(t)&&2===t.length&&t.every(a)}return{isValid:e,message:e?"":"This field is required"}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){if(null==t)return!0;if(!this.config.mode)throw new Error(`Unexpected type of mode: ${this.config.mode}`);switch(this.config.mode){case"single":return"string"==typeof t;case"range":return Array.isArray(t);default:return!1}}}class H{canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=new Date(t[0]),i=new Date(t[1]),n=h(e,i);return{isValid:n,message:n?"":"The end date should be later than start date"}}isAcceptedInputType(t){return Array.isArray(t)&&2===t.length&&t.every(a)}}class Y{constructor(t){this.evaluateSingleDate=t=>{const e=new Date(t);return this.minDate&&d(e,this.minDate)?this.invalidResult(`The date should be later than ${this.config.minDate}`):this.maxDate&&c(e,this.maxDate)?this.invalidResult(`The date should be earlier than ${this.config.maxDate}`):this.validResult()},this.evaluateRangeDates=t=>{const e=new Date(t[0]),i=new Date(t[1]);return this.minDate&&d(e,this.minDate)?this.invalidResult(`The start date should be later than ${this.config.minDate}`):this.maxDate&&c(e,this.maxDate)?this.invalidResult(`The start date should be earlier than ${this.config.maxDate}`):i&&this.maxDate&&c(i,this.maxDate)?this.invalidResult(`The end date should be earlier than ${this.config.maxDate}`):this.validResult()},this.invalidResult=t=>({isValid:!1,message:t}),this.validResult=()=>({isValid:!0,message:""}),this.config=t,this.minDate=t.minDate?new Date(t.minDate):null,this.maxDate=t.maxDate?new Date(t.maxDate):null}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);return"string"==typeof t?this.evaluateSingleDate(t):this.evaluateRangeDates(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&a(t)||Array.isArray(t)&&2===t.length&&t.every(a)}}const F={"chevron-left":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>'},"chevron-right":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.7063 7.29414C11.0969 7.68477 11.0969 8.31914 10.7063 8.70977L4.70627 14.7098C4.31565 15.1004 3.68127 15.1004 3.29065 14.7098C2.90002 14.3191 2.90002 13.6848 3.29065 13.2941L8.5844 8.00039L3.29377 2.70664C2.90315 2.31602 2.90315 1.68164 3.29377 1.29102C3.6844 0.900391 4.31877 0.900391 4.7094 1.29102L10.7094 7.29102L10.7063 7.29414Z" fill="currentColor"/></svg>'},calendar:{icon:'<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_41275_12898)"><path d="M5.75 2H10.25V0.75C10.25 0.335938 10.5844 0 11 0C11.4156 0 11.75 0.335938 11.75 0.75V2H13C14.1031 2 15 2.89531 15 4V14C15 15.1031 14.1031 16 13 16H3C1.89531 16 1 15.1031 1 14V4C1 2.89531 1.89531 2 3 2H4.25V0.75C4.25 0.335938 4.58437 0 5 0C5.41563 0 5.75 0.335938 5.75 0.75V2ZM2.5 7.75H5V6H2.5V7.75ZM2.5 9.25V11.25H5V9.25H2.5ZM6.5 9.25V11.25H9.5V9.25H6.5ZM11 9.25V11.25H13.5V9.25H11ZM13.5 6H11V7.75H13.5V6ZM13.5 12.75H11V14.5H13C13.275 14.5 13.5 14.275 13.5 14V12.75ZM9.5 12.75H6.5V14.5H9.5V12.75ZM5 12.75H2.5V14C2.5 14.275 2.72375 14.5 3 14.5H5V12.75ZM9.5 6H6.5V7.75H9.5V6Z" fill="currentColor"/></g><defs><clipPath id="clip0_41275_12898"><rect width="14" height="16" fill="white" transform="translate(1)"/></clipPath></defs></svg>'}};var N=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class $ extends p{constructor(){super(...arguments),this.renderInputPrefix=()=>t("div",{class:"vega-input-prefix"},t("vega-icon",{icon:j.getIconKey("calendar"),color:"text-secondary"})),this.isInputEnabled=()=>!this.readOnly&&!this.vegaDatePickerMobileController.getIsMobileDevice(),this.renderLabel=()=>this.label&&t("vega-field-label",{ref:t=>{k.addUniqueObserverToNode(t,_,(()=>{this.focusInput()}))},isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.focusInput=()=>{var t,e;null===(t=this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef())||void 0===t||t.focus(),null===(e=this.vegaDatePickerRangeInputRenderer.getStartDateInputRef())||void 0===e||e.focus(),this.vegaDatePickerCalendarRenderer.getDatePicker().show()}}getDatePickerContainer(){return this.datePickerContainer}render(){const i=["vega-input-container",this.size,`${this.mode}-mode`,this.vegaDatePickerMobileController.getIsMobileDevice()?"mobile":""];return t(e,{class:{disabled:this.disabled}},this.renderLabel(),t("div",{class:w(i),ref:t=>this.datePickerContainer=t},"range"===this.mode?this.vegaDatePickerRangeInputRenderer.render():this.vegaDatePickerSingleInputRenderer.render()))}}j.register({calendar:F.calendar}),N([l()],$.prototype,"disabled",void 0),N([l()],$.prototype,"size",void 0),N([l()],$.prototype,"mode",void 0),N([l()],$.prototype,"label",void 0),N([l()],$.prototype,"required",void 0),N([l()],$.prototype,"readOnly",void 0),N([l()],$.prototype,"autoValidation",void 0),N([l()],$.prototype,"host",void 0),N([l()],$.prototype,"vegaDatePickerMobileController",void 0),N([l()],$.prototype,"vegaDatePickerSingleInputRenderer",void 0),N([l()],$.prototype,"vegaDatePickerRangeInputRenderer",void 0),N([l()],$.prototype,"vegaDatePickerCalendarRenderer",void 0);var W=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class Z extends p{constructor(){super(...arguments),this.isMobileDevice=b()===y.MOBILE}getIsMobileDevice(){return this.isMobileDevice}preventElementTouchMoveInMobile(){const t=this.host.shadowRoot.querySelector(".litepicker-backdrop");t&&(t.removeEventListener("touchmove",(t=>t.preventDefault())),t.addEventListener("touchmove",(t=>t.preventDefault()))),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().removeEventListener("touchmove",(t=>t.preventDefault())),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().addEventListener("touchmove",(t=>t.preventDefault()))}}W([l()],Z.prototype,"host",void 0),W([l()],Z.prototype,"vegaDatePickerCalendarRenderer",void 0);var U=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class B extends p{constructor(){super(...arguments),this.render=()=>t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getSinglePlaceholder(),value:this.vegaDatePickerValueController.getValue(),ref:t=>this.singleDateInputRef=t,onChange:this.onSingleDateChange,disabled:this.disabled,onClick:()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().show()}})),this.getSinglePlaceholder=()=>this.placeholder?"string"!=typeof this.placeholder?(f.warn("The placeholder should be a string"),this.format):this.placeholder:this.format,this.onSingleDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue(this.vegaDatePickerFormatController.formatDate(e)):(this.vegaDatePickerValueController.setValue(""),this.singleDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldSingleDateInputRef=this.singleDateInputRef}getSingleDateInputRef(){return this.singleDateInputRef}getOldSingleDateInputRef(){return this.oldSingleDateInputRef}}U([l()],B.prototype,"disabled",void 0),U([l()],B.prototype,"placeholder",void 0),U([l()],B.prototype,"format",void 0),U([l()],B.prototype,"vegaDatePickerValueController",void 0),U([l()],B.prototype,"vegaDatePickerFormatController",void 0),U([l()],B.prototype,"vegaDatePickerRenderer",void 0),U([l()],B.prototype,"vegaDatePickerCalendarRenderer",void 0),U([u("componentWillRender")],B.prototype,"componentWillRender",null);var G=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class K extends p{constructor(){super(...arguments),this.render=()=>t(i,null,t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[0],value:this.vegaDatePickerValueController.getValue()[0],ref:t=>this.startDateInputRef=t,onChange:this.onStartDateChange,disabled:this.disabled})),t("span",{class:{"range-input-divider":!0}}),t("div",{class:"date-picker-input"},t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[1],value:this.vegaDatePickerValueController.getValue()[1],ref:t=>this.endDateInputRef=t,onChange:this.onEndDateChange,disabled:this.disabled}))),this.getRangePlaceholder=()=>this.placeholder?Array.isArray(this.placeholder)&&2===this.placeholder.length?this.placeholder:(f.warn("The placeholder should be an array, including start and end placeholder"),["Start Date","End Date"]):["Start Date","End Date"],this.onStartDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerFormatController.formatDate(e),this.vegaDatePickerValueController.getValue()[1]]):(this.vegaDatePickerValueController.setValue(["",this.vegaDatePickerValueController.getValue()[1]]),this.startDateInputRef.value="",f.warn("The date value of ${date} is invalid"))},this.onEndDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],this.vegaDatePickerFormatController.formatDate(e)]):(this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],""]),this.endDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldStartDateInputRef=this.startDateInputRef,this.oldEndDateInputRef=this.endDateInputRef}getStartDateInputRef(){return this.startDateInputRef}getEndDateInputRef(){return this.endDateInputRef}getOldStartDateInputRef(){return this.oldStartDateInputRef}getOldEndDateInputRef(){return this.oldEndDateInputRef}}G([l()],K.prototype,"disabled",void 0),G([l()],K.prototype,"placeholder",void 0),G([l()],K.prototype,"vegaDatePickerValueController",void 0),G([l()],K.prototype,"vegaDatePickerFormatController",void 0),G([l()],K.prototype,"vegaDatePickerRenderer",void 0),G([u("componentWillRender")],K.prototype,"componentWillRender",null);var q=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class X extends p{constructor(){super(...arguments),this.handleClear=()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection(),this.vegaDatePickerValueController.setDefaultValueByMode(),this.vegaDatePickerCalendarRenderer.getDatePicker().hide()},this.shouldUpdateCalendar=t=>{var e,i;const n=(null===(e=this.vegaDatePickerCalendarRenderer.getDatePicker().getStartDate())||void 0===e?void 0:e.format(this.format))||"",r=(null===(i=this.vegaDatePickerCalendarRenderer.getDatePicker().getEndDate())||void 0===i?void 0:i.format(this.format))||"";("single"===this.mode&&t!==n||"range"===this.mode&&!M(t,[n,r]))&&this.updateCalendar()},this.onDatePickerSelected=(t,e)=>{if("range"===this.mode){const i=t.format(this.format),n=e.format(this.format);this.vegaDatePickerRangeInputRenderer.getStartDateInputRef().value=i,this.vegaDatePickerRangeInputRenderer.getEndDateInputRef().value=n,this.vegaDatePickerValueController.syncUpValueWithCalendar()}else this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef().value=t.format(this.format),this.vegaDatePickerValueController.syncUpValueWithCalendar()},this.getDefaultLitePickerConfig=()=>Object.assign(Object.assign({},this.getModeConfig()),{splitView:!1,showTooltip:!1,firstDay:0,minDate:this.minDate,maxDate:this.maxDate,allowRepick:this.allowRepick,format:this.format,plugins:[this.vegaDatePickerMobileController.getIsMobileDevice()?"mobilefriendly":null].filter(Boolean),parentEl:this.vegaDatePickerCalendarRenderer.getCalendarContainerRef()}),this.getModeConfig=()=>({singleMode:"single"===this.mode,numberOfMonths:"single"===this.mode?1:2,numberOfColumns:"single"===this.mode?1:2,startDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),endDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[1]:null,element:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getStartDateInputRef():this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),elementEnd:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getEndDateInputRef():null})}watchMinDate(t){this.minDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({minDate:this.minDate?this.minDate:null}),this.goToDate()}watchMaxDate(t){this.maxDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({maxDate:this.maxDate?this.maxDate:null}),this.goToDate()}watchValue(){this.goToDate()}goToDate(){const t="range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),e=this.vegaDatePickerCalendarRenderer.getDatePicker(),i=new Date;t?e.gotoDate(t,0):this.minDate&&(d(i,new Date(this.minDate))||this.maxDate&&c(i,new Date(this.maxDate)))?e.gotoDate(this.minDate,0):this.maxDate&&c(i,new Date(this.maxDate))?e.gotoDate(this.maxDate,0):e.gotoDate(i,0)}updateCalendar(){if(this.vegaDatePickerCalendarRenderer.getDatePicker()&&("single"===this.mode&&(this.vegaDatePickerValueController.getValue()?this.vegaDatePickerCalendarRenderer.getDatePicker().setDate(this.vegaDatePickerValueController.getValue()):this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()),"range"===this.mode)){const t=this.vegaDatePickerValueController.getValue()[0],e=this.vegaDatePickerValueController.getValue()[1];t&&e?this.vegaDatePickerCalendarRenderer.getDatePicker().setDateRange(t,e):""===t&&""===e&&this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()}}}q([l({writable:!0})],X.prototype,"minDate",void 0),q([l({writable:!0})],X.prototype,"maxDate",void 0),q([l()],X.prototype,"allowRepick",void 0),q([l()],X.prototype,"format",void 0),q([l()],X.prototype,"mode",void 0),q([l()],X.prototype,"vegaDatePickerMobileController",void 0),q([l()],X.prototype,"vegaDatePickerValueController",void 0),q([l()],X.prototype,"vegaDatePickerFormatController",void 0),q([l()],X.prototype,"vegaDatePickerSingleInputRenderer",void 0),q([l()],X.prototype,"vegaDatePickerRangeInputRenderer",void 0),q([l()],X.prototype,"vegaDatePickerCalendarRenderer",void 0),q([u("watchMinDate")],X.prototype,"watchMinDate",null),q([u("watchMaxDate")],X.prototype,"watchMaxDate",null),q([u("watchValue")],X.prototype,"watchValue",null);var J=R((function(t){
 /*!
  * 
  * litepicker.umd.js

package/dist/vega/{p-277e29a4.entry.js → p-cfdf4a95.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as i,c as r,H as n,g as a}from"./p-9777b1c1.js";import{a as s,V as o,I as l}from"./p-018d77cc.js";import{g as c,D as d}from"./p-320642bd.js";import{V as m,I as p}from"./p-d5c10af1.js";import{D as h}from"./p-e4aa214a.js";import{b as f,a as b}from"./p-ec045268.js";import{s as g}from"./p-b81bd0bb.js";import{C as v}from"./p-8250b935.js";import{c as x}from"./p-5ebb355b.js";import"./p-853f3963.js";import"./p-d87980fe.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";import"./p-d3f1d3dd.js";var u=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class w extends o{constructor(){super(...arguments),this.isMobile=c()===d.MOBILE}getBreadcrumbContainerRef(){return this.vegaBreadcrumbContainerRef}render(){return e("div",{class:{"vega-breadcrumb":!0,mobile:this.isMobile,collapsed:this.isCollapsed(),"vega-breadcrumb-hidden":this.items.length<=1},ref:e=>this.vegaBreadcrumbContainerRef=e},this.renderItems())}renderItems(){const i=this.items.map(((e,t)=>this.itemRenderer.render(e,{isMobile:this.isMobile,isLastItem:this.items.length===t+1})));return this.isCollapsed()&&i.splice(1,0,this.collapsedItemRenderer.render(this.items.slice(1,this.items.length-1))),e(t,null,i)}isCollapsed(){return!this.isMobile&&"none"!==this.maxItems&&this.maxItems>=4&&this.items.length>this.maxItems}}u([s()],w.prototype,"items",void 0),u([s()],w.prototype,"maxItems",void 0),u([s()],w.prototype,"itemRenderer",void 0),u([s()],w.prototype,"collapsedItemRenderer",void 0);class y extends o{render(t){const i=t.map((e=>({label:e.label,key:e.label})));return e("div",{class:"vega-breadcrumb-item"},e("vega-dropdown",{source:i,placement:["bottom"],alignment:"center",maxHeight:200,ref:e=>{h.addUniqueObserverToNode(e,f,(e=>{this.clickController.dropdownClick(e.detail)}))}},e("vega-text",null,"...")),e("vega-icon",{icon:"chevron-right-rounded",size:"size-12",color:"text-secondary"}))}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],y.prototype,"clickController",void 0);class j extends o{render(t,i){return e("div",{class:"vega-breadcrumb-item",key:t.label},this.renderContent(t,i))}renderContent(i,r){return r.isMobile?e(t,null,this.renderIcon("chevron-left-rounded","text-link"),this.renderLabel(i)):r.isLastItem?this.renderLabel(i,!0):e(t,null,this.renderLabel(i),this.renderIcon("chevron-right-rounded","text-secondary"))}renderIcon(t,i){return e("vega-icon",{icon:t,size:"size-12",color:i})}renderLabel(t,i){return t.tooltip?e("vega-tooltip",{text:t.tooltip,placement:["bottom"]},this.renderLink(t,i)):this.renderLink(t,i)}renderLink(t,i){return i?e("span",{class:"vega-breadcrumb-last-label"},t.label):e("vega-button-link",{label:t.label,ref:e=>{h.addUniqueObserverToNode(e,b,(()=>{this.clickController.click(t)}))}})}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],j.prototype,"clickController",void 0);var k=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class R extends o{click(e){e.href?window.location.href=e.href:this.clickEventEmitter.emit(e)}dropdownClick(e){const t=this.items.find((t=>t.label===e));t&&this.click(t)}}k([s()],R.prototype,"items",void 0),k([s()],R.prototype,"clickEventEmitter",void 0);var I=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const z=class{constructor(e){i(this,e),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.renderer=new w,this.collapsedItemRenderer=new y,this.itemRenderer=new j,this.clickController=new R,this.eventsPrevent=new v([b],(()=>this.renderer.getBreadcrumbContainerRef())),this.clickEventEmitter=x(z,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.maxItems=4,this.items=[]}render(){return g(e(n,null,this.renderer.render()),this.host)}get host(){return a(this)}};I([p()],z.prototype,"globalSlimmers",void 0),I([l()],z.prototype,"renderer",void 0),I([l()],z.prototype,"collapsedItemRenderer",void 0),I([l()],z.prototype,"itemRenderer",void 0),I([l()],z.prototype,"clickController",void 0),I([l()],z.prototype,"eventsPrevent",void 0),I([l()],z.prototype,"clickEventEmitter",void 0),I([l()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}';export{z as vega_breadcrumb}
+import{h as e,F as t,r as i,c as r,H as n,g as a}from"./p-9777b1c1.js";import{a as s,V as o,I as l}from"./p-018d77cc.js";import{g as c,D as d}from"./p-320642bd.js";import{V as m,I as p}from"./p-d5c10af1.js";import{D as h}from"./p-e4aa214a.js";import{b as f,a as b}from"./p-f5ebc64a.js";import{s as g}from"./p-b81bd0bb.js";import{C as v}from"./p-b32611f0.js";import{c as x}from"./p-c4542d96.js";import"./p-853f3963.js";import"./p-c216dfc3.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";import"./p-d3f1d3dd.js";var u=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class w extends o{constructor(){super(...arguments),this.isMobile=c()===d.MOBILE}getBreadcrumbContainerRef(){return this.vegaBreadcrumbContainerRef}render(){return e("div",{class:{"vega-breadcrumb":!0,mobile:this.isMobile,collapsed:this.isCollapsed(),"vega-breadcrumb-hidden":this.items.length<=1},ref:e=>this.vegaBreadcrumbContainerRef=e},this.renderItems())}renderItems(){const i=this.items.map(((e,t)=>this.itemRenderer.render(e,{isMobile:this.isMobile,isLastItem:this.items.length===t+1})));return this.isCollapsed()&&i.splice(1,0,this.collapsedItemRenderer.render(this.items.slice(1,this.items.length-1))),e(t,null,i)}isCollapsed(){return!this.isMobile&&"none"!==this.maxItems&&this.maxItems>=4&&this.items.length>this.maxItems}}u([s()],w.prototype,"items",void 0),u([s()],w.prototype,"maxItems",void 0),u([s()],w.prototype,"itemRenderer",void 0),u([s()],w.prototype,"collapsedItemRenderer",void 0);class y extends o{render(t){const i=t.map((e=>({label:e.label,key:e.label})));return e("div",{class:"vega-breadcrumb-item"},e("vega-dropdown",{source:i,placement:["bottom"],alignment:"center",maxHeight:200,ref:e=>{h.addUniqueObserverToNode(e,f,(e=>{this.clickController.dropdownClick(e.detail)}))}},e("vega-text",null,"...")),e("vega-icon",{icon:"chevron-right-rounded",size:"size-12",color:"text-secondary"}))}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],y.prototype,"clickController",void 0);class j extends o{render(t,i){return e("div",{class:"vega-breadcrumb-item",key:t.label},this.renderContent(t,i))}renderContent(i,r){return r.isMobile?e(t,null,this.renderIcon("chevron-left-rounded","text-link"),this.renderLabel(i)):r.isLastItem?this.renderLabel(i,!0):e(t,null,this.renderLabel(i),this.renderIcon("chevron-right-rounded","text-secondary"))}renderIcon(t,i){return e("vega-icon",{icon:t,size:"size-12",color:i})}renderLabel(t,i){return t.tooltip?e("vega-tooltip",{text:t.tooltip,placement:["bottom"]},this.renderLink(t,i)):this.renderLink(t,i)}renderLink(t,i){return i?e("span",{class:"vega-breadcrumb-last-label"},t.label):e("vega-button-link",{label:t.label,ref:e=>{h.addUniqueObserverToNode(e,b,(()=>{this.clickController.click(t)}))}})}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],j.prototype,"clickController",void 0);var k=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class R extends o{click(e){e.href?window.location.href=e.href:this.clickEventEmitter.emit(e)}dropdownClick(e){const t=this.items.find((t=>t.label===e));t&&this.click(t)}}k([s()],R.prototype,"items",void 0),k([s()],R.prototype,"clickEventEmitter",void 0);var I=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const z=class{constructor(e){i(this,e),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.renderer=new w,this.collapsedItemRenderer=new y,this.itemRenderer=new j,this.clickController=new R,this.eventsPrevent=new v([b],(()=>this.renderer.getBreadcrumbContainerRef())),this.clickEventEmitter=x(z,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.maxItems=4,this.items=[]}render(){return g(e(n,null,this.renderer.render()),this.host)}get host(){return a(this)}};I([p()],z.prototype,"globalSlimmers",void 0),I([l()],z.prototype,"renderer",void 0),I([l()],z.prototype,"collapsedItemRenderer",void 0),I([l()],z.prototype,"itemRenderer",void 0),I([l()],z.prototype,"clickController",void 0),I([l()],z.prototype,"eventsPrevent",void 0),I([l()],z.prototype,"clickEventEmitter",void 0),I([l()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}';export{z as vega_breadcrumb}

package/dist/vega/{p-bd19100b.entry.js → p-d5e0c79c.entry.js}

@@ -1 +1 @@
-import{r as t,c as r,h as a,H as e,g as o}from"./p-9777b1c1.js";import{s as i}from"./p-b81bd0bb.js";import{i as n}from"./p-6c92c2f5.js";import{C as c}from"./p-853f3963.js";import{F as v,a as s}from"./p-bb491bed.js";import{I as l}from"./p-018d77cc.js";import{V as b,I as d}from"./p-d5c10af1.js";import{c as g}from"./p-5ebb355b.js";import{a as p}from"./p-ec045268.js";import{C as x}from"./p-8250b935.js";import"./p-12d5ed36.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-9b3df371.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-0b0c7f31.js";import"./p-d3f1d3dd.js";import"./p-e4aa214a.js";import"./p-d87980fe.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";const h=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"The circular button is rendered with the bg-action background color, which typically signifies a primary or important action",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"The circular button is rendered with a transparent background and an action border color. This variant is often used for secondary or less prominent actions",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_ICON_ONLY",payloadDescription:"The circular button is rendered with an icon displayed in the default state, and the circle background appears when hovering over the button",payloadValue:t=>"icon-only"===t.variant}];var u=function(t,r,a,e){var o,i=arguments.length,n=i<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(n=(i<3?o(n):i>3?o(r,a,n):o(r,a))||n);return i>3&&n&&Object.defineProperty(r,a,n),n};const y=class{constructor(a){t(this,a),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=g(y,p),this.eventPrevent=new x([p],(()=>this.host),{useCapture:!0,customPreventHandle:t=>{this.disabled&&t.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(h),this.size="default",this.variant="primary",this.disabled=!1,this.danger=!1,this.type="button",this.iconColor="text-primary",this.showTooltip=!0,this.handleClick=t=>{this.disabled?t.preventDefault():(["submit","reset"].includes(this.type)&&c.notify("submit"===this.type?v:s,{host:this.host}),this.clickEventEmitter.emit(void 0,t))}}componentWillLoad(){this.host.innerHTML=""}render(){var t;return i(a(e,null,a("vega-tooltip",{text:this.label,trigger:this.label&&this.showTooltip&&!this.disabled?"hover":"none",disableInteractive:null===(t=this.tooltip)||void 0===t?void 0:t.disableInteractive},this.renderButton())),this.host)}renderButton(){var t;return a("button",{type:this.type,"aria-label":(null===(t=this.label)||void 0===t?void 0:t.trim())||"No label defined",class:{[`vega-button-circle-size-${this.size}`]:!0,[`vega-button-circle-variant-${this.variant}`]:!0,"vega-button-circle-danger":this.danger,"vega-button-circle-disabled":this.disabled,[`${n(this.iconColor)}`]:"icon-only"==this.variant},onClick:this.handleClick,disabled:this.disabled,part:"button"},this.renderContent())}renderContent(){return a("vega-icon",{icon:this.icon,size:this.getIconSize(this.size),part:"icon"})}getIconSize(t){switch(t){case"large":return"size-24";case"extra-small":return"size-12";default:return"size-16"}}get host(){return o(this)}};u([d()],y.prototype,"globalSlimmers",void 0),u([l()],y.prototype,"clickEventEmitter",void 0),u([l()],y.prototype,"eventPrevent",void 0),u([l()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host{display:inline-block}button{border-radius:9999px;cursor:pointer;outline:2px solid transparent;outline-offset:2px;line-height:normal}button:focus{outline:none}.vega-button-circle-size-extra-small{width:24px;height:24px;padding:6px}.vega-button-circle-size-extra-small vega-icon{vertical-align:top}.vega-button-circle-size-small{width:32px;height:32px;padding:8px}.vega-button-circle-size-default{width:40px;height:40px;padding:12px}.vega-button-circle-size-large{width:56px;height:56px;padding:16px}.vega-button-circle-size-extra-small.vega-button-circle-variant-secondary{padding:4px}.vega-button-circle-size-small.vega-button-circle-variant-secondary{padding:6px}.vega-button-circle-size-default.vega-button-circle-variant-secondary{padding:10px}.vega-button-circle-size-large.vega-button-circle-variant-secondary{padding:14px}.vega-button-circle-variant-primary{border-width:0px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-button-circle-variant-primary:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-button-circle-variant-primary:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-button-circle-variant-primary:focus-visible{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-secondary{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1))}.vega-button-circle-variant-secondary:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}.vega-button-circle-variant-secondary:active{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}.vega-button-circle-variant-secondary:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-icon-only{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px}.vega-button-circle-variant-icon-only:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}.vega-button-circle-variant-icon-only:active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}.vega-button-circle-variant-icon-only:focus-visible{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-primary.vega-button-circle-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-variant-secondary.vega-button-circle-danger{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}.vega-button-circle-variant-secondary.vega-button-circle-danger:hover{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}.vega-button-circle-variant-secondary.vega-button-circle-danger:active{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}.vega-button-circle-variant-secondary.vega-button-circle-danger:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-variant-icon-only.vega-button-circle-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:focus-visible{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0));box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-disabled{pointer-events:none}.vega-button-circle-disabled:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}.vega-button-circle-variant-primary.vega-button-circle-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-button-circle-variant-secondary.vega-button-circle-disabled{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-disabled{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border-width:0px}.vega-button-circle-disabled:focus{box-shadow:unset !important}";export{y as vega_button_circle}
+import{r as t,c as r,h as a,H as e,g as o}from"./p-9777b1c1.js";import{s as i}from"./p-b81bd0bb.js";import{i as c}from"./p-6c92c2f5.js";import{C as n}from"./p-853f3963.js";import{F as v,a as s}from"./p-b8a63b73.js";import{I as l}from"./p-018d77cc.js";import{V as b,I as d}from"./p-d5c10af1.js";import{c as g}from"./p-c4542d96.js";import{a as p}from"./p-f5ebc64a.js";import{C as x}from"./p-b32611f0.js";import"./p-12d5ed36.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-9b3df371.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-0b0c7f31.js";import"./p-d3f1d3dd.js";import"./p-e4aa214a.js";import"./p-c216dfc3.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";const h=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"The circular button is rendered with the bg-action background color, which typically signifies a primary or important action",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"The circular button is rendered with a transparent background and an action border color. This variant is often used for secondary or less prominent actions",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_ICON_ONLY",payloadDescription:"The circular button is rendered with an icon displayed in the default state, and the circle background appears when hovering over the button",payloadValue:t=>"icon-only"===t.variant}];var u=function(t,r,a,e){var o,i=arguments.length,c=i<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,r,a,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(c=(i<3?o(c):i>3?o(r,a,c):o(r,a))||c);return i>3&&c&&Object.defineProperty(r,a,c),c};const y=class{constructor(a){t(this,a),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=g(y,p),this.eventPrevent=new x([p],(()=>this.host),{useCapture:!0,customPreventHandle:t=>{this.disabled&&t.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(h),this.size="default",this.variant="primary",this.disabled=!1,this.danger=!1,this.type="button",this.iconColor="text-primary",this.showTooltip=!0,this.handleClick=t=>{this.disabled?t.preventDefault():(["submit","reset"].includes(this.type)&&n.notify("submit"===this.type?v:s,{host:this.host}),this.clickEventEmitter.emit(void 0,t))}}componentWillLoad(){this.host.innerHTML=""}render(){var t;return i(a(e,null,a("vega-tooltip",{text:this.label,trigger:this.label&&this.showTooltip&&!this.disabled?"hover":"none",disableInteractive:null===(t=this.tooltip)||void 0===t?void 0:t.disableInteractive},this.renderButton())),this.host)}renderButton(){var t;return a("button",{type:this.type,"aria-label":(null===(t=this.label)||void 0===t?void 0:t.trim())||"No label defined",class:{[`vega-button-circle-size-${this.size}`]:!0,[`vega-button-circle-variant-${this.variant}`]:!0,"vega-button-circle-danger":this.danger,"vega-button-circle-disabled":this.disabled,[`${c(this.iconColor)}`]:"icon-only"==this.variant},onClick:this.handleClick,disabled:this.disabled,part:"button"},this.renderContent())}renderContent(){return a("vega-icon",{icon:this.icon,size:this.getIconSize(this.size),part:"icon"})}getIconSize(t){switch(t){case"large":return"size-24";case"extra-small":return"size-12";default:return"size-16"}}get host(){return o(this)}};u([d()],y.prototype,"globalSlimmers",void 0),u([l()],y.prototype,"clickEventEmitter",void 0),u([l()],y.prototype,"eventPrevent",void 0),u([l()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host{display:inline-block}button{border-radius:9999px;cursor:pointer;outline:2px solid transparent;outline-offset:2px;line-height:normal}button:focus{outline:none}.vega-button-circle-size-extra-small{width:24px;height:24px;padding:6px}.vega-button-circle-size-extra-small vega-icon{vertical-align:top}.vega-button-circle-size-small{width:32px;height:32px;padding:8px}.vega-button-circle-size-default{width:40px;height:40px;padding:12px}.vega-button-circle-size-large{width:56px;height:56px;padding:16px}.vega-button-circle-size-extra-small.vega-button-circle-variant-secondary{padding:4px}.vega-button-circle-size-small.vega-button-circle-variant-secondary{padding:6px}.vega-button-circle-size-default.vega-button-circle-variant-secondary{padding:10px}.vega-button-circle-size-large.vega-button-circle-variant-secondary{padding:14px}.vega-button-circle-variant-primary{border-width:0px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-button-circle-variant-primary:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-button-circle-variant-primary:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-button-circle-variant-primary:focus-visible{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-secondary{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1))}.vega-button-circle-variant-secondary:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}.vega-button-circle-variant-secondary:active{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}.vega-button-circle-variant-secondary:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-icon-only{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px}.vega-button-circle-variant-icon-only:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}.vega-button-circle-variant-icon-only:active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}.vega-button-circle-variant-icon-only:focus-visible{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-primary.vega-button-circle-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-variant-secondary.vega-button-circle-danger{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}.vega-button-circle-variant-secondary.vega-button-circle-danger:hover{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}.vega-button-circle-variant-secondary.vega-button-circle-danger:active{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}.vega-button-circle-variant-secondary.vega-button-circle-danger:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-variant-icon-only.vega-button-circle-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:focus-visible{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0));box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-disabled{pointer-events:none}.vega-button-circle-disabled:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}.vega-button-circle-variant-primary.vega-button-circle-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-button-circle-variant-secondary.vega-button-circle-disabled{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-disabled{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border-width:0px}.vega-button-circle-disabled:focus{box-shadow:unset !important}";export{y as vega_button_circle}

package/dist/vega/{p-1c1ebbbf.entry.js → p-d7b21179.entry.js}

@@ -1 +1 @@
-import{h as e,H as t,r as i,c as o,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{R as n}from"./p-4c6f6317.js";import{a as s,V as l,M as d,I as p}from"./p-018d77cc.js";import{R as c}from"./p-9b3df371.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-d5c10af1.js";import{D as u}from"./p-e4aa214a.js";import{a as f,e as m,r as b,s as x}from"./p-ec045268.js";import{b as w}from"./p-bb491bed.js";import{C as y}from"./p-853f3963.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-9ade952e.js";import{F as I}from"./p-d165d4b7.js";import{f as C,d as k}from"./p-320642bd.js";import{C as U}from"./p-8250b935.js";import{c as O}from"./p-5ebb355b.js";import"./p-12d5ed36.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-469bc36e.js";import"./p-0bb29d98.js";import"./p-d3f1d3dd.js";import"./p-09e7bd51.js";import"./p-8960e876.js";import"./p-20effa66.js";import"./p-27327fc6.js";import"./p-69b28805.js";import"./p-d87980fe.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";var z=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n            <div style='text-align: center'>\n                <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n            </div>\n        `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);var q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
+import{h as e,H as t,r as i,c as o,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{R as n}from"./p-4c6f6317.js";import{a as s,V as l,M as d,I as p}from"./p-018d77cc.js";import{R as c}from"./p-9b3df371.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-d5c10af1.js";import{D as f}from"./p-e4aa214a.js";import{a as u,e as m,r as b,s as x}from"./p-f5ebc64a.js";import{b as w}from"./p-b8a63b73.js";import{C as y}from"./p-853f3963.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-9ade952e.js";import{F as I}from"./p-507d3a25.js";import{f as C,d as k}from"./p-320642bd.js";import{C as U}from"./p-b32611f0.js";import{c as O}from"./p-c4542d96.js";import"./p-12d5ed36.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-469bc36e.js";import"./p-0bb29d98.js";import"./p-d3f1d3dd.js";import"./p-09e7bd51.js";import"./p-8960e876.js";import"./p-20effa66.js";import"./p-3f20d9f0.js";import"./p-ee68920f.js";import"./p-c216dfc3.js";import"./p-5f377954.js";import"./p-fd58f10a.js";import"./p-639fa6c7.js";var z=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,u,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n            <div style='text-align: center'>\n                <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n            </div>\n        `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);var q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}