@vuetify/nightly 3.7.11-master.2025-02-04 → 3.7.11-master.2025-02-05
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/CHANGELOG.md +9 -3
- package/dist/json/attributes.json +3230 -3230
- package/dist/json/importMap-labs.json +28 -28
- package/dist/json/importMap.json +144 -144
- package/dist/json/web-types.json +6069 -6069
- package/dist/vuetify-labs.css +4786 -4786
- package/dist/vuetify-labs.d.ts +3 -3
- package/dist/vuetify-labs.esm.js +16 -7
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +16 -7
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +3418 -3418
- package/dist/vuetify.d.ts +53 -53
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.mts +53 -53
- package/lib/labs/VDateInput/VDateInput.mjs +15 -5
- package/lib/labs/VDateInput/VDateInput.mjs.map +1 -1
- package/lib/labs/VDateInput/index.d.mts +3 -3
- package/lib/labs/components.d.mts +3 -3
- package/package.json +1 -1
package/dist/vuetify.min.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Vuetify v3.7.11-master.2025-02-
|
2
|
+
* Vuetify v3.7.11-master.2025-02-05
|
3
3
|
* Forged by John Leider
|
4
4
|
* Released under the MIT License.
|
5
5
|
*/
|
@@ -2113,8 +2113,8 @@ if(d.install(e),e.provide(xt,u),e.provide(yn,c),e.provide(wa,d),e.provide(Lt,v),
|
|
2113
2113
|
else{const{mount:a}=e
|
2114
2114
|
e.mount=function(){const l=a(...arguments)
|
2115
2115
|
return t.nextTick((()=>c.update())),e.mount=a,l}}kt.reset(),("boolean"!=typeof __VUE_OPTIONS_API__||__VUE_OPTIONS_API__)&&e.mixin({computed:{$vuetify(){return t.reactive({defaults:uf.call(this,xt),display:uf.call(this,yn),theme:uf.call(this,wa),icons:uf.call(this,Lt),locale:uf.call(this,ga),date:uf.call(this,gu)})}}})},defaults:u,display:c,theme:d,icons:v,locale:p,date:f,goTo:m}}function uf(e){const t=this.$,a=t.parent?.provides??t.vnode.appContext?.provides
|
2116
|
-
if(a&&e in a)return a[e]}sf.version="3.7.11-master.2025-02-
|
2117
|
-
const cf=function(){return sf({components:Qp,directives:rf,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},df="3.7.11-master.2025-02-
|
2116
|
+
if(a&&e in a)return a[e]}sf.version="3.7.11-master.2025-02-05"
|
2117
|
+
const cf=function(){return sf({components:Qp,directives:rf,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},df="3.7.11-master.2025-02-05"
|
2118
2118
|
cf.version=df,e.blueprints=Qt,e.components=Qp,e.createVuetify=cf,e.directives=rf,e.useDate=yu,e.useDefaults=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0
|
2119
2119
|
const{props:a,provideSubDefaults:l}=_t(e,t)
|
2120
2120
|
return l(),a},e.useDisplay=Nn,e.useGoTo=Bn,e.useLayout=oa,e.useLocale=ya,e.useRtl=Va,e.useTheme=Na,e.version=df}))
|
package/lib/entry-bundler.mjs
CHANGED
@@ -16,7 +16,7 @@ export const createVuetify = function () {
|
|
16
16
|
...options
|
17
17
|
});
|
18
18
|
};
|
19
|
-
export const version = "3.7.11-master.2025-02-
|
19
|
+
export const version = "3.7.11-master.2025-02-05";
|
20
20
|
createVuetify.version = version;
|
21
21
|
export { blueprints, components, directives };
|
22
22
|
export * from "./composables/index.mjs";
|
package/lib/framework.mjs
CHANGED
package/lib/index.d.mts
CHANGED
@@ -486,22 +486,23 @@ declare module 'vue' {
|
|
486
486
|
$children?: VNodeChild
|
487
487
|
}
|
488
488
|
export interface GlobalComponents {
|
489
|
+
VApp: typeof import('vuetify/components')['VApp']
|
490
|
+
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
|
489
491
|
VAlert: typeof import('vuetify/components')['VAlert']
|
490
492
|
VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
|
491
|
-
VApp: typeof import('vuetify/components')['VApp']
|
492
493
|
VAppBar: typeof import('vuetify/components')['VAppBar']
|
493
494
|
VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
|
494
495
|
VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
|
495
|
-
VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
|
496
|
-
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
|
497
|
-
VAvatar: typeof import('vuetify/components')['VAvatar']
|
498
|
-
VBadge: typeof import('vuetify/components')['VBadge']
|
499
496
|
VBanner: typeof import('vuetify/components')['VBanner']
|
500
497
|
VBannerActions: typeof import('vuetify/components')['VBannerActions']
|
501
498
|
VBannerText: typeof import('vuetify/components')['VBannerText']
|
499
|
+
VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
|
500
|
+
VBadge: typeof import('vuetify/components')['VBadge']
|
501
|
+
VBtn: typeof import('vuetify/components')['VBtn']
|
502
502
|
VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
|
503
503
|
VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
|
504
504
|
VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
|
505
|
+
VAvatar: typeof import('vuetify/components')['VAvatar']
|
505
506
|
VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
|
506
507
|
VCard: typeof import('vuetify/components')['VCard']
|
507
508
|
VCardActions: typeof import('vuetify/components')['VCardActions']
|
@@ -509,28 +510,24 @@ declare module 'vue' {
|
|
509
510
|
VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
|
510
511
|
VCardText: typeof import('vuetify/components')['VCardText']
|
511
512
|
VCardTitle: typeof import('vuetify/components')['VCardTitle']
|
512
|
-
|
513
|
+
VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
|
513
514
|
VCarousel: typeof import('vuetify/components')['VCarousel']
|
514
515
|
VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
|
515
|
-
|
516
|
-
VCode: typeof import('vuetify/components')['VCode']
|
516
|
+
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
517
517
|
VCheckbox: typeof import('vuetify/components')['VCheckbox']
|
518
518
|
VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
|
519
|
-
VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
|
520
|
-
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
521
|
-
VChip: typeof import('vuetify/components')['VChip']
|
522
519
|
VChipGroup: typeof import('vuetify/components')['VChipGroup']
|
523
520
|
VCounter: typeof import('vuetify/components')['VCounter']
|
521
|
+
VCombobox: typeof import('vuetify/components')['VCombobox']
|
522
|
+
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
523
|
+
VChip: typeof import('vuetify/components')['VChip']
|
524
524
|
VDatePicker: typeof import('vuetify/components')['VDatePicker']
|
525
525
|
VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
|
526
526
|
VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
|
527
527
|
VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
|
528
528
|
VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
|
529
529
|
VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
|
530
|
-
|
531
|
-
VDialog: typeof import('vuetify/components')['VDialog']
|
532
|
-
VDivider: typeof import('vuetify/components')['VDivider']
|
533
|
-
VEmptyState: typeof import('vuetify/components')['VEmptyState']
|
530
|
+
VCode: typeof import('vuetify/components')['VCode']
|
534
531
|
VDataTable: typeof import('vuetify/components')['VDataTable']
|
535
532
|
VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
|
536
533
|
VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
|
@@ -538,28 +535,30 @@ declare module 'vue' {
|
|
538
535
|
VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
|
539
536
|
VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
|
540
537
|
VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
|
538
|
+
VFab: typeof import('vuetify/components')['VFab']
|
539
|
+
VDivider: typeof import('vuetify/components')['VDivider']
|
540
|
+
VEmptyState: typeof import('vuetify/components')['VEmptyState']
|
541
|
+
VDialog: typeof import('vuetify/components')['VDialog']
|
541
542
|
VField: typeof import('vuetify/components')['VField']
|
542
543
|
VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
|
543
544
|
VFooter: typeof import('vuetify/components')['VFooter']
|
544
|
-
VFab: typeof import('vuetify/components')['VFab']
|
545
545
|
VFileInput: typeof import('vuetify/components')['VFileInput']
|
546
546
|
VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
|
547
547
|
VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
|
548
548
|
VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
|
549
549
|
VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
|
550
|
-
|
550
|
+
VKbd: typeof import('vuetify/components')['VKbd']
|
551
551
|
VIcon: typeof import('vuetify/components')['VIcon']
|
552
552
|
VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
|
553
553
|
VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
|
554
554
|
VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
|
555
555
|
VClassIcon: typeof import('vuetify/components')['VClassIcon']
|
556
|
-
|
556
|
+
VInput: typeof import('vuetify/components')['VInput']
|
557
557
|
VItemGroup: typeof import('vuetify/components')['VItemGroup']
|
558
558
|
VItem: typeof import('vuetify/components')['VItem']
|
559
559
|
VLabel: typeof import('vuetify/components')['VLabel']
|
560
|
-
VInput: typeof import('vuetify/components')['VInput']
|
561
560
|
VImg: typeof import('vuetify/components')['VImg']
|
562
|
-
|
561
|
+
VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
|
563
562
|
VList: typeof import('vuetify/components')['VList']
|
564
563
|
VListGroup: typeof import('vuetify/components')['VListGroup']
|
565
564
|
VListImg: typeof import('vuetify/components')['VListImg']
|
@@ -569,68 +568,69 @@ declare module 'vue' {
|
|
569
568
|
VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
|
570
569
|
VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
|
571
570
|
VListSubheader: typeof import('vuetify/components')['VListSubheader']
|
572
|
-
VMain: typeof import('vuetify/components')['VMain']
|
573
571
|
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
572
|
+
VMenu: typeof import('vuetify/components')['VMenu']
|
574
573
|
VMessages: typeof import('vuetify/components')['VMessages']
|
574
|
+
VMain: typeof import('vuetify/components')['VMain']
|
575
|
+
VOverlay: typeof import('vuetify/components')['VOverlay']
|
575
576
|
VPagination: typeof import('vuetify/components')['VPagination']
|
576
577
|
VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
|
577
578
|
VOtpInput: typeof import('vuetify/components')['VOtpInput']
|
578
|
-
|
579
|
+
VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
|
579
580
|
VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
|
581
|
+
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
|
580
582
|
VRating: typeof import('vuetify/components')['VRating']
|
581
583
|
VSelect: typeof import('vuetify/components')['VSelect']
|
582
|
-
VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
|
583
|
-
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
|
584
|
-
VSlider: typeof import('vuetify/components')['VSlider']
|
585
584
|
VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
|
586
|
-
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
|
587
|
-
VSheet: typeof import('vuetify/components')['VSheet']
|
588
|
-
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
589
|
-
VTable: typeof import('vuetify/components')['VTable']
|
590
|
-
VSwitch: typeof import('vuetify/components')['VSwitch']
|
591
585
|
VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
|
592
586
|
VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
|
593
|
-
|
594
|
-
|
595
|
-
|
596
|
-
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
|
597
|
-
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
|
598
|
-
VToolbar: typeof import('vuetify/components')['VToolbar']
|
599
|
-
VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
|
600
|
-
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
|
601
|
-
VTextarea: typeof import('vuetify/components')['VTextarea']
|
602
|
-
VTextField: typeof import('vuetify/components')['VTextField']
|
587
|
+
VSheet: typeof import('vuetify/components')['VSheet']
|
588
|
+
VSlider: typeof import('vuetify/components')['VSlider']
|
589
|
+
VSwitch: typeof import('vuetify/components')['VSwitch']
|
603
590
|
VStepper: typeof import('vuetify/components')['VStepper']
|
604
591
|
VStepperActions: typeof import('vuetify/components')['VStepperActions']
|
605
592
|
VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
|
606
593
|
VStepperItem: typeof import('vuetify/components')['VStepperItem']
|
607
594
|
VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
|
608
595
|
VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
|
609
|
-
|
610
|
-
|
596
|
+
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
|
597
|
+
VTab: typeof import('vuetify/components')['VTab']
|
598
|
+
VTabs: typeof import('vuetify/components')['VTabs']
|
599
|
+
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
|
600
|
+
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
|
601
|
+
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
602
|
+
VTable: typeof import('vuetify/components')['VTable']
|
603
|
+
VSystemBar: typeof import('vuetify/components')['VSystemBar']
|
611
604
|
VTooltip: typeof import('vuetify/components')['VTooltip']
|
605
|
+
VTextarea: typeof import('vuetify/components')['VTextarea']
|
612
606
|
VWindow: typeof import('vuetify/components')['VWindow']
|
613
607
|
VWindowItem: typeof import('vuetify/components')['VWindowItem']
|
608
|
+
VTextField: typeof import('vuetify/components')['VTextField']
|
609
|
+
VToolbar: typeof import('vuetify/components')['VToolbar']
|
610
|
+
VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
|
611
|
+
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
|
612
|
+
VTimeline: typeof import('vuetify/components')['VTimeline']
|
613
|
+
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
|
614
614
|
VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
|
615
615
|
VDataIterator: typeof import('vuetify/components')['VDataIterator']
|
616
616
|
VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
|
617
|
+
VHover: typeof import('vuetify/components')['VHover']
|
617
618
|
VForm: typeof import('vuetify/components')['VForm']
|
618
619
|
VContainer: typeof import('vuetify/components')['VContainer']
|
619
620
|
VCol: typeof import('vuetify/components')['VCol']
|
620
621
|
VRow: typeof import('vuetify/components')['VRow']
|
621
622
|
VSpacer: typeof import('vuetify/components')['VSpacer']
|
622
|
-
VHover: typeof import('vuetify/components')['VHover']
|
623
623
|
VLayout: typeof import('vuetify/components')['VLayout']
|
624
624
|
VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
|
625
|
+
VLazy: typeof import('vuetify/components')['VLazy']
|
625
626
|
VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
|
626
627
|
VNoSsr: typeof import('vuetify/components')['VNoSsr']
|
627
|
-
VLazy: typeof import('vuetify/components')['VLazy']
|
628
628
|
VParallax: typeof import('vuetify/components')['VParallax']
|
629
|
+
VResponsive: typeof import('vuetify/components')['VResponsive']
|
629
630
|
VRadio: typeof import('vuetify/components')['VRadio']
|
630
631
|
VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
|
631
|
-
VResponsive: typeof import('vuetify/components')['VResponsive']
|
632
|
-
VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
|
633
632
|
VSparkline: typeof import('vuetify/components')['VSparkline']
|
633
|
+
VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
|
634
634
|
VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
|
635
635
|
VValidation: typeof import('vuetify/components')['VValidation']
|
636
636
|
VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
|
@@ -650,28 +650,28 @@ declare module 'vue' {
|
|
650
650
|
VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
|
651
651
|
VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
|
652
652
|
VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
|
653
|
-
VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
|
654
653
|
VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
|
655
654
|
VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
|
655
|
+
VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
|
656
656
|
VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
|
657
657
|
VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
|
658
658
|
VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
|
659
|
+
VTreeview: typeof import('vuetify/labs/components')['VTreeview']
|
660
|
+
VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
|
661
|
+
VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
|
659
662
|
VCalendar: typeof import('vuetify/labs/components')['VCalendar']
|
660
663
|
VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
|
661
664
|
VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
|
662
665
|
VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
|
663
666
|
VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
|
664
667
|
VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
|
665
|
-
VPicker: typeof import('vuetify/labs/components')['VPicker']
|
666
|
-
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
|
667
|
-
VTreeview: typeof import('vuetify/labs/components')['VTreeview']
|
668
|
-
VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
|
669
|
-
VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
|
670
|
-
VDateInput: typeof import('vuetify/labs/components')['VDateInput']
|
671
668
|
VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
|
672
669
|
VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
|
673
670
|
VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
|
671
|
+
VPicker: typeof import('vuetify/labs/components')['VPicker']
|
672
|
+
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
|
674
673
|
VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
|
674
|
+
VDateInput: typeof import('vuetify/labs/components')['VDateInput']
|
675
675
|
VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
|
676
676
|
}
|
677
677
|
}
|
@@ -6,9 +6,10 @@ import { VMenu } from "../../components/VMenu/VMenu.mjs";
|
|
6
6
|
import { makeVTextFieldProps, VTextField } from "../../components/VTextField/VTextField.mjs"; // Composables
|
7
7
|
import { useDate } from "../../composables/date/index.mjs";
|
8
8
|
import { makeFocusProps, useFocus } from "../../composables/focus.mjs";
|
9
|
+
import { forwardRefs } from "../../composables/forwardRefs.mjs";
|
9
10
|
import { useLocale } from "../../composables/locale.mjs";
|
10
11
|
import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
|
11
|
-
import { computed, shallowRef } from 'vue';
|
12
|
+
import { computed, ref, shallowRef } from 'vue';
|
12
13
|
import { genericComponent, omit, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
|
13
14
|
// Types
|
14
15
|
export const makeVDateInputProps = propsFactory({
|
@@ -47,8 +48,9 @@ export const VDateInput = genericComponent()({
|
|
47
48
|
focus,
|
48
49
|
blur
|
49
50
|
} = useFocus(props);
|
50
|
-
const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null);
|
51
|
+
const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null, val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
|
51
52
|
const menu = shallowRef(false);
|
53
|
+
const vDateInputRef = ref();
|
52
54
|
const display = computed(() => {
|
53
55
|
const value = wrapInArray(model.value);
|
54
56
|
if (!value.length) return null;
|
@@ -70,7 +72,7 @@ export const VDateInput = genericComponent()({
|
|
70
72
|
return;
|
71
73
|
}
|
72
74
|
const target = e.target;
|
73
|
-
model.value =
|
75
|
+
model.value = target.value;
|
74
76
|
}
|
75
77
|
function onClick(e) {
|
76
78
|
e.preventDefault();
|
@@ -80,11 +82,17 @@ export const VDateInput = genericComponent()({
|
|
80
82
|
function onSave() {
|
81
83
|
menu.value = false;
|
82
84
|
}
|
85
|
+
function onUpdateModel(value) {
|
86
|
+
if (value != null) return;
|
87
|
+
model.value = null;
|
88
|
+
}
|
83
89
|
useRender(() => {
|
84
90
|
const confirmEditProps = VConfirmEdit.filterProps(props);
|
85
91
|
const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']));
|
86
92
|
const textFieldProps = VTextField.filterProps(props);
|
87
|
-
return _createVNode(VTextField, _mergeProps(
|
93
|
+
return _createVNode(VTextField, _mergeProps({
|
94
|
+
"ref": vDateInputRef
|
95
|
+
}, textFieldProps, {
|
88
96
|
"class": props.class,
|
89
97
|
"style": props.style,
|
90
98
|
"modelValue": display.value,
|
@@ -93,7 +101,8 @@ export const VDateInput = genericComponent()({
|
|
93
101
|
"onFocus": focus,
|
94
102
|
"onBlur": blur,
|
95
103
|
"onClick:control": isInteractive.value ? onClick : undefined,
|
96
|
-
"onClick:prepend": isInteractive.value ? onClick : undefined
|
104
|
+
"onClick:prepend": isInteractive.value ? onClick : undefined,
|
105
|
+
"onUpdate:modelValue": onUpdateModel
|
97
106
|
}), {
|
98
107
|
default: () => [_createVNode(VMenu, {
|
99
108
|
"modelValue": menu.value,
|
@@ -141,6 +150,7 @@ export const VDateInput = genericComponent()({
|
|
141
150
|
}), slots.default?.()]
|
142
151
|
});
|
143
152
|
});
|
153
|
+
return forwardRefs({}, vDateInputRef);
|
144
154
|
}
|
145
155
|
});
|
146
156
|
//# sourceMappingURL=VDateInput.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VDateInput.mjs","names":["makeVConfirmEditProps","VConfirmEdit","makeVDatePickerProps","VDatePicker","VMenu","makeVTextFieldProps","VTextField","useDate","makeFocusProps","useFocus","useLocale","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVDateInputProps","hideActions","Boolean","location","type","String","default","placeholder","prependIcon","weeksInMonth","hideHeader","VDateInput","name","props","emits","val","setup","_ref","slots","t","adapter","isFocused","focus","blur","model","multiple","menu","display","value","length","start","end","isValid","format","isInteractive","disabled","readonly","onKeydown","e","key","target","date","onClick","preventDefault","stopPropagation","onSave","confirmEditProps","filterProps","datePickerProps","textFieldProps","_createVNode","_mergeProps","class","style","undefined","$event","onCancel","_ref2","actions","proxyModel","save","cancel","isPristine"],"sources":["../../../src/labs/VDateInput/VDateInput.tsx"],"sourcesContent":["// Components\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { makeVDatePickerProps, VDatePicker } from '@/components/VDatePicker/VDatePicker'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { useDate } from '@/composables/date'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\n// Types\nexport type VDateInputActionsSlot = {\n save: () => void\n cancel: () => void\n isPristine: boolean\n}\n\nexport type VDateInputSlots = {\n actions: VDateInputActionsSlot\n default: never\n}\n\nexport const makeVDateInputProps = propsFactory({\n hideActions: Boolean,\n location: {\n type: String as PropType<StrategyProps['location']>,\n default: 'bottom start',\n },\n ...makeFocusProps(),\n ...makeVConfirmEditProps(),\n ...makeVTextFieldProps({\n placeholder: 'mm/dd/yyyy',\n prependIcon: '$calendar',\n }),\n ...omit(makeVDatePickerProps({\n weeksInMonth: 'dynamic' as const,\n hideHeader: true,\n }), ['active', 'location']),\n}, 'VDateInput')\n\nexport const VDateInput = genericComponent<VDateInputSlots>()({\n name: 'VDateInput',\n\n props: makeVDateInputProps(),\n\n emits: {\n 'update:modelValue': (val: string) => true,\n },\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const adapter = useDate()\n const { isFocused, focus, blur } = useFocus(props)\n const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null)\n const menu = shallowRef(false)\n\n const display = computed(() => {\n const value = wrapInArray(model.value)\n\n if (!value.length) return null\n\n if (props.multiple === true) {\n return t('$vuetify.datePicker.itemsSelected', value.length)\n }\n\n if (props.multiple === 'range') {\n const start = value[0]\n const end = value[value.length - 1]\n\n return adapter.isValid(start) && adapter.isValid(end)\n ? `${adapter.format(start, 'keyboardDate')} - ${adapter.format(end, 'keyboardDate')}`\n : ''\n }\n\n return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : ''\n })\n\n const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n function onKeydown (e: KeyboardEvent) {\n if (e.key !== 'Enter') return\n\n if (!menu.value || !isFocused.value) {\n menu.value = true\n\n return\n }\n\n const target = e.target as HTMLInputElement\n\n model.value = adapter.date(target.value)\n }\n\n function onClick (e: MouseEvent) {\n e.preventDefault()\n e.stopPropagation()\n\n menu.value = true\n }\n\n function onSave () {\n menu.value = false\n }\n\n useRender(() => {\n const confirmEditProps = VConfirmEdit.filterProps(props)\n const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']))\n const textFieldProps = VTextField.filterProps(props)\n\n return (\n <VTextField\n { ...textFieldProps }\n class={ props.class }\n style={ props.style }\n modelValue={ display.value }\n onKeydown={ isInteractive.value ? onKeydown : undefined }\n focused={ menu.value || isFocused.value }\n onFocus={ focus }\n onBlur={ blur }\n onClick:control={ isInteractive.value ? onClick : undefined }\n onClick:prepend={ isInteractive.value ? onClick : undefined }\n >\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n min-width=\"0\"\n location={ props.location }\n closeOnContentClick={ false }\n openOnClick={ false }\n >\n <VConfirmEdit\n { ...confirmEditProps }\n v-model={ model.value }\n onSave={ onSave }\n onCancel={ () => menu.value = false }\n >\n {{\n default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {\n return (\n <VDatePicker\n { ...datePickerProps }\n modelValue={ props.hideActions ? model.value : proxyModel.value }\n onUpdate:modelValue={ val => {\n if (!props.hideActions) {\n proxyModel.value = val\n } else {\n model.value = val\n\n if (!props.multiple) menu.value = false\n }\n }}\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n >\n {{\n actions: !props.hideActions ? () => slots.actions?.({ save, cancel, isPristine }) ?? actions() : undefined,\n }}\n </VDatePicker>\n )\n },\n }}\n </VConfirmEdit>\n </VMenu>\n\n { slots.default?.() }\n </VTextField>\n )\n })\n },\n})\n\nexport type VDateInput = InstanceType<typeof VDateInput>\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"file":"VDateInput.mjs","names":["makeVConfirmEditProps","VConfirmEdit","makeVDatePickerProps","VDatePicker","VMenu","makeVTextFieldProps","VTextField","useDate","makeFocusProps","useFocus","forwardRefs","useLocale","useProxiedModel","computed","ref","shallowRef","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVDateInputProps","hideActions","Boolean","location","type","String","default","placeholder","prependIcon","weeksInMonth","hideHeader","VDateInput","name","props","emits","val","setup","_ref","slots","t","adapter","isFocused","focus","blur","model","multiple","Array","isArray","map","item","toJsDate","date","menu","vDateInputRef","display","value","length","start","end","isValid","format","isInteractive","disabled","readonly","onKeydown","e","key","target","onClick","preventDefault","stopPropagation","onSave","onUpdateModel","confirmEditProps","filterProps","datePickerProps","textFieldProps","_createVNode","_mergeProps","class","style","undefined","$event","onCancel","_ref2","actions","proxyModel","save","cancel","isPristine"],"sources":["../../../src/labs/VDateInput/VDateInput.tsx"],"sourcesContent":["// Components\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { makeVDatePickerProps, VDatePicker } from '@/components/VDatePicker/VDatePicker'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { useDate } from '@/composables/date'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\n// Types\nexport type VDateInputActionsSlot = {\n save: () => void\n cancel: () => void\n isPristine: boolean\n}\n\nexport type VDateInputSlots = {\n actions: VDateInputActionsSlot\n default: never\n}\n\nexport const makeVDateInputProps = propsFactory({\n hideActions: Boolean,\n location: {\n type: String as PropType<StrategyProps['location']>,\n default: 'bottom start',\n },\n ...makeFocusProps(),\n ...makeVConfirmEditProps(),\n ...makeVTextFieldProps({\n placeholder: 'mm/dd/yyyy',\n prependIcon: '$calendar',\n }),\n ...omit(makeVDatePickerProps({\n weeksInMonth: 'dynamic' as const,\n hideHeader: true,\n }), ['active', 'location']),\n}, 'VDateInput')\n\nexport const VDateInput = genericComponent<VDateInputSlots>()({\n name: 'VDateInput',\n\n props: makeVDateInputProps(),\n\n emits: {\n 'update:modelValue': (val: string) => true,\n },\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const adapter = useDate()\n const { isFocused, focus, blur } = useFocus(props)\n const model = useProxiedModel(\n props,\n 'modelValue',\n props.multiple ? [] : null,\n val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val,\n val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val\n )\n\n const menu = shallowRef(false)\n const vDateInputRef = ref()\n\n const display = computed(() => {\n const value = wrapInArray(model.value)\n\n if (!value.length) return null\n\n if (props.multiple === true) {\n return t('$vuetify.datePicker.itemsSelected', value.length)\n }\n\n if (props.multiple === 'range') {\n const start = value[0]\n const end = value[value.length - 1]\n\n return adapter.isValid(start) && adapter.isValid(end)\n ? `${adapter.format(start, 'keyboardDate')} - ${adapter.format(end, 'keyboardDate')}`\n : ''\n }\n\n return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : ''\n })\n\n const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n function onKeydown (e: KeyboardEvent) {\n if (e.key !== 'Enter') return\n\n if (!menu.value || !isFocused.value) {\n menu.value = true\n\n return\n }\n\n const target = e.target as HTMLInputElement\n\n model.value = target.value\n }\n\n function onClick (e: MouseEvent) {\n e.preventDefault()\n e.stopPropagation()\n\n menu.value = true\n }\n\n function onSave () {\n menu.value = false\n }\n\n function onUpdateModel (value: string) {\n if (value != null) return\n\n model.value = null\n }\n\n useRender(() => {\n const confirmEditProps = VConfirmEdit.filterProps(props)\n const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']))\n const textFieldProps = VTextField.filterProps(props)\n\n return (\n <VTextField\n ref={ vDateInputRef }\n { ...textFieldProps }\n class={ props.class }\n style={ props.style }\n modelValue={ display.value }\n onKeydown={ isInteractive.value ? onKeydown : undefined }\n focused={ menu.value || isFocused.value }\n onFocus={ focus }\n onBlur={ blur }\n onClick:control={ isInteractive.value ? onClick : undefined }\n onClick:prepend={ isInteractive.value ? onClick : undefined }\n onUpdate:modelValue={ onUpdateModel }\n >\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n min-width=\"0\"\n location={ props.location }\n closeOnContentClick={ false }\n openOnClick={ false }\n >\n <VConfirmEdit\n { ...confirmEditProps }\n v-model={ model.value }\n onSave={ onSave }\n onCancel={ () => menu.value = false }\n >\n {{\n default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {\n return (\n <VDatePicker\n { ...datePickerProps }\n modelValue={ props.hideActions ? model.value : proxyModel.value }\n onUpdate:modelValue={ val => {\n if (!props.hideActions) {\n proxyModel.value = val\n } else {\n model.value = val\n\n if (!props.multiple) menu.value = false\n }\n }}\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n >\n {{\n actions: !props.hideActions ? () => slots.actions?.({ save, cancel, isPristine }) ?? actions() : undefined,\n }}\n </VDatePicker>\n )\n },\n }}\n </VConfirmEdit>\n </VMenu>\n\n { slots.default?.() }\n </VTextField>\n )\n })\n\n return forwardRefs({}, vDateInputRef)\n },\n})\n\nexport type VDateInput = InstanceType<typeof VDateInput>\n"],"mappings":";AAAA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,oBAAoB,EAAEC,WAAW;AAAA,SACjCC,KAAK;AAAA,SACLC,mBAAmB,EAAEC,UAAU,sDAExC;AAAA,SACSC,OAAO;AAAA,SACPC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,WAAW;AAAA,SACXC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,UAAU,QAAQ,KAAK;AAAA,SACtCC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,EAAEC,WAAW,gCAErE;AAIA;AAYA,OAAO,MAAMC,mBAAmB,GAAGH,YAAY,CAAC;EAC9CI,WAAW,EAAEC,OAAO;EACpBC,QAAQ,EAAE;IACRC,IAAI,EAAEC,MAA6C;IACnDC,OAAO,EAAE;EACX,CAAC;EACD,GAAGnB,cAAc,CAAC,CAAC;EACnB,GAAGR,qBAAqB,CAAC,CAAC;EAC1B,GAAGK,mBAAmB,CAAC;IACrBuB,WAAW,EAAE,YAAY;IACzBC,WAAW,EAAE;EACf,CAAC,CAAC;EACF,GAAGZ,IAAI,CAACf,oBAAoB,CAAC;IAC3B4B,YAAY,EAAE,SAAkB;IAChCC,UAAU,EAAE;EACd,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;AAC5B,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGhB,gBAAgB,CAAkB,CAAC,CAAC;EAC5DiB,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEb,mBAAmB,CAAC,CAAC;EAE5Bc,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAE,CAAC,GAAG7B,SAAS,CAAC,CAAC;IACzB,MAAM8B,OAAO,GAAGlC,OAAO,CAAC,CAAC;IACzB,MAAM;MAAEmC,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGnC,QAAQ,CAACyB,KAAK,CAAC;IAClD,MAAMW,KAAK,GAAGjC,eAAe,CAC3BsB,KAAK,EACL,YAAY,EACZA,KAAK,CAACY,QAAQ,GAAG,EAAE,GAAG,IAAI,EAC1BV,GAAG,IAAIW,KAAK,CAACC,OAAO,CAACZ,GAAG,CAAC,GAAGA,GAAG,CAACa,GAAG,CAACC,IAAI,IAAIT,OAAO,CAACU,QAAQ,CAACD,IAAI,CAAC,CAAC,GAAGd,GAAG,GAAGK,OAAO,CAACU,QAAQ,CAACf,GAAG,CAAC,GAAGA,GAAG,EACvGA,GAAG,IAAIW,KAAK,CAACC,OAAO,CAACZ,GAAG,CAAC,GAAGA,GAAG,CAACa,GAAG,CAACC,IAAI,IAAIT,OAAO,CAACW,IAAI,CAACF,IAAI,CAAC,CAAC,GAAGd,GAAG,GAAGK,OAAO,CAACW,IAAI,CAAChB,GAAG,CAAC,GAAGA,GAC9F,CAAC;IAED,MAAMiB,IAAI,GAAGtC,UAAU,CAAC,KAAK,CAAC;IAC9B,MAAMuC,aAAa,GAAGxC,GAAG,CAAC,CAAC;IAE3B,MAAMyC,OAAO,GAAG1C,QAAQ,CAAC,MAAM;MAC7B,MAAM2C,KAAK,GAAGpC,WAAW,CAACyB,KAAK,CAACW,KAAK,CAAC;MAEtC,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE,OAAO,IAAI;MAE9B,IAAIvB,KAAK,CAACY,QAAQ,KAAK,IAAI,EAAE;QAC3B,OAAON,CAAC,CAAC,mCAAmC,EAAEgB,KAAK,CAACC,MAAM,CAAC;MAC7D;MAEA,IAAIvB,KAAK,CAACY,QAAQ,KAAK,OAAO,EAAE;QAC9B,MAAMY,KAAK,GAAGF,KAAK,CAAC,CAAC,CAAC;QACtB,MAAMG,GAAG,GAAGH,KAAK,CAACA,KAAK,CAACC,MAAM,GAAG,CAAC,CAAC;QAEnC,OAAOhB,OAAO,CAACmB,OAAO,CAACF,KAAK,CAAC,IAAIjB,OAAO,CAACmB,OAAO,CAACD,GAAG,CAAC,GACjD,GAAGlB,OAAO,CAACoB,MAAM,CAACH,KAAK,EAAE,cAAc,CAAC,MAAMjB,OAAO,CAACoB,MAAM,CAACF,GAAG,EAAE,cAAc,CAAC,EAAE,GACnF,EAAE;MACR;MAEA,OAAOlB,OAAO,CAACmB,OAAO,CAACf,KAAK,CAACW,KAAK,CAAC,GAAGf,OAAO,CAACoB,MAAM,CAAChB,KAAK,CAACW,KAAK,EAAE,cAAc,CAAC,GAAG,EAAE;IACxF,CAAC,CAAC;IAEF,MAAMM,aAAa,GAAGjD,QAAQ,CAAC,MAAM,CAACqB,KAAK,CAAC6B,QAAQ,IAAI,CAAC7B,KAAK,CAAC8B,QAAQ,CAAC;IAExE,SAASC,SAASA,CAAEC,CAAgB,EAAE;MACpC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MAEvB,IAAI,CAACd,IAAI,CAACG,KAAK,IAAI,CAACd,SAAS,CAACc,KAAK,EAAE;QACnCH,IAAI,CAACG,KAAK,GAAG,IAAI;QAEjB;MACF;MAEA,MAAMY,MAAM,GAAGF,CAAC,CAACE,MAA0B;MAE3CvB,KAAK,CAACW,KAAK,GAAGY,MAAM,CAACZ,KAAK;IAC5B;IAEA,SAASa,OAAOA,CAAEH,CAAa,EAAE;MAC/BA,CAAC,CAACI,cAAc,CAAC,CAAC;MAClBJ,CAAC,CAACK,eAAe,CAAC,CAAC;MAEnBlB,IAAI,CAACG,KAAK,GAAG,IAAI;IACnB;IAEA,SAASgB,MAAMA,CAAA,EAAI;MACjBnB,IAAI,CAACG,KAAK,GAAG,KAAK;IACpB;IAEA,SAASiB,aAAaA,CAAEjB,KAAa,EAAE;MACrC,IAAIA,KAAK,IAAI,IAAI,EAAE;MAEnBX,KAAK,CAACW,KAAK,GAAG,IAAI;IACpB;IAEArC,SAAS,CAAC,MAAM;MACd,MAAMuD,gBAAgB,GAAGzE,YAAY,CAAC0E,WAAW,CAACzC,KAAK,CAAC;MACxD,MAAM0C,eAAe,GAAGzE,WAAW,CAACwE,WAAW,CAAC1D,IAAI,CAACiB,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;MACpF,MAAM2C,cAAc,GAAGvE,UAAU,CAACqE,WAAW,CAACzC,KAAK,CAAC;MAEpD,OAAA4C,YAAA,CAAAxE,UAAA,EAAAyE,WAAA;QAAA,OAEUzB;MAAa,GACduB,cAAc;QAAA,SACX3C,KAAK,CAAC8C,KAAK;QAAA,SACX9C,KAAK,CAAC+C,KAAK;QAAA,cACN1B,OAAO,CAACC,KAAK;QAAA,aACdM,aAAa,CAACN,KAAK,GAAGS,SAAS,GAAGiB,SAAS;QAAA,WAC7C7B,IAAI,CAACG,KAAK,IAAId,SAAS,CAACc,KAAK;QAAA,WAC7Bb,KAAK;QAAA,UACNC,IAAI;QAAA,mBACKkB,aAAa,CAACN,KAAK,GAAGa,OAAO,GAAGa,SAAS;QAAA,mBACzCpB,aAAa,CAACN,KAAK,GAAGa,OAAO,GAAGa,SAAS;QAAA,uBACrCT;MAAa;QAAA9C,OAAA,EAAAA,CAAA,MAAAmD,YAAA,CAAA1E,KAAA;UAAA,cAGvBiD,IAAI,CAACG,KAAK;UAAA,uBAAA2B,MAAA,IAAV9B,IAAI,CAACG,KAAK,GAAA2B,MAAA;UAAA;UAAA;UAAA,YAGTjD,KAAK,CAACV,QAAQ;UAAA,uBACH,KAAK;UAAA,eACb;QAAK;UAAAG,OAAA,EAAAA,CAAA,MAAAmD,YAAA,CAAA7E,YAAA,EAAA8E,WAAA,CAGZL,gBAAgB;YAAA,cACX7B,KAAK,CAACW,KAAK;YAAA,uBAAA2B,MAAA,IAAXtC,KAAK,CAACW,KAAK,GAAA2B,MAAA;YAAA,UACZX,MAAM;YAAA,YACJY,CAAA,KAAM/B,IAAI,CAACG,KAAK,GAAG;UAAK;YAGjC7B,OAAO,EAAE0D,KAAA,IAA8D;cAAA,IAA7D;gBAAEC,OAAO;gBAAEzC,KAAK,EAAE0C,UAAU;gBAAEC,IAAI;gBAAEC,MAAM;gBAAEC;cAAW,CAAC,GAAAL,KAAA;cAChE,OAAAP,YAAA,CAAA3E,WAAA,EAAA4E,WAAA,CAESH,eAAe;gBAAA,cACP1C,KAAK,CAACZ,WAAW,GAAGuB,KAAK,CAACW,KAAK,GAAG+B,UAAU,CAAC/B,KAAK;gBAAA,uBACzCpB,GAAG,IAAI;kBAC3B,IAAI,CAACF,KAAK,CAACZ,WAAW,EAAE;oBACtBiE,UAAU,CAAC/B,KAAK,GAAGpB,GAAG;kBACxB,CAAC,MAAM;oBACLS,KAAK,CAACW,KAAK,GAAGpB,GAAG;oBAEjB,IAAI,CAACF,KAAK,CAACY,QAAQ,EAAEO,IAAI,CAACG,KAAK,GAAG,KAAK;kBACzC;gBACF,CAAC;gBAAA,eACcU,CAAa,IAAKA,CAAC,CAACI,cAAc,CAAC;cAAC;gBAGjDgB,OAAO,EAAE,CAACpD,KAAK,CAACZ,WAAW,GAAG,MAAMiB,KAAK,CAAC+C,OAAO,GAAG;kBAAEE,IAAI;kBAAEC,MAAM;kBAAEC;gBAAW,CAAC,CAAC,IAAIJ,OAAO,CAAC,CAAC,GAAGJ;cAAS;YAIlH;UAAC;QAAA,IAKL3C,KAAK,CAACZ,OAAO,GAAG,CAAC;MAAA;IAGzB,CAAC,CAAC;IAEF,OAAOjB,WAAW,CAAC,CAAC,CAAC,EAAE4C,aAAa,CAAC;EACvC;AACF,CAAC,CAAC","ignoreList":[]}
|
@@ -215,7 +215,7 @@ declare const VDateInput: {
|
|
215
215
|
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
216
216
|
} & {
|
217
217
|
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
218
|
-
},
|
218
|
+
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
219
219
|
'update:modelValue': (val: string) => true;
|
220
220
|
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
221
221
|
flat: boolean;
|
@@ -507,7 +507,7 @@ declare const VDateInput: {
|
|
507
507
|
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
508
508
|
} & {
|
509
509
|
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
510
|
-
},
|
510
|
+
}, any, {}, {}, {}, {
|
511
511
|
flat: boolean;
|
512
512
|
reverse: boolean;
|
513
513
|
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
|
@@ -677,7 +677,7 @@ declare const VDateInput: {
|
|
677
677
|
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
678
678
|
} & {
|
679
679
|
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
680
|
-
},
|
680
|
+
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
681
681
|
'update:modelValue': (val: string) => true;
|
682
682
|
}, string, {
|
683
683
|
flat: boolean;
|
@@ -1982,7 +1982,7 @@ declare const VDateInput: {
|
|
1982
1982
|
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
1983
1983
|
} & {
|
1984
1984
|
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
1985
|
-
},
|
1985
|
+
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
1986
1986
|
'update:modelValue': (val: string) => true;
|
1987
1987
|
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
1988
1988
|
flat: boolean;
|
@@ -2274,7 +2274,7 @@ declare const VDateInput: {
|
|
2274
2274
|
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
2275
2275
|
} & {
|
2276
2276
|
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
2277
|
-
},
|
2277
|
+
}, any, {}, {}, {}, {
|
2278
2278
|
flat: boolean;
|
2279
2279
|
reverse: boolean;
|
2280
2280
|
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
|
@@ -2444,7 +2444,7 @@ declare const VDateInput: {
|
|
2444
2444
|
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
2445
2445
|
} & {
|
2446
2446
|
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
2447
|
-
},
|
2447
|
+
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
2448
2448
|
'update:modelValue': (val: string) => true;
|
2449
2449
|
}, string, {
|
2450
2450
|
flat: boolean;
|
package/package.json
CHANGED