@globalpayments/vega 2.95.0 → 2.97.0

package/dist/vega/p-b8c13ac9.entry.js

@@ -1 +0,0 @@
-import{h as e,r as t,c as i,H as s,g as o}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-8ce9e214.js";import{c as p}from"./p-66647244.js";import{d as v}from"./p-5447a8e8.js";import{C as f}from"./p-2d0d575f.js";import{j as b,g,R as u,F as m}from"./p-cb378636.js";import{S as x}from"./p-29e3eb12.js";import{i as y}from"./p-3a68b729.js";import{f as w}from"./p-528748fa.js";import{O as j}from"./p-331a62d5.js";import{d as k}from"./p-526e3634.js";import{C as R}from"./p-2c737fc8.js";import{C}from"./p-014cd411.js";import{c as S}from"./p-3f183b52.js";import{F as E}from"./p-320091b7.js";import{R as O}from"./p-8bc15ed0.js";import"./p-6a334573.js";import"./p-8c30a60d.js";import"./p-b75ee3ba.js";import"./p-5f377954.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-02841589.js";import"./p-8b5d3a52.js";import"./p-0d18368b.js";import"./p-f0e828d8.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";var z=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class I extends a{constructor(){super(...arguments),this.activate=()=>{this.disabled||"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},this.handleTileKeydown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),this.activate())}}getSelectorContainerRef(){return this.selectorContainerRef}getAccessibleName(){return this.titleText?this.note?`${this.titleText}, ${this.note}`:this.titleText:(this.host.innerText||this.host.textContent||"").replace(/\s+/g," ").trim()||this.value||""}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError}},e("div",{class:"vega-flex-grow","aria-hidden":"true"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",Object.assign({"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select","aria-hidden":"true"},{inert:!0},{ref:e=>this.selectorContainerRef=e}),"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}z([n()],I.prototype,"host",void 0),z([n()],I.prototype,"prefixIcon",void 0),z([n()],I.prototype,"titleText",void 0),z([n()],I.prototype,"note",void 0),z([n()],I.prototype,"selectType",void 0),z([n()],I.prototype,"disabled",void 0),z([n()],I.prototype,"checked",void 0),z([n()],I.prototype,"showError",void 0),z([n()],I.prototype,"value",void 0),z([n()],I.prototype,"checkedController",void 0);var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),f.notify(b,{host:this.host,detail:{checked:e,value:this.value}})}}T([n()],V.prototype,"host",void 0),T([n({writable:!0})],V.prototype,"checked",void 0),T([n()],V.prototype,"changeEventEmitter",void 0),T([n()],V.prototype,"value",void 0);var N=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends x{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}},{subStateName:"distributeEvenly",parentStateName:"distributeEvenly"}]})}}N([n()],A.prototype,"host",void 0),N([n({writable:!0})],A.prototype,"selectType",void 0),N([n({writable:!0})],A.prototype,"disabled",void 0),N([n()],A.prototype,"checked",void 0),N([n()],A.prototype,"value",void 0),N([n()],A.prototype,"checkedController",void 0),N([n({writable:!0})],A.prototype,"distributeEvenly",void 0);var F=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class D extends a{connectedCallback(){this.selectionTileGroup=w(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new j(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),f.register(k.getSubject(this.selectionTileGroup||this.host,y),this.fieldErrorObserver)}disconnectedCallback(){f.unregister(k.getSubject(this.selectionTileGroup,y),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}F([n({writable:!0})],D.prototype,"showError",void 0),F([n()],D.prototype,"host",void 0),F([l("connectedCallback")],D.prototype,"connectedCallback",null),F([l("disconnectedCallback")],D.prototype,"disconnectedCallback",null);var G=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const _=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new I,this.checkedController=new V,this.stateController=new A,this.showErrorController=new D,this.changeEventEmitter=p(_,v),this.checkboxEventPrevent=new R([v],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new C(g,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new C(u,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.distributeEvenly=!1,this.titleText="",this.disabled=!1,this.selectType="radio",this.onHostClick=()=>{this.renderer.activate()},this.onHostKeyDown=e=>{this.renderer.handleTileKeydown(e)}}render(){return r(e(s,{role:"checkbox"===this.selectType?"checkbox":"radio","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.renderer.getAccessibleName()||void 0,tabindex:this.disabled?-1:0,class:{"distribute-evenly":this.distributeEvenly},onClick:this.onHostClick,onKeyDown:this.onHostKeyDown},this.renderer.render()),this.host)}get host(){return o(this)}};G([d()],_.prototype,"globalSlimmers",void 0),G([c()],_.prototype,"renderer",void 0),G([c()],_.prototype,"checkedController",void 0),G([c()],_.prototype,"stateController",void 0),G([c()],_.prototype,"showErrorController",void 0),G([c()],_.prototype,"changeEventEmitter",void 0),G([c()],_.prototype,"checkboxEventPrevent",void 0),G([c()],_.prototype,"checkboxValueChangeObserver",void 0),G([c()],_.prototype,"radioValueChangeObserver",void 0),G([c()],_.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_.style=':host::not(.distribute-evenly){display:block}:host(.distribute-evenly){display:flex;width:100%}:host(.distribute-evenly) .selection-tile{flex:1}:host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile.disabled{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{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){:host .selection-tile .selection-tile-title{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){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}:host(:focus-visible){outline:none}:host(:focus-visible:not([aria-disabled=true])) .selection-tile{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) .selection-tile.checked{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) .selection-tile.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return e("vega-field-label",{isFieldRequired:this.required,label:this.label,disabled:this.disabled,tabindex:0,optional:this.optional})}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("span",{tabindex:0,"aria-label":this.hint},e("span",{"aria-hidden":"true"},this.hint)))}}P([n()],q.prototype,"host",void 0),P([n()],q.prototype,"label",void 0),P([n()],q.prototype,"required",void 0),P([n()],q.prototype,"optional",void 0),P([n()],q.prototype,"hint",void 0),P([n()],q.prototype,"layout",void 0),P([n()],q.prototype,"disabled",void 0),P([n()],q.prototype,"itemsController",void 0);var L=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends a{watchValue(){this.changeEventEmitter.emit(this.value),f.notify(m,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}L([n()],M.prototype,"host",void 0),L([n({writable:!0})],M.prototype,"value",void 0),L([n()],M.prototype,"selectType",void 0),L([n()],M.prototype,"changeEventEmitter",void 0),L([n()],M.prototype,"itemsController",void 0),L([l("watchValue")],M.prototype,"watchValue",null);var H=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class U extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}H([n()],U.prototype,"host",void 0),H([n()],U.prototype,"selectType",void 0),H([n()],U.prototype,"valueController",void 0),H([l("componentWillLoad")],U.prototype,"initSelectionTileArray",null);var $=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const K=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new q,this.itemsController=new U,this.valueController=new M,this.formFieldController=new E({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=p(K,v),this.checkboxEventPrevent=new R([v],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new C(b,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=S(K,"selectType","watchSelectType"),this.disabledNotifySlimmer=S(K,"disabled","watchDisabled"),this.valueNotifySlimmer=S(K,"value","watchValue"),this.distributeEvenlyNotifySlimmer=S(K,"distributeEvenly","watchDistributeEvenly"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.distributeEvenly=!1,this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.optional=!1,this.validationRules=[],this.isValid=null}watchDistributeEvenly(){}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{distributeEvenly:["watchDistributeEvenly"],selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};$([d()],K.prototype,"globalSlimmers",void 0),$([c()],K.prototype,"renderer",void 0),$([c()],K.prototype,"itemsController",void 0),$([c()],K.prototype,"valueController",void 0),$([c()],K.prototype,"formFieldController",void 0),$([c()],K.prototype,"changeEventEmitter",void 0),$([c()],K.prototype,"checkboxEventPrevent",void 0),$([c()],K.prototype,"selectionTileChangeObserver",void 0),$([c()],K.prototype,"selectTypeNotifySlimmer",void 0),$([c()],K.prototype,"disabledNotifySlimmer",void 0),$([c()],K.prototype,"valueNotifySlimmer",void 0),$([c()],K.prototype,"distributeEvenlyNotifySlimmer",void 0),$([c()],K.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),K.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;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))}@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-hidden{display:none}:host vega-field-label{margin-bottom:16px}:host .vega-hint{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));padding-top:12px}@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{_ as vega_selection_tile,K as vega_selection_tile_group}

package/dist/vega/p-ba2b9663.entry.js

@@ -1 +0,0 @@
-import{h as e,H as t,F as i,r as a,c as n,g as r}from"./p-6b2342e0.js";import{s as o}from"./p-519a7d55.js";import{D as s}from"./p-b1eb9ff0.js";import{a4 as d,U as h,a5 as l,a6 as c,C as m,a7 as p,a as g,a8 as f}from"./p-8db904dc.js";import{I as x}from"./p-abd7aeaa.js";import{c as u,V as v,L as w,M as y,I as b}from"./p-6e1ab235.js";import{V as _,I as C}from"./p-8ce9e214.js";import{F as k}from"./p-320091b7.js";import{a as D,e as I,g as z,D as R}from"./p-528748fa.js";import{D as S,d as j}from"./p-526e3634.js";import{a as M,x as O,w as P,v as E,U as V,i as L,d as A,V as T,z as $,A as Y,y as F}from"./p-5447a8e8.js";import{V as H}from"./p-6031bed1.js";import{c as B}from"./p-3a620268.js";import{i as N}from"./p-d27ae9ff.js";import{V as W}from"./p-0d18368b.js";import{F as U}from"./p-87a4d75f.js";import{t as K}from"./p-b75ee3ba.js";import{g as Z}from"./p-8b5d3a52.js";import{F as G}from"./p-cb378636.js";import{C as q}from"./p-2d0d575f.js";import{S as J}from"./p-919cddc3.js";import{S as X}from"./p-3c309a38.js";import{K as Q}from"./p-f1974321.js";import{C as ee}from"./p-75b58efe.js";import{c as te}from"./p-66647244.js";import{C as ie}from"./p-2c737fc8.js";import{T as ae}from"./p-6cde45fc.js";import{c as ne}from"./p-6a334573.js";import{E as re}from"./p-9f7154d2.js";import{S as oe}from"./p-1fb56e14.js";import{C as se}from"./p-8187878e.js";import{A as de}from"./p-a2bd621e.js";import{A as he,B as le}from"./p-3a68b729.js";import{O as ce}from"./p-331a62d5.js";import{M as me}from"./p-b4e7c967.js";import{R as pe}from"./p-3dee1e55.js";import{P as ge}from"./p-81dd00d0.js";import"./p-ed45b3b6.js";import"./p-d4ea8e22.js";import"./p-b438e68b.js";import"./p-02841589.js";import"./p-f0e828d8.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-29e3eb12.js";import"./p-ffdc25ec.js";import"./p-afcd8f04.js";import"./p-262ec334.js";import"./p-982747ef.js";import"./p-b775e51f.js";import"./p-88a6c89a.js";import"./p-75e33859.js";import"./p-8c30a60d.js";import"./p-5f377954.js";import"./p-781fd6e0.js";import"./p-49a2e141.js";import"./p-0c667d6a.js";class fe extends x{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=new Date(e[0]),i=new Date(e[1]),a=d(t,i);return{isValid:a,message:a?"":"The end date should be later than start date"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every(h)}}class xe extends x{constructor(e){super(),this.evaluateSingleDate=e=>{const t=new Date(e);return this.minDate&&l(t,this.minDate)?this.invalidResult({key:"The date should be later than {0}",args:[this.config.minDate]}):this.maxDate&&c(t,this.maxDate)?this.invalidResult({key:"The date should be earlier than {0}",args:[this.config.maxDate]}):this.validResult()},this.evaluateRangeDates=e=>{const t=new Date(e[0]),i=new Date(e[1]);return this.minDate&&l(t,this.minDate)?this.invalidResult({key:"The start date should be later than {0}",args:[this.config.minDate]}):this.maxDate&&c(t,this.maxDate)?this.invalidResult({key:"The start date should be earlier than {0}",args:[this.config.maxDate]}):i&&this.maxDate&&c(i,this.maxDate)?this.invalidResult({key:"The end date should be earlier than {0}",args:[this.config.maxDate]}):this.validResult()},this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.config=e,this.minDate=e.minDate?new Date(e.minDate):null,this.maxDate=e.maxDate?new Date(e.maxDate):null}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);return"string"==typeof e?this.evaluateSingleDate(e):this.evaluateRangeDates(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return"string"==typeof e&&h(e)||Array.isArray(e)&&2===e.length&&e.every(h)}}const ue={"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>'},"caret-down":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path d="M199 401c9.4 9.4 24.6 9.4 33.9 0L425 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L41 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L199 401z"/></svg>'},"bulls-eye":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM256 368a112 112 0 1 0 0-224 112 112 0 1 0 0 224zm0-272a160 160 0 1 1 0 320 160 160 0 1 1 0-320zm0 176a16 16 0 1 0 0-32 16 16 0 1 0 0 32zm0-80a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>'}};var ve=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class we extends v{constructor(){super(...arguments),this.renderInputPrefix=()=>e("div",{class:"vega-input-prefix","aria-hidden":"true"},e("vega-icon",{icon:H.getIconKey("calendar"),color:"text-secondary",onClick:async()=>{this.disabled||(await this.focusInput(),await this.vegaDatePickerCalendarRenderer.triggerRepick("start"))}})),this.isInputEnabled=()=>!this.readOnly&&!this.isMobileDevice,this.renderLabel=()=>this.label&&e("vega-field-label",{ref:e=>{S.addUniqueObserverToNode(e,M,(async()=>{await this.focusInput()}))},isFieldRequired:this.required,disabled:this.disabled,optional:this.optional,label:this.label}),this.focusInput=async()=>{var e,t;null===(e=this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef())||void 0===e||e.focus(),null===(t=this.vegaDatePickerRangeInputRenderer.getStartDateInputRef())||void 0===t||t.focus(),await this.calendarOpenStateController.showCalendar()}}getDatePickerContainer(){return this.datePickerContainer}render(){const i=["vega-input-container",this.size,`${this.mode}-mode`,this.isMobileDevice?"mobile":""];return e(t,{class:{disabled:this.disabled}},this.renderLabel(),e("div",{class:D(i),ref:e=>this.datePickerContainer=e},"range"===this.mode?this.vegaDatePickerRangeInputRenderer.render():this.vegaDatePickerSingleInputRenderer.render()),this.vegaDatePickerCalendarRenderer.render())}}H.register({calendar:ue.calendar}),ve([u()],we.prototype,"disabled",void 0),ve([u()],we.prototype,"size",void 0),ve([u()],we.prototype,"mode",void 0),ve([u()],we.prototype,"label",void 0),ve([u()],we.prototype,"required",void 0),ve([u()],we.prototype,"optional",void 0),ve([u()],we.prototype,"readOnly",void 0),ve([u()],we.prototype,"autoValidation",void 0),ve([u()],we.prototype,"host",void 0),ve([u()],we.prototype,"isMobileDevice",void 0),ve([u()],we.prototype,"vegaDatePickerSingleInputRenderer",void 0),ve([u()],we.prototype,"vegaDatePickerRangeInputRenderer",void 0),ve([u()],we.prototype,"vegaDatePickerCalendarRenderer",void 0),ve([u()],we.prototype,"calendarOpenStateController",void 0);var ye=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class be extends v{constructor(){super(...arguments),this.onClickClearIcon=async()=>{this.vegaDatePickerValueController.setValue("range"===this.mode?["",""]:""),this.isCalendarShow&&await this.calendarOpenStateController.hideCalendar(),this.focusInput()},this.isClearIconVisible=()=>{if("range"===this.mode){const e=this.vegaDatePickerValueController.getValue();return!this.disabled&&!N(e,["",""])}{const e=this.vegaDatePickerValueController.getValue();return!this.disabled&&Boolean(e.length)}}}renderClearIcon(){return e(i,null,this.showClearIcon&&this.isClearIconVisible()&&e("div",{class:"vega-input-clear-icon",tabIndex:-1,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:B()},e("vega-icon",{icon:"close"})))}}ye([u()],be.prototype,"disabled",void 0),ye([u()],be.prototype,"showClearIcon",void 0),ye([u()],be.prototype,"mode",void 0),ye([u()],be.prototype,"isCalendarShow",void 0),ye([u()],be.prototype,"vegaDatePickerValueController",void 0),ye([u()],be.prototype,"calendarOpenStateController",void 0);var _e=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Ce extends be{constructor(){super(...arguments),this.render=()=>e("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),e("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getSinglePlaceholder(),value:this.vegaDatePickerValueController.getValue(),ref:e=>this.singleDateInputRef=e,onChange:this.onSingleDateChange,disabled:this.disabled,role:"combobox","aria-label":this.label?`${this.label}, ${this.translationSlimmer.t("date picker")}`:this.translationSlimmer.t("date picker"),"aria-haspopup":"dialog","aria-expanded":`${this.isCalendarShow}`,"aria-controls":this.vegaDatePickerCalendarRenderer.getCalendarId(),onClick:()=>this.calendarOpenStateController.showCalendar()}),this.renderClearIcon()),this.getSinglePlaceholder=()=>this.placeholder?"string"!=typeof this.placeholder?(w.warn("The placeholder should be a string"),this.format):this.placeholder:this.format,this.onSingleDateChange=e=>{const t=e.currentTarget.value;m.fromString(t,this.format)?this.vegaDatePickerValueController.setValue(this.vegaDatePickerFormatController.formatDate(t)):(this.vegaDatePickerValueController.setValue(""),this.singleDateInputRef.value="",w.warn("The date value of ${date} is invalid"))}}getSingleDateInputRef(){return this.singleDateInputRef}focusInput(){this.singleDateInputRef.focus()}}_e([u()],Ce.prototype,"placeholder",void 0),_e([u()],Ce.prototype,"format",void 0),_e([u()],Ce.prototype,"label",void 0),_e([u()],Ce.prototype,"isCalendarShow",void 0),_e([u()],Ce.prototype,"vegaDatePickerFormatController",void 0),_e([u()],Ce.prototype,"vegaDatePickerRenderer",void 0),_e([u()],Ce.prototype,"calendarOpenStateController",void 0),_e([u()],Ce.prototype,"vegaDatePickerCalendarRenderer",void 0),_e([u()],Ce.prototype,"translationSlimmer",void 0);var ke=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class De extends be{constructor(){super(...arguments),this.render=()=>{const t=this.label?`, ${this.label}`:"",a=`, ${this.translationSlimmer.t("date picker")}`,n=`${this.translationSlimmer.t("Start Date")}${t}${a}`,r=`${this.translationSlimmer.t("End Date")}${t}${a}`;return e(i,null,e("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),e("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[0],value:this.vegaDatePickerValueController.getValue()[0],ref:e=>this.startDateInputRef=e,onChange:this.onStartDateChange,disabled:this.disabled,role:"combobox","aria-label":n,"aria-haspopup":"dialog","aria-expanded":`${this.isCalendarShow}`,"aria-controls":this.vegaDatePickerCalendarRenderer.getCalendarId(),onClick:async()=>await this.onInputClicked("start")})),e("span",{class:{"range-input-divider":!0}}),e("div",{class:"date-picker-input"},e("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[1],value:this.vegaDatePickerValueController.getValue()[1],ref:e=>this.endDateInputRef=e,onChange:this.onEndDateChange,disabled:this.disabled,role:"combobox","aria-label":r,"aria-haspopup":"dialog","aria-expanded":`${this.isCalendarShow}`,"aria-controls":this.vegaDatePickerCalendarRenderer.getCalendarId(),onClick:async()=>await this.onInputClicked("end")}),this.renderClearIcon()))},this.getRangePlaceholder=()=>this.placeholder?Array.isArray(this.placeholder)&&2===this.placeholder.length?this.placeholder:(w.warn("The placeholder should be an array, including start and end placeholder"),["Start Date","End Date"].map((e=>this.translationSlimmer.t(e)))):["Start Date","End Date"].map((e=>this.translationSlimmer.t(e))),this.onStartDateChange=e=>{const t=e.currentTarget.value;m.fromString(t,this.format)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerFormatController.formatDate(t),this.vegaDatePickerValueController.getValue()[1]]):(this.vegaDatePickerValueController.setValue(["",this.vegaDatePickerValueController.getValue()[1]]),this.startDateInputRef.value="",w.warn("The date value of ${date} is invalid"))},this.onEndDateChange=e=>{const t=e.currentTarget.value;m.fromString(t,this.format)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],this.vegaDatePickerFormatController.formatDate(t)]):(this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],""]),this.endDateInputRef.value="",w.warn("The date value of ${date} is invalid"))}}getStartDateInputRef(){return this.startDateInputRef}getEndDateInputRef(){return this.endDateInputRef}focusInput(){this.startDateInputRef.focus()}async onInputClicked(e){await this.calendarOpenStateController.showCalendar(),await this.vegaDatePickerCalendarRenderer.triggerRepick(e)}}ke([u()],De.prototype,"placeholder",void 0),ke([u()],De.prototype,"label",void 0),ke([u()],De.prototype,"isCalendarShow",void 0),ke([u()],De.prototype,"vegaDatePickerFormatController",void 0),ke([u()],De.prototype,"vegaDatePickerRenderer",void 0),ke([u()],De.prototype,"calendarOpenStateController",void 0),ke([u()],De.prototype,"translationSlimmer",void 0),ke([u()],De.prototype,"allowRepick",void 0),ke([u()],De.prototype,"format",void 0),ke([u()],De.prototype,"vegaDatePickerCalendarRenderer",void 0);var Ie=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class ze extends v{constructor(){super(...arguments),this.calendarId=Z()}componentDidLoad(){this.appendCalendarToBodyIfMobile()}getCalendarContentBoxRef(){return this.calendarContentBoxRef}getCalendarRef(){return this.calendarRef}getCalendarId(){return this.calendarId}getMobileModalRef(){return this.mobileModalRef}async triggerRepick(e){this.allowRepick&&"range"===this.mode&&await this.calendarRef.triggerRepick(e)}render(){return this.isMobileDevice?this.mobileRender():this.renderCalendar()}mobileRender(){return e("vega-modal",{showCloseButton:!1,size:ze.calendarModalSize,padding:"0",isVerticallyCentered:!0,backdropColor:"semi",ref:e=>{this.mobileModalRef=e,this.addModalObserver(e)}},e("div",{slot:"modal-content"},this.renderCalendar()))}renderCalendar(){const t=this.label?`${this.label}, `:"",i=`${this.translationSlimmer.t("date picker")}`;return e("vega-box",Object.assign({},this.isMobileDevice?{}:{role:"dialog","aria-modal":"true","aria-label":`${t}${i}`},{id:this.calendarId,padding:{default:"size-12",S:"size-32"},corners:"rounded-12",backgroundColor:"bg-primary",shadow:"shadow-dropdown-menu",border:"border-input-field",ref:e=>{this.calendarContentBoxRef=e},class:"date-picker-content-box"}),e("vega-box",{width:this.getDefaultCalendarDimension("width"),height:this.getDefaultCalendarDimension("height")},e("vega-date-picker-calendar",{selection:this.value,mode:this.mode,minDate:this.minDate,maxDate:this.maxDate,clearButton:this.clearButton,format:this.format,staticHeight:!1!==this.dropdownConfig.staticHeight,showYearMonthDropdowns:this.showYearMonthDropdowns,timezone:this.timezone,yearMonthDropdownProps:{isScreenPosition:U.isEnabled("VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN")},ref:e=>{this.calendarRef=e,this.addCalendarObserver(e)},isDateDisabled:e=>this.isDateDisabled(e)})))}addCalendarObserver(e){S.addUniqueObserverToNode(e,O,(async e=>{await this.onCalendarSelected(e.detail)})),S.addUniqueObserverToNode(e,P,(async()=>{await this.calendarOpenStateController.hideCalendar()})),S.addUniqueObserverToNode(e,E,(async e=>{this.monthYearChangeEventEmitter.emit(e.detail)}))}addModalObserver(e){S.addUniqueObserverToNode(e,V,(()=>{this.calendarOpenStateController.updateIsCalendarShowState(!0)})),S.addUniqueObserverToNode(e,L,(()=>{this.calendarOpenStateController.updateIsCalendarShowState(!1)}))}async onCalendarSelected(e){("single"===this.mode||"range"===this.mode)&&this.vegaDatePickerValueController.setValue(e),this.isCalendarShow&&await this.calendarOpenStateController.hideCalendar()}appendCalendarToBodyIfMobile(){const e=K();this.isMobileDevice&&e&&e.body.append(this.mobileModalRef)}getDefaultCalendarDimension(e){if("height"===e&&!1===this.dropdownConfig.staticHeight)return"auto";let t=("range"!==this.mode||this.isMobileDevice?ze.regularDatePickerCalendarDimensionsForSingle:ze.regularDatePickerCalendarDimensionsForRange)[e];return"height"===e&&this.clearButton&&(t+=40),`${t}px`}}ze.calendarModalSize=344,ze.regularDatePickerCalendarDimensionsForSingle={width:280,height:320},ze.regularDatePickerCalendarDimensionsForRange={width:608,height:358},Ie([u()],ze.prototype,"format",void 0),Ie([u()],ze.prototype,"value",void 0),Ie([u()],ze.prototype,"mode",void 0),Ie([u()],ze.prototype,"minDate",void 0),Ie([u()],ze.prototype,"maxDate",void 0),Ie([u()],ze.prototype,"clearButton",void 0),Ie([u()],ze.prototype,"dropdownConfig",void 0),Ie([u()],ze.prototype,"showYearMonthDropdowns",void 0),Ie([u()],ze.prototype,"timezone",void 0),Ie([u()],ze.prototype,"isMobileDevice",void 0),Ie([u()],ze.prototype,"isCalendarShow",void 0),Ie([u()],ze.prototype,"isDateDisabled",void 0),Ie([u()],ze.prototype,"allowRepick",void 0),Ie([u()],ze.prototype,"disabled",void 0),Ie([u()],ze.prototype,"label",void 0),Ie([u()],ze.prototype,"monthYearChangeEventEmitter",void 0),Ie([u()],ze.prototype,"translationSlimmer",void 0),Ie([u()],ze.prototype,"vegaDatePickerValueController",void 0),Ie([u()],ze.prototype,"calendarOpenStateController",void 0),Ie([y("componentDidLoad")],ze.prototype,"componentDidLoad",null);var Re=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Se extends v{componentWillLoad(){this.value&&this.valueGuard(this.value)||this.setDefaultValueByMode()}watchValue(e,t){"range"===this.mode&&N(e,t)||(this.valueGuard(e)||this.setDefaultValueByMode(),this.changeEventEmitter.emit(this.value),q.notify(G,{host:this.host,detail:this.value}))}watchMode(){this.setDefaultValueByMode()}getValue(){return this.valueGuard(this.value),this.value}setValue(e){this.valueGuard(e)&&(this.value=e)}setDefaultValueByMode(){"range"===this.mode&&this.setValue(["",""]),"single"===this.mode&&this.setValue("")}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&!!m.fromString(e,this.format)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>!!m.fromString(e,this.format)||""===e))}return t||w.warn(`Invalid date picker value ${e} for ${this.mode} mode`),t}}Re([u({writable:!0})],Se.prototype,"value",void 0),Re([u()],Se.prototype,"mode",void 0),Re([u()],Se.prototype,"format",void 0),Re([u()],Se.prototype,"changeEventEmitter",void 0),Re([u()],Se.prototype,"host",void 0),Re([u()],Se.prototype,"isCalendarShow",void 0),Re([u()],Se.prototype,"vegaDatePickerCalendarRenderer",void 0),Re([u()],Se.prototype,"calendarOpenStateController",void 0),Re([y("componentWillLoad")],Se.prototype,"componentWillLoad",null),Re([y("watchValue")],Se.prototype,"watchValue",null),Re([y("watchMode")],Se.prototype,"watchMode",null);var je=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Me extends X{constructor(e){super(),this.formatDate=e=>m.fromString(e,this.format).toString(this.format),this.getInputElementRef=()=>{switch(this.inputType){case"single":return this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef();case"rangeStart":return this.vegaDatePickerRangeInputRenderer.getStartDateInputRef();case"rangeEnd":return this.vegaDatePickerRangeInputRenderer.getEndDateInputRef()}},this.getInputModeStrategy=()=>this.datePickerFormatStrategy,this.getBlurModeStrategy=()=>null,this.getDateFormatMask=e=>{const t=e.match(/M/gi);return new J({mask:e.replace(/[MDY]/gi,"9"),slot:"9",accept:(t&&t.length)>2?/\w/g:/\d/g})},this.inputType=e}componentDidLoad(){this.setupStringFormatter(this.format)}watchFormat(e){this.setupStringFormatter(e)}setupStringFormatter(e){this.datePickerFormatStrategy=this.getDateFormatMask(e),this.setup()}}je([u()],Me.prototype,"format",void 0),je([u()],Me.prototype,"mode",void 0),je([u()],Me.prototype,"vegaDatePickerCalendarRenderer",void 0),je([u()],Me.prototype,"vegaDatePickerSingleInputRenderer",void 0),je([u()],Me.prototype,"vegaDatePickerRangeInputRenderer",void 0),je([y("componentDidLoad")],Me.prototype,"componentDidLoad",null),je([y("watchFormat")],Me.prototype,"watchFormat",null);var Oe=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Pe extends Q{constructor(){super((e=>[{keyCode:"Enter",activeElementInScope:()=>[e.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),e.vegaDatePickerRangeInputRenderer.getStartDateInputRef(),e.vegaDatePickerRangeInputRenderer.getEndDateInputRef(),e.vegaDatePickerCalendarRenderer.getCalendarContentBoxRef()],eventName:"keydown",callback:e=>{var t;const i=(null===(t=e.target.shadowRoot)||void 0===t?void 0:t.activeElement)||e.target;return null==i?void 0:i.click()}}]))}}Oe([u()],Pe.prototype,"vegaDatePickerCalendarRenderer",void 0),Oe([u()],Pe.prototype,"vegaDatePickerSingleInputRenderer",void 0),Oe([u()],Pe.prototype,"vegaDatePickerRangeInputRenderer",void 0);const Ee=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a date or range is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a date or range is selected",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the selection mode of the date picker. Use `single` to allow selecting a single date",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the selection mode of the date picker. Use `range` to allow selecting a date range",payloadValue:e=>"range"===e.mode}];var Ve=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Le extends re{constructor(){super((()=>({target:this.vegaDatePickerRenderer.getDatePickerContainer(),appendableElement:this.vegaDatePickerCalendarRenderer.getCalendarContentBoxRef(),positionRelativeTo:this.dropdownConfig.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],alignment:["start","end"],isScreenPosition:U.isEnabled("VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN")})),(()=>new se),"isCalendarShow"),this.ariaDialogFocusableTrapSlimmer=ne(Le,de,[],[{mapFrom:"show",mapTo:"show"}],[{triggerEl:()=>this.vegaDatePickerRenderer.getDatePickerContainer(),dialogEl:()=>this.vegaDatePickerCalendarRenderer.getCalendarContentBoxRef()}]),this.clearCalendarStateTaskQueue=new oe}connectedCallback(){this.isMobileDevice||super.connectedCallback()}disconnectedCallback(){this.isMobileDevice||super.disconnectedCallback()}componentDidLoad(){this.isMobileDevice||super.componentDidLoad()}async componentDidRender(){await this.clearCalendarStateTaskQueue.runTask()}async doOpen(){await this.showCalendar()}async doClose(){await this.hideCalendar()}async watchDisabled(){await this.hideCalendar()}async watchIsCalendarShow(){await this.clearCalendarSelectingState()}async showCalendar(){this.isMobileDevice?await this.vegaDatePickerCalendarRenderer.getMobileModalRef().modal("show"):this.show()}async hideCalendar(){this.isMobileDevice?await this.vegaDatePickerCalendarRenderer.getMobileModalRef().modal("hide"):this.hide(),this.focusContainerWithAnnouncement()}updateIsCalendarShowState(e){this.isCalendarShow=e}focusContainerWithAnnouncement(){const e=I();if((null==e?void 0:e.matches)&&e.matches(":focus-visible")){const e=this.vegaDatePickerRenderer.getDatePickerContainer();if(e){const t=this.buildAriaAnnouncement(this.value);e.setAttribute("role","group"),e.setAttribute("aria-label",t),e.setAttribute("tabindex","-1"),e.addEventListener("blur",(()=>{e.removeAttribute("role"),e.removeAttribute("aria-label"),e.removeAttribute("tabindex")}),{once:!0}),setTimeout((()=>e.focus()),0)}}}buildAriaAnnouncement(e){let t=null,i=null;return"single"===this.mode&&"string"==typeof e?t=e?m.fromString(e,this.format):null:"range"===this.mode&&Array.isArray(e)&&(t=e[0]?m.fromString(e[0],this.format):null,i=e[1]?m.fromString(e[1],this.format):null),`\n\t\t\t${p({startDate:t,endDate:i,mode:this.mode})},\n\t\t\t${W.t("date picker")}\n\t\t`}async clearCalendarSelectingState(){if(!this.isCalendarShow){const e=this.vegaDatePickerCalendarRenderer.getCalendarRef();await this.clearCalendarStateTaskQueue.enqueue({run:async()=>await e.reset()},!1)}}}Ve([u()],Le.prototype,"dropdownConfig",void 0),Ve([u()],Le.prototype,"vegaDatePickerRenderer",void 0),Ve([u()],Le.prototype,"vegaDatePickerCalendarRenderer",void 0),Ve([u()],Le.prototype,"value",void 0),Ve([u()],Le.prototype,"format",void 0),Ve([u()],Le.prototype,"mode",void 0),Ve([u({writable:!0})],Le.prototype,"isCalendarShow",void 0),Ve([u()],Le.prototype,"isMobileDevice",void 0),Ve([b()],Le.prototype,"ariaDialogFocusableTrapSlimmer",void 0),Ve([y("componentDidRender")],Le.prototype,"componentDidRender",null),Ve([y("doOpen")],Le.prototype,"doOpen",null),Ve([y("doClose")],Le.prototype,"doClose",null),Ve([y("watchDisabled")],Le.prototype,"watchDisabled",null),Ve([y("watchIsCalendarShow")],Le.prototype,"watchIsCalendarShow",null);var Ae=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};const Te=class{constructor(e){a(this,e),this.vegaChange=n(this,"vegaChange",7),this.change=n(this,"change",7),this.vegaMonthYearChange=n(this,"vegaMonthYearChange",7),this.monthYearChange=n(this,"monthYearChange",7),this.globalSlimmers={},this.translationSlimmer=new ae,this.calendarOpenStateController=new Le,this.vegaDatePickerValueController=new Se,this.vegaDatePickerFormatController=new Me("single"),this.startInputFormatController=new Me("rangeStart"),this.endInputFormatController=new Me("rangeEnd"),this.vegaDatePickerKeyboardController=new Pe,this.vegaDatePickerRenderer=new we,this.vegaDatePickerSingleInputRenderer=new Ce,this.vegaDatePickerRangeInputRenderer=new De,this.vegaDatePickerCalendarRenderer=new ze,this.formFieldController=new k({propertyRules:[{propertyName:"required",ruleFactory:(e,t)=>e?new s({mode:t}):null,dependence:"mode"},{propertyName:"mode",ruleFactory:e=>"range"===e?new fe:null},{propertyName:"minDate",ruleFactory:(e,t)=>new xe({minDate:e,maxDate:t}),dependence:"maxDate"},{propertyName:"maxDate",ruleFactory:(e,t)=>new xe({minDate:t,maxDate:e}),dependence:"minDate"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaDatePickerRenderer.getDatePickerContainer(),touchableAreaGetter:()=>[this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),this.vegaDatePickerRangeInputRenderer.getStartDateInputRef(),this.vegaDatePickerRangeInputRenderer.getEndDateInputRef()].filter(Boolean)}),this.changeEventEmitter=te(Te,A),this.monthYearChangeEventEmitter=te(Te,E),this.inputEventPrevent=new ie([A,P,E],(()=>this.vegaDatePickerCalendarRenderer.getCalendarRef())),this.vegaComponentUsageRuntimeMetricsSlimmer=new _(Ee),this.isMobileDevice=z()===R.MOBILE,this.isCalendarShow=!1,this.mode="single",this.value="range"===this.mode?["",""]:"",this.required=!1,this.optional=!1,this.isValid=null,this.autoValidation=!0,this.format="MM/DD/YYYY",this.size="default",this.validationRules=[],this.clearButton=!1,this.readOnly=!1,this.allowRepick=!1,this.dropdownConfig={},this.showClearIcon=!0,this.showYearMonthDropdowns=!1,this.disabled=!1,this.isDateDisabled=()=>!1}watchIsCalendarShow(){}watchMode(){}watchValue(e,t){}watchFormat(e){}watchValidationRules(){}watchMinDate(e){}watchMaxDate(e){}watchAllowRepick(){}watchShowYearMonthDropdowns(){}watchDisabled(){}async doClose(){}async doOpen(){}render(){return o(this.vegaDatePickerRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{isCalendarShow:["watchIsCalendarShow"],mode:["watchMode"],value:["watchValue"],format:["watchFormat"],validationRules:["watchValidationRules"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],allowRepick:["watchAllowRepick"],showYearMonthDropdowns:["watchShowYearMonthDropdowns"],disabled:["watchDisabled"]}}};Ae([C()],Te.prototype,"globalSlimmers",void 0),Ae([b()],Te.prototype,"translationSlimmer",void 0),Ae([b()],Te.prototype,"calendarOpenStateController",void 0),Ae([b()],Te.prototype,"vegaDatePickerValueController",void 0),Ae([b()],Te.prototype,"vegaDatePickerFormatController",void 0),Ae([b()],Te.prototype,"startInputFormatController",void 0),Ae([b()],Te.prototype,"endInputFormatController",void 0),Ae([b()],Te.prototype,"vegaDatePickerKeyboardController",void 0),Ae([b()],Te.prototype,"vegaDatePickerRenderer",void 0),Ae([b()],Te.prototype,"vegaDatePickerSingleInputRenderer",void 0),Ae([b()],Te.prototype,"vegaDatePickerRangeInputRenderer",void 0),Ae([b()],Te.prototype,"vegaDatePickerCalendarRenderer",void 0),Ae([b()],Te.prototype,"formFieldController",void 0),Ae([b()],Te.prototype,"changeEventEmitter",void 0),Ae([b()],Te.prototype,"monthYearChangeEventEmitter",void 0),Ae([b()],Te.prototype,"inputEventPrevent",void 0),Ae([b()],Te.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Ae([ee()],Te.prototype,"watchValue",null),Te.style=':host{display:inline-block;width:100%;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host .vega-input-container{position:relative;display:block;border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));display:flex;align-items:center}:host .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-container .date-picker-input{padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box;display:flex;align-items:center}:host .vega-input-container.default .date-picker-input{padding-left:16px;padding-right:16px}:host .vega-input-container.small .date-picker-input{padding-left:12px;padding-right:12px}:host .vega-input-container.default .date-picker-input input{padding-top:12px;padding-bottom:12px}:host .vega-input-container.small .date-picker-input input{padding-top:8px;padding-bottom:8px}:host .vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-container.single-mode.error:focus-within,:host .vega-input-container.range-mode.error .date-picker-input:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-radius:8px}:host .vega-input-container.range-mode.error .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode.error .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container.single-mode:not(.error):focus-within,:host .vega-input-container.range-mode:not(.error) .date-picker-input:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .vega-input-container.range-mode .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container input{width:100%;box-sizing:content-box;border-width:0px;margin:0px;outline:2px solid transparent;outline-offset:2px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;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-input-container input{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){:host .vega-input-container input{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){:host .vega-input-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-container input::placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input::placeholder{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){:host .vega-input-container input::placeholder{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){:host .vega-input-container input::placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}: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-left:8px;padding-right:8px;padding-top:12px}@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-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}:host .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))}:host .vega-input-container.range-mode.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;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-prefix{display:flex;margin-right:8px}:host .vega-input-container.range-mode.mobile.small .vega-input-prefix{margin-right:8px}:host .vega-input-container.range-mode.mobile{flex-direction:column}:host .vega-input-container.range-mode.mobile .date-picker-input:last-of-type{padding-left:40px}:host .vega-input-container.range-mode.mobile.small .date-picker-input:last-of-type{padding-left:36px}:host(.disabled) .vega-input-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.disabled) .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .vega-input-container input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}';var $e=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Ye extends v{render(){return e("div",{class:{calendar:!0,"static-height":this.staticHeight}},e("div",{class:"container__main"},this.headerRenderer.render(),this.renderContainer(),this.renderFooter()),e("div",{class:"aria-announcement","aria-live":"polite","aria-atomic":"true"},this.buildAnnouncement()))}renderContainer(){return e("div",{class:"container__months"},this.isDualMonths?this.renderRangeMonth():this.monthItemRenderer.render("start"))}renderRangeMonth(){return e(i,null,this.monthItemRenderer.render("start"),this.monthItemRenderer.render("end"))}renderFooter(){return this.clearButton&&e("div",{class:"footer-container"},e("vega-button-link",{ref:e=>{S.addUniqueObserverToNode(e,M,(()=>{this.clearCalendar()}))},label:this.translationSlimmer.t("Clear")}))}clearCalendar(){this.clearEventEmitter.emit(),q.notify(j.getSubject(this.host,he),{})}buildAnnouncement(){const{startDate:e,endDate:t}=this.calendarSelection;return p({mode:this.mode,startDate:e,endDate:t})}}$e([u()],Ye.prototype,"host",void 0),$e([u()],Ye.prototype,"clearButton",void 0),$e([u()],Ye.prototype,"calendarSelection",void 0),$e([u()],Ye.prototype,"monthItemRenderer",void 0),$e([u()],Ye.prototype,"staticHeight",void 0),$e([u()],Ye.prototype,"translationSlimmer",void 0),$e([u()],Ye.prototype,"mode",void 0),$e([u()],Ye.prototype,"clearEventEmitter",void 0),$e([u()],Ye.prototype,"headerRenderer",void 0),$e([u()],Ye.prototype,"isDualMonths",void 0);const Fe=["January","February","March","April","May","June","July","August","September","October","November","December"];var He=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Be extends v{render(){return(!this.isDualMonths||this.showYearMonthDropdowns)&&e("vega-flex",{justifyContent:"center"},this.showYearMonthDropdowns?this.renderMonthDropdownSwitcher():this.renderCurrentMonth(),this.showYearMonthDropdowns?this.renderYearDropdownSwitcher():this.renderCurrentYear())}getMonthDropdownOptions(){const e=this.currentPeriod.current.year;return Fe.map(((t,i)=>({key:`${i}`,label:this.translationSlimmer.t(t),disabled:this.isDisabledMonth(e,i+1)})))}isDisabledMonth(e,t){var i,a,n,r;const o=null===(i=this.minCalendarDate)||void 0===i?void 0:i.month,s=null===(a=this.minCalendarDate)||void 0===a?void 0:a.year,d=null===(n=this.maxCalendarDate)||void 0===n?void 0:n.month,h=null===(r=this.maxCalendarDate)||void 0===r?void 0:r.year;return e<s||e>h||e===s&&o>t||e===h&&d<t}getYearDropdownOptions(){var e,t,i,a;const n=(new Date).getFullYear(),r=(null===(e=this.minCalendarDate)||void 0===e?void 0:e.year)||Math.min((null===(t=this.maxCalendarDate)||void 0===t?void 0:t.year)||n,n)-Be.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR,o=(null===(i=this.maxCalendarDate)||void 0===i?void 0:i.year)||Math.max((null===(a=this.minCalendarDate)||void 0===a?void 0:a.year)||n,n)+Be.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR,s=[];for(let e=r;e<=o;e++)s.push({key:String(e),label:String(e)});return s}renderMonthDropdownSwitcher(){const{month:t}=this.currentPeriod.current,i=t-1;return e("vega-dropdown",{trigger:"click",selectType:"single",source:this.getMonthDropdownOptions(),selectedSourceKey:i.toString(),"max-height":"300",isScreenPosition:this.yearMonthDropdownProps.isScreenPosition,ref:e=>{this.onDropdownShowOrHide(e),S.addUniqueObserverToNode(e,T,(e=>{const t=parseInt(e.detail);this.setDateBasedOnSelectedMonth(t)}))}},this.renderCurrentMonth())}renderYearDropdownSwitcher(){const{year:t}=this.currentPeriod.current;return e("vega-dropdown",{trigger:"click",selectType:"single",source:this.getYearDropdownOptions(),selectedSourceKey:t.toString(),"max-height":"300",isScreenPosition:this.yearMonthDropdownProps.isScreenPosition,ref:e=>{this.onDropdownShowOrHide(e),S.addUniqueObserverToNode(e,T,(e=>{this.setDateBasedOnSelectedYear(parseInt(e.detail))}))}},this.renderCurrentYear())}onDropdownShowOrHide(e){S.addUniqueObserverToNode(e,$,(async()=>{e.classList.add("active")})),S.addUniqueObserverToNode(e,Y,(()=>{const t=e.closest(".calendar");if(t){const e=t.querySelector("vega-dropdown.active");e&&e.classList.remove("active")}}))}renderCurrentMonth(){const t=this.translationSlimmer.t(this.currentPeriod.current.getMonthName());return"small"===this.currentSize&&this.showYearMonthDropdowns?e("vega-button-link",{class:"small-month-item-name",size:"small",label:t}):e("div",{class:"month-item-name",role:this.showYearMonthDropdowns?"button":void 0,tabIndex:this.showYearMonthDropdowns?0:void 0,"aria-label":this.showYearMonthDropdowns?t:void 0,onKeyDown:this.showYearMonthDropdowns?B():void 0},e("span",null,t),this.renderDropdownSwitchIcon())}renderCurrentYear(){const t=this.currentPeriod.current.year.toString();return"small"===this.currentSize&&this.showYearMonthDropdowns?e("vega-button-link",{class:"small-month-item-year",size:"small",label:t}):e("div",{class:"month-item-year",role:this.showYearMonthDropdowns?"button":void 0,tabIndex:this.showYearMonthDropdowns?0:void 0,"aria-label":this.showYearMonthDropdowns?t:void 0,onKeyDown:this.showYearMonthDropdowns?B():void 0},e("span",null,t),this.renderDropdownSwitchIcon())}renderDropdownSwitchIcon(){return this.showYearMonthDropdowns&&e("vega-icon",{icon:H.getIconKey("caret-down"),color:"text-link"})}setDateBasedOnSelectedMonth(e){const{year:t}=this.currentPeriod.current,i=new Date(t,e,1),a=new g(m.from(i));this.currentPeriodController.updateCalendarPeriod(a)}setDateBasedOnSelectedYear(e){const{month:t}=this.currentPeriod.current,i=new Date(e,t-1,1),a=new g(m.from(i));this.currentPeriodController.updateCalendarPeriod(a)}}H.register({"caret-down":ue["caret-down"]}),Be.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR=10,Be.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR=10,He([u()],Be.prototype,"currentPeriodController",void 0),He([u()],Be.prototype,"showYearMonthDropdowns",void 0),He([u()],Be.prototype,"translationSlimmer",void 0),He([u()],Be.prototype,"minCalendarDate",void 0),He([u()],Be.prototype,"maxCalendarDate",void 0),He([u()],Be.prototype,"yearMonthDropdownProps",void 0),He([u()],Be.prototype,"currentPeriod",void 0),He([u()],Be.prototype,"currentSize",void 0),He([u()],Be.prototype,"mode",void 0),He([u()],Be.prototype,"isDualMonths",void 0);var Ne=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class We extends v{connectedCallback(){this.initCalendarClearObserver()}disconnectedCallback(){this.removeCalendarClearObserver()}initCalendarClearObserver(){this.calendarClearObserver=new ce(this.canAcceptClearEvent.bind(this),this.clear.bind(this)),q.register(j.getSubject(this.host,he),this.calendarClearObserver)}removeCalendarClearObserver(){q.unregister(j.getSubject(this.host,he),this.calendarClearObserver)}canAcceptClearEvent(){return!0}}Ne([u()],We.prototype,"host",void 0),Ne([y("connectedCallback")],We.prototype,"connectedCallback",null),Ne([y("disconnectedCallback")],We.prototype,"disconnectedCallback",null);var Ue=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Ke extends We{connectedCallback(){super.connectedCallback(),this.initCalendarPeriodUpdateObserver()}disconnectedCallback(){super.disconnectedCallback(),this.removeCalendarPeriodUpdateObserver()}componentWillLoad(){this.setCurrentMonthPeriod()}watchMaxCalendarDate(){this.setCurrentMonthPeriod()}watchMinCalendarDate(){this.setCurrentMonthPeriod()}watchCurrentPeriod(){this.monthYearChangeEventEmitter.emit(this.getCurrentYearMonthByPeriod())}resetCurrentPeriod(){this.setCurrentMonthPeriod()}clear(){this.setCurrentMonthPeriod()}gotoNextPeriod(){const e=this.isDualMonths?this.currentPeriod.next().next():this.currentPeriod.next();this.updateCalendarPeriod(e)}gotoPreviousPeriod(){const e=this.isDualMonths?this.currentPeriod.previous().previous():this.currentPeriod.previous();this.updateCalendarPeriod(e)}updateCalendarPeriod(e){this.currentPeriod&&this.currentPeriod.equal(e)||(this.currentPeriod=e)}setCurrentMonthPeriod(){let e;const t=this.calendarSelection.startDate;e=f(t)?t:this.minCalendarDate&&(this.today.isBefore(this.minCalendarDate)||this.maxCalendarDate&&this.today.isAfter(this.maxCalendarDate))?this.minCalendarDate:this.maxCalendarDate&&this.today.isAfter(this.maxCalendarDate)?this.maxCalendarDate:this.today,this.updateCalendarPeriod(new g(e,!0,this.timezone))}getCurrentYearMonthByPeriod(){const e={month:Fe[this.currentPeriod.current.month-1],year:`${this.currentPeriod.current.year}`};return"range"===this.mode?[e,{month:Fe[this.currentPeriod.endDate.month-1],year:`${this.currentPeriod.endDate.year}`}]:e}initCalendarPeriodUpdateObserver(){S.addUniqueObserverToNode(this.host,le,this.setCurrentMonthPeriod.bind(this))}removeCalendarPeriodUpdateObserver(){S.removeUniqueObserverFromNode(this.host,le)}}Ue([u({writable:!0})],Ke.prototype,"currentPeriod",void 0),Ue([u()],Ke.prototype,"host",void 0),Ue([u()],Ke.prototype,"today",void 0),Ue([u()],Ke.prototype,"mode",void 0),Ue([u()],Ke.prototype,"format",void 0),Ue([u()],Ke.prototype,"timezone",void 0),Ue([u()],Ke.prototype,"minCalendarDate",void 0),Ue([u()],Ke.prototype,"maxCalendarDate",void 0),Ue([u()],Ke.prototype,"isMobileDevice",void 0),Ue([u()],Ke.prototype,"monthYearChangeEventEmitter",void 0),Ue([u()],Ke.prototype,"calendarSelection",void 0),Ue([u()],Ke.prototype,"isDualMonths",void 0),Ue([y("connectedCallback")],Ke.prototype,"connectedCallback",null),Ue([y("disconnectedCallback")],Ke.prototype,"disconnectedCallback",null),Ue([y("componentWillLoad")],Ke.prototype,"componentWillLoad",null),Ue([y("watchMaxCalendarDate")],Ke.prototype,"watchMaxCalendarDate",null),Ue([y("watchMinCalendarDate")],Ke.prototype,"watchMinCalendarDate",null),Ue([y("watchCurrentPeriod")],Ke.prototype,"watchCurrentPeriod",null),Ue([y("reset")],Ke.prototype,"resetCurrentPeriod",null);var Ze=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Ge extends v{connectedCallback(){this.setToday()}watchTimezone(){this.setToday()}setToday(){this.today=m.from(new Date,this.timezone)}}Ze([u()],Ge.prototype,"timezone",void 0),Ze([u({writable:!0})],Ge.prototype,"today",void 0),Ze([y("connectedCallback")],Ge.prototype,"connectedCallback",null),Ze([y("watchTimezone")],Ge.prototype,"watchTimezone",null);var qe=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class Je extends v{constructor(){super(...arguments),this.monthViewGenerator=new me}render(t){const i="end"===t?this.currentPeriod.next():this.currentPeriod,a=this.monthViewGenerator.generate(i);return e("div",{class:"month-item"},this.renderCurrentYearMonth(i),this.renderWeek(a),this.renderDays(a,i))}renderCurrentYearMonth(t){return this.isDualMonths&&e("vega-box",{class:"current-month-year"},this.translationSlimmer.t(t.current.getMonthName())," ",t.current.year)}renderWeek(t){return e("vega-grid",{class:"month-item-weekdays-row",column:"7-auto",row:1,"aria-hidden":"true"},t.weekdays.map((t=>e("div",{key:t},this.translationSlimmer.t(`${t}-short`)))))}renderDays(t,i){return e("vega-grid",{class:"container__days",column:"7-auto",row:this.staticHeight?6:"6-auto"},t.dateItems.flat().filter((e=>e.month<=i.current.month||e.year<i.current.year)).map((e=>this.renderItem(e,i))))}renderItem(e,t){const i=this.dateIndicator(e.toDate()),a=this.renderDay(e,t);return i&&i.text?this.renderDayWithIndicator(i,a):a}renderDayWithIndicator(t,i){return e("vega-tooltip",Object.assign({},t),i)}renderDay(t,i){const a=t.month===i.current.month,n=this.isBeforeMinDate(t)||this.isAfterMaxDate(t),r=this.getCurrentRangeDates(),o=this.isDateDisabled(t.toDate()),s=t.isAfter(r[0])&&t.isBefore(r[1]),d=a&&!n&&!o,h=this.translationSlimmer.t(`${t.getWeekDayShortName()}-full`);return e("div",{key:`${t.month}-${t.date}`,class:a&&{"day-item":!0,"is-today":t.equal(this.today),"is-start-date":t.equal(r[0]),"is-in-range":s,"is-end-date":t.equal(r[1]),"is-locked":n,"is-disabled":o},onClick:()=>d&&this.selectionController.onDayClick(t),onMouseEnter:()=>d&&this.selectionController.onDayHover(t),onKeyDown:B(),role:"menuitem","aria-label":`${t.getMonthName()} ${t.date} ${t.year} ${h}`,"aria-hidden":a?void 0:"true","aria-disabled":n||o?"true":void 0,tabIndex:d?0:-1},e("div",{class:"day-content","aria-hidden":"true"},a?t.date:""))}getCurrentRangeDates(){const e=this.calendarSelection.startDate,t=this.calendarSelection.endDate;return f(e)&&!t&&this.hoverDate?this.hoverDate.isBefore(e)?[this.hoverDate,e]:[e,this.hoverDate]:!f(e)&&t&&this.hoverDate?this.hoverDate.isBefore(t)?[this.hoverDate,t]:[t,this.hoverDate]:[e,t]}isBeforeMinDate(e){return this.minCalendarDate&&e.isBefore(this.minCalendarDate)}isAfterMaxDate(e){return this.maxCalendarDate&&e.isAfter(this.maxCalendarDate)}}qe([u()],Je.prototype,"currentPeriod",void 0),qe([u()],Je.prototype,"today",void 0),qe([u()],Je.prototype,"translationSlimmer",void 0),qe([u()],Je.prototype,"hoverDate",void 0),qe([u()],Je.prototype,"maxCalendarDate",void 0),qe([u()],Je.prototype,"minCalendarDate",void 0),qe([u()],Je.prototype,"selectionController",void 0),qe([u()],Je.prototype,"calendarSelection",void 0),qe([u()],Je.prototype,"staticHeight",void 0),qe([u()],Je.prototype,"mode",void 0),qe([u()],Je.prototype,"fillContainer",void 0),qe([u()],Je.prototype,"isDualMonths",void 0),qe([u()],Je.prototype,"isDateDisabled",void 0),qe([u()],Je.prototype,"dateIndicator",void 0);class Xe{constructor(e,t,i){if(this.startDate=e,this.endDate=t,this.mode=i,"range"===this.mode&&this.startDate&&this.endDate&&this.startDate.isAfter(this.endDate)){const e=this.startDate;this.startDate=this.endDate,this.endDate=e}}static fromSelection(e,t,i){let a=null,n=null;if(this.isValidSelection(e,t,i))if("single"===t&&"string"==typeof e){const t=m.fromString(e,i);a=t,n=t}else"range"===t&&Array.isArray(e)&&(a=m.fromString(e[0],i),n=m.fromString(e[1],i));return new Xe(a,n,t)}static isValidSelection(e,t,i){let a;switch(t){case"single":a=this.isValidDateString(e,i);break;case"range":a=Array.isArray(e)&&2===e.length&&e.every((e=>this.isValidDateString(e,i)))}return a||w.warn(`Invalid date picker calendar selection ${e} for ${t} mode`),a}static isValidDateString(e,t){return e&&"string"==typeof e&&!!m.fromString(e,t)||""===e}toSelection(e){var t,i,a;return"range"===this.mode?[(null===(t=this.startDate)||void 0===t?void 0:t.toString(e))||"",(null===(i=this.endDate)||void 0===i?void 0:i.toString(e))||""]:(null===(a=this.startDate)||void 0===a?void 0:a.toString(e))||""}equals(e){if(!e)return!1;const t=this.startDate&&e.startDate?this.startDate.equal(e.startDate):this.startDate===this.endDate,i=this.endDate&&e.endDate?this.endDate.equal(e.endDate):this.endDate===e.endDate;return t&&i}isCompleted(){return f(this.startDate)&&("range"!==this.mode||f(this.endDate))}isEmpty(){return!f(this.startDate)&&!f(this.endDate)}}var Qe=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class et extends We{componentWillLoad(){this.setCalendarSelectionBySelection(this.selection)}watchSelection(e){!this.isSameSelection(e,this.calendarSelection.toSelection(this.format))&&(this.setCalendarSelectionBySelection(e),this.notifyPeriodChange())}resetRange(){const e=!this.calendarSelection.isCompleted()&&!this.calendarSelection.isEmpty()&&!!this.previousCalendarSelection;this.setCalendarSelectionBySelection(e?this.previousCalendarSelection.toSelection(this.format):this.selection),this.hoverDate=null}watchCalendarSelection(){(this.calendarSelection.isCompleted()||this.calendarSelection.isEmpty())&&this.setSelection(this.calendarSelection.toSelection(this.format))}clear(){this.setCalendarSelectionByRange(null,null),this.hoverDate=null}onDayClick(e){"single"===this.mode?this.setCalendarSelectionByRange(e,e):"range"===this.mode&&(this.calendarSelection.startDate&&!this.calendarSelection.endDate?this.setCalendarSelectionByRange(this.calendarSelection.startDate,e):!this.calendarSelection.startDate&&this.calendarSelection.endDate?this.setCalendarSelectionByRange(this.calendarSelection.endDate,e):this.setCalendarSelectionByRange(e,null),this.hoverDate=null)}onDayHover(e){const t=this.allowRepickController.getRepickType();t&&"range"===this.mode&&this.calendarSelection.isCompleted()&&("start"===t?this.setCalendarSelectionByRange(null,this.calendarSelection.endDate):this.setCalendarSelectionByRange(this.calendarSelection.startDate,null)),this.calendarSelection.isEmpty()||this.calendarSelection.isCompleted()||(this.hoverDate=e)}setCalendarSelectionBySelection(e){const t=Xe.fromSelection(e,this.mode,this.format);this.calendarSelection&&(this.calendarSelection.isCompleted()||this.calendarSelection.isEmpty())&&(this.previousCalendarSelection=this.calendarSelection),t.equals(this.calendarSelection)||(this.calendarSelection=t),this.setSelection(t.toSelection(this.format))}setCalendarSelectionByRange(e,t){this.calendarSelection=new Xe(e,t,this.mode)}setSelection(e){this.isSameSelection(e,this.selection)||(this.selection=e,this.vegaSelectionChangeEventEmitter.emit(this.selection))}isSameSelection(e,t){return"range"===this.mode&&Array.isArray(e)&&Array.isArray(t)?N(e,t):e===t}notifyPeriodChange(){q.notify(j.getSubject(this.host,le),{})}}Qe([u()],et.prototype,"host",void 0),Qe([u()],et.prototype,"mode",void 0),Qe([u()],et.prototype,"format",void 0),Qe([u({writable:!0})],et.prototype,"selection",void 0),Qe([u({writable:!0})],et.prototype,"calendarSelection",void 0),Qe([u({writable:!0})],et.prototype,"hoverDate",void 0),Qe([u()],et.prototype,"clearEventEmitter",void 0),Qe([u()],et.prototype,"vegaSelectionChangeEventEmitter",void 0),Qe([u()],et.prototype,"allowRepickController",void 0),Qe([u()],et.prototype,"translationSlimmer",void 0),Qe([y("componentWillLoad")],et.prototype,"componentWillLoad",null),Qe([y("watchSelection")],et.prototype,"watchSelection",null),Qe([y("reset")],et.prototype,"resetRange",null),Qe([y("watchCalendarSelection")],et.prototype,"watchCalendarSelection",null);var tt=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class it extends v{componentWillLoad(){this.setMaxCalendarDate(),this.setMinCalendarDate()}watchMaxDate(){this.setMaxCalendarDate()}watchMinDate(){this.setMinCalendarDate()}setMaxCalendarDate(){this.maxCalendarDate=m.fromString(this.maxDate,this.format)}setMinCalendarDate(){this.minCalendarDate=m.fromString(this.minDate,this.format)}}tt([u()],it.prototype,"maxDate",void 0),tt([u()],it.prototype,"minDate",void 0),tt([u()],it.prototype,"format",void 0),tt([u({writable:!0})],it.prototype,"maxCalendarDate",void 0),tt([u({writable:!0})],it.prototype,"minCalendarDate",void 0),tt([y("componentWillLoad")],it.prototype,"componentWillLoad",null),tt([y("watchMaxDate")],it.prototype,"watchMaxDate",null),tt([y("watchMinDate")],it.prototype,"watchMinDate",null);var at=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class nt extends v{triggerRepick(e){this.repickType=e,"end"===e&&this.setEndDateAsCurrentMonthPeriod()}watchCalendarSelection(){this.calendarSelection.isCompleted()&&(this.repickType=null)}getRepickType(){return this.repickType}setEndDateAsCurrentMonthPeriod(){const e=this.calendarSelection.startDate,t=this.calendarSelection.endDate;if(t){const i=f(e)&&e.compare(t).inMonth?e:this.isMobileDevice?t:t.add(0,-1);this.currentPeriodController.updateCalendarPeriod(new g(i))}}}at([u()],nt.prototype,"calendarSelection",void 0),at([u()],nt.prototype,"isMobileDevice",void 0),at([u()],nt.prototype,"currentPeriodController",void 0),at([y("triggerRepick")],nt.prototype,"triggerRepick",null),at([y("watchCalendarSelection")],nt.prototype,"watchCalendarSelection",null);var rt=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class ot extends v{render(){return e("vega-flex",{class:"month-item-header",alignItems:"center"},this.renderSwitcher(),this.yearMonthSwitcherRender.render())}renderSwitcher(){return e("vega-flex",{gap:"size-8",alignItems:"center"},this.renderPrevIcon(),this.renderToday(),this.renderNextIcon())}renderPrevIcon(){const t=this.currentPeriod.current.firstDateOfMonth(),i=this.minCalendarDate&&(t.isBefore(this.minCalendarDate)||t.equal(this.minCalendarDate));return e("vega-button-circle",{class:{"button-previous-month":!0,disabled:i},variant:"icon-only",icon:H.getIconKey("chevron-left"),"data-aria-label":this.translationSlimmer.t("Previous month"),ref:e=>{S.addUniqueObserverToNode(e,M,(()=>{this.currentPeriodController.gotoPreviousPeriod()}))},iconColor:i?"text-disabled":"text-link",size:this.getNavigationIconSize(),disabled:i})}renderNextIcon(){const t=(this.isDualMonths?this.currentPeriod.next():this.currentPeriod).current.lastDateOfMonth(),i=this.maxCalendarDate&&(t.isAfter(this.maxCalendarDate)||t.equal(this.maxCalendarDate));return e("vega-button-circle",{class:{"button-next-month":!0,disabled:i},variant:"icon-only",icon:H.getIconKey("chevron-right"),"data-aria-label":this.translationSlimmer.t("Next month"),ref:e=>{S.addUniqueObserverToNode(e,M,(()=>{this.currentPeriodController.gotoNextPeriod()}))},size:this.getNavigationIconSize(),iconColor:i?"text-disabled":"text-link",disabled:i})}renderToday(){const t=this.isDualMonths&&"small"!==this.currentSize;return e("vega-button-link",{class:{"button-today":!0,"with-label":t},"data-aria-label":this.translationSlimmer.t("Today"),label:t?this.translationSlimmer.t("Today"):"",ref:e=>{S.addUniqueObserverToNode(e,M,(()=>{this.currentPeriodController.updateCalendarPeriod(new g(this.today,!0,this.timezone)),this.todayClickEventEmitter.emit(this.today.toString())}))},size:"large"===this.currentSize?"default":"small",icon:H.getIconKey("bulls-eye")})}getNavigationIconSize(){return"large"===this.currentSize?"small":"extra-small"}}H.register({"chevron-left":ue["chevron-left"],"chevron-right":ue["chevron-right"],"bulls-eye":ue["bulls-eye"]}),rt([u()],ot.prototype,"currentPeriod",void 0),rt([u()],ot.prototype,"today",void 0),rt([u()],ot.prototype,"translationSlimmer",void 0),rt([u()],ot.prototype,"yearMonthSwitcherRender",void 0),rt([u()],ot.prototype,"currentPeriodController",void 0),rt([u()],ot.prototype,"maxCalendarDate",void 0),rt([u()],ot.prototype,"minCalendarDate",void 0),rt([u()],ot.prototype,"currentSize",void 0),rt([u()],ot.prototype,"timezone",void 0),rt([u()],ot.prototype,"isDualMonths",void 0),rt([u()],ot.prototype,"todayClickEventEmitter",void 0);var st=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class dt extends v{componentWillLoad(){this.setIsDualMonths()}watchMode(){this.setIsDualMonths()}watchDualMonths(){this.setIsDualMonths()}setIsDualMonths(){this.isDualMonths=!this.isMobileDevice&&("boolean"==typeof this.dualMonths?this.dualMonths:"range"===this.mode)}}st([u()],dt.prototype,"mode",void 0),st([u()],dt.prototype,"dualMonths",void 0),st([u({writable:!0})],dt.prototype,"isDualMonths",void 0),st([u()],dt.prototype,"isMobileDevice",void 0),st([y("componentWillLoad")],dt.prototype,"componentWillLoad",null),st([y("watchMode")],dt.prototype,"watchMode",null),st([y("watchDualMonths")],dt.prototype,"watchDualMonths",null);var ht=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};class lt extends ge{constructor(){super({callback:()=>{this.currentSize=this.getCurrentSize()}})}updateCurrentSize(){this.currentSize=this.getCurrentSize()}getCurrentSize(){return pe.formatCustom(this.size)}}ht([u()],lt.prototype,"size",void 0),ht([u({writable:!0})],lt.prototype,"currentSize",void 0),ht([y("componentWillLoad"),y("watchSize")],lt.prototype,"updateCurrentSize",null);var ct=function(e,t,i,a){var n,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};const mt=class{constructor(e){a(this,e),this.vegaClear=n(this,"vegaClear",7),this.clear=n(this,"clear",7),this.vegaMonthYearChange=n(this,"vegaMonthYearChange",7),this.monthYearChange=n(this,"monthYearChange",7),this.vegaSelectionChange=n(this,"vegaSelectionChange",7),this.selectionChange=n(this,"selectionChange",7),this.vegaTodayClick=n(this,"vegaTodayClick",7),this.todayClick=n(this,"todayClick",7),this.globalSlimmers={},this.renderer=new Ye,this.isDualMonthsController=new dt,this.monthItemRenderer=new Je,this.headerRenderer=new ot,this.translationSlimmer=new ae,this.todayController=new Ge,this.selectionController=new et,this.minMaxDateController=new it,this.currentPeriodController=new Ke,this.yearMonthSwitcherRender=new Be,this.allowRepickController=new nt,this.vegaComponentUsageRuntimeMetricsSlimmer=new _,this.calendarSizeController=new lt,this.clearEventEmitter=te(mt,P),this.monthYearChangeEventEmitter=te(mt,E),this.vegaSelectionChangeEventEmitter=te(mt,O),this.todayClickEventEmitter=te(mt,F),this.currentSize="regular",this.isMobileDevice=z()===R.MOBILE,this.size="regular",this.fillContainer=!1,this.mode="single",this.selection="range"===this.mode?["",""]:"",this.format="MM/DD/YYYY",this.clearButton=!1,this.staticHeight=!1,this.showYearMonthDropdowns=!1,this.yearMonthDropdownProps={},this.isDateDisabled=()=>!1,this.dateIndicator=()=>null}watchCurrentPeriod(){}watchCalendarSelection(){}watchMaxCalendarDate(){}watchMinCalendarDate(){}watchSize(){}watchMode(){}watchSelection(){}watchMinDate(){}watchMaxDate(){}watchTimezone(){}watchDualMonths(){}async reset(){}async triggerRepick(e){}render(){return o(e(t,{class:{[this.currentSize]:!0,[this.mode]:!0,"fill-container":this.fillContainer,mobile:this.isMobileDevice,"dual-months":this.isDualMonths}},this.renderer.render()),this.host)}get host(){return r(this)}static get watchers(){return{currentPeriod:["watchCurrentPeriod"],calendarSelection:["watchCalendarSelection"],maxCalendarDate:["watchMaxCalendarDate"],minCalendarDate:["watchMinCalendarDate"],size:["watchSize"],mode:["watchMode"],selection:["watchSelection"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],timezone:["watchTimezone"],dualMonths:["watchDualMonths"]}}};ct([C()],mt.prototype,"globalSlimmers",void 0),ct([b()],mt.prototype,"renderer",void 0),ct([b()],mt.prototype,"isDualMonthsController",void 0),ct([b()],mt.prototype,"monthItemRenderer",void 0),ct([b()],mt.prototype,"headerRenderer",void 0),ct([b()],mt.prototype,"translationSlimmer",void 0),ct([b()],mt.prototype,"todayController",void 0),ct([b()],mt.prototype,"selectionController",void 0),ct([b()],mt.prototype,"minMaxDateController",void 0),ct([b()],mt.prototype,"currentPeriodController",void 0),ct([b()],mt.prototype,"yearMonthSwitcherRender",void 0),ct([b()],mt.prototype,"allowRepickController",void 0),ct([b()],mt.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ct([b()],mt.prototype,"calendarSizeController",void 0),ct([b()],mt.prototype,"clearEventEmitter",void 0),ct([b()],mt.prototype,"monthYearChangeEventEmitter",void 0),ct([b()],mt.prototype,"vegaSelectionChangeEventEmitter",void 0),ct([b()],mt.prototype,"todayClickEventEmitter",void 0),mt.style=':host{--vega-litepicker-container-width:calc(var(--vega-litepicker-day-width) * 7)}.calendar,.calendar .container__main,.calendar .container__months{height:100%}:host(.small.dual-months) .calendar.static-height .container__main,:host(.regular.dual-months) .calendar.static-height .container__main,:host(.large.dual-months) .calendar.static-height .container__main{aspect-ratio:1/1}:host .month-item-header .button-today::part(link){color:rgba(var(--v-text-link, 19, 98, 226, 1));vertical-align:top}:host .month-item-header vega-dropdown .month-item-name,:host .month-item-header vega-dropdown .month-item-year{display:flex;gap:8px;align-items:center;cursor:pointer;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host .month-item-header vega-dropdown.active .month-item-name,:host .month-item-header vega-dropdown.active .month-item-year{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .month-item-header .button-previous-month.disabled,:host .month-item-header .button-next-month.disabled{pointer-events:none}:host(.small.single) vega-dropdown .month-item-name span{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.small){--vega-litepicker-day-width:28px;--vega-litepicker-day-height:28px;--vega-date-picker-calendar-range-space-size:16px}:host(.small) .current-month-year{text-align:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .current-month-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .current-month-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .current-month-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .month-item-header{gap:8px;margin-bottom:12px}:host(.small) .month-item-header .button-today{height:16px}:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .month-item-header .month-item-name{margin-right:4px}:host(.small) .month-item-header vega-dropdown .month-item-name{margin-right:8px}:host(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{border-radius:4px;padding-left:4px;padding-right:4px;font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;gap:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{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(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{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(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host(.small) .month-item-header vega-dropdown .month-item-name vega-icon,:host(.small) .month-item-header vega-dropdown .month-item-year vega-icon{width:12px;height:12px}:host(.small) .month-item-header .small-month-item-name{margin-right:8px}:host(.small) .month-item-header .small-month-item-name::part(label-container),:host(.small) .month-item-header .small-month-item-year::part(label-container){font-size:14px}:host(.small) .month-item .current-month-year{margin-bottom:4px}:host(.small) .calendar .container__main{max-width:360px;max-height:360px}:host(.small) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px;margin-bottom:4px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__days .day-item{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(.small) .calendar .container__days .day-item{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(.small) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host(.small) .calendar .container__days .day-item .day-content{width:18px;height:18px}:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px;width:18px;height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__days .day-item:focus-visible .day-content{width:16px}:host(.small) .calendar .container__days .day-item:focus-visible .day-content{width:16px}:host(.small) .calendar .container__days vega-tooltip .day-item .day-content:after{width:4px;height:4px;bottom:-3px;left:calc(50% - 2px)}:host(.small.dual-months) .calendar .container__main{width:100%;max-width:600px;max-height:360px}:host(.regular){--vega-litepicker-day-width:40px;--vega-litepicker-day-height:40px;--vega-date-picker-calendar-range-space-size:24px}:host(.regular) .current-month-year{text-align:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .current-month-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .current-month-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .current-month-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .month-item-header{gap:16px;margin-bottom:24px}:host(.regular) .month-item-header .button-today{height:16px}:host(.regular) .month-item-header .button-today.with-label{height:18px}:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .month-item-header .month-item-name{margin-right:4px}:host(.regular) .month-item-header vega-dropdown .month-item-name{margin-right:16px}:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{border-radius:4px;padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:16px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:16px}}:host(.regular) .month-item .current-month-year{margin-bottom:12px}:host(.regular) .calendar .container__main{max-width:450px;max-height:450px}:host(.regular) .calendar .container__months .month-item-header{margin-bottom:12px}:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__days .day-item .day-content{width:24px;height:24px}:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__days vega-tooltip .day-item .day-content:after{width:4px;height:4px;bottom:-3px;left:calc(50% - 2px)}:host(.regular.dual-months) .calendar .container__main{width:100%;max-width:900px;max-height:450px}:host(.large){--vega-litepicker-day-width:56px;--vega-litepicker-day-height:56px;--vega-date-picker-calendar-range-space-size:40px}:host(.large) .current-month-year{text-align:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .current-month-year{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .current-month-year{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .current-month-year{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .month-item-header{gap:16px;margin-bottom:24px}:host(.large) .month-item-header .button-today{height:16px}:host(.large) .month-item-header .button-today.with-label{height:24px}:host(.large) .month-item-header .month-item-name{margin-right:4px}:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px;gap:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .month-item-header vega-dropdown .month-item-name{margin-right:24px}:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{border-radius:8px;padding-left:12px;padding-right:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;padding-top:7px;padding-bottom:7px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{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){:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{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){:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.large) .month-item .current-month-year{margin-bottom:16px}:host(.large) .calendar .container__main{max-width:600px;max-height:600px}:host(.large) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__months .month-item-header{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__days .day-item{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days .day-item .day-content{width:36px;height:36px}:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days vega-tooltip .day-item .day-content:after{width:6px;height:6px;bottom:-4px;left:calc(50% - 3px)}:host(.regular) .container__days .day-item.is-today .day-content,:host(.large) .container__days .day-item.is-today .day-content{border:1px solid rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.regular) .container__days .day-item.is-today.is-start-date .day-content,:host(.regular) .container__days .day-item.is-today.is-end-date .day-content,:host(.regular) .container__days .day-item.is-today:active:not(.is-locked):not(.is-disabled) .day-content,:host(.large) .container__days .day-item.is-today.is-start-date .day-content,:host(.large) .container__days .day-item.is-today.is-end-date .day-content,:host(.large) .container__days .day-item.is-today:active:not(.is-locked):not(.is-disabled) .day-content{border-color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.large.dual-months) .calendar .container__main{width:100%;max-width:1200px;max-height:600px}:host(.fill-container) .calendar .container__main,:host(.fill-container.dual-months) .calendar .container__main{max-width:100%;max-height:100%}:host(.fill-container) .calendar .container__main .container__days,:host(.fill-container.dual-months) .calendar .container__main .container__days{width:100%;min-height:0px;flex:1 1 auto}:host(.fill-container) .calendar.static-height .container__main,:host(.fill-container.dual-months) .calendar.static-height .container__main{aspect-ratio:auto}.calendar .container__main{display:flex;flex-direction:column}.calendar .container__months{display:flex}:host(.dual-months) .calendar .container__months{width:100%;flex-direction:row}:host(.dual-months) .calendar .container__months .month-item:first-of-type{padding-right:var(--vega-date-picker-calendar-range-space-size)}:host(.dual-months) .calendar .container__months .month-item:last-of-type{padding-left:var(--vega-date-picker-calendar-range-space-size)}.calendar .container__months .month-item{box-sizing:content-box;position:relative;width:100%;height:100%;z-index:1;display:flex;flex-direction:column}.calendar .container__months .month-item:nth-child(2)::before{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-bottom:32px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:none;width:1px;content:"";display:block}.calendar .container__months .month-item-weekdays-row{color:rgba(var(--v-text-primary, 32, 54, 69, 1));place-items:center}.calendar .aria-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.calendar .container__days{text-align:center;place-items:center;flex:1 1 auto}.calendar.static-height .container__days{align-content:flex-start}:host(:not(.fill-container)) .calendar:not(.static-height) .container__days{flex:none}.calendar .container__months .month-item-weekdays-row>div,.calendar .container__days>div,.calendar .container__days>vega-tooltip>div,.calendar .container__days>a{padding:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--vega-litepicker-day-height);width:100%;min-width:var(--vega-litepicker-day-width)}.calendar .container__days .day-item{color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:center;border-radius:9999px;cursor:default}.calendar .container__days .day-item .day-content{display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.calendar .container__days .day-item:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.calendar .container__days .day-item:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1));color:rgba(var(--v-text-on-action, 252, 252, 252, 1));border-width:0px;outline:none}.calendar .container__days .day-item:focus-visible{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));outline:none}.calendar .container__days .day-item.is-locked,.calendar .container__days .day-item.is-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));-webkit-tap-highlight-color:transparent;cursor:not-allowed}.calendar .container__days .day-item.is-locked:hover,.calendar .container__days .day-item.is-disabled:hover{border-width:0px}.calendar .container__days .day-item.is-locked:active,.calendar .container__days .day-item.is-disabled:active{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:none}.calendar .container__days .day-item.is-disabled{text-decoration:line-through}.calendar .container__days .day-item.is-start-date,.calendar .container__days .day-item.is-end-date{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-on-action, 252, 252, 252, 1));position:relative;border-width:0px}.calendar .container__days .day-item.is-start-date:hover,.calendar .container__days .day-item.is-end-date:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.calendar .container__days .day-item.is-start-date:active,.calendar .container__days .day-item.is-end-date:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.calendar .container__days .day-item.is-start-date:focus-visible,.calendar .container__days .day-item.is-end-date:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}.calendar .container__days .day-item.is-start-date.is-disabled,.calendar .container__days .day-item.is-start-date.is-locked,.calendar .container__days .day-item.is-end-date.is-disabled,.calendar .container__days .day-item.is-end-date.is-locked{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}.calendar .container__days .day-item.is-start-date.is-end-date:after{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.calendar .container__days .day-item.is-start-date:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:9999px;border-bottom-left-radius:9999px;content:" ";z-index:-1;background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}.calendar .container__days .day-item.is-end-date:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:9999px;border-bottom-right-radius:9999px;content:" ";z-index:-1;background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}.calendar .container__days .day-item.is-in-range{border-radius:0px;background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1));border-width:0px}.calendar .container__days .day-item.is-in-range:hover{position:relative}.calendar .container__days .day-item.is-in-range:hover:before{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" "}.calendar .container__days .day-item.is-in-range:focus-visible{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));outline:none}.calendar .container__days vega-tooltip{width:100%}.calendar .container__days vega-tooltip .day-item .day-content{position:relative}.calendar .container__days vega-tooltip .day-item .day-content:after{position:absolute;border-radius:9999px;content:" ";background-color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.calendar .container__days vega-tooltip .day-item.is-start-date .day-content:after,.calendar .container__days vega-tooltip .day-item.is-end-date .day-content:after,.calendar .container__days vega-tooltip .day-item:active:not(.is-locked):not(.is-disabled) .day-content:after{background-color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}.calendar.mobilefriendly[data-plugins*=mobilefriendly] .container__days>div{height:var(--vega-date-picker-calendar-day-height)}.calendar .clear-button{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar .clear-button{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar .clear-button{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar .clear-button{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}.calendar .footer-container{margin-top:16px;height:24px}:host(.vega-force-hidden){display:none !important}.calendar{left:initial !important;top:initial !important;position:initial !important}.button-next-month svg,.button-previous-month svg{width:12px;height:16px}.calendar .container__days>div:not(.day-item){-webkit-tap-highlight-color:transparent}';export{Te as vega_date_picker,mt as vega_date_picker_calendar}

package/dist/vega/p-bbad318e.entry.js

@@ -1 +0,0 @@
-import{h as t,f as e,r as i,c as o,H as s,g as r}from"./p-6b2342e0.js";import{V as a,I as l}from"./p-8ce9e214.js";import{R as n}from"./p-8bc15ed0.js";import{c,V as h,M as p,I as d}from"./p-6e1ab235.js";import{s as f}from"./p-519a7d55.js";import{F as u}from"./p-320091b7.js";import{D as v}from"./p-526e3634.js";import{c as m,b as g,a as w,d as b,M as j}from"./p-5447a8e8.js";import{c as x}from"./p-66647244.js";import{V as C}from"./p-6031bed1.js";import{F as R}from"./p-cb378636.js";import{C as y}from"./p-2d0d575f.js";import{T as F}from"./p-6cde45fc.js";import{C as S}from"./p-2c737fc8.js";import"./p-abd7aeaa.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-528748fa.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-3a68b729.js";import"./p-0d18368b.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-29e3eb12.js";import"./p-8c30a60d.js";import"./p-ffdc25ec.js";import"./p-afcd8f04.js";import"./p-5f377954.js";var k=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class I extends h{constructor(){super(...arguments),this.handlePopoverShow=()=>{v.addUniqueObserverToNode(this.popoverRef,m,(()=>{this.isPopoverOpen=!0,this.internalColor!==this.value&&this.colorSwatchPickerValueController.updateInternalColor(this.value)}))},this.handlePopoverHide=()=>{v.addUniqueObserverToNode(this.popoverRef,g,(()=>{this.isPopoverOpen=!1}))},this.registerButtonClickHandler=t=>{v.addUniqueObserverToNode(t,w,(()=>{this.popoverRef&&this.popoverRef.hide(),this.colorSwatchPickerValueController.updateValue("clear"===t.dataset.actionType?"":this.internalColor)}))}}hidePopover(){this.popoverRef&&this.popoverRef.hide()}getContainerRef(){return this.containerRef}getLeftContainerRef(){return this.leftContainerRef}render(){const e=this.leftSlotProjection.hasSlot();return t("div",{ref:t=>this.containerRef=t,class:"swatch-picker-container"},t("vega-popover",{ref:t=>{this.popoverRef=t,this.handlePopoverShow(),this.handlePopoverHide()},class:"swatch-popover",alignment:"center",isScreenPosition:!0,trigger:"click"},t("div",{slot:"popover-content"},t("vega-color-swatch",{class:"swatch-picker-trigger","aria-expanded":this.isPopoverOpen?"true":"false","aria-haspopup":"dialog",disabled:this.disabled,color:this.value,size:"small"})),t("vega-box",{slot:"popover",class:"swatch-popover-content",width:"min-content"},t("vega-flex",{gap:"size-16"},e&&t("div",{ref:t=>this.leftContainerRef=t}),e&&t("div",null,t("vega-divider",{direction:"vertical"})),t("div",null,this.colorSwatchInputRenderer.render(),this.colorSwatchGridRenderer.render(),this.renderButtonGroup())))),t("vega-field-label",{label:this.label,disabled:this.disabled,isFieldRequired:this.required}))}renderButtonGroup(){return t("vega-flex",{gap:"size-8",justifyContent:"end",margin:{top:"size-16"}},this.showClearButton&&t("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"clear",label:this.translationSlimmer.t("Clear"),size:"small"}),t("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"apply",label:this.translationSlimmer.t("Apply"),size:"small"}))}}k([c()],I.prototype,"host",void 0),k([c()],I.prototype,"value",void 0),k([c()],I.prototype,"internalColor",void 0),k([c()],I.prototype,"label",void 0),k([c()],I.prototype,"required",void 0),k([c({writable:!0})],I.prototype,"isPopoverOpen",void 0),k([c()],I.prototype,"disabled",void 0),k([c()],I.prototype,"showClearButton",void 0),k([c()],I.prototype,"colorSwatchGridRenderer",void 0),k([c()],I.prototype,"colorSwatchInputRenderer",void 0),k([c()],I.prototype,"colorSwatchPickerValueController",void 0),k([c()],I.prototype,"translationSlimmer",void 0),k([c()],I.prototype,"leftSlotProjection",void 0);var z=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class V extends h{constructor(){super(...arguments),this.handleColorSwatchClick=t=>{v.addUniqueObserverToNode(t,w,(()=>{this.colorSwatchPickerValueController.updateInternalColor(t.color)}))}}render(){return t("vega-grid",{column:this.swatchGridColumns,justifyItems:"start",gap:"size-8",style:{width:"max-content"}},this.colors.map((e=>t("vega-color-swatch",{ref:this.handleColorSwatchClick,selected:this.isColorMatched(this.internalColor,e),color:e,size:"extra-small"}))))}isColorMatched(t,e){return t&&e?t.toLowerCase()===e.toLowerCase():t===e}}z([c()],V.prototype,"colors",void 0),z([c()],V.prototype,"internalColor",void 0),z([c()],V.prototype,"swatchGridColumns",void 0),z([c()],V.prototype,"colorSwatchPickerValueController",void 0);var O=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class P extends h{constructor(){super(...arguments),this.handleInputEvent=t=>{v.addUniqueObserverToNode(t,b,(()=>{const e=this.colorSwatchPickerColorFormatController.formatColor("output",t.value);e&&!this.isValidColor(e)||this.colorSwatchPickerValueController.updateInternalColor(e)})),v.addUniqueObserverToNode(t,j,(()=>{t.value&&!this.isValidColor(t.value)&&(t.value=this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor))}))}}render(){return this.showInput?t("vega-flex",{gap:"size-8",alignItems:"center",margin:{bottom:"size-16"}},t("vega-color-swatch",{color:this.internalColor,size:"extra-small"}),t("vega-input",{ref:this.handleInputEvent,size:"small",value:this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor),placeholder:this.inputPlaceholder||this.translationSlimmer.t("Enter color"),prefixIcon:this.inputPrefixIcon===P.DEFAULT_INPUT_ICON?C.getIconKey("hashtag"):this.inputPrefixIcon})):null}isValidColor(t){let e=!0;return globalThis.CSS&&"function"==typeof globalThis.CSS.supports&&(e=globalThis.CSS.supports("color",t)),e}}C.register({hashtag:{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M188.7 32.5c13 2.6 21.4 15.2 18.8 28.2L192.5 136h111l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8s21.4 15.2 18.8 28.2L352.5 136H424c13.3 0 24 10.7 24 24s-10.7 24-24 24H342.9L314.1 328H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H304.5l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L255.5 376h-111l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L95.5 376H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h81.1l28.8-144H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h87.5l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8zM182.9 184L154.1 328h111l28.8-144h-111z"/></svg>'}}),P.DEFAULT_INPUT_ICON="hexColorIcon",O([c()],P.prototype,"internalColor",void 0),O([c()],P.prototype,"showInput",void 0),O([c()],P.prototype,"inputPlaceholder",void 0),O([c()],P.prototype,"inputPrefixIcon",void 0),O([c()],P.prototype,"colorSwatchPickerValueController",void 0),O([c()],P.prototype,"colorSwatchPickerColorFormatController",void 0),O([c()],P.prototype,"translationSlimmer",void 0);var L=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class H extends h{updateValue(t){this.value=t}updateInternalColor(t){this.internalColor=t}initializeInternalColor(){this.internalColor=this.value}listenToValueChange(){this.internalColor=this.value,this.changeEventEmitter.emit(this.value),y.notify(R,{host:this.host,detail:this.value})}}L([c()],H.prototype,"host",void 0),L([c({writable:!0})],H.prototype,"value",void 0),L([c({writable:!0})],H.prototype,"internalColor",void 0),L([c()],H.prototype,"changeEventEmitter",void 0),L([p("componentWillLoad")],H.prototype,"initializeInternalColor",null),L([p("watchValue")],H.prototype,"listenToValueChange",null);var M=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class T extends h{updateTheColor(){this.internalColor&&this.colorSwatchPickerValueController.updateInternalColor(this.formatColor("input",this.internalColor))}formatColor(t,e){return this.inputFormatter===T.DEFAULT_INPUT_FORMATTER?this.handleHexFormat(t,e):"function"==typeof this.inputFormatter?this.inputFormatter(t,e):e}handleHexFormat(t,e){return"input"===t?e.startsWith("#")?e.slice(1):e:e.startsWith("#")?e:e?`#${e}`:e}}T.DEFAULT_INPUT_FORMATTER="hexColorFormatter",M([c()],T.prototype,"inputFormatter",void 0),M([c()],T.prototype,"internalColor",void 0),M([c()],T.prototype,"colorSwatchPickerValueController",void 0),M([p("watchInputFormatter")],T.prototype,"updateTheColor",null);var D=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class E extends h{constructor(t,i){super(),this.slotElement=null,this.syncSlotElementFromHost=()=>{var t;const i=this.host.querySelector(this.slotSelector());i&&(this.slotElement=i,null===(t=this.getContainerRef())||void 0===t||t.replaceChildren(i),e(this.host))},this.syncRemovedSlotElement=()=>{this.slotElement&&!this.slotElement.isConnected&&(this.slotElement=null,e(this.host))},this.slotName=t,this.getContainerRef=i}hasSlot(){return!!this.slotElement}detectSlot(){this.slotElement=this.host.querySelector(this.slotSelector()),this.hostMutationObserver=new MutationObserver(this.syncSlotElementFromHost),this.hostMutationObserver.observe(this.host,{childList:!0}),this.containerMutationObserver=new MutationObserver(this.syncRemovedSlotElement)}appendSlotContent(){const t=this.getContainerRef();t&&this.containerMutationObserver.observe(t,{childList:!0}),this.slotElement&&t&&this.slotElement.parentElement!==t&&t.appendChild(this.slotElement)}cleanup(){this.hostMutationObserver&&this.hostMutationObserver.disconnect(),this.containerMutationObserver&&this.containerMutationObserver.disconnect()}slotSelector(){return`[slot="${this.slotName}"]`}}D([c()],E.prototype,"host",void 0),D([p("componentWillLoad")],E.prototype,"detectSlot",null),D([p("componentDidRender")],E.prototype,"appendSlotContent",null),D([p("disconnectedCallback")],E.prototype,"cleanup",null);var G=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const B=class{constructor(t){i(this,t),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new a,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.colorSwatchPickerRenderer.getContainerRef(),touchableAreaGetter:()=>[]}),this.translationSlimmer=new F,this.leftSlotProjection=new E("swatch-picker-left",(()=>this.colorSwatchPickerRenderer.getLeftContainerRef())),this.colorSwatchPickerRenderer=new I,this.colorSwatchGridRenderer=new V,this.colorSwatchInputRenderer=new P,this.colorSwatchPickerValueController=new H,this.colorSwatchPickerColorFormatController=new T,this.childNodeEventPreventSlimmer=new S([b],(()=>this.colorSwatchPickerRenderer.getContainerRef())),this.changeEventEmitter=x(B,b),this.internalColor="",this.isPopoverOpen=!1,this.value="",this.label="",this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.swatchGridColumns=8,this.showInput=!0,this.inputPlaceholder="",this.inputPrefixIcon=P.DEFAULT_INPUT_ICON,this.showClearButton=!1,this.inputFormatter=T.DEFAULT_INPUT_FORMATTER}watchValue(){}watchDisabled(){this.disabled&&this.colorSwatchPickerRenderer.hidePopover()}watchValidationRules(){}watchInputFormatter(){}render(){return f(t(s,{class:{disabled:this.disabled}},this.colorSwatchPickerRenderer.render(),t("div",{class:"vega-error vega-hidden",part:"field-error-message"})),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"],inputFormatter:["watchInputFormatter"]}}};G([l()],B.prototype,"globalSlimmers",void 0),G([d()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G([d()],B.prototype,"formFieldController",void 0),G([d()],B.prototype,"translationSlimmer",void 0),G([d()],B.prototype,"leftSlotProjection",void 0),G([d()],B.prototype,"colorSwatchPickerRenderer",void 0),G([d()],B.prototype,"colorSwatchGridRenderer",void 0),G([d()],B.prototype,"colorSwatchInputRenderer",void 0),G([d()],B.prototype,"colorSwatchPickerValueController",void 0),G([d()],B.prototype,"colorSwatchPickerColorFormatController",void 0),G([d()],B.prototype,"childNodeEventPreventSlimmer",void 0),G([d()],B.prototype,"changeEventEmitter",void 0),B.style=':host{display:inline-block}.swatch-picker-container{display:flex;flex-direction:row;align-items:center;gap:8px}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch-container):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;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))}@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-hidden{display:none}';export{B as vega_color_swatch_picker}

package/dist/vega/p-c079c935.entry.js

@@ -1 +0,0 @@
-import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-6b2342e0.js";import{C as s}from"./p-75b58efe.js";import{T as a,a as d}from"./p-61ce8029.js";import{s as l}from"./p-519a7d55.js";import{c as p,V as h,M as c,L as u,I as m}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-8ce9e214.js";import{F as f}from"./p-320091b7.js";import{D as w}from"./p-526e3634.js";import{d as b,L as x,M as y,a as k}from"./p-5447a8e8.js";import{g as R,D}from"./p-528748fa.js";import{c as j}from"./p-3a620268.js";import{X as I,ae as S,i as C,af as T}from"./p-8db904dc.js";import{i as O}from"./p-d27ae9ff.js";import{F as V}from"./p-cb378636.js";import{C as A}from"./p-2d0d575f.js";import{E}from"./p-9f7154d2.js";import{C as F}from"./p-8187878e.js";import{K as M}from"./p-f1974321.js";import{I as P}from"./p-abd7aeaa.js";import{C as $}from"./p-2c737fc8.js";import{c as _}from"./p-66647244.js";import{T as z}from"./p-6cde45fc.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-3a68b729.js";import"./p-0d18368b.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-29e3eb12.js";import"./p-b438e68b.js";import"./p-262ec334.js";import"./p-781fd6e0.js";import"./p-3dee1e55.js";import"./p-0c667d6a.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-75e33859.js";import"./p-8c30a60d.js";import"./p-5f377954.js";var L=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.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,optional:this.optional,disabled:this.disabled,label:this.label})}}L([p()],N.prototype,"label",void 0),L([p()],N.prototype,"mode",void 0),L([p()],N.prototype,"required",void 0),L([p()],N.prototype,"optional",void 0),L([p()],N.prototype,"disabled",void 0),L([p()],N.prototype,"singleInputRenderer",void 0),L([p()],N.prototype,"rangeInputRenderer",void 0);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 K 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,readOnly:this.readOnly,size:this.size,value:"string"==typeof this.value?this.value:"",showClearIcon:this.showClearIcon,ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){w.addUniqueObserverToNode(e,b,(e=>{this.onChildVegaInputChange(e)})),w.addUniqueObserverToNode(e,x,(()=>{this.singleDropdownController.show()})),w.addUniqueObserverToNode(e,y,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:this.translationSlimmer.t("Select Time")}}B([p()],K.prototype,"placeholder",void 0),B([p()],K.prototype,"size",void 0),B([p()],K.prototype,"disabled",void 0),B([p()],K.prototype,"value",void 0),B([p()],K.prototype,"valueController",void 0),B([p()],K.prototype,"singleDropdownController",void 0),B([p()],K.prototype,"translationSlimmer",void 0),B([p()],K.prototype,"readOnly",void 0),B([p()],K.prototype,"showClearIcon",void 0);var W=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 U extends h{constructor(){super(...arguments),this.isMobileDevice=R()===D.MOBILE,this.isTabletDevice=R()===D.TABLET,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,tablet:this.isTabletDevice},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=>{w.addUniqueObserverToNode(e,k,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{w.addUniqueObserverToNode(e,k,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}W([p()],U.prototype,"timeFormat",void 0),W([p()],U.prototype,"dropdownSource",void 0),W([p()],U.prototype,"selectedTimeValue",void 0),W([p()],U.prototype,"valueController",void 0),W([p()],U.prototype,"dropdownSelectedItemsController",void 0),W([p()],U.prototype,"singleDropdownController",void 0),W([c("componentDidRender")],U.prototype,"componentDidRenderCallback",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 G extends h{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&O(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),A.notify(V,{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]&&I(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&I(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&&I(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.timeFormat)||""===e))}return t||u.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}q([p({writable:!0})],G.prototype,"value",void 0),q([p()],G.prototype,"mode",void 0),q([p()],G.prototype,"timeFormat",void 0),q([p()],G.prototype,"selectedTimeValue",void 0),q([p()],G.prototype,"increments",void 0),q([p()],G.prototype,"changeEventEmitter",void 0),q([p()],G.prototype,"singleInputRenderer",void 0),q([p()],G.prototype,"rangeInputRenderer",void 0),q([p()],G.prototype,"dropdownSelectedItemsController",void 0),q([p()],G.prototype,"host",void 0),q([c("watchValue")],G.prototype,"emitChangeEventOrClearTimePicker",null),q([c("watchSelectedTimeValue")],G.prototype,"updateValueIfSelectedItemsChange",null),q([c("watchMode")],G.prototype,"resetCurrentValueIfModeChange",null),q([c("componentDidLoad")],G.prototype,"checkTheDefaultValueForRangeMode",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 E{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],isScreenPosition:this.vegaDropdownProps.isScreenPosition})),(()=>new F))}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)))&&(u.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(S(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(S(t))}else for(let t=0;t<24;t++)e.push(S(t));return e}}H([p({writable:!0})],Y.prototype,"isDropdownShow",void 0),H([p({writable:!0})],Y.prototype,"dropdownSource",void 0),H([p()],Y.prototype,"mode",void 0),H([p({writable:!0})],Y.prototype,"increments",void 0),H([p()],Y.prototype,"timeFormat",void 0),H([p()],Y.prototype,"value",void 0),H([p()],Y.prototype,"positionRelativeTo",void 0),H([p()],Y.prototype,"vegaDropdownProps",void 0),H([p()],Y.prototype,"selectedTimeValue",void 0),H([p()],Y.prototype,"singleInputRenderer",void 0),H([p()],Y.prototype,"rangeInputRenderer",void 0),H([p()],Y.prototype,"singleDropdownRenderer",void 0),H([p()],Y.prototype,"valueController",void 0),H([p()],Y.prototype,"dropdownSelectedItemsController",void 0),H([p()],Y.prototype,"inputMaskController",void 0),H([c("watchIncrements")],Y.prototype,"initValueAndDropdownSource",null),H([c("watchTimeFormat")],Y.prototype,"initDropdownSourceAndInputMaskConfig",null),H([c("componentWillLoad")],Y.prototype,"initDropdownSourceAndSelectedItems",null),H([c("watchDisabled")],Y.prototype,"hideDropdownWhenDisabled",null);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.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&I(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=S(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:S(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:S(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!I(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}}}X([p({writable:!0})],J.prototype,"selectedTimeValue",void 0),X([p()],J.prototype,"mode",void 0),X([p()],J.prototype,"value",void 0),X([p()],J.prototype,"timeFormat",void 0),X([p()],J.prototype,"dropdownSource",void 0),X([p()],J.prototype,"increments",void 0),X([p()],J.prototype,"disabled",void 0),X([p()],J.prototype,"singleDropdownRenderer",void 0),X([p()],J.prototype,"rangeDropdownRenderer",void 0),X([c("watchValue")],J.prototype,"syncSelectedItemsByValueChange",null),X([c("watchIsDropdownShow")],J.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),X([c("componentDidRender")],J.prototype,"syncSelectedItemsPosition",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 Z extends M{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()}}Q([p()],Z.prototype,"host",void 0),Q([p()],Z.prototype,"mode",void 0),Q([p()],Z.prototype,"singleInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownController",void 0),Q([p()],Z.prototype,"startDropdownController",void 0),Q([p()],Z.prototype,"endDropdownController",void 0);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.isMobileDevice=R()===D.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(I(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,readOnly:this.readOnly,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,readOnly:this.readOnly,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){w.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputBlur(e)})),w.addUniqueObserverToNode(e,b,(e=>{this.onInputChange(e)})),w.addUniqueObserverToNode(e,x,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:this.translationSlimmer.t("Start Time"):Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:this.translationSlimmer.t("End Time")}}ee([p()],te.prototype,"mode",void 0),ee([p()],te.prototype,"placeholder",void 0),ee([p()],te.prototype,"disabled",void 0),ee([p()],te.prototype,"size",void 0),ee([p()],te.prototype,"positionRelativeTo",void 0),ee([p()],te.prototype,"timeFormat",void 0),ee([p()],te.prototype,"increments",void 0),ee([p()],te.prototype,"value",void 0),ee([p()],te.prototype,"startDropdownController",void 0),ee([p()],te.prototype,"endDropdownController",void 0),ee([p()],te.prototype,"valueController",void 0),ee([p()],te.prototype,"rangeClearButtonRenderer",void 0),ee([p()],te.prototype,"rangeDropdownRenderer",void 0),ee([p()],te.prototype,"dropdownSelectedItemsController",void 0),ee([p()],te.prototype,"translationSlimmer",void 0),ee([p()],te.prototype,"readOnly",void 0);var ie=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 re extends h{constructor(){super(...arguments),this.isMobileDevice=R()===D.MOBILE,this.isTabletDevice=R()===D.TABLET,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},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,tablet:this.isTabletDevice},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(C);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(C)),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}}ie([p()],re.prototype,"timeFormat",void 0),ie([p()],re.prototype,"value",void 0),ie([p()],re.prototype,"dropdownSource",void 0),ie([p()],re.prototype,"valueController",void 0),ie([p()],re.prototype,"rangeInputRenderer",void 0),ie([p()],re.prototype,"startDropdownController",void 0),ie([p()],re.prototype,"endDropdownController",void 0),ie([c("componentDidRender")],re.prototype,"componentDidRenderCallback",null);var oe=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 ne 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.shouldShowClearButton()},"aria-label":"clear input",role:"button",tabindex:this.disabled?-1:0,onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}shouldShowClearButton(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}oe([p()],ne.prototype,"disabled",void 0),oe([p()],ne.prototype,"value",void 0),oe([p()],ne.prototype,"showClearIcon",void 0),oe([p()],ne.prototype,"valueController",void 0),oe([p()],ne.prototype,"endDropdownController",void 0),oe([p()],ne.prototype,"rangeInputRenderer",void 0);class se extends P{constructor(e){super(),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=>I(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${T(t)}`)>new Date(`${r}T${T(e)}`)}}var ae=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 de 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}}ae([p()],de.prototype,"timeFormat",void 0),ae([p()],de.prototype,"mode",void 0),ae([p()],de.prototype,"singleInputRenderer",void 0),ae([p()],de.prototype,"rangeInputRenderer",void 0),ae([c("componentDidLoad")],de.prototype,"initInputMask",null);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};class pe extends E{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,isScreenPosition:this.vegaDropdownProps.isScreenPosition})),(()=>new F),"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()}}le([p()],pe.prototype,"positionRelativeTo",void 0),le([p()],pe.prototype,"vegaDropdownProps",void 0),le([p()],pe.prototype,"mode",void 0),le([p()],pe.prototype,"rangeDropdownRenderer",void 0),le([p()],pe.prototype,"rangeInputRenderer",void 0),le([p()],pe.prototype,"dropdownSelectedItemsController",void 0),le([c("watchDisabled")],pe.prototype,"hideDropdownWhenDisabled",null);const he=[{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},{payloadKey:"READ_ONLY_IS_TRUE",payloadDescription:"Specifies whether the time picker field is set to read-only",payloadValue:e=>!0===e.readOnly},{payloadKey:"READ_ONLY_IS_FALSE",payloadDescription:"Specifies whether the time picker field is set to read-only",payloadValue:e=>!1===e.readOnly}];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 ue=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new z,this.labelRenderer=new N,this.singleInputRenderer=new K,this.singleDropdownRenderer=new U,this.valueController=new G,this.singleDropdownController=new Y,this.dropdownSelectedItemsController=new J,this.keyboardController=new Z,this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new a({timeFormat:t}):new d({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new a({timeFormat:e}):new d({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new se({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 te,this.rangeClearButtonRenderer=new ne,this.rangeDropdownRenderer=new re,this.startDropdownController=new pe("start"),this.endDropdownController=new pe("end"),this.inputMaskController=new de,this.inputEventPrevent=new $([b],(()=>this.inputContainerRef)),this.changeEventEmitter=_(ue,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(he),this.isMobileDevice=R()===D.MOBILE,this.isTabletDevice=R()===D.TABLET,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.optional=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.readOnly=!1,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.vegaDropdownProps={}}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}watchVegaDropdownProps(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return l(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:this.getTimePickerClass(t),ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}getTimePickerClass(e){return{"vega-time-picker-input-container":!0,"range-mode":e,mobile:e&&this.isMobileDevice,tablet:e&&this.isTabletDevice}}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"],vegaDropdownProps:["watchVegaDropdownProps"]}}};ce([g()],ue.prototype,"globalSlimmers",void 0),ce([m()],ue.prototype,"translationSlimmer",void 0),ce([m()],ue.prototype,"labelRenderer",void 0),ce([m()],ue.prototype,"singleInputRenderer",void 0),ce([m()],ue.prototype,"singleDropdownRenderer",void 0),ce([m()],ue.prototype,"valueController",void 0),ce([m()],ue.prototype,"singleDropdownController",void 0),ce([m()],ue.prototype,"dropdownSelectedItemsController",void 0),ce([m()],ue.prototype,"keyboardController",void 0),ce([m()],ue.prototype,"formFieldController",void 0),ce([m()],ue.prototype,"rangeInputRenderer",void 0),ce([m()],ue.prototype,"rangeClearButtonRenderer",void 0),ce([m()],ue.prototype,"rangeDropdownRenderer",void 0),ce([m()],ue.prototype,"startDropdownController",void 0),ce([m()],ue.prototype,"endDropdownController",void 0),ce([m()],ue.prototype,"inputMaskController",void 0),ce([m()],ue.prototype,"inputEventPrevent",void 0),ce([m()],ue.prototype,"changeEventEmitter",void 0),ce([m()],ue.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ce([s()],ue.prototype,"watchValue",null),ue.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 .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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:3px;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:3px;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 .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.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 me=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 ve=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v}render(){return l(e(o,null),this.host)}get host(){return n(this)}};me([g()],ve.prototype,"globalSlimmers",void 0),me([m()],ve.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ve.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}:host(.mobile) .vega-time-picker-dropdown-panel>ul,:host(.tablet) .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:""}:host(.mobile) .vega-time-picker-panel-column::after{height:0}.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{ue as vega_time_picker,ve as vega_time_picker_dropdown}