@globalpayments/vega 2.32.0 → 2.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-19032674.js → app-globals-d28dd560.js} +1 -1
- package/dist/cjs/{child-nodes-event-prevent-slimmer-88ed23c2.js → child-nodes-event-prevent-slimmer-f07a8fe9.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/vega-app-header-button.cjs.entry.js +2 -2
- package/dist/cjs/vega-banner.cjs.entry.js +1 -1
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/vega-button-circle.cjs.entry.js +2 -2
- package/dist/cjs/vega-button-group_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-button-link.cjs.entry.js +10 -3
- package/dist/cjs/vega-button.cjs.entry.js +2 -2
- package/dist/cjs/vega-calendar_3.cjs.entry.js +2 -2
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-chip.cjs.entry.js +2 -2
- package/dist/cjs/vega-combo-box.cjs.entry.js +2 -2
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +93 -40
- package/dist/cjs/vega-dialog_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +2 -2
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-flex.cjs.entry.js +1 -1
- package/dist/cjs/vega-form.cjs.entry.js +2 -2
- package/dist/cjs/vega-image-uploader.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-numeric.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-range.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-select.cjs.entry.js +2 -2
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +2 -2
- package/dist/cjs/vega-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-table_8.cjs.entry.js +2 -2
- package/dist/cjs/vega-textarea.cjs.entry.js +2 -2
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +2 -2
- package/dist/cjs/vega.cjs.js +3 -3
- package/dist/collection/components/vega-button-link/vega-button-link.js +34 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js +6 -4
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.js +55 -0
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.js +5 -9
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.js +3 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.js +5 -9
- package/dist/collection/components/vega-date-picker/vega-date-picker.css +14 -0
- package/dist/collection/components/vega-date-picker/vega-date-picker.js +27 -0
- package/dist/esm/{app-globals-5084ae11.js → app-globals-c018477a.js} +1 -1
- package/dist/esm/{child-nodes-event-prevent-slimmer-01953033.js → child-nodes-event-prevent-slimmer-8de7e3bb.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/vega-app-header-button.entry.js +2 -2
- package/dist/esm/vega-banner.entry.js +1 -1
- package/dist/esm/vega-breadcrumb.entry.js +2 -2
- package/dist/esm/vega-button-circle.entry.js +2 -2
- package/dist/esm/vega-button-group_2.entry.js +2 -2
- package/dist/esm/vega-button-link.entry.js +10 -3
- package/dist/esm/vega-button.entry.js +2 -2
- package/dist/esm/vega-calendar_3.entry.js +2 -2
- package/dist/esm/vega-checkbox_2.entry.js +2 -2
- package/dist/esm/vega-chip.entry.js +2 -2
- package/dist/esm/vega-combo-box.entry.js +2 -2
- package/dist/esm/vega-date-picker_2.entry.js +93 -40
- package/dist/esm/vega-dialog_2.entry.js +2 -2
- package/dist/esm/vega-dropdown_5.entry.js +2 -2
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-flex.entry.js +1 -1
- package/dist/esm/vega-form.entry.js +2 -2
- package/dist/esm/vega-image-uploader.entry.js +2 -2
- package/dist/esm/vega-input-credit-card.entry.js +2 -2
- package/dist/esm/vega-input-numeric.entry.js +2 -2
- package/dist/esm/vega-input-phone-number.entry.js +2 -2
- package/dist/esm/vega-input-range.entry.js +2 -2
- package/dist/esm/vega-input-select.entry.js +2 -2
- package/dist/esm/vega-left-nav_5.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +2 -2
- package/dist/esm/vega-radio_2.entry.js +2 -2
- package/dist/esm/vega-selection-chip_2.entry.js +2 -2
- package/dist/esm/vega-selection-tile_2.entry.js +2 -2
- package/dist/esm/vega-stepper.entry.js +2 -2
- package/dist/esm/vega-tab-group_2.entry.js +2 -2
- package/dist/esm/vega-table_8.entry.js +2 -2
- package/dist/esm/vega-textarea.entry.js +2 -2
- package/dist/esm/vega-time-picker_2.entry.js +2 -2
- package/dist/esm/vega.js +3 -3
- package/dist/types/components/vega-button-link/types.d.ts +1 -0
- package/dist/types/components/vega-button-link/vega-button-link.d.ts +8 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts +1 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.d.ts +17 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.d.ts +2 -4
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.d.ts +2 -4
- package/dist/types/components/vega-date-picker/vega-date-picker.d.ts +6 -0
- package/dist/types/components.d.ts +21 -0
- package/dist/types/types/components.type.d.ts +1 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-1545a693.entry.js → p-07af8ee4.entry.js} +1 -1
- package/dist/vega/{p-a2b4b6c3.entry.js → p-0abae6cc.entry.js} +1 -1
- package/dist/vega/p-0c051d2a.entry.js +13 -0
- package/dist/vega/{p-47e665ba.entry.js → p-17233d94.entry.js} +1 -1
- package/dist/vega/{p-039abd28.entry.js → p-1a8dd528.entry.js} +1 -1
- package/dist/vega/{p-e74a6d22.entry.js → p-36395deb.entry.js} +1 -1
- package/dist/vega/{p-e828ee94.entry.js → p-38b93319.entry.js} +1 -1
- package/dist/vega/{p-8bd327a8.js → p-4625a2b4.js} +1 -1
- package/dist/vega/{p-ea285b12.entry.js → p-483d0916.entry.js} +1 -1
- package/dist/vega/{p-7002cde3.entry.js → p-4921c38c.entry.js} +1 -1
- package/dist/vega/{p-3154fb6b.entry.js → p-497eba8c.entry.js} +1 -1
- package/dist/vega/{p-105d0265.entry.js → p-49db0660.entry.js} +1 -1
- package/dist/vega/{p-5dd6ff09.entry.js → p-53d34f58.entry.js} +1 -1
- package/dist/vega/{p-da106a4d.entry.js → p-576fe8cf.entry.js} +1 -1
- package/dist/vega/{p-8d23c56b.entry.js → p-597871ab.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-12aa4bd2.entry.js → p-603f7aa3.entry.js} +1 -1
- package/dist/vega/{p-ead482e6.entry.js → p-6758dc5e.entry.js} +1 -1
- package/dist/vega/{p-83569225.entry.js → p-6f027906.entry.js} +1 -1
- package/dist/vega/{p-71939bf8.entry.js → p-6f788b49.entry.js} +1 -1
- package/dist/vega/{p-3e591b2f.entry.js → p-8f5ffac5.entry.js} +1 -1
- package/dist/vega/{p-d642c011.entry.js → p-910410ad.entry.js} +1 -1
- package/dist/vega/{p-a00122bb.entry.js → p-99a35465.entry.js} +1 -1
- package/dist/vega/{p-c94ddc57.entry.js → p-99cf17e3.entry.js} +1 -1
- package/dist/vega/{p-ffb832b8.entry.js → p-9f984c33.entry.js} +1 -1
- package/dist/vega/{p-51200fe0.entry.js → p-a828eeef.entry.js} +1 -1
- package/dist/vega/{p-30860766.js → p-c4a52c83.js} +1 -1
- package/dist/vega/p-c51a48d6.entry.js +1 -0
- package/dist/vega/{p-b5a6f6b9.entry.js → p-d6d10fb3.entry.js} +1 -1
- package/dist/vega/{p-00d1904d.entry.js → p-d7df87b4.entry.js} +1 -1
- package/dist/vega/p-daaf3ee3.entry.js +1 -0
- package/dist/vega/{p-16bfb3cb.entry.js → p-dadd7db4.entry.js} +1 -1
- package/dist/vega/{p-94861e39.entry.js → p-f5876e05.entry.js} +1 -1
- package/dist/vega/{p-24d76337.entry.js → p-f76e9940.entry.js} +1 -1
- package/dist/vega/{p-6556932e.entry.js → p-fae41be0.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-051fd45b.entry.js +0 -1
- package/dist/vega/p-6ca02241.entry.js +0 -13
- package/dist/vega/p-af086582.entry.js +0 -1
- /package/dist/cjs/{feature-flag-controller-f9d3ce38.js → feature-flag-controller-0d1015fa.js} +0 -0
- /package/dist/esm/{feature-flag-controller-f72c004e.js → feature-flag-controller-6bbf53c1.js} +0 -0
- /package/dist/vega/{p-5fe479a1.js → p-53702f16.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-1c298d5a.js";import{C as s}from"./p-ed4a57a8.js";import{d as a,p as d,e as l}from"./p-b5990090.js";import{s as p}from"./p-9b797118.js";import{c,V as h,M as u,L as m,I as v}from"./p-6e1ab235.js";import{V as g,I as f}from"./p-61f6167c.js";import{F as w}from"./p-16bb355d.js";import{D as b}from"./p-6c6d86da.js";import{e as x,y,z as k,a as R}from"./p-9e9ec748.js";import{g as D,D as I}from"./p-4163c2c2.js";import{c as j}from"./p-86194314.js";import{i as S}from"./p-b0502d01.js";import{b as C}from"./p-32f651f7.js";import{C as T}from"./p-2d0d575f.js";import{E as V}from"./p-ed237efc.js";import{K as A}from"./p-c1dfdc13.js";import{M as O}from"./p-9fbdeada.js";import{C as E}from"./p-30860766.js";import{c as M}from"./p-a04632d0.js";import{T as F}from"./p-68ad953c.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-781fd6e0.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";import"./p-5453f591.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";class ${constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class P extends h{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}z([c()],P.prototype,"label",void 0),z([c()],P.prototype,"mode",void 0),z([c()],P.prototype,"required",void 0),z([c()],P.prototype,"disabled",void 0),z([c()],P.prototype,"singleInputRenderer",void 0),z([c()],P.prototype,"rangeInputRenderer",void 0);var N=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 _ extends h{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,x,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,y,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,k,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:this.translationSlimmer.t("Select Time")}}N([c()],_.prototype,"placeholder",void 0),N([c()],_.prototype,"size",void 0),N([c()],_.prototype,"disabled",void 0),N([c()],_.prototype,"value",void 0),N([c()],_.prototype,"valueController",void 0),N([c()],_.prototype,"singleDropdownController",void 0),N([c()],_.prototype,"translationSlimmer",void 0);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 B extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}L([c()],B.prototype,"timeFormat",void 0),L([c()],B.prototype,"dropdownSource",void 0),L([c()],B.prototype,"selectedTimeValue",void 0),L([c()],B.prototype,"valueController",void 0),L([c()],B.prototype,"dropdownSelectedItemsController",void 0),L([c()],B.prototype,"singleDropdownController",void 0),L([u("componentDidRender")],B.prototype,"componentDidRenderCallback",null);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 q extends h{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&S(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(C,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||m.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}W([c({writable:!0})],q.prototype,"value",void 0),W([c()],q.prototype,"mode",void 0),W([c()],q.prototype,"timeFormat",void 0),W([c()],q.prototype,"selectedTimeValue",void 0),W([c()],q.prototype,"increments",void 0),W([c()],q.prototype,"changeEventEmitter",void 0),W([c()],q.prototype,"singleInputRenderer",void 0),W([c()],q.prototype,"rangeInputRenderer",void 0),W([c()],q.prototype,"dropdownSelectedItemsController",void 0),W([c()],q.prototype,"host",void 0),W([u("watchValue")],q.prototype,"emitChangeEventOrClearTimePicker",null),W([u("watchSelectedTimeValue")],q.prototype,"updateValueIfSelectedItemsChange",null),W([u("watchMode")],q.prototype,"resetCurrentValueIfModeChange",null),W([u("componentDidLoad")],q.prototype,"checkTheDefaultValueForRangeMode",null);var K=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 V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(m.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}K([c({writable:!0})],U.prototype,"isDropdownShow",void 0),K([c({writable:!0})],U.prototype,"dropdownSource",void 0),K([c()],U.prototype,"mode",void 0),K([c({writable:!0})],U.prototype,"increments",void 0),K([c()],U.prototype,"timeFormat",void 0),K([c()],U.prototype,"value",void 0),K([c()],U.prototype,"positionRelativeTo",void 0),K([c()],U.prototype,"selectedTimeValue",void 0),K([c()],U.prototype,"singleInputRenderer",void 0),K([c()],U.prototype,"rangeInputRenderer",void 0),K([c()],U.prototype,"singleDropdownRenderer",void 0),K([c()],U.prototype,"valueController",void 0),K([c()],U.prototype,"dropdownSelectedItemsController",void 0),K([c()],U.prototype,"inputMaskController",void 0),K([u("watchIncrements")],U.prototype,"initValueAndDropdownSource",null),K([u("watchTimeFormat")],U.prototype,"initDropdownSourceAndInputMaskConfig",null),K([u("componentWillLoad")],U.prototype,"initDropdownSourceAndSelectedItems",null),K([u("watchDisabled")],U.prototype,"hideDropdownWhenDisabled",null);var G=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 H extends h{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}G([c({writable:!0})],H.prototype,"selectedTimeValue",void 0),G([c()],H.prototype,"mode",void 0),G([c()],H.prototype,"value",void 0),G([c()],H.prototype,"timeFormat",void 0),G([c()],H.prototype,"dropdownSource",void 0),G([c()],H.prototype,"increments",void 0),G([c()],H.prototype,"disabled",void 0),G([c()],H.prototype,"singleDropdownRenderer",void 0),G([c()],H.prototype,"rangeDropdownRenderer",void 0),G([u("watchValue")],H.prototype,"syncSelectedItemsByValueChange",null),G([u("watchIsDropdownShow")],H.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),G([u("componentDidRender")],H.prototype,"syncSelectedItemsPosition",null);var Y=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 X extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}Y([c()],X.prototype,"host",void 0),Y([c()],X.prototype,"mode",void 0),Y([c()],X.prototype,"singleInputRenderer",void 0),Y([c()],X.prototype,"singleDropdownRenderer",void 0),Y([c()],X.prototype,"rangeDropdownRenderer",void 0),Y([c()],X.prototype,"rangeInputRenderer",void 0),Y([c()],X.prototype,"singleDropdownController",void 0),Y([c()],X.prototype,"startDropdownController",void 0),Y([c()],X.prototype,"endDropdownController",void 0);var J=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 Q extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,k,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:this.translationSlimmer.t("Start Time"):Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:this.translationSlimmer.t("End Time")}}J([c()],Q.prototype,"mode",void 0),J([c()],Q.prototype,"placeholder",void 0),J([c()],Q.prototype,"disabled",void 0),J([c()],Q.prototype,"size",void 0),J([c()],Q.prototype,"positionRelativeTo",void 0),J([c()],Q.prototype,"timeFormat",void 0),J([c()],Q.prototype,"increments",void 0),J([c()],Q.prototype,"value",void 0),J([c()],Q.prototype,"startDropdownController",void 0),J([c()],Q.prototype,"endDropdownController",void 0),J([c()],Q.prototype,"valueController",void 0),J([c()],Q.prototype,"rangeClearButtonRenderer",void 0),J([c()],Q.prototype,"rangeDropdownRenderer",void 0),J([c()],Q.prototype,"dropdownSelectedItemsController",void 0),J([c()],Q.prototype,"translationSlimmer",void 0);var Z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ee extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}Z([c()],ee.prototype,"timeFormat",void 0),Z([c()],ee.prototype,"value",void 0),Z([c()],ee.prototype,"dropdownSource",void 0),Z([c()],ee.prototype,"valueController",void 0),Z([c()],ee.prototype,"rangeInputRenderer",void 0),Z([c()],ee.prototype,"startDropdownController",void 0),Z([c()],ee.prototype,"endDropdownController",void 0),Z([u("componentDidRender")],ee.prototype,"componentDidRenderCallback",null);var te=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 ie extends h{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}te([c()],ie.prototype,"disabled",void 0),te([c()],ie.prototype,"value",void 0),te([c()],ie.prototype,"valueController",void 0),te([c()],ie.prototype,"endDropdownController",void 0),te([c()],ie.prototype,"rangeInputRenderer",void 0);class re{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${l(t)}`)>new Date(`${r}T${l(e)}`)}}var 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{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}}oe([c()],ne.prototype,"timeFormat",void 0),oe([c()],ne.prototype,"mode",void 0),oe([c()],ne.prototype,"singleInputRenderer",void 0),oe([c()],ne.prototype,"rangeInputRenderer",void 0),oe([u("componentDidLoad")],ne.prototype,"initInputMask",null);var se=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 ae extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}se([c()],ae.prototype,"positionRelativeTo",void 0),se([c()],ae.prototype,"mode",void 0),se([c()],ae.prototype,"rangeDropdownRenderer",void 0),se([c()],ae.prototype,"rangeInputRenderer",void 0),se([c()],ae.prototype,"dropdownSelectedItemsController",void 0),se([u("watchDisabled")],ae.prototype,"hideDropdownWhenDisabled",null);class de{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}const le=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var pe=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 ce=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new F,this.labelRenderer=new P,this.singleInputRenderer=new _,this.singleDropdownRenderer=new B,this.valueController=new q,this.singleDropdownController=new U,this.dropdownSelectedItemsController=new H,this.keyboardController=new X,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new de({timeFormat:t}):new $({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new de({timeFormat:e}):new $({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new re({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 Q,this.rangeClearButtonRenderer=new ie,this.rangeDropdownRenderer=new ee,this.startDropdownController=new ae("start"),this.endDropdownController=new ae("end"),this.inputMaskController=new ne,this.inputEventPrevent=new E([x],(()=>this.inputContainerRef)),this.changeEventEmitter=M(ce,x),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(le),this.isMobileDevice=D()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};pe([f()],ce.prototype,"globalSlimmers",void 0),pe([v()],ce.prototype,"translationSlimmer",void 0),pe([v()],ce.prototype,"labelRenderer",void 0),pe([v()],ce.prototype,"singleInputRenderer",void 0),pe([v()],ce.prototype,"singleDropdownRenderer",void 0),pe([v()],ce.prototype,"valueController",void 0),pe([v()],ce.prototype,"singleDropdownController",void 0),pe([v()],ce.prototype,"dropdownSelectedItemsController",void 0),pe([v()],ce.prototype,"keyboardController",void 0),pe([v()],ce.prototype,"formFieldController",void 0),pe([v()],ce.prototype,"rangeInputRenderer",void 0),pe([v()],ce.prototype,"rangeClearButtonRenderer",void 0),pe([v()],ce.prototype,"rangeDropdownRenderer",void 0),pe([v()],ce.prototype,"startDropdownController",void 0),pe([v()],ce.prototype,"endDropdownController",void 0),pe([v()],ce.prototype,"inputMaskController",void 0),pe([v()],ce.prototype,"inputEventPrevent",void 0),pe([v()],ce.prototype,"changeEventEmitter",void 0),pe([v()],ce.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),pe([s()],ce.prototype,"watchValue",null),ce.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%)}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var he=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.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g}render(){return p(e(o,null),this.host)}get host(){return n(this)}};he([f()],ue.prototype,"globalSlimmers",void 0),he([v()],ue.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ue.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{ce as vega_time_picker,ue as vega_time_picker_dropdown}
|
|
1
|
+
import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-1c298d5a.js";import{C as s}from"./p-ed4a57a8.js";import{d as a,p as d,e as l}from"./p-b5990090.js";import{s as p}from"./p-9b797118.js";import{c,V as h,M as u,L as m,I as v}from"./p-6e1ab235.js";import{V as g,I as f}from"./p-61f6167c.js";import{F as w}from"./p-16bb355d.js";import{D as b}from"./p-6c6d86da.js";import{e as x,y,z as k,a as R}from"./p-9e9ec748.js";import{g as D,D as I}from"./p-4163c2c2.js";import{c as j}from"./p-86194314.js";import{i as S}from"./p-b0502d01.js";import{b as C}from"./p-32f651f7.js";import{C as T}from"./p-2d0d575f.js";import{E as V}from"./p-ed237efc.js";import{K as A}from"./p-c1dfdc13.js";import{M as O}from"./p-9fbdeada.js";import{C as E}from"./p-c4a52c83.js";import{c as M}from"./p-a04632d0.js";import{T as F}from"./p-68ad953c.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-781fd6e0.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";import"./p-5453f591.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";class ${constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class P extends h{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}z([c()],P.prototype,"label",void 0),z([c()],P.prototype,"mode",void 0),z([c()],P.prototype,"required",void 0),z([c()],P.prototype,"disabled",void 0),z([c()],P.prototype,"singleInputRenderer",void 0),z([c()],P.prototype,"rangeInputRenderer",void 0);var N=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 _ extends h{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,x,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,y,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,k,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:this.translationSlimmer.t("Select Time")}}N([c()],_.prototype,"placeholder",void 0),N([c()],_.prototype,"size",void 0),N([c()],_.prototype,"disabled",void 0),N([c()],_.prototype,"value",void 0),N([c()],_.prototype,"valueController",void 0),N([c()],_.prototype,"singleDropdownController",void 0),N([c()],_.prototype,"translationSlimmer",void 0);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 B extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}L([c()],B.prototype,"timeFormat",void 0),L([c()],B.prototype,"dropdownSource",void 0),L([c()],B.prototype,"selectedTimeValue",void 0),L([c()],B.prototype,"valueController",void 0),L([c()],B.prototype,"dropdownSelectedItemsController",void 0),L([c()],B.prototype,"singleDropdownController",void 0),L([u("componentDidRender")],B.prototype,"componentDidRenderCallback",null);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 q extends h{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&S(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(C,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||m.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}W([c({writable:!0})],q.prototype,"value",void 0),W([c()],q.prototype,"mode",void 0),W([c()],q.prototype,"timeFormat",void 0),W([c()],q.prototype,"selectedTimeValue",void 0),W([c()],q.prototype,"increments",void 0),W([c()],q.prototype,"changeEventEmitter",void 0),W([c()],q.prototype,"singleInputRenderer",void 0),W([c()],q.prototype,"rangeInputRenderer",void 0),W([c()],q.prototype,"dropdownSelectedItemsController",void 0),W([c()],q.prototype,"host",void 0),W([u("watchValue")],q.prototype,"emitChangeEventOrClearTimePicker",null),W([u("watchSelectedTimeValue")],q.prototype,"updateValueIfSelectedItemsChange",null),W([u("watchMode")],q.prototype,"resetCurrentValueIfModeChange",null),W([u("componentDidLoad")],q.prototype,"checkTheDefaultValueForRangeMode",null);var K=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 V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(m.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}K([c({writable:!0})],U.prototype,"isDropdownShow",void 0),K([c({writable:!0})],U.prototype,"dropdownSource",void 0),K([c()],U.prototype,"mode",void 0),K([c({writable:!0})],U.prototype,"increments",void 0),K([c()],U.prototype,"timeFormat",void 0),K([c()],U.prototype,"value",void 0),K([c()],U.prototype,"positionRelativeTo",void 0),K([c()],U.prototype,"selectedTimeValue",void 0),K([c()],U.prototype,"singleInputRenderer",void 0),K([c()],U.prototype,"rangeInputRenderer",void 0),K([c()],U.prototype,"singleDropdownRenderer",void 0),K([c()],U.prototype,"valueController",void 0),K([c()],U.prototype,"dropdownSelectedItemsController",void 0),K([c()],U.prototype,"inputMaskController",void 0),K([u("watchIncrements")],U.prototype,"initValueAndDropdownSource",null),K([u("watchTimeFormat")],U.prototype,"initDropdownSourceAndInputMaskConfig",null),K([u("componentWillLoad")],U.prototype,"initDropdownSourceAndSelectedItems",null),K([u("watchDisabled")],U.prototype,"hideDropdownWhenDisabled",null);var G=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 H extends h{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}G([c({writable:!0})],H.prototype,"selectedTimeValue",void 0),G([c()],H.prototype,"mode",void 0),G([c()],H.prototype,"value",void 0),G([c()],H.prototype,"timeFormat",void 0),G([c()],H.prototype,"dropdownSource",void 0),G([c()],H.prototype,"increments",void 0),G([c()],H.prototype,"disabled",void 0),G([c()],H.prototype,"singleDropdownRenderer",void 0),G([c()],H.prototype,"rangeDropdownRenderer",void 0),G([u("watchValue")],H.prototype,"syncSelectedItemsByValueChange",null),G([u("watchIsDropdownShow")],H.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),G([u("componentDidRender")],H.prototype,"syncSelectedItemsPosition",null);var Y=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 X extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}Y([c()],X.prototype,"host",void 0),Y([c()],X.prototype,"mode",void 0),Y([c()],X.prototype,"singleInputRenderer",void 0),Y([c()],X.prototype,"singleDropdownRenderer",void 0),Y([c()],X.prototype,"rangeDropdownRenderer",void 0),Y([c()],X.prototype,"rangeInputRenderer",void 0),Y([c()],X.prototype,"singleDropdownController",void 0),Y([c()],X.prototype,"startDropdownController",void 0),Y([c()],X.prototype,"endDropdownController",void 0);var J=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 Q extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,k,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:this.translationSlimmer.t("Start Time"):Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:this.translationSlimmer.t("End Time")}}J([c()],Q.prototype,"mode",void 0),J([c()],Q.prototype,"placeholder",void 0),J([c()],Q.prototype,"disabled",void 0),J([c()],Q.prototype,"size",void 0),J([c()],Q.prototype,"positionRelativeTo",void 0),J([c()],Q.prototype,"timeFormat",void 0),J([c()],Q.prototype,"increments",void 0),J([c()],Q.prototype,"value",void 0),J([c()],Q.prototype,"startDropdownController",void 0),J([c()],Q.prototype,"endDropdownController",void 0),J([c()],Q.prototype,"valueController",void 0),J([c()],Q.prototype,"rangeClearButtonRenderer",void 0),J([c()],Q.prototype,"rangeDropdownRenderer",void 0),J([c()],Q.prototype,"dropdownSelectedItemsController",void 0),J([c()],Q.prototype,"translationSlimmer",void 0);var Z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ee extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}Z([c()],ee.prototype,"timeFormat",void 0),Z([c()],ee.prototype,"value",void 0),Z([c()],ee.prototype,"dropdownSource",void 0),Z([c()],ee.prototype,"valueController",void 0),Z([c()],ee.prototype,"rangeInputRenderer",void 0),Z([c()],ee.prototype,"startDropdownController",void 0),Z([c()],ee.prototype,"endDropdownController",void 0),Z([u("componentDidRender")],ee.prototype,"componentDidRenderCallback",null);var te=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 ie extends h{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}te([c()],ie.prototype,"disabled",void 0),te([c()],ie.prototype,"value",void 0),te([c()],ie.prototype,"valueController",void 0),te([c()],ie.prototype,"endDropdownController",void 0),te([c()],ie.prototype,"rangeInputRenderer",void 0);class re{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${l(t)}`)>new Date(`${r}T${l(e)}`)}}var 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{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}}oe([c()],ne.prototype,"timeFormat",void 0),oe([c()],ne.prototype,"mode",void 0),oe([c()],ne.prototype,"singleInputRenderer",void 0),oe([c()],ne.prototype,"rangeInputRenderer",void 0),oe([u("componentDidLoad")],ne.prototype,"initInputMask",null);var se=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 ae extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}se([c()],ae.prototype,"positionRelativeTo",void 0),se([c()],ae.prototype,"mode",void 0),se([c()],ae.prototype,"rangeDropdownRenderer",void 0),se([c()],ae.prototype,"rangeInputRenderer",void 0),se([c()],ae.prototype,"dropdownSelectedItemsController",void 0),se([u("watchDisabled")],ae.prototype,"hideDropdownWhenDisabled",null);class de{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}const le=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var pe=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 ce=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new F,this.labelRenderer=new P,this.singleInputRenderer=new _,this.singleDropdownRenderer=new B,this.valueController=new q,this.singleDropdownController=new U,this.dropdownSelectedItemsController=new H,this.keyboardController=new X,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new de({timeFormat:t}):new $({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new de({timeFormat:e}):new $({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new re({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 Q,this.rangeClearButtonRenderer=new ie,this.rangeDropdownRenderer=new ee,this.startDropdownController=new ae("start"),this.endDropdownController=new ae("end"),this.inputMaskController=new ne,this.inputEventPrevent=new E([x],(()=>this.inputContainerRef)),this.changeEventEmitter=M(ce,x),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(le),this.isMobileDevice=D()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};pe([f()],ce.prototype,"globalSlimmers",void 0),pe([v()],ce.prototype,"translationSlimmer",void 0),pe([v()],ce.prototype,"labelRenderer",void 0),pe([v()],ce.prototype,"singleInputRenderer",void 0),pe([v()],ce.prototype,"singleDropdownRenderer",void 0),pe([v()],ce.prototype,"valueController",void 0),pe([v()],ce.prototype,"singleDropdownController",void 0),pe([v()],ce.prototype,"dropdownSelectedItemsController",void 0),pe([v()],ce.prototype,"keyboardController",void 0),pe([v()],ce.prototype,"formFieldController",void 0),pe([v()],ce.prototype,"rangeInputRenderer",void 0),pe([v()],ce.prototype,"rangeClearButtonRenderer",void 0),pe([v()],ce.prototype,"rangeDropdownRenderer",void 0),pe([v()],ce.prototype,"startDropdownController",void 0),pe([v()],ce.prototype,"endDropdownController",void 0),pe([v()],ce.prototype,"inputMaskController",void 0),pe([v()],ce.prototype,"inputEventPrevent",void 0),pe([v()],ce.prototype,"changeEventEmitter",void 0),pe([v()],ce.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),pe([s()],ce.prototype,"watchValue",null),ce.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%)}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var he=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.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g}render(){return p(e(o,null),this.host)}get host(){return n(this)}};he([f()],ue.prototype,"globalSlimmers",void 0),he([v()],ue.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ue.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{ce as vega_time_picker,ue as vega_time_picker_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t,M as e,V as s}from"./p-6e1ab235.js";import{i,j as n}from"./p-0fecf145.js";import{v as r}from"./p-5f377954.js";import{F as h}from"./p-
|
|
1
|
+
import{c as t,M as e,V as s}from"./p-6e1ab235.js";import{i,j as n}from"./p-0fecf145.js";import{v as r}from"./p-5f377954.js";import{F as h}from"./p-53702f16.js";var o=function(t,e,s,i){var n,r=arguments.length,h=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,s,i);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(h=(r<3?n(h):r>3?n(e,s,h):n(e,s))||h);return r>3&&h&&Object.defineProperty(e,s,h),h};class a extends s{constructor(t,e,s,i){if(super(),this.eventIds=[],this.useCapture=!1,this.isEventListenerAdded=!1,this.disabled=!1,this.preventChildEvent=t=>{const e=this.getHostElement();if(!this.shouldSkipEventPrevent())if("function"==typeof this.customPreventHandle)this.customPreventHandle(t);else{const s=t.composedPath();e===t.target&&e===s[0]||t.stopImmediatePropagation()}},this.eventIds=t,this.getHostElement=e,!0===s)this.useCapture=!0;else if(s){const{useCapture:t=!1,customPreventHandle:e}=s;this.useCapture=t,this.customPreventHandle=e}this.disabled=!0===i}setup(){this.addOrRemoveEventListener("add")}checkEventListenerStatus(){this.isEventListenerAdded||this.setup(),this.setSkipEventPreventFlag()}destroy(){this.addOrRemoveEventListener("remove")}setSkipEventPreventFlag(){h.isEnabled("VEGA_REACT.SKIP_NATIVE_EVENT_PREVENT_BY_DEFAULT")&&this.disabled&&this.host&&"react"===r.getVegaEnv().framework&&"native"===i.getSemantics(this.host).namespace&&this.getHostElement().setAttribute("data-vega-no-event-prevent","true")}addOrRemoveEventListener(t){const e=this.getHostElement();this.eventIds&&this.eventIds.length&&e&&(this.eventIds.filter((t=>this.shouldPrevent(t))).forEach((s=>{e["add"===t?"addEventListener":"removeEventListener"](this.getCurrentEventName(s),this.preventChildEvent,this.useCapture)})),this.isEventListenerAdded="add"===t)}getCurrentEventName(t){return t.getCurrentName(i.getSemantics(this.host))}shouldPrevent(t){const{namespace:e,jqueryDelegatedEvent:s}=i.getSemantics(this.host);return!("native"===e&&s&&n.isSupportDelegated(this.host,t))}shouldSkipEventPrevent(){const t=this.getHostElement();return t&&"true"===t.dataset.vegaNoEventPrevent}}o([t()],a.prototype,"host",void 0),o([e("connectedCallback")],a.prototype,"setup",null),o([e("componentDidLoad")],a.prototype,"checkEventListenerStatus",null),o([e("disconnectedCallback")],a.prototype,"destroy",null);export{a as C}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h,H as e,g as s}from"./p-1c298d5a.js";import{F as l}from"./p-53702f16.js";import{V as a,M as r,A as o,D as c}from"./p-3a0a4d15.js";import{R as p}from"./p-e2acbc60.js";import{V as d}from"./p-74958b1a.js";import{s as n}from"./p-9b797118.js";import{I as v}from"./p-6e1ab235.js";import{V as m,I as f}from"./p-61f6167c.js";import{F as u}from"./p-16bb355d.js";import{b as g}from"./p-32f651f7.js";import{C as _}from"./p-2d0d575f.js";import{c as A}from"./p-a04632d0.js";import{C as M}from"./p-c4a52c83.js";import{D as E}from"./p-6c6d86da.js";import{e as w,z as Z,y as I}from"./p-9e9ec748.js";import{V as D}from"./p-6a8f1251.js";import"./p-f404aa83.js";import"./p-262ec334.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-4d25df7d.js";const j=[{type:"visa",iconName:"visa",pattern:a,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999 999",slot:"9",accept:/\d/,triggerAtInit:l.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"mastercard",iconName:"mastercard",pattern:r,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:l.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"amex",iconName:"amex",pattern:o,maskConfig:{type:"custom",options:{mask:"9999 999999 99999",slot:"9",accept:/\d/,triggerAtInit:l.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"discover",iconName:"discover",pattern:c,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:l.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}}],R=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!1===t.autoValidation}];var b=function(t,i,h,e){var s,l=arguments.length,a=l<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,h):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,h,e);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(a=(l<3?s(a):l>3?s(i,h,a):s(i,h))||a);return l>3&&a&&Object.defineProperty(i,h,a),a};const y=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.globalSlimmers={},this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new p:null},{propertyName:"",ruleFactory:()=>new d}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerGetter(),touchableAreaGetter:()=>this.touchableAreaGetter()}),this.changeEventEmitter=A(y,w),this.blurEventEmitter=A(y,Z),this.focusEventEmitter=A(y,I),this.inputCreditCardEventPrevent=new M([w,I,Z],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(R),this.maskConfig={type:"custom",options:{mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:l.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")},trigger:"blur"},this.required=!1,this.disabled=!1,this.label="",this.hint="",this.size="default",this.placeholder="",this.hideCardNumberOnBlur=!0,this.autoValidation=!0,this.validationRules=[],this.isValid=null,this.value="",this.renderInputContainer=()=>{var t;const i=(null===(t=this.getCreditCardType(this.value))||void 0===t?void 0:t.iconName)||"regular-credit-card";return h("vega-input",{label:this.label,type:"number",prefixIcon:D.getIconKey(i),maskConfig:this.getMaskConfig(),placeholder:this.placeholder,disabled:this.disabled,size:this.size,value:this.value,hint:this.hint,required:this.required,showClearIcon:!1,ref:t=>{this.inputRef=t,E.addUniqueObserverToNode(t,w,(t=>{this.handleVegaChange(t)})),E.addUniqueObserverToNode(t,Z,(()=>{this.handleVegaBlur()})),E.addUniqueObserverToNode(t,I,(()=>{this.handleVegaFocus()}))}})},this.handleVegaChange=t=>{this.value=t.detail},this.handleVegaBlur=()=>{this.blurEventEmitter.emit()},this.handleVegaFocus=()=>{this.focusEventEmitter.emit()},this.inputContainerGetter=()=>this.inputRef.shadowRoot.querySelector(".vega-input-container"),this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValidationRules(){}watchValue(t){this.changeEventEmitter.emit(t),_.notify(g,{host:this.host,detail:t})}componentDidLoad(){l.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")&&this.hideCardNumberOnBlur&&this.inputRef.value&&this.value!==this.inputRef.value&&(this.value=this.inputRef.value)}render(){return n(h(e,null,this.renderInputContainer()),this.host)}getCreditCardType(t){return j.filter((i=>i.pattern.test(t)))[0]}getMaskConfig(){const t=[],i=this.getCreditCardType(this.value);return i&&(t.push(i.maskConfig),this.hideCardNumberOnBlur&&this.value.trim().includes(" ")&&(this.maskConfig.options.mask=this.generateDynamicMask(),t.push(this.maskConfig))),t}generateDynamicMask(){const t=this.value.trim().split(" ");return this.maskCardNumber(t).join(" ")}maskCardNumber(t){return t.map(((i,h)=>(h===t.length-1?"9":"X").repeat(i.length)))}get host(){return s(this)}static get watchers(){return{validationRules:["watchValidationRules"],value:["watchValue"]}}};D.register({visa:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#00579F" rx="2"/><path fill="#fff" d="M15.474 15.792h-1.979l1.238-7.653h1.979l-1.238 7.653ZM22.647 8.326A4.877 4.877 0 0 0 20.872 8c-1.954 0-3.33 1.042-3.339 2.532-.016 1.1.986 1.71 1.735 2.076.765.375 1.026.62 1.026.953-.008.513-.619.75-1.189.75-.79 0-1.213-.123-1.857-.408l-.26-.122-.277 1.718c.464.211 1.32.4 2.207.407 2.076 0 3.428-1.026 3.444-2.613.008-.872-.52-1.54-1.66-2.085-.693-.35-1.117-.586-1.117-.944.008-.326.359-.66 1.14-.66a3.362 3.362 0 0 1 1.474.293l.18.082.268-1.653ZM25.279 13.08l.79-2.14c-.008.016.162-.448.26-.733l.138.66s.375 1.831.457 2.214h-1.645ZM27.72 8.14h-1.53c-.472 0-.831.138-1.035.635l-2.94 7.018h2.077l.416-1.148h2.54c.057.269.237 1.148.237 1.148h1.832L27.72 8.14ZM11.842 8.139l-1.938 5.219-.212-1.059c-.358-1.221-1.482-2.548-2.736-3.208l1.775 6.693h2.093l3.11-7.645h-2.092Z"/><path fill="#FAA61A" d="M8.104 8.139H4.92l-.032.154c2.483.635 4.128 2.166 4.804 4.007L9 8.782c-.114-.489-.464-.627-.896-.643Z"/></svg>',autoSize:!0},mastercard:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#000" rx="2"/><path fill="#ED0006" fill-rule="evenodd" d="M18.25 17.157a6.75 6.75 0 0 1-4.426 1.649c-3.769 0-6.824-3.09-6.824-6.903C7 8.091 10.055 5 13.824 5a6.75 6.75 0 0 1 4.426 1.649A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#F9A000" fill-rule="evenodd" d="M18.25 17.157a6.92 6.92 0 0 0 2.398-5.254 6.92 6.92 0 0 0-2.398-5.254A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#FF5E00" fill-rule="evenodd" d="M18.25 6.65a6.92 6.92 0 0 1 2.398 5.253 6.92 6.92 0 0 1-2.398 5.254 6.92 6.92 0 0 1-2.398-5.254A6.92 6.92 0 0 1 18.25 6.65Z" clip-rule="evenodd"/></svg>',autoSize:!0},amex:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><g clip-path="url(#a)"><rect width="36" height="24" fill="#016FD0" rx="2"/><path fill="#fff" d="M6.99 18.549v-5.654h5.986l.643.838.663-.838h21.729v5.264s-.569.384-1.226.39H22.754l-.724-.891v.891h-2.373v-1.521s-.325.212-1.025.212h-.808v1.309h-3.593l-.641-.855-.651.855H6.99ZM0 8.634l1.35-3.147h2.334l.767 1.763V5.487h2.902l.456 1.274.442-1.274h13.027v.64s.685-.64 1.81-.64l4.227.015.753 1.74V5.487h2.428l.669 1v-1h2.45v5.654h-2.45l-.64-1.003v1.003h-3.569l-.359-.892h-.959l-.353.892h-2.42c-.968 0-1.587-.628-1.587-.628v.628H17.63l-.725-.892v.892H3.34l-.359-.892h-.956l-.356.892H0V8.634Z"/><path fill="#016FD0" d="M1.827 6.184.006 10.417h1.185l.336-.847H3.48l.335.847h1.211L3.207 6.184h-1.38Zm.673.985.596 1.482H1.903L2.5 7.169ZM5.151 10.416V6.183l1.685.006.98 2.73.956-2.736h1.671v4.233H9.385v-3.12l-1.122 3.12h-.928L6.21 7.296v3.12H5.15ZM11.168 10.416V6.183h3.454v.947h-2.384v.724h2.328v.891h-2.328v.752h2.384v.92h-3.454ZM15.233 6.184v4.233h1.059V8.913h.445l1.27 1.504H19.3l-1.393-1.56a1.29 1.29 0 0 0 1.161-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.059.947h1.21c.29 0 .5.227.5.446 0 .28-.273.445-.485.445h-1.225v-.891ZM20.582 10.416h-1.08V6.183h1.08v4.233ZM23.144 10.416h-.233c-1.129 0-1.814-.889-1.814-2.1 0-1.24.678-2.133 2.103-2.133h1.17v1.003h-1.213c-.578 0-.988.451-.988 1.141 0 .82.468 1.165 1.142 1.165h.279l-.446.924ZM25.448 6.184l-1.82 4.233h1.185l.336-.847h1.953l.334.847h1.211l-1.819-4.233h-1.38Zm.674.985.595 1.482h-1.192l.597-1.482ZM28.77 10.416V6.183h1.345l1.718 2.66v-2.66h1.059v4.233H31.59l-1.762-2.73v2.73H28.77ZM7.715 17.825v-4.233h3.453v.947H8.784v.724h2.329v.89H8.784v.753h2.384v.919H7.715ZM24.636 17.825v-4.233h3.454v.947h-2.384v.724h2.317v.89h-2.317v.753h2.384v.919h-3.454ZM11.303 17.825l1.681-2.09-1.721-2.143h1.333l1.025 1.324 1.029-1.324h1.281l-1.699 2.116 1.685 2.117h-1.333l-.996-1.304-.971 1.304h-1.314ZM16.041 13.592v4.233h1.086v-1.337h1.114c.943 0 1.658-.5 1.658-1.472 0-.806-.56-1.424-1.52-1.424H16.04Zm1.086.957h1.174c.304 0 .522.187.522.488 0 .282-.217.487-.526.487h-1.17v-.975ZM20.359 13.592v4.233h1.058V16.32h.446l1.269 1.504h1.293l-1.393-1.56a1.29 1.29 0 0 0 1.162-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.058.947h1.21c.29 0 .501.226.501.445 0 .281-.273.446-.486.446h-1.225v-.891ZM28.58 17.825v-.92H30.7c.313 0 .449-.169.449-.354 0-.178-.136-.358-.45-.358h-.957c-.831 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.062l-.446.952H29.94c-.341 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347H28.58ZM32.464 17.825v-.92h2.118c.313 0 .45-.169.45-.354 0-.178-.136-.358-.45-.358h-.957c-.832 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.02l-.404.952h-1.783c-.34 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347h-2.256Z"/></g><defs><clipPath id="a"><rect width="36" height="24" fill="#fff" rx="2"/></clipPath></defs></svg>',autoSize:!0},discover:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#232342" rx="2"/><path fill="#fff" fill-rule="evenodd" d="M30.686 9.61c1.086 0 1.684.484 1.684 1.398a1.307 1.307 0 0 1-1.087 1.397l1.467 1.988h-1.14l-1.25-1.935h-.109v1.935h-.924V9.61h1.359Zm-.435 2.204h.272c.597 0 .869-.269.869-.752 0-.43-.272-.699-.87-.699h-.27v1.45Zm-4.129 2.579h2.608v-.806h-1.684v-1.29h1.63v-.806h-1.63v-1.074h1.684V9.61h-2.608v4.781Zm-2.716-1.559-1.25-3.223h-.978l2.01 4.889h.49l2.01-4.89h-.978l-1.304 3.225Zm-11.029-.805c0 1.343 1.087 2.471 2.445 2.471.435 0 .815-.107 1.195-.269v-1.074c-.271.322-.652.537-1.086.537-.87 0-1.576-.645-1.576-1.504v-.108c-.054-.86.652-1.612 1.521-1.665.435 0 .87.215 1.141.537V9.879c-.326-.214-.76-.268-1.14-.268-1.413-.108-2.5 1.02-2.5 2.418Zm-1.684-.591c-.543-.215-.706-.323-.706-.591.054-.323.326-.591.652-.538.271 0 .543.162.76.376l.49-.644c-.381-.323-.87-.538-1.359-.538-.76-.053-1.412.538-1.467 1.29v.054c0 .644.272 1.02 1.141 1.289.217.054.435.161.652.269a.563.563 0 0 1 .272.483c0 .376-.326.699-.652.699h-.055c-.434 0-.814-.269-.977-.645l-.598.59c.326.592.978.914 1.63.914.869.054 1.575-.59 1.63-1.45v-.162c-.055-.644-.326-.967-1.413-1.396Zm-3.15 2.954h.923V9.611h-.924v4.781ZM3.25 9.611H4.88c1.304.054 2.336 1.128 2.282 2.418 0 .698-.326 1.343-.87 1.826-.488.376-1.086.591-1.684.538H3.25V9.61Zm1.195 3.976c.435.053.924-.108 1.25-.376.326-.323.489-.753.489-1.236 0-.43-.163-.86-.49-1.182-.325-.269-.814-.43-1.249-.376h-.271v3.17h.271Z" clip-rule="evenodd"/><path fill="#FD6020" fill-rule="evenodd" d="M18.788 9.5c-1.358 0-2.499 1.075-2.499 2.471 0 1.344 1.087 2.472 2.5 2.526 1.412.053 2.498-1.075 2.553-2.472C21.287 10.628 20.2 9.5 18.788 9.5Z" clip-rule="evenodd"/></svg>',autoSize:!0},"regular-credit-card":{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" rx="2" style=\'fill: rgba(var(--v-regular-credit-card-bg, 205, 209, 211, 1))\'/><g clip-path="url(#a)"><path style="fill: rgba(var(--v-regular-credit-card-top, 252, 252, 252, 1))" d="M11 5c-1.103 0-2 .897-2 2v1h18V7c0-1.103-.897-2-2-2H11Zm16 6H9v6c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-6Zm-14.5 4h2c.275 0 .5.225.5.5s-.225.5-.5.5h-2a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5Zm3.5.5c0-.275.225-.5.5-.5h4c.275 0 .5.225.5.5s-.225.5-.5.5h-4a.501.501 0 0 1-.5-.5Z"/></g><defs><clipPath id="a"><path d="M9 4h18v16H9z" style=\'fill: rgba(var(--v-regular-credit-card-bottom, 255, 255, 255, 1))\'/></clipPath></defs></svg>',autoSize:!0}}),b([f()],y.prototype,"globalSlimmers",void 0),b([v()],y.prototype,"formFieldController",void 0),b([v()],y.prototype,"changeEventEmitter",void 0),b([v()],y.prototype,"blurEventEmitter",void 0),b([v()],y.prototype,"focusEventEmitter",void 0),b([v()],y.prototype,"inputCreditCardEventPrevent",void 0),b([v()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=":host{display:inline-block;width:100%;text-align:left;line-height:normal}";export{y as vega_input_credit_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as r,g as i}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{c as s,M as n,V as l,I as p}from"./p-6e1ab235.js";import{V as u,I as d}from"./p-61f6167c.js";import{c as h}from"./p-535f0758.js";import{c}from"./p-a04632d0.js";import{a as b,b as g}from"./p-9e9ec748.js";import{C as v}from"./p-30860766.js";import{D as f,d as m}from"./p-6c6d86da.js";import{h as x}from"./p-8a091eb7.js";import{S as y}from"./p-590870e4.js";import{C as w}from"./p-2d0d575f.js";import{f as j}from"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-331a62d5.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";var S=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class R extends l{registerGroupClickObserver(){f.addUniqueObserverToNode(this.host,x,(t=>{this.clickEventEmitter.emit(t.detail)}))}unregisterGroupClickObserver(){f.removeUniqueObserverFromNode(this.host,x)}}S([s()],R.prototype,"host",void 0),S([s()],R.prototype,"clickEventEmitter",void 0),S([n("connectedCallback")],R.prototype,"registerGroupClickObserver",null),S([n("disconnectedCallback")],R.prototype,"unregisterGroupClickObserver",null);const k=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_TERTIARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"tertiary"===t.variant}];var A=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const I=class{constructor(o){t(this,o),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=c(I,b),this.clickEventPrevent=new v([b],(()=>this.flexContainer)),this.buttonGroupClickController=new R,this.variantNotifySlimmer=h(I,"variant","watchVariant"),this.sizeNotifySlimmer=h(I,"size","watchSize"),this.iconAlignNotifySlimmer=h(I,"iconAlign","watchIconAlign"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(k),this.variant="primary",this.size="default",this.iconAlign="left"}watchVariant(){}watchSize(){}watchIconAlign(){}render(){return a(o(r,null,o("vega-flex",{class:`vega-button-group-container vega-button-group-${this.variant}`,direction:"row",alignItems:"tertiary"===this.variant?"center":"stretch",gap:"tertiary"!==this.variant?"size-2":"0",ref:t=>this.flexContainer=t},o("slot",null))),this.host)}get host(){return i(this)}static get watchers(){return{variant:["watchVariant"],size:["watchSize"],iconAlign:["watchIconAlign"]}}};A([d()],I.prototype,"globalSlimmers",void 0),A([p()],I.prototype,"clickEventEmitter",void 0),A([p()],I.prototype,"clickEventPrevent",void 0),A([p()],I.prototype,"buttonGroupClickController",void 0),A([p()],I.prototype,"variantNotifySlimmer",void 0),A([p()],I.prototype,"sizeNotifySlimmer",void 0),A([p()],I.prototype,"iconAlignNotifySlimmer",void 0),A([p()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=":host{display:inline-block;border-radius:9999px}.vega-button-group-primary{gap:6px}.vega-button-group-container:not(.vega-button-group-tertiary){border-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:first-child){border-top-left-radius:9999px;border-bottom-left-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:last-child){border-top-right-radius:9999px;border-bottom-right-radius:9999px}.vega-button-group-tertiary>::slotted(.vega-button-group-item){padding-left:12px;padding-right:12px;border-color:rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1));border-left-width:1px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid}.vega-button-group-tertiary>::slotted(.vega-button-group-item:first-child){border-left-width:0px}";var O=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class C extends y{constructor(){super({parent:"vega-button-group",subStates:[{subStateName:"variant",parentStateName:"variant"},{subStateName:"size",parentStateName:"size"},{subStateName:"iconAlign",parentStateName:"iconAlign"}]})}}O([s({writable:!0})],C.prototype,"size",void 0),O([s({writable:!0})],C.prototype,"variant",void 0),O([s({writable:!0})],C.prototype,"iconAlign",void 0);var z=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class N extends l{constructor(){super(...arguments),this.buttonItemClickHandle=()=>{this.notifyParentGroup(this.itemKey)},this.moreDropdownItemClickHandle=t=>{this.notifyParentGroup(t.detail)}}render(){return this.dropdownSource&&this.dropdownSource.length?o("vega-dropdown",Object.assign({source:this.dropdownSource,trigger:"click"},this.dropdownProps,{ref:t=>{f.addUniqueObserverToNode(t,g,this.moreDropdownItemClickHandle)}}),this.renderButtonItemWithTooltip()):this.renderButtonItemWithTooltip()}renderButtonItemWithTooltip(){return this.iconOnly&&this.label?o("vega-tooltip",{placement:"top",text:this.label},this.renderButtonItem()):this.renderButtonItem()}renderButtonItem(){const t=this.getButtonProps();return"tertiary"===this.variant?o("vega-button-link",Object.assign({},t)):o("vega-button",Object.assign({class:`button-group-item-button-${this.variant}`,variant:this.variant},t))}notifyParentGroup(t){const e=j(this.host,"vega-button-group");e&&w.notify(m.getSubject(e,x),{host:this.host,detail:t})}getButtonProps(){return{size:this.size,icon:this.icon,label:this.iconOnly?"":this.getDefaultLabel(),iconAlign:this.iconAlign,ref:t=>{f.addUniqueObserverToNode(t,b,this.buttonItemClickHandle)}}}getDefaultLabel(){return!this.icon&&!this.label&&this.dropdownSource&&this.dropdownSource.length?"More":this.label}}z([s()],N.prototype,"host",void 0),z([s()],N.prototype,"size",void 0),z([s()],N.prototype,"icon",void 0),z([s()],N.prototype,"label",void 0),z([s()],N.prototype,"iconAlign",void 0),z([s()],N.prototype,"iconOnly",void 0),z([s()],N.prototype,"variant",void 0),z([s()],N.prototype,"itemKey",void 0),z([s()],N.prototype,"dropdownSource",void 0),z([s()],N.prototype,"dropdownProps",void 0);var V=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const _=class{constructor(e){t(this,e),this.globalSlimmers={},this.subStateObserverSlimmer=new C,this.buttonGroupItemRenderer=new N,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.variant="primary",this.size="default",this.iconAlign="left",this.iconOnly=!1}render(){return a(o(r,{class:"vega-button-group-item"},this.buttonGroupItemRenderer.render()),this.host)}get host(){return i(this)}};V([d()],_.prototype,"globalSlimmers",void 0),V([p()],_.prototype,"subStateObserverSlimmer",void 0),V([p()],_.prototype,"buttonGroupItemRenderer",void 0),V([p()],_.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_.style=":host{display:inline-block}:host>vega-tooltip,:host>vega-dropdown{height:100%}:host>vega-tooltip>vega-tooltip,:host>vega-dropdown>vega-tooltip{height:100%}:host vega-button{height:100%}:host vega-button::part(button):focus-visible{position:relative;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;z-index:1;box-shadow:0 0 0}:host vega-button-link::part(link-border){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:calc(100% + 2px);top:-1px;box-shadow:0 0 0;visibility:hidden}:host vega-button-link::part(label-container){text-decoration:none}:host vega-button-link:hover::part(label-container){text-decoration:underline}:host vega-button::part(button){margin-right:-4px}:host vega-button::part(button):focus-visible{margin-right:0px;margin-left:4px}:host(:first-child) vega-tooltip:has(vega-button),:host(:first-child) vega-dropdown:has(vega-button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button):focus-visible{margin-left:0}:host(:last-child) vega-tooltip:has(vega-button),:host(:last-child) vega-dropdown:has(vega-button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){margin-right:0}vega-button::part(button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;height:100%}";export{I as vega_button_group,_ as vega_button_group_item}
|
|
1
|
+
import{r as t,c as e,h as o,H as r,g as i}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{c as s,M as n,V as l,I as p}from"./p-6e1ab235.js";import{V as u,I as d}from"./p-61f6167c.js";import{c}from"./p-535f0758.js";import{c as h}from"./p-a04632d0.js";import{a as b,b as g}from"./p-9e9ec748.js";import{C as v}from"./p-c4a52c83.js";import{D as f,d as m}from"./p-6c6d86da.js";import{h as x}from"./p-8a091eb7.js";import{S as y}from"./p-590870e4.js";import{C as w}from"./p-2d0d575f.js";import{f as j}from"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-331a62d5.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";var S=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class R extends l{registerGroupClickObserver(){f.addUniqueObserverToNode(this.host,x,(t=>{this.clickEventEmitter.emit(t.detail)}))}unregisterGroupClickObserver(){f.removeUniqueObserverFromNode(this.host,x)}}S([s()],R.prototype,"host",void 0),S([s()],R.prototype,"clickEventEmitter",void 0),S([n("connectedCallback")],R.prototype,"registerGroupClickObserver",null),S([n("disconnectedCallback")],R.prototype,"unregisterGroupClickObserver",null);const k=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_TERTIARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"tertiary"===t.variant}];var A=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const I=class{constructor(o){t(this,o),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=h(I,b),this.clickEventPrevent=new v([b],(()=>this.flexContainer)),this.buttonGroupClickController=new R,this.variantNotifySlimmer=c(I,"variant","watchVariant"),this.sizeNotifySlimmer=c(I,"size","watchSize"),this.iconAlignNotifySlimmer=c(I,"iconAlign","watchIconAlign"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(k),this.variant="primary",this.size="default",this.iconAlign="left"}watchVariant(){}watchSize(){}watchIconAlign(){}render(){return a(o(r,null,o("vega-flex",{class:`vega-button-group-container vega-button-group-${this.variant}`,direction:"row",alignItems:"tertiary"===this.variant?"center":"stretch",gap:"tertiary"!==this.variant?"size-2":"0",ref:t=>this.flexContainer=t},o("slot",null))),this.host)}get host(){return i(this)}static get watchers(){return{variant:["watchVariant"],size:["watchSize"],iconAlign:["watchIconAlign"]}}};A([d()],I.prototype,"globalSlimmers",void 0),A([p()],I.prototype,"clickEventEmitter",void 0),A([p()],I.prototype,"clickEventPrevent",void 0),A([p()],I.prototype,"buttonGroupClickController",void 0),A([p()],I.prototype,"variantNotifySlimmer",void 0),A([p()],I.prototype,"sizeNotifySlimmer",void 0),A([p()],I.prototype,"iconAlignNotifySlimmer",void 0),A([p()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=":host{display:inline-block;border-radius:9999px}.vega-button-group-primary{gap:6px}.vega-button-group-container:not(.vega-button-group-tertiary){border-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:first-child){border-top-left-radius:9999px;border-bottom-left-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:last-child){border-top-right-radius:9999px;border-bottom-right-radius:9999px}.vega-button-group-tertiary>::slotted(.vega-button-group-item){padding-left:12px;padding-right:12px;border-color:rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1));border-left-width:1px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid}.vega-button-group-tertiary>::slotted(.vega-button-group-item:first-child){border-left-width:0px}";var O=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class C extends y{constructor(){super({parent:"vega-button-group",subStates:[{subStateName:"variant",parentStateName:"variant"},{subStateName:"size",parentStateName:"size"},{subStateName:"iconAlign",parentStateName:"iconAlign"}]})}}O([s({writable:!0})],C.prototype,"size",void 0),O([s({writable:!0})],C.prototype,"variant",void 0),O([s({writable:!0})],C.prototype,"iconAlign",void 0);var z=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class N extends l{constructor(){super(...arguments),this.buttonItemClickHandle=()=>{this.notifyParentGroup(this.itemKey)},this.moreDropdownItemClickHandle=t=>{this.notifyParentGroup(t.detail)}}render(){return this.dropdownSource&&this.dropdownSource.length?o("vega-dropdown",Object.assign({source:this.dropdownSource,trigger:"click"},this.dropdownProps,{ref:t=>{f.addUniqueObserverToNode(t,g,this.moreDropdownItemClickHandle)}}),this.renderButtonItemWithTooltip()):this.renderButtonItemWithTooltip()}renderButtonItemWithTooltip(){return this.iconOnly&&this.label?o("vega-tooltip",{placement:"top",text:this.label},this.renderButtonItem()):this.renderButtonItem()}renderButtonItem(){const t=this.getButtonProps();return"tertiary"===this.variant?o("vega-button-link",Object.assign({},t)):o("vega-button",Object.assign({class:`button-group-item-button-${this.variant}`,variant:this.variant},t))}notifyParentGroup(t){const e=j(this.host,"vega-button-group");e&&w.notify(m.getSubject(e,x),{host:this.host,detail:t})}getButtonProps(){return{size:this.size,icon:this.icon,label:this.iconOnly?"":this.getDefaultLabel(),iconAlign:this.iconAlign,ref:t=>{f.addUniqueObserverToNode(t,b,this.buttonItemClickHandle)}}}getDefaultLabel(){return!this.icon&&!this.label&&this.dropdownSource&&this.dropdownSource.length?"More":this.label}}z([s()],N.prototype,"host",void 0),z([s()],N.prototype,"size",void 0),z([s()],N.prototype,"icon",void 0),z([s()],N.prototype,"label",void 0),z([s()],N.prototype,"iconAlign",void 0),z([s()],N.prototype,"iconOnly",void 0),z([s()],N.prototype,"variant",void 0),z([s()],N.prototype,"itemKey",void 0),z([s()],N.prototype,"dropdownSource",void 0),z([s()],N.prototype,"dropdownProps",void 0);var V=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const _=class{constructor(e){t(this,e),this.globalSlimmers={},this.subStateObserverSlimmer=new C,this.buttonGroupItemRenderer=new N,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.variant="primary",this.size="default",this.iconAlign="left",this.iconOnly=!1}render(){return a(o(r,{class:"vega-button-group-item"},this.buttonGroupItemRenderer.render()),this.host)}get host(){return i(this)}};V([d()],_.prototype,"globalSlimmers",void 0),V([p()],_.prototype,"subStateObserverSlimmer",void 0),V([p()],_.prototype,"buttonGroupItemRenderer",void 0),V([p()],_.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_.style=":host{display:inline-block}:host>vega-tooltip,:host>vega-dropdown{height:100%}:host>vega-tooltip>vega-tooltip,:host>vega-dropdown>vega-tooltip{height:100%}:host vega-button{height:100%}:host vega-button::part(button):focus-visible{position:relative;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;z-index:1;box-shadow:0 0 0}:host vega-button-link::part(link-border){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:calc(100% + 2px);top:-1px;box-shadow:0 0 0;visibility:hidden}:host vega-button-link::part(label-container){text-decoration:none}:host vega-button-link:hover::part(label-container){text-decoration:underline}:host vega-button::part(button){margin-right:-4px}:host vega-button::part(button):focus-visible{margin-right:0px;margin-left:4px}:host(:first-child) vega-tooltip:has(vega-button),:host(:first-child) vega-dropdown:has(vega-button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button):focus-visible{margin-left:0}:host(:last-child) vega-tooltip:has(vega-button),:host(:last-child) vega-dropdown:has(vega-button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){margin-right:0}vega-button::part(button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;height:100%}";export{I as vega_button_group,_ as vega_button_group_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,g as r}from"./p-1c298d5a.js";import{M as n,a as s}from"./p-f41102cd.js";import{R as o}from"./p-e2acbc60.js";import{s as p}from"./p-9b797118.js";import{I as h}from"./p-6e1ab235.js";import{V as d,I as l}from"./p-61f6167c.js";import{F as x}from"./p-16bb355d.js";import{b as g}from"./p-32f651f7.js";import{C as f}from"./p-2d0d575f.js";import{c as m}from"./p-a04632d0.js";import{e as c,z as v}from"./p-9e9ec748.js";import{C as b}from"./p-30860766.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-6c6d86da.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:t=>!1===t.autoValidation}];var w=function(t,e,i,a){var r,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const y=class{constructor(a){t(this,a),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.vegaBlur=e(this,"vegaBlur",7),this.blur=e(this,"blur",7),this.globalSlimmers={},this.formFieldController=new x({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new o:null},{propertyName:"minLength",ruleFactory:t=>t?new n({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new s({maxStrLength:t}):null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.textareaRef]}),this.changeEventEmitter=m(y,c),this.blurEventEmitter=m(y,v),this.textareaEventPrevent=new b([c],(()=>this.inputContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(u),this.currentCharCount=0,this.placeholder="",this.hint="",this.disabled=!1,this.label="",this.showCounter=!1,this.value="",this.isValid=null,this.autoValidation=!0,this.required=!1,this.maxLength=null,this.minLength=null,this.resizable=!0,this.validationRules=[],this.renderTextareaContainer=()=>i("div",{class:{"vega-textarea-container":!0,"vega-textarea-not-resizable":!this.resizable},ref:t=>this.inputContainerRef=t},i("textarea",{rows:4,placeholder:this.placeholder,disabled:this.disabled,required:this.required,ref:this.setTextareaRef,maxLength:this.maxLength,minLength:this.minLength,value:this.value,onBlur:this.handleTextareaBlur,"aria-label":this.label||"No label defined"}),this.showCounter&&this.renderCharacterCounter()),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.renderCharacterCounter=()=>i("div",{class:{"vega-textarea-counter":!0,"counter-exceed-max-length":this.isExceedMaxLength(this.value,this.maxLength)}},i("span",{id:"current"},this.currentCharCount),null!=this.maxLength&&this.renderMaxLengthNumber()),this.renderMaxLengthNumber=()=>i("span",{id:"maximum"},"/",this.maxLength),this.setTextareaRef=t=>{t&&this.textareaRef!==t&&(this.textareaRef=t)},this.inputFocus=()=>{this.textareaRef.focus()},this.handleTextareaBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.isExceedMaxLength=(t,e)=>null!=e&&t.length>e}watchValue(t){this.changeEventEmitter.emit(t),this.textareaRef.value!==this.value&&(this.textareaRef.value=this.value),t&&(this.currentCharCount=t.length),f.notify(g,{host:this.host,detail:t})}watchValidationRules(){}componentWillLoad(){this.currentCharCount=this.value.length}handleValueTextarea(){this.value=this.textareaRef.value,this.currentCharCount=this.value.length}render(){return p(i(a,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderTextareaContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{onClick:this.inputFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([l()],y.prototype,"globalSlimmers",void 0),w([h()],y.prototype,"formFieldController",void 0),w([h()],y.prototype,"changeEventEmitter",void 0),w([h()],y.prototype,"blurEventEmitter",void 0),w([h()],y.prototype,"textareaEventPrevent",void 0),w([h()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=':host{display:inline-block;width:100%;text-align:left}:host .vega-textarea-container{display:flex;position:relative;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;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));min-height:50px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-container{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-textarea-container{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-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host textarea{display:block;position:relative;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;outline:2px solid transparent;outline-offset:2px;border-style:none;overflow:auto;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));min-height:48px}@media screen and (min-width: 768px) and (max-width: 1023px){:host textarea{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 textarea{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 textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-textarea-container.vega-textarea-not-resizable{resize:none}:host .vega-textarea-container.vega-textarea-not-resizable textarea{resize:none}:host vega-field-label{margin-bottom:8px}:host .vega-textarea-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-counter{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-textarea-counter{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-textarea-counter{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}:host textarea::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-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-text{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{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-text{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-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-textarea-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-textarea-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-textarea-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-textarea-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) textarea{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.disabled) .vega-textarea-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .vega-hidden{display:none}';export{y as vega_textarea}
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as r}from"./p-1c298d5a.js";import{M as n,a as s}from"./p-f41102cd.js";import{R as o}from"./p-e2acbc60.js";import{s as p}from"./p-9b797118.js";import{I as h}from"./p-6e1ab235.js";import{V as d,I as l}from"./p-61f6167c.js";import{F as x}from"./p-16bb355d.js";import{b as g}from"./p-32f651f7.js";import{C as f}from"./p-2d0d575f.js";import{c as m}from"./p-a04632d0.js";import{e as c,z as v}from"./p-9e9ec748.js";import{C as b}from"./p-c4a52c83.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-6c6d86da.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:t=>!1===t.autoValidation}];var w=function(t,e,i,a){var r,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const y=class{constructor(a){t(this,a),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.vegaBlur=e(this,"vegaBlur",7),this.blur=e(this,"blur",7),this.globalSlimmers={},this.formFieldController=new x({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new o:null},{propertyName:"minLength",ruleFactory:t=>t?new n({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new s({maxStrLength:t}):null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.textareaRef]}),this.changeEventEmitter=m(y,c),this.blurEventEmitter=m(y,v),this.textareaEventPrevent=new b([c],(()=>this.inputContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(u),this.currentCharCount=0,this.placeholder="",this.hint="",this.disabled=!1,this.label="",this.showCounter=!1,this.value="",this.isValid=null,this.autoValidation=!0,this.required=!1,this.maxLength=null,this.minLength=null,this.resizable=!0,this.validationRules=[],this.renderTextareaContainer=()=>i("div",{class:{"vega-textarea-container":!0,"vega-textarea-not-resizable":!this.resizable},ref:t=>this.inputContainerRef=t},i("textarea",{rows:4,placeholder:this.placeholder,disabled:this.disabled,required:this.required,ref:this.setTextareaRef,maxLength:this.maxLength,minLength:this.minLength,value:this.value,onBlur:this.handleTextareaBlur,"aria-label":this.label||"No label defined"}),this.showCounter&&this.renderCharacterCounter()),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.renderCharacterCounter=()=>i("div",{class:{"vega-textarea-counter":!0,"counter-exceed-max-length":this.isExceedMaxLength(this.value,this.maxLength)}},i("span",{id:"current"},this.currentCharCount),null!=this.maxLength&&this.renderMaxLengthNumber()),this.renderMaxLengthNumber=()=>i("span",{id:"maximum"},"/",this.maxLength),this.setTextareaRef=t=>{t&&this.textareaRef!==t&&(this.textareaRef=t)},this.inputFocus=()=>{this.textareaRef.focus()},this.handleTextareaBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.isExceedMaxLength=(t,e)=>null!=e&&t.length>e}watchValue(t){this.changeEventEmitter.emit(t),this.textareaRef.value!==this.value&&(this.textareaRef.value=this.value),t&&(this.currentCharCount=t.length),f.notify(g,{host:this.host,detail:t})}watchValidationRules(){}componentWillLoad(){this.currentCharCount=this.value.length}handleValueTextarea(){this.value=this.textareaRef.value,this.currentCharCount=this.value.length}render(){return p(i(a,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderTextareaContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{onClick:this.inputFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([l()],y.prototype,"globalSlimmers",void 0),w([h()],y.prototype,"formFieldController",void 0),w([h()],y.prototype,"changeEventEmitter",void 0),w([h()],y.prototype,"blurEventEmitter",void 0),w([h()],y.prototype,"textareaEventPrevent",void 0),w([h()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=':host{display:inline-block;width:100%;text-align:left}:host .vega-textarea-container{display:flex;position:relative;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;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));min-height:50px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-container{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-textarea-container{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-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host textarea{display:block;position:relative;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;outline:2px solid transparent;outline-offset:2px;border-style:none;overflow:auto;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));min-height:48px}@media screen and (min-width: 768px) and (max-width: 1023px){:host textarea{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 textarea{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 textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-textarea-container.vega-textarea-not-resizable{resize:none}:host .vega-textarea-container.vega-textarea-not-resizable textarea{resize:none}:host vega-field-label{margin-bottom:8px}:host .vega-textarea-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-counter{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-textarea-counter{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-textarea-counter{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}:host textarea::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-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-text{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{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-text{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-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-textarea-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-textarea-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-textarea-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-textarea-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) textarea{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.disabled) .vega-textarea-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .vega-hidden{display:none}';export{y as vega_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as n,H as i,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{I as r}from"./p-6e1ab235.js";import{V as l,I as s}from"./p-61f6167c.js";import{c as v}from"./p-a04632d0.js";import{a as g}from"./p-9e9ec748.js";import{C as b}from"./p-c4a52c83.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";const d=[{payloadKey:"EVENTFUL_IS_TRUE",payloadDescription:"@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to true, the event will be emitted.",payloadValue:t=>!0===t.eventful},{payloadKey:"EVENTFUL_IS_FALSE",payloadDescription:"@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to false, the component will function as a regular link to another page or URL, and no events will be emitted.",payloadValue:t=>!1===t.eventful}];var c=function(t,e,n,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(r=(o<3?a(r):o>3?a(e,n,r):a(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r};const h=class{constructor(n){t(this,n),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=v(h,g),this.eventPrevent=new b([g],(()=>this.host)),this.vegaComponentUsageRuntimeMetricsSlimmer=new l(d),this.link=h.defaultLink,this.size="default",this.iconType="icon",this.iconAlign="left",this.label="",this.disabled=!1,this.danger=!1,this.eventful=!0,this.target="_self",this.onClick=t=>{this.disabled?t.preventDefault():this.clickEventEmitter.emit(this.host.dataset.key,t)}}componentWillLoad(){this.label||(this.label=this.host.textContent),this.host.innerHTML=""}render(){const t=this.isEventLink(),e=t?h.defaultLink:this.link;return o(n(i,{class:{"vega-button-link-disabled":this.disabled}},n("a",{tabIndex:this.disabled?-1:0,role:t?"button":"link","aria-label":this.label.trim()||"No label defined",href:e,onClick:t&&this.onClick,class:{"vega-button-link":!0,[`vega-button-link-size-${this.size}`]:!0,"vega-button-link-left-button":this.hasIconButton("left"),"vega-button-link-right-button":this.hasIconButton("right"),"vega-button-link-danger":this.danger},rel:"noopener noreferrer",target:this.target},n("div",{class:"vega-button-link-content"},this.renderContent()),n("div",{class:"vega-button-link-outer-border",part:"link-border"}))),this.host)}hasIconButton(t){return this.icon&&"button"===this.iconType&&this.iconAlign===t}renderContent(){return this.icon?n("vega-flex",{alignItems:"center",gap:this.getGapByButtonSize(),justifyContent:"center"},"left"===this.iconAlign&&this.renderIcon(),this.renderLabel(),"right"===this.iconAlign&&this.renderIcon()):this.renderLabel()}getGapByButtonSize(){return"large"===this.size?"size-16":"small"===this.size?"size-8":"default"===this.size?"icon"===this.iconType?"size-8":"size-12":void 0}renderLabel(){return this.label&&n("span",{class:"vega-button-link-label",part:"label-container"},n("vega-text",{part:"label-text"},this.label))}renderIcon(){return n("div",{class:`vega-button-link-${this.iconType} vega-flex-shrink-0 v-min-w-min`},"icon"===this.iconType?this.renderVegaIcon():n("div",{class:"vega-button-link-button-container"},this.renderVegaIcon()))}renderVegaIcon(){return n("vega-icon",{icon:this.icon,size:"large"===this.size?"size-24":"size-16"})}isEventLink(){return!this.link||this.link===h.defaultLink}get host(){return a(this)}};h.defaultLink="javascript:void(0);",c([s()],h.prototype,"globalSlimmers",void 0),c([r()],h.prototype,"clickEventEmitter",void 0),c([r()],h.prototype,"eventPrevent",void 0),c([r()],h.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),h.style=':host{display:inline-block;position:relative;margin:0px;line-height:normal}a{text-decoration:none;color:rgba(var(--v-text-link, 19, 98, 226, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));outline:none}a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host>a:hover .vega-button-link-label,:host>a:focus-visible .vega-button-link-label{text-decoration:underline}a:active{text-decoration:none}a:active:hover .vega-button-link-label{text-decoration:none}a.vega-button-link-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}a.vega-button-link-danger:hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-danger:focus-visible{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}a .vega-button-link-button-container{border-radius:9999px;cursor:pointer;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1));box-sizing:border-box;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:visited .vega-button-link-button-container{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1));border-color:var(--v-text-link-visited)}a:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a.vega-button-link-danger .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))}a.vega-button-link-danger:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-size-default .vega-button-link-button-container{width:40px;height:40px;padding:10px}a.vega-button-link-size-large .vega-button-link-button-container{width:56px;height:56px;padding:14px}a.vega-button-link-size-small .vega-button-link-button-container{width:32px;height:32px;padding:6px}a.vega-button-link-size-default .vega-button-link-icon,a.vega-button-link-size-small .vega-button-link-icon{width:16px;height:16px;line-height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px;line-height:24px}a .vega-button-link-label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-small .vega-button-link-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-default .vega-button-link-label{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){a.vega-button-link-size-default .vega-button-link-label{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){a.vega-button-link-size-default .vega-button-link-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}a.vega-button-link-size-large .vega-button-link-label{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){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-large .vega-button-link-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}a:focus-visible>.vega-button-link-outer-border{position:absolute;pointer-events:none;border-radius:9999px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));display:inline-block;top:-4px;left:-8px;height:calc(100% + 8px);width:calc(100% + 16px);visibility:visible !important}a.vega-button-link-left-button:focus>.vega-button-link-outer-border{left:-4px}a.vega-button-link-right-button:focus>.vega-button-link-outer-border{width:calc(100% + 12px)}a.vega-button-link-danger:focus-visible>.vega-button-link-outer-border{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}:host(.vega-button-link-disabled){pointer-events:none}:host(.vega-button-link-disabled) a{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));text-decoration:none;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a.vega-button-link .vega-button-link-button-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-content{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-outer-border{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}';export{h as vega_button_link}
|