vuetify 3.3.2 → 3.3.4

package/lib/labs/VDatePicker/VDatePickerTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VDatePickerTitle.mjs","names":["VIcon","PickerButton","mixins","extend","name","props","date","type","String","default","disabled","Boolean","readonly","selectingYear","value","year","Number","yearIcon","data","isReversing","computed","computedTransition","watch","val","prev","methods","genYearIcon","$createElement","dark","getYearBtn","genPickerButton","genTitleText","domProps","innerHTML","key","genTitleDate","render","h","staticClass","class"],"sources":["../../../src/labs/VDatePicker/VDatePickerTitle.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VDatePickerTitle.sass'\n\n// Components\nimport VIcon from '@/components/VIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    value: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  watch: {\n    value (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  methods: {\n    genYearIcon (): VNode {\n      return this.$createElement(VIcon, {\n        props: {\n          dark: true,\n        },\n      }, this.yearIcon)\n    },\n    getYearBtn (): VNode {\n      return this.genPickerButton('selectingYear', true, [\n        String(this.year),\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'v-date-picker-title__year')\n    },\n    genTitleText (): VNode {\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [\n        this.$createElement('div', {\n          domProps: { innerHTML: this.date || '&nbsp;' },\n          key: this.value,\n        }),\n      ])\n    },\n    genTitleDate (): VNode {\n      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date')\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-date-picker-title',\n      class: {\n        'v-date-picker-title--disabled': this.disabled,\n      },\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"mappings":"AAAA;AACA;;AAEA;;AAEA;AAAA,OACOA,KAAK,0CAEZ;AAAA,OACOC,YAAY,wCAEnB;AAAA,OACOC,MAAM,+BAEb;AAGA,eAAeA,MAAM,CACnBD;AACF,qBACC,CAACE,MAAM,CAAC;EACPC,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAEC,OAAO;IACjBC,QAAQ,EAAED,OAAO;IACjBE,aAAa,EAAEF,OAAO;IACtBG,KAAK,EAAE;MACLP,IAAI,EAAEC;IACR,CAAC;IACDO,IAAI,EAAE;MACJR,IAAI,EAAE,CAACS,MAAM,EAAER,MAAM,CAAC;MACtBC,OAAO,EAAE;IACX,CAAC;IACDQ,QAAQ,EAAE;MACRV,IAAI,EAAEC;IACR;EACF,CAAC;EAEDU,IAAI,EAAEA,CAAA,MAAO;IACXC,WAAW,EAAE;EACf,CAAC,CAAC;EAEFC,QAAQ,EAAE;IACRC,kBAAkBA,CAAA,EAAY;MAC5B,OAAO,IAAI,CAACF,WAAW,GAAG,2BAA2B,GAAG,mBAAmB;IAC7E;EACF,CAAC;EAEDG,KAAK,EAAE;IACLR,KAAKA,CAAES,GAAW,EAAEC,IAAY,EAAE;MAChC,IAAI,CAACL,WAAW,GAAGI,GAAG,GAAGC,IAAI;IAC/B;EACF,CAAC;EAEDC,OAAO,EAAE;IACPC,WAAWA,CAAA,EAAW;MACpB,OAAO,IAAI,CAACC,cAAc,CAAC3B,KAAK,EAAE;QAChCK,KAAK,EAAE;UACLuB,IAAI,EAAE;QACR;MACF,CAAC,EAAE,IAAI,CAACX,QAAQ,CAAC;IACnB,CAAC;IACDY,UAAUA,CAAA,EAAW;MACnB,OAAO,IAAI,CAACC,eAAe,CAAC,eAAe,EAAE,IAAI,EAAE,CACjDtB,MAAM,CAAC,IAAI,CAACO,IAAI,CAAC,EACjB,IAAI,CAACE,QAAQ,GAAG,IAAI,CAACS,WAAW,EAAE,GAAG,IAAI,CAC1C,EAAE,KAAK,EAAE,2BAA2B,CAAC;IACxC,CAAC;IACDK,YAAYA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACJ,cAAc,CAAC,YAAY,EAAE;QACvCtB,KAAK,EAAE;UACLD,IAAI,EAAE,IAAI,CAACiB;QACb;MACF,CAAC,EAAE,CACD,IAAI,CAACM,cAAc,CAAC,KAAK,EAAE;QACzBK,QAAQ,EAAE;UAAEC,SAAS,EAAE,IAAI,CAAC3B,IAAI,IAAI;QAAS,CAAC;QAC9C4B,GAAG,EAAE,IAAI,CAACpB;MACZ,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IACDqB,YAAYA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACL,eAAe,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,IAAI,CAACC,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,2BAA2B,CAAC;IAChH;EACF,CAAC;EAEDK,MAAMA,CAAEC,CAAC,EAAS;IAChB,OAAOA,CAAC,CAAC,KAAK,EAAE;MACdC,WAAW,EAAE,qBAAqB;MAClCC,KAAK,EAAE;QACL,+BAA+B,EAAE,IAAI,CAAC7B;MACxC;IACF,CAAC,EAAE,CACD,IAAI,CAACmB,UAAU,EAAE,EACjB,IAAI,CAACM,YAAY,EAAE,CACpB,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/labs/VDatePicker/VDatePickerYears.css

@@ -0,0 +1,18 @@
+.v-date-picker-years {
+  height: 268px;
+  overflow-y: scroll;
+}
+
+.v-date-picker-years__content {
+  display: grid;
+  flex: 1 1;
+  justify-content: space-around;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 8px 24px;
+  padding-inline-start: 36px;
+  padding-inline-end: 36px;
+}
+.v-date-picker-years__content .v-btn {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+}

package/lib/labs/VDatePicker/VDatePickerYears.mjs

@@ -0,0 +1,64 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VDatePickerYears.css";
+
+// Components
+import { VBtn } from "../../components/VBtn/index.mjs"; // Composables
+import { useDate } from "../date/index.mjs"; // Utilities
+import { computed, onMounted, ref } from 'vue';
+import { convertToUnit, createRange, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVDatePickerYearsProps = propsFactory({
+  color: String,
+  min: Number,
+  max: Number,
+  height: [String, Number],
+  displayDate: null
+}, 'VDatePickerYears');
+export const VDatePickerYears = genericComponent()({
+  name: 'VDatePickerYears',
+  props: makeVDatePickerYearsProps(),
+  emits: {
+    'update:displayDate': date => true,
+    'update:viewMode': date => true
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const adapter = useDate();
+    const displayYear = computed(() => adapter.getYear(props.displayDate ?? new Date()));
+    const years = computed(() => {
+      const min = props.min ?? displayYear.value - 50 - 2;
+      const max = props.max ?? displayYear.value + 50;
+      return createRange(max - min, min);
+    });
+    const yearRef = ref();
+    onMounted(() => {
+      yearRef.value?.$el.scrollIntoView({
+        block: 'center'
+      });
+    });
+    useRender(() => _createVNode("div", {
+      "class": "v-date-picker-years",
+      "style": {
+        height: convertToUnit(props.height)
+      }
+    }, [_createVNode("div", {
+      "class": "v-date-picker-years__content"
+    }, [years.value.map(year => _createVNode(VBtn, {
+      "ref": year === displayYear.value ? yearRef : undefined,
+      "variant": year === displayYear.value ? 'flat' : 'text',
+      "rounded": "xl",
+      "active": year === displayYear.value,
+      "color": year === displayYear.value ? props.color : undefined,
+      "onClick": () => {
+        emit('update:displayDate', adapter.setYear(props.displayDate, year));
+        emit('update:viewMode', 'month');
+      }
+    }, {
+      default: () => [year]
+    }))])]));
+    return {};
+  }
+});
+//# sourceMappingURL=VDatePickerYears.mjs.map

package/lib/labs/VDatePicker/VDatePickerYears.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VDatePickerYears.mjs","names":["VBtn","useDate","computed","onMounted","ref","convertToUnit","createRange","genericComponent","propsFactory","useRender","makeVDatePickerYearsProps","color","String","min","Number","max","height","displayDate","VDatePickerYears","name","props","emits","date","setup","_ref","emit","adapter","displayYear","getYear","Date","years","value","yearRef","$el","scrollIntoView","block","_createVNode","map","year","undefined","onClick","setYear","default"],"sources":["../../../src/labs/VDatePicker/VDatePickerYears.tsx"],"sourcesContent":["// Styles\nimport './VDatePickerYears.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/labs/date'\n\n// Utilities\nimport { computed, onMounted, ref } from 'vue'\nimport { convertToUnit, createRange, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVDatePickerYearsProps = propsFactory({\n  color: String,\n  min: Number,\n  max: Number,\n  height: [String, Number],\n  displayDate: null,\n}, 'VDatePickerYears')\n\nexport const VDatePickerYears = genericComponent()({\n  name: 'VDatePickerYears',\n\n  props: makeVDatePickerYearsProps(),\n\n  emits: {\n    'update:displayDate': (date: any) => true,\n    'update:viewMode': (date: any) => true,\n  },\n\n  setup (props, { emit }) {\n    const adapter = useDate()\n    const displayYear = computed(() => adapter.getYear(props.displayDate ?? new Date()))\n    const years = computed(() => {\n      const min = props.min ?? displayYear.value - 50 - 2\n      const max = props.max ?? displayYear.value + 50\n\n      return createRange(max - min, min)\n    })\n\n    const yearRef = ref<VBtn>()\n    onMounted(() => {\n      yearRef.value?.$el.scrollIntoView({ block: 'center' })\n    })\n\n    useRender(() => (\n      <div\n        class=\"v-date-picker-years\"\n        style={{\n          height: convertToUnit(props.height),\n        }}\n      >\n        <div class=\"v-date-picker-years__content\">\n          { years.value.map(year => (\n            <VBtn\n              ref={ year === displayYear.value ? yearRef : undefined }\n              variant={ year === displayYear.value ? 'flat' : 'text' }\n              rounded=\"xl\"\n              active={ year === displayYear.value }\n              color={ year === displayYear.value ? props.color : undefined }\n              onClick={ () => {\n                emit('update:displayDate', adapter.setYear(props.displayDate, year))\n                emit('update:viewMode', 'month')\n              }}\n            >{ year }</VBtn>\n          ))}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VDatePickerYears = InstanceType<typeof VDatePickerYears>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,2CAEb;AAAA,SACSC,OAAO,6BAEhB;AACA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,QAAQ,KAAK;AAAA,SACrCC,aAAa,EAAEC,WAAW,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAE9E,OAAO,MAAMC,yBAAyB,GAAGF,YAAY,CAAC;EACpDG,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAEC,MAAM;EACXC,GAAG,EAAED,MAAM;EACXE,MAAM,EAAE,CAACJ,MAAM,EAAEE,MAAM,CAAC;EACxBG,WAAW,EAAE;AACf,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAMC,gBAAgB,GAAGX,gBAAgB,EAAE,CAAC;EACjDY,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEV,yBAAyB,EAAE;EAElCW,KAAK,EAAE;IACL,oBAAoB,EAAGC,IAAS,IAAK,IAAI;IACzC,iBAAiB,EAAGA,IAAS,IAAK;EACpC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpB,MAAME,OAAO,GAAGzB,OAAO,EAAE;IACzB,MAAM0B,WAAW,GAAGzB,QAAQ,CAAC,MAAMwB,OAAO,CAACE,OAAO,CAACR,KAAK,CAACH,WAAW,IAAI,IAAIY,IAAI,EAAE,CAAC,CAAC;IACpF,MAAMC,KAAK,GAAG5B,QAAQ,CAAC,MAAM;MAC3B,MAAMW,GAAG,GAAGO,KAAK,CAACP,GAAG,IAAIc,WAAW,CAACI,KAAK,GAAG,EAAE,GAAG,CAAC;MACnD,MAAMhB,GAAG,GAAGK,KAAK,CAACL,GAAG,IAAIY,WAAW,CAACI,KAAK,GAAG,EAAE;MAE/C,OAAOzB,WAAW,CAACS,GAAG,GAAGF,GAAG,EAAEA,GAAG,CAAC;IACpC,CAAC,CAAC;IAEF,MAAMmB,OAAO,GAAG5B,GAAG,EAAQ;IAC3BD,SAAS,CAAC,MAAM;MACd6B,OAAO,CAACD,KAAK,EAAEE,GAAG,CAACC,cAAc,CAAC;QAAEC,KAAK,EAAE;MAAS,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF1B,SAAS,CAAC,MAAA2B,YAAA;MAAA,SAEA,qBAAqB;MAAA,SACpB;QACLpB,MAAM,EAAEX,aAAa,CAACe,KAAK,CAACJ,MAAM;MACpC;IAAC,IAAAoB,YAAA;MAAA,SAEU;IAA8B,IACrCN,KAAK,CAACC,KAAK,CAACM,GAAG,CAACC,IAAI,IAAAF,YAAA,CAAApC,IAAA;MAAA,OAEZsC,IAAI,KAAKX,WAAW,CAACI,KAAK,GAAGC,OAAO,GAAGO,SAAS;MAAA,WAC5CD,IAAI,KAAKX,WAAW,CAACI,KAAK,GAAG,MAAM,GAAG,MAAM;MAAA,WAC9C,IAAI;MAAA,UACHO,IAAI,KAAKX,WAAW,CAACI,KAAK;MAAA,SAC3BO,IAAI,KAAKX,WAAW,CAACI,KAAK,GAAGX,KAAK,CAACT,KAAK,GAAG4B,SAAS;MAAA,WAClDC,CAAA,KAAM;QACdf,IAAI,CAAC,oBAAoB,EAAEC,OAAO,CAACe,OAAO,CAACrB,KAAK,CAACH,WAAW,EAAEqB,IAAI,CAAC,CAAC;QACpEb,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;MAClC;IAAC;MAAAiB,OAAA,EAAAA,CAAA,MACAJ,IAAI;IAAA,EACR,CAAC,IAGP,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/labs/VDatePicker/VDatePickerYears.sass

@@ -0,0 +1,16 @@
+.v-date-picker-years
+  height: 268px
+  overflow-y: scroll
+
+.v-date-picker-years__content
+  display: grid
+  flex: 1 1
+  justify-content: space-around
+  grid-template-columns: repeat(3, 1fr)
+  grid-gap: 8px 24px
+  padding-inline-start: 36px
+  padding-inline-end: 36px
+
+  .v-btn
+    padding-inline-start: 8px
+    padding-inline-end: 8px

package/lib/labs/VDatePicker/composables.mjs

@@ -0,0 +1,33 @@
+// Utilities
+import { inject, provide, ref } from 'vue';
+
+// Types
+
+export const DatePickerSymbol = Symbol.for('vuetify:date-picker');
+export function createDatePicker(props) {
+  const hoverDate = ref();
+  const hoverMonth = ref();
+  const isDragging = ref(false);
+  const dragHandle = ref(null);
+  const hasScrolled = ref(false);
+  provide(DatePickerSymbol, {
+    hoverDate,
+    hoverMonth,
+    isDragging,
+    dragHandle,
+    hasScrolled
+  });
+  return {
+    hoverDate,
+    hoverMonth,
+    isDragging,
+    dragHandle,
+    hasScrolled
+  };
+}
+export function useDatePicker() {
+  const datePicker = inject(DatePickerSymbol);
+  if (!datePicker) throw new Error('foo');
+  return datePicker;
+}
+//# sourceMappingURL=composables.mjs.map

package/lib/labs/VDatePicker/composables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.mjs","names":["inject","provide","ref","DatePickerSymbol","Symbol","for","createDatePicker","props","hoverDate","hoverMonth","isDragging","dragHandle","hasScrolled","useDatePicker","datePicker","Error"],"sources":["../../../src/labs/VDatePicker/composables.ts"],"sourcesContent":["// Utilities\nimport { inject, provide, ref } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\nexport type DatePickerProvide = {\n  hoverDate: Ref<any>\n  hoverMonth: Ref<any>\n  isDragging: Ref<boolean>\n  dragHandle: Ref<number | null>\n  hasScrolled: Ref<boolean>\n}\n\nexport const DatePickerSymbol: InjectionKey<DatePickerProvide> = Symbol.for('vuetify:date-picker')\n\ninterface DateProps {\n}\n\nexport function createDatePicker (props: DateProps) {\n  const hoverDate = ref()\n  const hoverMonth = ref()\n  const isDragging = ref(false)\n  const dragHandle = ref(null)\n  const hasScrolled = ref(false)\n\n  provide(DatePickerSymbol, {\n    hoverDate,\n    hoverMonth,\n    isDragging,\n    dragHandle,\n    hasScrolled,\n  })\n\n  return {\n    hoverDate,\n    hoverMonth,\n    isDragging,\n    dragHandle,\n    hasScrolled,\n  }\n}\n\nexport function useDatePicker () {\n  const datePicker = inject(DatePickerSymbol)\n\n  if (!datePicker) throw new Error('foo')\n\n  return datePicker\n}\n"],"mappings":"AAAA;AACA,SAASA,MAAM,EAAEC,OAAO,EAAEC,GAAG,QAAQ,KAAK;;AAE1C;;AAWA,OAAO,MAAMC,gBAAiD,GAAGC,MAAM,CAACC,GAAG,CAAC,qBAAqB,CAAC;AAKlG,OAAO,SAASC,gBAAgBA,CAAEC,KAAgB,EAAE;EAClD,MAAMC,SAAS,GAAGN,GAAG,EAAE;EACvB,MAAMO,UAAU,GAAGP,GAAG,EAAE;EACxB,MAAMQ,UAAU,GAAGR,GAAG,CAAC,KAAK,CAAC;EAC7B,MAAMS,UAAU,GAAGT,GAAG,CAAC,IAAI,CAAC;EAC5B,MAAMU,WAAW,GAAGV,GAAG,CAAC,KAAK,CAAC;EAE9BD,OAAO,CAACE,gBAAgB,EAAE;IACxBK,SAAS;IACTC,UAAU;IACVC,UAAU;IACVC,UAAU;IACVC;EACF,CAAC,CAAC;EAEF,OAAO;IACLJ,SAAS;IACTC,UAAU;IACVC,UAAU;IACVC,UAAU;IACVC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,aAAaA,CAAA,EAAI;EAC/B,MAAMC,UAAU,GAAGd,MAAM,CAACG,gBAAgB,CAAC;EAE3C,IAAI,CAACW,UAAU,EAAE,MAAM,IAAIC,KAAK,CAAC,KAAK,CAAC;EAEvC,OAAOD,UAAU;AACnB"}