@vuetify/nightly 3.9.0-beta.1-dev.2025-06-28 → 3.9.0-beta.1-dev.2025-07-02

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.
Files changed (65) hide show
  1. package/CHANGELOG.md +100 -3
  2. package/dist/json/attributes.json +725 -725
  3. package/dist/json/importMap-labs.json +30 -30
  4. package/dist/json/importMap.json +156 -156
  5. package/dist/json/web-types.json +1311 -1311
  6. package/dist/vuetify-labs.cjs +61 -63
  7. package/dist/vuetify-labs.css +4207 -4207
  8. package/dist/vuetify-labs.d.ts +203 -203
  9. package/dist/vuetify-labs.esm.js +61 -63
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +61 -63
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +36 -39
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +4469 -4469
  16. package/dist/vuetify.d.ts +60 -60
  17. package/dist/vuetify.esm.js +36 -39
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +36 -39
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +34 -35
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VDataTable/VDataTableColumn.js +0 -1
  25. package/lib/components/VDataTable/VDataTableColumn.js.map +1 -1
  26. package/lib/components/VDataTable/VDataTableHeaders.js +5 -5
  27. package/lib/components/VDataTable/VDataTableHeaders.js.map +1 -1
  28. package/lib/components/VDataTable/composables/sort.js +2 -1
  29. package/lib/components/VDataTable/composables/sort.js.map +1 -1
  30. package/lib/components/VDatePicker/VDatePickerMonth.js +1 -2
  31. package/lib/components/VDatePicker/VDatePickerMonth.js.map +1 -1
  32. package/lib/components/VOtpInput/VOtpInput.js +17 -14
  33. package/lib/components/VOtpInput/VOtpInput.js.map +1 -1
  34. package/lib/components/VOverlay/locationStrategies.js +1 -1
  35. package/lib/components/VOverlay/locationStrategies.js.map +1 -1
  36. package/lib/components/VTextField/VTextField.js +1 -1
  37. package/lib/components/VTextField/VTextField.js.map +1 -1
  38. package/lib/composables/calendar.d.ts +0 -1
  39. package/lib/composables/calendar.js +6 -10
  40. package/lib/composables/calendar.js.map +1 -1
  41. package/lib/composables/date/adapters/vuetify.js +1 -1
  42. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  43. package/lib/composables/virtual.js +1 -1
  44. package/lib/composables/virtual.js.map +1 -1
  45. package/lib/entry-bundler.js +1 -1
  46. package/lib/framework.d.ts +60 -60
  47. package/lib/framework.js +1 -1
  48. package/lib/labs/VCalendar/VCalendar.d.ts +33 -33
  49. package/lib/labs/VCalendar/VCalendar.js +9 -9
  50. package/lib/labs/VCalendar/VCalendar.js.map +1 -1
  51. package/lib/labs/VCalendar/VCalendarDay.d.ts +33 -33
  52. package/lib/labs/VCalendar/VCalendarDay.js +1 -1
  53. package/lib/labs/VCalendar/VCalendarDay.js.map +1 -1
  54. package/lib/labs/VCalendar/VCalendarInterval.d.ts +36 -36
  55. package/lib/labs/VCalendar/VCalendarInterval.js +9 -9
  56. package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
  57. package/lib/labs/VCalendar/VCalendarIntervalEvent.d.ts +12 -12
  58. package/lib/labs/VCalendar/VCalendarIntervalEvent.js +1 -1
  59. package/lib/labs/VCalendar/VCalendarIntervalEvent.js.map +1 -1
  60. package/lib/labs/VCalendar/VCalendarMonthDay.d.ts +36 -36
  61. package/lib/labs/VCalendar/VCalendarMonthDay.js +4 -4
  62. package/lib/labs/VCalendar/VCalendarMonthDay.js.map +1 -1
  63. package/lib/labs/VIconBtn/VIconBtn.js +1 -0
  64. package/lib/labs/VIconBtn/VIconBtn.js.map +1 -1
  65. package/package.json +1 -1
package/lib/labs/VCalendar/VCalendarDay.d.ts CHANGED
@@ -127,7 +127,7 @@ export declare const VCalendarDay: {
127
127
  dayIndex?: number | undefined;
128
128
  } & {
129
129
  $children?: {} | import("vue").VNodeChild | {
130
- intervalBody?: ((arg: {
130
+ 'interval-body'?: ((arg: {
131
131
  interval: {
132
132
  label: string;
133
133
  start: unknown;
@@ -135,7 +135,7 @@ export declare const VCalendarDay: {
135
135
  events: any[];
136
136
  };
137
137
  }) => import("vue").VNodeChild) | undefined;
138
- intervalEvent?: ((arg: {
138
+ 'interval-event'?: ((arg: {
139
139
  height: string;
140
140
  margin: string;
141
141
  eventClass: string;
@@ -147,7 +147,7 @@ export declare const VCalendarDay: {
147
147
  events: any[];
148
148
  };
149
149
  }) => import("vue").VNodeChild) | undefined;
150
- intervalTitle?: ((arg: {
150
+ 'interval-title'?: ((arg: {
151
151
  interval: {
152
152
  label: string;
153
153
  start: unknown;
@@ -158,7 +158,7 @@ export declare const VCalendarDay: {
158
158
  interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
159
159
  };
160
160
  'v-slots'?: {
161
- intervalBody?: false | ((arg: {
161
+ 'interval-body'?: false | ((arg: {
162
162
  interval: {
163
163
  label: string;
164
164
  start: unknown;
@@ -166,7 +166,7 @@ export declare const VCalendarDay: {
166
166
  events: any[];
167
167
  };
168
168
  }) => import("vue").VNodeChild) | undefined;
169
- intervalEvent?: false | ((arg: {
169
+ 'interval-event'?: false | ((arg: {
170
170
  height: string;
171
171
  margin: string;
172
172
  eventClass: string;
@@ -178,7 +178,7 @@ export declare const VCalendarDay: {
178
178
  events: any[];
179
179
  };
180
180
  }) => import("vue").VNodeChild) | undefined;
181
- intervalTitle?: false | ((arg: {
181
+ 'interval-title'?: false | ((arg: {
182
182
  interval: {
183
183
  label: string;
184
184
  start: unknown;
@@ -189,7 +189,7 @@ export declare const VCalendarDay: {
189
189
  interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
190
190
  } | undefined;
191
191
  } & {
192
- "v-slot:intervalBody"?: false | ((arg: {
192
+ "v-slot:interval-body"?: false | ((arg: {
193
193
  interval: {
194
194
  label: string;
195
195
  start: unknown;
@@ -197,7 +197,7 @@ export declare const VCalendarDay: {
197
197
  events: any[];
198
198
  };
199
199
  }) => import("vue").VNodeChild) | undefined;
200
- "v-slot:intervalEvent"?: false | ((arg: {
200
+ "v-slot:interval-event"?: false | ((arg: {
201
201
  height: string;
202
202
  margin: string;
203
203
  eventClass: string;
@@ -209,7 +209,7 @@ export declare const VCalendarDay: {
209
209
  events: any[];
210
210
  };
211
211
  }) => import("vue").VNodeChild) | undefined;
212
- "v-slot:intervalTitle"?: false | ((arg: {
212
+ "v-slot:interval-title"?: false | ((arg: {
213
213
  interval: {
214
214
  label: string;
215
215
  start: unknown;
@@ -230,7 +230,7 @@ export declare const VCalendarDay: {
230
230
  hideDayHeader: boolean;
231
231
  intervals: number;
232
232
  }, true, {}, import("vue").SlotsType<Partial<{
233
- intervalBody: (arg: {
233
+ 'interval-body': (arg: {
234
234
  interval: {
235
235
  label: string;
236
236
  start: unknown;
@@ -238,7 +238,7 @@ export declare const VCalendarDay: {
238
238
  events: any[];
239
239
  };
240
240
  }) => import("vue").VNode[];
241
- intervalEvent: (arg: {
241
+ 'interval-event': (arg: {
242
242
  height: string;
243
243
  margin: string;
244
244
  eventClass: string;
@@ -250,7 +250,7 @@ export declare const VCalendarDay: {
250
250
  events: any[];
251
251
  };
252
252
  }) => import("vue").VNode[];
253
- intervalTitle: (arg: {
253
+ 'interval-title': (arg: {
254
254
  interval: {
255
255
  label: string;
256
256
  start: unknown;
@@ -280,7 +280,7 @@ export declare const VCalendarDay: {
280
280
  dayIndex?: number | undefined;
281
281
  } & {
282
282
  $children?: {} | import("vue").VNodeChild | {
283
- intervalBody?: ((arg: {
283
+ 'interval-body'?: ((arg: {
284
284
  interval: {
285
285
  label: string;
286
286
  start: unknown;
@@ -288,7 +288,7 @@ export declare const VCalendarDay: {
288
288
  events: any[];
289
289
  };
290
290
  }) => import("vue").VNodeChild) | undefined;
291
- intervalEvent?: ((arg: {
291
+ 'interval-event'?: ((arg: {
292
292
  height: string;
293
293
  margin: string;
294
294
  eventClass: string;
@@ -300,7 +300,7 @@ export declare const VCalendarDay: {
300
300
  events: any[];
301
301
  };
302
302
  }) => import("vue").VNodeChild) | undefined;
303
- intervalTitle?: ((arg: {
303
+ 'interval-title'?: ((arg: {
304
304
  interval: {
305
305
  label: string;
306
306
  start: unknown;
@@ -311,7 +311,7 @@ export declare const VCalendarDay: {
311
311
  interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
312
312
  };
313
313
  'v-slots'?: {
314
- intervalBody?: false | ((arg: {
314
+ 'interval-body'?: false | ((arg: {
315
315
  interval: {
316
316
  label: string;
317
317
  start: unknown;
@@ -319,7 +319,7 @@ export declare const VCalendarDay: {
319
319
  events: any[];
320
320
  };
321
321
  }) => import("vue").VNodeChild) | undefined;
322
- intervalEvent?: false | ((arg: {
322
+ 'interval-event'?: false | ((arg: {
323
323
  height: string;
324
324
  margin: string;
325
325
  eventClass: string;
@@ -331,7 +331,7 @@ export declare const VCalendarDay: {
331
331
  events: any[];
332
332
  };
333
333
  }) => import("vue").VNodeChild) | undefined;
334
- intervalTitle?: false | ((arg: {
334
+ 'interval-title'?: false | ((arg: {
335
335
  interval: {
336
336
  label: string;
337
337
  start: unknown;
@@ -342,7 +342,7 @@ export declare const VCalendarDay: {
342
342
  interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
343
343
  } | undefined;
344
344
  } & {
345
- "v-slot:intervalBody"?: false | ((arg: {
345
+ "v-slot:interval-body"?: false | ((arg: {
346
346
  interval: {
347
347
  label: string;
348
348
  start: unknown;
@@ -350,7 +350,7 @@ export declare const VCalendarDay: {
350
350
  events: any[];
351
351
  };
352
352
  }) => import("vue").VNodeChild) | undefined;
353
- "v-slot:intervalEvent"?: false | ((arg: {
353
+ "v-slot:interval-event"?: false | ((arg: {
354
354
  height: string;
355
355
  margin: string;
356
356
  eventClass: string;
@@ -362,7 +362,7 @@ export declare const VCalendarDay: {
362
362
  events: any[];
363
363
  };
364
364
  }) => import("vue").VNodeChild) | undefined;
365
- "v-slot:intervalTitle"?: false | ((arg: {
365
+ "v-slot:interval-title"?: false | ((arg: {
366
366
  interval: {
367
367
  label: string;
368
368
  start: unknown;
@@ -400,7 +400,7 @@ export declare const VCalendarDay: {
400
400
  dayIndex?: number | undefined;
401
401
  } & {
402
402
  $children?: {} | import("vue").VNodeChild | {
403
- intervalBody?: ((arg: {
403
+ 'interval-body'?: ((arg: {
404
404
  interval: {
405
405
  label: string;
406
406
  start: unknown;
@@ -408,7 +408,7 @@ export declare const VCalendarDay: {
408
408
  events: any[];
409
409
  };
410
410
  }) => import("vue").VNodeChild) | undefined;
411
- intervalEvent?: ((arg: {
411
+ 'interval-event'?: ((arg: {
412
412
  height: string;
413
413
  margin: string;
414
414
  eventClass: string;
@@ -420,7 +420,7 @@ export declare const VCalendarDay: {
420
420
  events: any[];
421
421
  };
422
422
  }) => import("vue").VNodeChild) | undefined;
423
- intervalTitle?: ((arg: {
423
+ 'interval-title'?: ((arg: {
424
424
  interval: {
425
425
  label: string;
426
426
  start: unknown;
@@ -431,7 +431,7 @@ export declare const VCalendarDay: {
431
431
  interval?: ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
432
432
  };
433
433
  'v-slots'?: {
434
- intervalBody?: false | ((arg: {
434
+ 'interval-body'?: false | ((arg: {
435
435
  interval: {
436
436
  label: string;
437
437
  start: unknown;
@@ -439,7 +439,7 @@ export declare const VCalendarDay: {
439
439
  events: any[];
440
440
  };
441
441
  }) => import("vue").VNodeChild) | undefined;
442
- intervalEvent?: false | ((arg: {
442
+ 'interval-event'?: false | ((arg: {
443
443
  height: string;
444
444
  margin: string;
445
445
  eventClass: string;
@@ -451,7 +451,7 @@ export declare const VCalendarDay: {
451
451
  events: any[];
452
452
  };
453
453
  }) => import("vue").VNodeChild) | undefined;
454
- intervalTitle?: false | ((arg: {
454
+ 'interval-title'?: false | ((arg: {
455
455
  interval: {
456
456
  label: string;
457
457
  start: unknown;
@@ -462,7 +462,7 @@ export declare const VCalendarDay: {
462
462
  interval?: false | ((arg: Record<string, unknown>) => import("vue").VNodeChild) | undefined;
463
463
  } | undefined;
464
464
  } & {
465
- "v-slot:intervalBody"?: false | ((arg: {
465
+ "v-slot:interval-body"?: false | ((arg: {
466
466
  interval: {
467
467
  label: string;
468
468
  start: unknown;
@@ -470,7 +470,7 @@ export declare const VCalendarDay: {
470
470
  events: any[];
471
471
  };
472
472
  }) => import("vue").VNodeChild) | undefined;
473
- "v-slot:intervalEvent"?: false | ((arg: {
473
+ "v-slot:interval-event"?: false | ((arg: {
474
474
  height: string;
475
475
  margin: string;
476
476
  eventClass: string;
@@ -482,7 +482,7 @@ export declare const VCalendarDay: {
482
482
  events: any[];
483
483
  };
484
484
  }) => import("vue").VNodeChild) | undefined;
485
- "v-slot:intervalTitle"?: false | ((arg: {
485
+ "v-slot:interval-title"?: false | ((arg: {
486
486
  interval: {
487
487
  label: string;
488
488
  start: unknown;
@@ -503,7 +503,7 @@ export declare const VCalendarDay: {
503
503
  hideDayHeader: boolean;
504
504
  intervals: number;
505
505
  }, {}, string, import("vue").SlotsType<Partial<{
506
- intervalBody: (arg: {
506
+ 'interval-body': (arg: {
507
507
  interval: {
508
508
  label: string;
509
509
  start: unknown;
@@ -511,7 +511,7 @@ export declare const VCalendarDay: {
511
511
  events: any[];
512
512
  };
513
513
  }) => import("vue").VNode[];
514
- intervalEvent: (arg: {
514
+ 'interval-event': (arg: {
515
515
  height: string;
516
516
  margin: string;
517
517
  eventClass: string;
@@ -523,7 +523,7 @@ export declare const VCalendarDay: {
523
523
  events: any[];
524
524
  };
525
525
  }) => import("vue").VNode[];
526
- intervalTitle: (arg: {
526
+ 'interval-title': (arg: {
527
527
  interval: {
528
528
  label: string;
529
529
  start: unknown;
package/lib/labs/VCalendar/VCalendarDay.js CHANGED
@@ -44,7 +44,7 @@ export const VCalendarDay = genericComponent()({
44
44
  }), null)])]), intervals.value.map((_, index) => slots.interval?.(calendarIntervalProps) ?? _createVNode(VCalendarInterval, _mergeProps({
45
45
  "index": index
46
46
  }, calendarIntervalProps, attrs, getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps)), {
47
- ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle'])
47
+ ...pick(slots, ['interval-body', 'interval-event', 'interval-title'])
48
48
  }))]);
49
49
  });
50
50
  return {
package/lib/labs/VCalendar/VCalendarDay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VCalendarDay.js","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","inheritAttrs","props","setup","_ref","attrs","slots","adapter","Array","from","length","v","i","filter","_","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createElementVNode","_mergeProps","day","format","date","_createVNode","isToday","undefined","value","map","interval"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarIntervalSlots } from './VCalendarInterval'\n\nexport type VCalendarDaySlots = VCalendarIntervalSlots & {\n interval: Record<string, unknown>\n}\n\nexport const makeVCalendarDayProps = propsFactory({\n hideDayHeader: Boolean,\n intervals: {\n type: Number,\n default: 24,\n },\n\n ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent<VCalendarDaySlots>()({\n name: 'VCalendarDay',\n\n inheritAttrs: false,\n\n props: makeVCalendarDayProps(),\n\n setup (props, { attrs, slots }) {\n const adapter = useDate()\n const intervals = computed(() => [\n ...Array.from({ length: props.intervals }, (v, i) => i)\n .filter((_, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n ])\n\n useRender(() => {\n const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n return (\n <div class=\"v-calendar-day__container\">\n { !props.hideDayHeader && (\n <div\n key=\"calendar-week-name\"\n class=\"v-calendar-weekly__head-weekday\"\n { ...getPrefixedEventHandlers(attrs, ':day', () => props.day) }\n >\n { adapter.format(props.day.date, 'weekdayShort') }\n\n <div>\n <VBtn\n { ...getPrefixedEventHandlers(attrs, ':date', () => props.day) }\n class={ props.day?.isToday ? 'v-calendar-day-label__today' : undefined }\n icon\n text={ adapter.format(props.day.date, 'dayOfMonth') }\n variant={ props.day?.isToday ? undefined : 'text' }\n />\n </div>\n </div>\n )}\n { intervals.value.map((_, index) =>\n slots.interval?.(calendarIntervalProps) ?? (\n <VCalendarInterval\n index={ index }\n { ...calendarIntervalProps }\n { ...attrs }\n { ...getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps) }\n >\n {{\n ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle']),\n }}\n </VCalendarInterval>\n )\n )}\n </div>\n )\n })\n\n return { intervals }\n },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,0CAEb;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAElF;AAOA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGhB,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMiB,YAAY,GAAGZ,gBAAgB,CAAoB,CAAC,CAAC;EAChEa,IAAI,EAAE,cAAc;EAEpBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEV,qBAAqB,CAAC,CAAC;EAE9BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,OAAO,GAAGtB,OAAO,CAAC,CAAC;IACzB,MAAMU,SAAS,GAAGT,QAAQ,CAAC,MAAM,CAC/B,GAAGsB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAER,KAAK,CAACP;IAAU,CAAC,EAAE,CAACgB,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAMb,KAAK,CAACc,gBAAgB,IAAID,KAAK,GAAGb,KAAK,CAACe,aAAa,CAAC,GAAI,IAAI,CAAC,CACzF,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd,MAAM2B,qBAAqB,GAAGnC,iBAAiB,CAACoC,WAAW,CAACjB,KAAK,CAAC;MAElE,OAAAkB,mBAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,mBAAA,QAAAC,WAAA;QAAA;QAAA;MAAA,GAIbjC,wBAAwB,CAACiB,KAAK,EAAE,MAAM,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC,IAE3Df,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,cAAc,CAAC,EAAAJ,mBAAA,eAAAK,YAAA,CAAAzC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DpB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACChC,SAAS,CAACiC,KAAK,CAACC,GAAG,CAAC,CAACf,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACwB,QAAQ,GAAGZ,qBAAqB,CAAC,IAAAO,YAAA,CAAA1C,iBAAA,EAAAsC,WAAA;QAAA,SAE3BN;MAAK,GACRG,qBAAqB,EACrBb,KAAK,EACLjB,wBAAwB,CAACiB,KAAK,EAAE,WAAW,EAAE,MAAMa,qBAAqB,CAAC;QAG5E,GAAG7B,IAAI,CAACiB,KAAK,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAAC,EAI1E,CAAC;IAGP,CAAC,CAAC;IAEF,OAAO;MAAEX;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"VCalendarDay.js","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","inheritAttrs","props","setup","_ref","attrs","slots","adapter","Array","from","length","v","i","filter","_","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createElementVNode","_mergeProps","day","format","date","_createVNode","isToday","undefined","value","map","interval"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarIntervalSlots } from './VCalendarInterval'\n\nexport type VCalendarDaySlots = VCalendarIntervalSlots & {\n interval: Record<string, unknown>\n}\n\nexport const makeVCalendarDayProps = propsFactory({\n hideDayHeader: Boolean,\n intervals: {\n type: Number,\n default: 24,\n },\n\n ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent<VCalendarDaySlots>()({\n name: 'VCalendarDay',\n\n inheritAttrs: false,\n\n props: makeVCalendarDayProps(),\n\n setup (props, { attrs, slots }) {\n const adapter = useDate()\n const intervals = computed(() => [\n ...Array.from({ length: props.intervals }, (v, i) => i)\n .filter((_, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n ])\n\n useRender(() => {\n const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n return (\n <div class=\"v-calendar-day__container\">\n { !props.hideDayHeader && (\n <div\n key=\"calendar-week-name\"\n class=\"v-calendar-weekly__head-weekday\"\n { ...getPrefixedEventHandlers(attrs, ':day', () => props.day) }\n >\n { adapter.format(props.day.date, 'weekdayShort') }\n\n <div>\n <VBtn\n { ...getPrefixedEventHandlers(attrs, ':date', () => props.day) }\n class={ props.day?.isToday ? 'v-calendar-day-label__today' : undefined }\n icon\n text={ adapter.format(props.day.date, 'dayOfMonth') }\n variant={ props.day?.isToday ? undefined : 'text' }\n />\n </div>\n </div>\n )}\n { intervals.value.map((_, index) =>\n slots.interval?.(calendarIntervalProps) ?? (\n <VCalendarInterval\n index={ index }\n { ...calendarIntervalProps }\n { ...attrs }\n { ...getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps) }\n >\n {{\n ...pick(slots, ['interval-body', 'interval-event', 'interval-title']),\n }}\n </VCalendarInterval>\n )\n )}\n </div>\n )\n })\n\n return { intervals }\n },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,0CAEb;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAElF;AAOA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGhB,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMiB,YAAY,GAAGZ,gBAAgB,CAAoB,CAAC,CAAC;EAChEa,IAAI,EAAE,cAAc;EAEpBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEV,qBAAqB,CAAC,CAAC;EAE9BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,OAAO,GAAGtB,OAAO,CAAC,CAAC;IACzB,MAAMU,SAAS,GAAGT,QAAQ,CAAC,MAAM,CAC/B,GAAGsB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAER,KAAK,CAACP;IAAU,CAAC,EAAE,CAACgB,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAMb,KAAK,CAACc,gBAAgB,IAAID,KAAK,GAAGb,KAAK,CAACe,aAAa,CAAC,GAAI,IAAI,CAAC,CACzF,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd,MAAM2B,qBAAqB,GAAGnC,iBAAiB,CAACoC,WAAW,CAACjB,KAAK,CAAC;MAElE,OAAAkB,mBAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,mBAAA,QAAAC,WAAA;QAAA;QAAA;MAAA,GAIbjC,wBAAwB,CAACiB,KAAK,EAAE,MAAM,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC,IAE3Df,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,cAAc,CAAC,EAAAJ,mBAAA,eAAAK,YAAA,CAAAzC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DpB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACChC,SAAS,CAACiC,KAAK,CAACC,GAAG,CAAC,CAACf,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACwB,QAAQ,GAAGZ,qBAAqB,CAAC,IAAAO,YAAA,CAAA1C,iBAAA,EAAAsC,WAAA;QAAA,SAE3BN;MAAK,GACRG,qBAAqB,EACrBb,KAAK,EACLjB,wBAAwB,CAACiB,KAAK,EAAE,WAAW,EAAE,MAAMa,qBAAqB,CAAC;QAG5E,GAAG7B,IAAI,CAACiB,KAAK,EAAE,CAAC,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;MAAC,EAI7E,CAAC;IAGP,CAAC,CAAC;IAEF,OAAO;MAAEX;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
package/lib/labs/VCalendar/VCalendarInterval.d.ts CHANGED
@@ -5,17 +5,17 @@ type Interval = {
5
5
  events: any[];
6
6
  };
7
7
  export type VCalendarIntervalSlots = {
8
- intervalBody: {
8
+ 'interval-body': {
9
9
  interval: Interval;
10
10
  };
11
- intervalEvent: {
11
+ 'interval-event': {
12
12
  height: string;
13
13
  margin: string;
14
14
  eventClass: string;
15
15
  event: any;
16
16
  interval: Interval;
17
17
  };
18
- intervalTitle: {
18
+ 'interval-title': {
19
19
  interval: Interval;
20
20
  };
21
21
  };
@@ -127,47 +127,47 @@ export declare const VCalendarInterval: {
127
127
  dayIndex?: number | undefined;
128
128
  } & {
129
129
  $children?: {} | import("vue").VNodeChild | {
130
- intervalBody?: ((arg: {
130
+ 'interval-body'?: ((arg: {
131
131
  interval: Interval;
132
132
  }) => import("vue").VNodeChild) | undefined;
133
- intervalEvent?: ((arg: {
133
+ 'interval-event'?: ((arg: {
134
134
  height: string;
135
135
  margin: string;
136
136
  eventClass: string;
137
137
  event: any;
138
138
  interval: Interval;
139
139
  }) => import("vue").VNodeChild) | undefined;
140
- intervalTitle?: ((arg: {
140
+ 'interval-title'?: ((arg: {
141
141
  interval: Interval;
142
142
  }) => import("vue").VNodeChild) | undefined;
143
143
  };
144
144
  'v-slots'?: {
145
- intervalBody?: false | ((arg: {
145
+ 'interval-body'?: false | ((arg: {
146
146
  interval: Interval;
147
147
  }) => import("vue").VNodeChild) | undefined;
148
- intervalEvent?: false | ((arg: {
148
+ 'interval-event'?: false | ((arg: {
149
149
  height: string;
150
150
  margin: string;
151
151
  eventClass: string;
152
152
  event: any;
153
153
  interval: Interval;
154
154
  }) => import("vue").VNodeChild) | undefined;
155
- intervalTitle?: false | ((arg: {
155
+ 'interval-title'?: false | ((arg: {
156
156
  interval: Interval;
157
157
  }) => import("vue").VNodeChild) | undefined;
158
158
  } | undefined;
159
159
  } & {
160
- "v-slot:intervalBody"?: false | ((arg: {
160
+ "v-slot:interval-body"?: false | ((arg: {
161
161
  interval: Interval;
162
162
  }) => import("vue").VNodeChild) | undefined;
163
- "v-slot:intervalEvent"?: false | ((arg: {
163
+ "v-slot:interval-event"?: false | ((arg: {
164
164
  height: string;
165
165
  margin: string;
166
166
  eventClass: string;
167
167
  event: any;
168
168
  interval: Interval;
169
169
  }) => import("vue").VNodeChild) | undefined;
170
- "v-slot:intervalTitle"?: false | ((arg: {
170
+ "v-slot:interval-title"?: false | ((arg: {
171
171
  interval: Interval;
172
172
  }) => import("vue").VNodeChild) | undefined;
173
173
  }, {
@@ -185,17 +185,17 @@ export declare const VCalendarInterval: {
185
185
  intervalFormat: string | Function;
186
186
  intervalStart: number;
187
187
  }, true, {}, import("vue").SlotsType<Partial<{
188
- intervalBody: (arg: {
188
+ 'interval-body': (arg: {
189
189
  interval: Interval;
190
190
  }) => import("vue").VNode[];
191
- intervalEvent: (arg: {
191
+ 'interval-event': (arg: {
192
192
  height: string;
193
193
  margin: string;
194
194
  eventClass: string;
195
195
  event: any;
196
196
  interval: Interval;
197
197
  }) => import("vue").VNode[];
198
- intervalTitle: (arg: {
198
+ 'interval-title': (arg: {
199
199
  interval: Interval;
200
200
  }) => import("vue").VNode[];
201
201
  }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -218,47 +218,47 @@ export declare const VCalendarInterval: {
218
218
  dayIndex?: number | undefined;
219
219
  } & {
220
220
  $children?: {} | import("vue").VNodeChild | {
221
- intervalBody?: ((arg: {
221
+ 'interval-body'?: ((arg: {
222
222
  interval: Interval;
223
223
  }) => import("vue").VNodeChild) | undefined;
224
- intervalEvent?: ((arg: {
224
+ 'interval-event'?: ((arg: {
225
225
  height: string;
226
226
  margin: string;
227
227
  eventClass: string;
228
228
  event: any;
229
229
  interval: Interval;
230
230
  }) => import("vue").VNodeChild) | undefined;
231
- intervalTitle?: ((arg: {
231
+ 'interval-title'?: ((arg: {
232
232
  interval: Interval;
233
233
  }) => import("vue").VNodeChild) | undefined;
234
234
  };
235
235
  'v-slots'?: {
236
- intervalBody?: false | ((arg: {
236
+ 'interval-body'?: false | ((arg: {
237
237
  interval: Interval;
238
238
  }) => import("vue").VNodeChild) | undefined;
239
- intervalEvent?: false | ((arg: {
239
+ 'interval-event'?: false | ((arg: {
240
240
  height: string;
241
241
  margin: string;
242
242
  eventClass: string;
243
243
  event: any;
244
244
  interval: Interval;
245
245
  }) => import("vue").VNodeChild) | undefined;
246
- intervalTitle?: false | ((arg: {
246
+ 'interval-title'?: false | ((arg: {
247
247
  interval: Interval;
248
248
  }) => import("vue").VNodeChild) | undefined;
249
249
  } | undefined;
250
250
  } & {
251
- "v-slot:intervalBody"?: false | ((arg: {
251
+ "v-slot:interval-body"?: false | ((arg: {
252
252
  interval: Interval;
253
253
  }) => import("vue").VNodeChild) | undefined;
254
- "v-slot:intervalEvent"?: false | ((arg: {
254
+ "v-slot:interval-event"?: false | ((arg: {
255
255
  height: string;
256
256
  margin: string;
257
257
  eventClass: string;
258
258
  event: any;
259
259
  interval: Interval;
260
260
  }) => import("vue").VNodeChild) | undefined;
261
- "v-slot:intervalTitle"?: false | ((arg: {
261
+ "v-slot:interval-title"?: false | ((arg: {
262
262
  interval: Interval;
263
263
  }) => import("vue").VNodeChild) | undefined;
264
264
  }, {
@@ -292,47 +292,47 @@ export declare const VCalendarInterval: {
292
292
  dayIndex?: number | undefined;
293
293
  } & {
294
294
  $children?: {} | import("vue").VNodeChild | {
295
- intervalBody?: ((arg: {
295
+ 'interval-body'?: ((arg: {
296
296
  interval: Interval;
297
297
  }) => import("vue").VNodeChild) | undefined;
298
- intervalEvent?: ((arg: {
298
+ 'interval-event'?: ((arg: {
299
299
  height: string;
300
300
  margin: string;
301
301
  eventClass: string;
302
302
  event: any;
303
303
  interval: Interval;
304
304
  }) => import("vue").VNodeChild) | undefined;
305
- intervalTitle?: ((arg: {
305
+ 'interval-title'?: ((arg: {
306
306
  interval: Interval;
307
307
  }) => import("vue").VNodeChild) | undefined;
308
308
  };
309
309
  'v-slots'?: {
310
- intervalBody?: false | ((arg: {
310
+ 'interval-body'?: false | ((arg: {
311
311
  interval: Interval;
312
312
  }) => import("vue").VNodeChild) | undefined;
313
- intervalEvent?: false | ((arg: {
313
+ 'interval-event'?: false | ((arg: {
314
314
  height: string;
315
315
  margin: string;
316
316
  eventClass: string;
317
317
  event: any;
318
318
  interval: Interval;
319
319
  }) => import("vue").VNodeChild) | undefined;
320
- intervalTitle?: false | ((arg: {
320
+ 'interval-title'?: false | ((arg: {
321
321
  interval: Interval;
322
322
  }) => import("vue").VNodeChild) | undefined;
323
323
  } | undefined;
324
324
  } & {
325
- "v-slot:intervalBody"?: false | ((arg: {
325
+ "v-slot:interval-body"?: false | ((arg: {
326
326
  interval: Interval;
327
327
  }) => import("vue").VNodeChild) | undefined;
328
- "v-slot:intervalEvent"?: false | ((arg: {
328
+ "v-slot:interval-event"?: false | ((arg: {
329
329
  height: string;
330
330
  margin: string;
331
331
  eventClass: string;
332
332
  event: any;
333
333
  interval: Interval;
334
334
  }) => import("vue").VNodeChild) | undefined;
335
- "v-slot:intervalTitle"?: false | ((arg: {
335
+ "v-slot:interval-title"?: false | ((arg: {
336
336
  interval: Interval;
337
337
  }) => import("vue").VNodeChild) | undefined;
338
338
  }, {
@@ -350,17 +350,17 @@ export declare const VCalendarInterval: {
350
350
  intervalFormat: string | Function;
351
351
  intervalStart: number;
352
352
  }, {}, string, import("vue").SlotsType<Partial<{
353
- intervalBody: (arg: {
353
+ 'interval-body': (arg: {
354
354
  interval: Interval;
355
355
  }) => import("vue").VNode[];
356
- intervalEvent: (arg: {
356
+ 'interval-event': (arg: {
357
357
  height: string;
358
358
  margin: string;
359
359
  eventClass: string;
360
360
  event: any;
361
361
  interval: Interval;
362
362
  }) => import("vue").VNode[];
363
- intervalTitle: (arg: {
363
+ 'interval-title': (arg: {
364
364
  interval: Interval;
365
365
  }) => import("vue").VNode[];
366
366
  }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
package/lib/labs/VCalendar/VCalendarInterval.js CHANGED
@@ -75,13 +75,13 @@ export const VCalendarInterval = genericComponent()({
75
75
  "style": _normalizeStyle(`height: ${convertToUnit(props.intervalHeight)}`)
76
76
  }, [_createElementVNode("div", _mergeProps({
77
77
  "class": "v-calendar-day__row-label"
78
- }, getPrefixedEventHandlers(attrs, ':time', () => props)), [slots.intervalTitle?.({
78
+ }, getPrefixedEventHandlers(attrs, ':time', () => props)), [slots['interval-title']?.({
79
79
  interval: interval.value
80
80
  }) ?? (props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : '12 AM')]), _createElementVNode("div", {
81
81
  "class": "v-calendar-day__row-hairline"
82
82
  }, null), _createElementVNode("div", _mergeProps({
83
83
  "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
84
- }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots.intervalBody?.({
84
+ }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots['interval-body']?.({
85
85
  interval: interval.value
86
86
  }) ?? _createElementVNode("div", null, [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, _mergeProps({
87
87
  "event": event,
@@ -90,8 +90,8 @@ export const VCalendarInterval = genericComponent()({
90
90
  "intervalDuration": props.intervalDuration,
91
91
  "intervalHeight": props.intervalHeight
92
92
  }, attrs), {
93
- ...(slots.intervalEvent ? {
94
- intervalEvent: _ref2 => {
93
+ ...(slots['interval-event'] ? {
94
+ 'interval-event': _ref2 => {
95
95
  let {
96
96
  height,
97
97
  margin,
@@ -99,7 +99,7 @@ export const VCalendarInterval = genericComponent()({
99
99
  event,
100
100
  interval
101
101
  } = _ref2;
102
- return slots.intervalEvent?.({
102
+ return slots['interval-event']?.({
103
103
  height,
104
104
  margin,
105
105
  eventClass,
@@ -113,7 +113,7 @@ export const VCalendarInterval = genericComponent()({
113
113
  "style": _normalizeStyle(`height: ${convertToUnit(props.intervalHeight)}`)
114
114
  }, [_createElementVNode("div", _mergeProps({
115
115
  "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
116
- }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots.intervalBody?.({
116
+ }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots['interval-body']?.({
117
117
  interval: interval.value
118
118
  }) ?? interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, _mergeProps({
119
119
  "event": event,
@@ -122,8 +122,8 @@ export const VCalendarInterval = genericComponent()({
122
122
  "intervalDuration": props.intervalDuration,
123
123
  "intervalHeight": props.intervalHeight
124
124
  }, attrs), {
125
- ...(slots.intervalEvent ? {
126
- intervalEvent: _ref3 => {
125
+ ...(slots['interval-event'] ? {
126
+ 'interval-event': _ref3 => {
127
127
  let {
128
128
  height,
129
129
  margin,
@@ -131,7 +131,7 @@ export const VCalendarInterval = genericComponent()({
131
131
  event,
132
132
  interval
133
133
  } = _ref3;
134
- return slots.intervalEvent?.({
134
+ return slots['interval-event']?.({
135
135
  height,
136
136
  margin,
137
137
  eventClass,