vueless 0.0.2 → 0.0.4

package/library.vue-tailwind-3/TDatepicker/components/t-datepicker-views-view-calendar.js

@@ -1,159 +0,0 @@
-import { h } from "vue";
-
-import TDatepickerViewsViewCalendarDays from "./t-datepicker-views-view-calendar-days";
-import TDatepickerViewsViewCalendarHeaders from "./t-datepicker-views-view-calendar-headers";
-
-const TDatepickerViewsViewCalendar = {
-  name: "TDatepickerViewsViewCalendar",
-
-  emits: ["input-date", "input"],
-
-  props: {
-    value: {
-      type: [Date, Array],
-      default: null,
-    },
-    activeDate: {
-      type: Date,
-      required: true,
-    },
-    activeMonth: {
-      type: Date,
-      required: true,
-    },
-    weekStart: {
-      type: Number,
-      required: true,
-    },
-    getElementCssClass: {
-      type: Function,
-      required: true,
-    },
-    parse: {
-      type: Function,
-      required: true,
-    },
-    format: {
-      type: Function,
-      required: true,
-    },
-    formatNative: {
-      type: Function,
-      required: true,
-    },
-    dateFormat: {
-      type: String,
-      required: true,
-    },
-    userFormat: {
-      type: String,
-      required: true,
-    },
-    monthsPerView: {
-      type: Number,
-      required: true,
-    },
-    showActiveDate: {
-      type: Boolean,
-      required: true,
-    },
-    disabledDates: {
-      type: [Date, Array, Function, String],
-      default: undefined,
-    },
-    highlightDates: {
-      type: [Date, Array, Function, String],
-      default: undefined,
-    },
-    maxDate: {
-      type: [Date, String],
-      default: undefined,
-    },
-    minDate: {
-      type: [Date, String],
-      default: undefined,
-    },
-    range: {
-      type: Boolean,
-      required: true,
-    },
-    showDaysForOtherMonth: {
-      type: Boolean,
-      required: true,
-    },
-    timepicker: {
-      type: Boolean,
-      required: true,
-    },
-    dateWithoutTime: {
-      type: Date,
-      default: null,
-    },
-  },
-
-  data() {
-    return {
-      localActiveDate: new Date(this.activeDate.valueOf()),
-      localActiveMonth: new Date(this.activeMonth.valueOf()),
-    };
-  },
-
-  watch: {
-    activeDate(activeDate) {
-      this.localActiveDate = new Date(activeDate.valueOf());
-    },
-    activeMonth(activeMonth) {
-      this.localActiveMonth = new Date(activeMonth.valueOf());
-    },
-  },
-
-  render() {
-    return h(
-      "div",
-      {
-        class: this.getElementCssClass("calendarWrapper"),
-      },
-      [
-        h(TDatepickerViewsViewCalendarHeaders, {
-          weekStart: this.weekStart,
-          getElementCssClass: this.getElementCssClass,
-          formatNative: this.formatNative,
-        }),
-        h(
-          TDatepickerViewsViewCalendarDays,
-          {
-            ref: "days",
-            value: this.value,
-            activeDate: this.localActiveDate,
-            activeMonth: this.localActiveMonth,
-            weekStart: this.weekStart,
-            getElementCssClass: this.getElementCssClass,
-            parse: this.parse,
-            format: this.format,
-            formatNative: this.formatNative,
-            userFormat: this.userFormat,
-            dateFormat: this.dateFormat,
-            showDaysForOtherMonth: this.monthsPerView > 1 ? false : this.showDaysForOtherMonth,
-            showActiveDate: this.showActiveDate,
-            disabledDates: this.disabledDates,
-            highlightDates: this.highlightDates,
-            minDate: this.minDate,
-            maxDate: this.maxDate,
-            range: this.range,
-            timepicker: this.timepicker,
-            dateWithoutTime: this.dateWithoutTime,
-            onInput: (date) => {
-              this.$emit("input", date);
-            },
-            "onInput-date": (date) => this.$emit("input-date", date),
-          },
-          {
-            ...this.$slots,
-          },
-        ),
-      ],
-    );
-  },
-};
-
-export default TDatepickerViewsViewCalendar;

package/library.vue-tailwind-3/TDatepicker/components/t-datepicker-views-view-months-month.js

@@ -1,106 +0,0 @@
-import { h } from "vue";
-import { isSameMonth } from "../../services/date.service";
-
-const TDatepickerViewsViewMonthsMonth = {
-  name: "TDatepickerViewsViewMonthsMonth",
-
-  emits: ["click"],
-
-  props: {
-    month: {
-      type: Date,
-      required: true,
-    },
-    value: {
-      type: [Date, Array],
-      default: null,
-    },
-    activeDate: {
-      type: Date,
-      required: true,
-    },
-    getElementCssClass: {
-      type: Function,
-      required: true,
-    },
-    formatNative: {
-      type: Function,
-      required: true,
-    },
-    showActiveDate: {
-      type: Boolean,
-      required: true,
-    },
-  },
-
-  computed: {
-    isSelected() {
-      const d1 = this.getMonth();
-      const d2 = this.value;
-
-      if (d2 instanceof Date) {
-        return isSameMonth(d1, d2);
-      }
-
-      if (Array.isArray(d2)) {
-        return d2.some((d) => isSameMonth(d, d1));
-      }
-
-      return false;
-    },
-    isActive() {
-      const d1 = this.getMonth();
-      const d2 = this.activeDate;
-
-      return isSameMonth(d1, d2);
-    },
-    monthFormatted() {
-      return this.formatNative(this.getMonth(), "M");
-    },
-  },
-
-  methods: {
-    getClass() {
-      if (this.isSelected) {
-        return this.getElementCssClass("selectedMonth");
-      }
-
-      if (this.isActive && this.showActiveDate) {
-        return this.getElementCssClass("activeMonth");
-      }
-
-      return this.getElementCssClass("month");
-    },
-    getMonth() {
-      return this.month;
-    },
-  },
-
-  render() {
-    const monthSlot = this.$slots.month
-      ? this.$slots.month({
-          monthFormatted: this.monthFormatted,
-          isSelected: this.isSelected,
-          isActive: this.isActive,
-          month: this.getMonth(),
-          activeDate: this.activeDate,
-          value: this.value,
-        })
-      : this.monthFormatted;
-
-    return h(
-      "button",
-      {
-        class: this.getClass(),
-        "aria-label": this.formatNative(this.getMonth(), "F, Y"),
-        "data-date": this.formatNative(this.getMonth(), "Y-m"),
-        type: "button",
-        tabindex: -1,
-        onClick: (e) => this.$emit("click", e),
-      },
-      monthSlot,
-    );
-  },
-};
-
-export default TDatepickerViewsViewMonthsMonth;

package/library.vue-tailwind-3/TDatepicker/components/t-datepicker-views-view-months.js

@@ -1,97 +0,0 @@
-import { h } from "vue";
-
-import TDatepickerViewsViewMonthsMonth from "./t-datepicker-views-view-months-month";
-
-const TDatepickerViewsViewMonths = {
-  name: "TDatepickerViewsViewMonths",
-
-  emits: ["input"],
-
-  props: {
-    value: {
-      type: [Date, Array],
-      default: null,
-    },
-    activeDate: {
-      type: Date,
-      required: true,
-    },
-    getElementCssClass: {
-      type: Function,
-      required: true,
-    },
-    showActiveDate: {
-      type: Boolean,
-      required: true,
-    },
-    formatNative: {
-      type: Function,
-      required: true,
-    },
-  },
-
-  data() {
-    return {
-      localActiveDate: new Date(this.activeDate.valueOf()),
-    };
-  },
-
-  computed: {
-    months() {
-      return Array.from({ length: 12 }, (_x, i) => i).map((monthNumber) =>
-        this.getMonth(monthNumber),
-      );
-    },
-  },
-
-  watch: {
-    activeDate(activeDate) {
-      this.localActiveDate = new Date(activeDate.valueOf());
-    },
-  },
-
-  methods: {
-    getMonth(monthNumber) {
-      let newDate = new Date(this.localActiveDate.valueOf());
-
-      newDate.setMonth(monthNumber);
-
-      // Means the current day has less days so the extra month is
-      // in the following month
-      if (newDate.getDate() !== this.localActiveDate.getDate()) {
-        // Assign the last day of previous month
-        newDate = new Date(newDate.getFullYear(), newDate.getMonth(), 0);
-      }
-
-      return newDate;
-    },
-  },
-
-  render() {
-    return h(
-      "div",
-      {
-        class: this.getElementCssClass("monthWrapper"),
-      },
-      this.months.map((month) =>
-        h(
-          TDatepickerViewsViewMonthsMonth,
-          {
-            month,
-            value: this.value,
-            activeDate: this.localActiveDate,
-            getElementCssClass: this.getElementCssClass,
-            showActiveDate: this.showActiveDate,
-            formatNative: this.formatNative,
-            onClick: () => this.$emit("input", month),
-          },
-          {
-            ...this.$slots,
-          },
-        ),
-      ),
-    );
-  },
-};
-
-export default TDatepickerViewsViewMonths;

package/library.vue-tailwind-3/TDatepicker/components/t-datepicker-views-view-years-year.js

@@ -1,117 +0,0 @@
-import { h } from "vue";
-
-const TDatepickerViewsViewYearsYear = {
-  name: "TDatepickerViewsViewYearsYear",
-
-  emits: ["click"],
-
-  props: {
-    year: {
-      type: Date,
-      required: true,
-    },
-    activeDate: {
-      type: Date,
-      required: true,
-    },
-    value: {
-      type: [Date, Array],
-      default: null,
-    },
-    getElementCssClass: {
-      type: Function,
-      required: true,
-    },
-    showActiveDate: {
-      type: Boolean,
-      required: true,
-    },
-    formatNative: {
-      type: Function,
-      required: true,
-    },
-  },
-
-  data() {
-    return {
-      localActiveDate: new Date(this.activeDate.valueOf()),
-    };
-  },
-
-  computed: {
-    isSelected() {
-      const d1 = this.getYear();
-      const d2 = this.value;
-
-      if (d2 instanceof Date) {
-        return d1.getFullYear() === d2.getFullYear();
-      }
-
-      if (Array.isArray(d2)) {
-        return d2.some((d) => d.getFullYear() === d1.getFullYear());
-      }
-
-      return false;
-    },
-    isActive() {
-      const d1 = this.getYear();
-      const d2 = this.activeDate;
-
-      return d2 && d1.getFullYear() === d2.getFullYear();
-    },
-    yearFormatted() {
-      return this.formatNative(this.getYear(), "Y");
-    },
-  },
-
-  watch: {
-    activeDate(activeDate) {
-      this.localActiveDate = new Date(activeDate.valueOf());
-    },
-  },
-
-  methods: {
-    getClass() {
-      if (this.isSelected) {
-        return this.getElementCssClass("selectedYear");
-      }
-
-      if (this.isActive && this.showActiveDate) {
-        return this.getElementCssClass("activeYear");
-      }
-
-      return this.getElementCssClass("year");
-    },
-    getYear() {
-      return this.year;
-    },
-  },
-
-  render() {
-    const yearSlot = this.$slots.year
-      ? this.$slots.year({
-          yearFormatted: this.yearFormatted,
-          isSelected: this.isSelected,
-          isActive: this.isActive,
-          year: this.getYear(),
-          activeDate: this.activeDate,
-          value: this.value,
-        })
-      : this.yearFormatted;
-
-    return h(
-      "button",
-      {
-        class: this.getClass(),
-        "aria-label": this.yearFormatted,
-        "data-date": this.yearFormatted,
-        type: "button",
-        tabindex: -1,
-        onClick: (e) => this.$emit("click", e),
-      },
-      yearSlot,
-    );
-  },
-};
-
-export default TDatepickerViewsViewYearsYear;

package/library.vue-tailwind-3/TDatepicker/components/t-datepicker-views-view-years.js

@@ -1,104 +0,0 @@
-import { h } from "vue";
-
-import TDatepickerViewsViewYearsYear from "./t-datepicker-views-view-years-year";
-import { getYearsRange } from "./t-datepicker-navigator";
-
-const TDatepickerViewsViewYears = {
-  name: "TDatepickerViewsViewYears",
-
-  emits: ["input"],
-
-  props: {
-    value: {
-      type: [Date, Array],
-      default: null,
-    },
-    activeDate: {
-      type: Date,
-      required: true,
-    },
-    getElementCssClass: {
-      type: Function,
-      required: true,
-    },
-    yearsPerView: {
-      type: Number,
-      required: true,
-    },
-    showActiveDate: {
-      type: Boolean,
-      required: true,
-    },
-    formatNative: {
-      type: Function,
-      required: true,
-    },
-  },
-
-  data() {
-    return {
-      localActiveDate: new Date(this.activeDate.valueOf()),
-    };
-  },
-
-  computed: {
-    years() {
-      const [initialYear] = getYearsRange(this.localActiveDate, this.yearsPerView);
-
-      return Array.from({ length: this.yearsPerView }, (_x, i) => i).map((year) =>
-        this.getYear(initialYear + year),
-      );
-    },
-  },
-
-  watch: {
-    activeDate(activeDate) {
-      this.localActiveDate = new Date(activeDate.valueOf());
-    },
-  },
-
-  methods: {
-    getYear(year) {
-      let newDate = new Date(this.localActiveDate.valueOf());
-
-      newDate.setFullYear(year);
-
-      // Means the current day has less days so the extra month is
-      // in the following month
-      if (newDate.getDate() !== this.localActiveDate.getDate()) {
-        // Assign the last day of previous month
-        newDate = new Date(newDate.getFullYear(), newDate.getMonth(), 0);
-      }
-
-      return newDate;
-    },
-  },
-
-  render() {
-    return h(
-      "div",
-      {
-        class: this.getElementCssClass("yearWrapper"),
-      },
-      this.years.map((year) =>
-        h(
-          TDatepickerViewsViewYearsYear,
-          {
-            year,
-            activeDate: this.localActiveDate,
-            value: this.value,
-            getElementCssClass: this.getElementCssClass,
-            showActiveDate: this.showActiveDate,
-            formatNative: this.formatNative,
-            onClick: () => this.$emit("input", year),
-          },
-          {
-            ...this.$slots,
-          },
-        ),
-      ),
-    );
-  },
-};
-
-export default TDatepickerViewsViewYears;