@sebgroup/green-angular 8.1.0 → 8.1.1

package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs

@@ -6,10 +6,10 @@ import * as i2 from '@jsverse/transloco';
 import { TRANSLOCO_SCOPE, TranslocoModule } from '@jsverse/transloco';
 import { Subject, fromEvent } from 'rxjs';
 import { takeUntil, debounceTime, map, distinctUntilChanged, startWith } from 'rxjs/operators';
-import * as i4 from '@sebgroup/green-angular/src/v-angular/input-mask';
-import { createMask, NggvInputMaskModule } from '@sebgroup/green-angular/src/v-angular/input-mask';
 import * as i1$1 from '@angular/common';
 import { WeekDay, formatDate, CommonModule } from '@angular/common';
+import * as i4 from '@sebgroup/green-angular/src/v-angular/input-mask';
+import { createMask, NggvInputMaskModule } from '@sebgroup/green-angular/src/v-angular/input-mask';
 import '@sebgroup/green-core/components/icon/icons/chevron-left.js';
 import '@sebgroup/green-core/components/icon/icons/chevron-right.js';
 import * as i3 from '@sebgroup/green-angular/src/lib/shared';
@@ -17,6 +17,220 @@ import { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';
 import '@sebgroup/green-core/components/icon/icons/calendar.js';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 
+const weekdays = [
+    WeekDay.Monday,
+    WeekDay.Tuesday,
+    WeekDay.Wednesday,
+    WeekDay.Thursday,
+    WeekDay.Friday,
+    WeekDay.Saturday,
+    WeekDay.Sunday,
+];
+const sortWeekDays = (firstDayOfWeek) => {
+    const firstDayIndex = weekdays.indexOf(firstDayOfWeek);
+    const weekStart = weekdays.slice(firstDayIndex);
+    const weekEnd = weekdays.slice(0, firstDayIndex);
+    return weekStart.concat(weekEnd);
+};
+/**
+ * Safely converts a value to a Date object, handling timezone issues.
+ * If the value is already a Date, returns it as-is.
+ * If it's a string in ISO format (YYYY-MM-DD), parses it in local timezone.
+ * Otherwise, uses standard Date constructor.
+ */
+const toLocalDate = (value) => {
+    // If already a Date object, use it directly to avoid timezone issues
+    if (value instanceof Date) {
+        return value;
+    }
+    // If string is in ISO format (YYYY-MM-DD), parse in local timezone
+    const dateMatch = String(value).match(/^(\d{4})-(\d{2})-(\d{2})/);
+    if (dateMatch) {
+        const [, year, month, day] = dateMatch;
+        return new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+    }
+    // Otherwise use standard Date constructor
+    return new Date(value);
+};
+/** Sets labels and sort weekday arrays based off of first day of week. */
+const getSortedWeekDays = (firstDayOfWeek, startDate) => {
+    if (startDate === undefined)
+        startDate = new Date();
+    // sort weekdays according to firstDayOfWeek
+    const sortedWeekdays = sortWeekDays(firstDayOfWeek);
+    // get the date object for the first day of week
+    const startDayIndex = sortedWeekdays.indexOf(startDate.getDay());
+    const firstOfWeek = new Date(startDate);
+    firstOfWeek.setDate(startDate.getDate() - startDayIndex);
+    // map each day in array to a date object
+    return sortedWeekdays.map((_, offset) => {
+        // set appropriate date
+        const weekdayDate = new Date(firstOfWeek);
+        weekdayDate.setDate(weekdayDate.getDate() + offset);
+        // and return value
+        return weekdayDate;
+    });
+};
+/** Generate a matrix of dates used to visualize a calendar month. */
+const generateDateMatrix = (month, year, minWeeks = 5, firstDayOfWeek) => {
+    // generate a new matrix with 5 or 6 rows (depending on number of days in that month)
+    const matrix = new Array(minWeeks);
+    matrix.fill([]);
+    const date = new Date(year, month, 1);
+    const firstDate = firstCalendarDate(date, firstDayOfWeek);
+    // for each week in that month
+    const dateMatrix = matrix.map((_, weekOffset) => {
+        const offset = weekOffset * 7;
+        // update the date with the offset for that week
+        const firstOfWeek = new Date(firstDate);
+        firstOfWeek.setDate(firstDate.getDate() + offset);
+        return getSortedWeekDays(firstDayOfWeek, firstOfWeek);
+    });
+    // check if another row needs to be added (if last dates of month are missing)
+    const lastAdded = dateMatrix.slice(-1)[0].slice(-1)[0];
+    const lastOfMonth = new Date(lastAdded);
+    lastOfMonth.setMonth(month + 1);
+    lastOfMonth.setDate(0);
+    if (isBefore(lastAdded, lastOfMonth)) {
+        // add another week row
+        const firstOfWeek = new Date(lastAdded);
+        firstOfWeek.setDate(lastAdded.getDate() + 1);
+        dateMatrix.push(getSortedWeekDays(firstDayOfWeek, firstOfWeek));
+    }
+    // return final datematrix
+    return dateMatrix;
+};
+/** Returns the first date used in the calendars first button. */
+const firstCalendarDate = (date, firstDayOfWeek) => {
+    // sort weekdays according to firstDayOfWeek
+    const sortedWeekdays = sortWeekDays(firstDayOfWeek);
+    // set date to the first of month
+    const firstOfMonth = new Date(date);
+    firstOfMonth.setDate(1);
+    // get the offset
+    const offset = sortedWeekdays.indexOf(firstOfMonth.getDay());
+    const firstOfWeek = new Date(firstOfMonth);
+    // use offset to set date
+    firstOfWeek.setDate(1 - offset);
+    return firstOfWeek;
+};
+const getDayOffset = (from, to, firstDayOfWeek, direction) => {
+    const sortedWeekdays = sortWeekDays(firstDayOfWeek);
+    const fromIndex = sortedWeekdays.indexOf(from);
+    const toIndex = sortedWeekdays.indexOf(to);
+    const offset = toIndex - fromIndex;
+    if (direction === 'forward' && offset < 0)
+        return offset + 6;
+    if (direction === 'back' && offset > 0)
+        return offset - 6;
+    return offset;
+};
+/** Returns an array of Dates for each of month. */
+const getMonthArray = () => {
+    const firstDayOfYear = new Date();
+    firstDayOfYear.setMonth(0);
+    firstDayOfYear.setDate(1);
+    // create a new array of length 12,
+    // and fill it with date objects of 1:st of january
+    const monthArray = new Array(12).fill(firstDayOfYear);
+    // map through the array,
+    // and create a new instance of the date,
+    // changing the month based on index (0 - 11)
+    return monthArray.map((d, index) => {
+        const date = new Date(d);
+        date.setMonth(index);
+        return date;
+    });
+};
+/** Returns an array of Dates for the current year and the next. */
+const getYearArray = () => {
+    const currentYear = new Date();
+    currentYear.setMonth(0);
+    currentYear.setDate(1);
+    const nextYear = new Date(currentYear);
+    nextYear.setFullYear(currentYear.getFullYear() + 1);
+    return [currentYear, nextYear];
+};
+/** Returns true if the two dates have the same year, month and date values. */
+const match = (a, b) => {
+    if (!a || !b)
+        return false;
+    if (a.getDate() !== b.getDate())
+        return false;
+    if (a.getMonth() !== b.getMonth())
+        return false;
+    if (a.getFullYear() !== b.getFullYear())
+        return false;
+    return true;
+};
+const afterClosingHours = (closingHours) => {
+    if (!closingHours)
+        return false;
+    return Date.now() >= closingHours.getTime();
+};
+/**
+ * Checks if a date is before control date, regardless of time.
+ *
+ * @param date - comparison date
+ * @param controlDate - date to compare against
+ * @returns - true if the comparison date is before the control date
+ */
+const isBefore = (date, controlDate) => {
+    // if year values are dissimilar
+    if (date.getFullYear() !== controlDate.getFullYear()) {
+        return date.getFullYear() < controlDate.getFullYear();
+    }
+    // if month values are dissimilar
+    if (date.getMonth() !== controlDate.getMonth()) {
+        return date.getMonth() < controlDate.getMonth();
+    }
+    // if year and month are equal, check the date
+    return date.getDate() < controlDate.getDate();
+};
+/**
+ * Checks if a date is after control date, regardless of time.
+ *
+ * @param date - comparison date
+ * @param controlDate - date to compare against
+ * @returns - true if the comparison date is before the control date
+ */
+const isAfter = (date, controlDate) => {
+    // if year values are dissimilar
+    if (date.getFullYear() !== controlDate.getFullYear()) {
+        return date.getFullYear() > controlDate.getFullYear();
+    }
+    // if month values are dissimilar
+    if (date.getMonth() !== controlDate.getMonth()) {
+        return date.getMonth() > controlDate.getMonth();
+    }
+    // if year and month are equal, check the date
+    return date.getDate() > controlDate.getDate();
+};
+/**
+ * Checks if a value can be used to initiate a new Date object.
+ *
+ * @param value any value
+ * @returns - true if value can be coersed to a Date.
+ */
+const isValid = (value) => {
+    // if value is type of string and can be parsed to a Date
+    const date = value && typeof value === 'string' && !isNaN(Date.parse(value))
+        ? new Date(value)
+        : null;
+    switch (true) {
+        // if date or value is a valid date object - return valid
+        case typeof value?.getMonth === 'function':
+        case typeof date?.getMonth === 'function':
+            return true;
+        // if date or value is not a valid date object - return invalid
+        case value == null:
+        case date?.toString() === 'Invalid Date':
+            return false;
+        default:
+            return false;
+    }
+};
+
 /**
  * Helper function to generate InputmaskOptions by requested locale.
  * @param locale - requested locale. If not given, it'll use the browsers locale
@@ -440,7 +654,7 @@ class DateControlValueAccessorComponent {
         try {
             // if value is type of string,
             if (value && typeof value === 'string')
-                value = new Date(value);
+                value = toLocalDate(value);
             switch (true) {
                 // remove instances where the value will not correctly be parsed to a date string
                 case value == null:
@@ -448,8 +662,7 @@ class DateControlValueAccessorComponent {
                     return null;
                 // if value-as-date is a valid date object, parse the value to YYYY-MM-DD format
                 case typeof value?.getMonth === 'function':
-                    const date = new Date(value.getTime() - value.getTimezoneOffset() * 60 * 1000);
-                    return date.toISOString().split('T')[0];
+                    return new Intl.DateTimeFormat('sv-SE').format(value);
                 default:
                     return value;
             }
@@ -710,200 +923,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Output
             }] } });
 
-const weekdays = [
-    WeekDay.Monday,
-    WeekDay.Tuesday,
-    WeekDay.Wednesday,
-    WeekDay.Thursday,
-    WeekDay.Friday,
-    WeekDay.Saturday,
-    WeekDay.Sunday,
-];
-const sortWeekDays = (firstDayOfWeek) => {
-    const firstDayIndex = weekdays.indexOf(firstDayOfWeek);
-    const weekStart = weekdays.slice(firstDayIndex);
-    const weekEnd = weekdays.slice(0, firstDayIndex);
-    return weekStart.concat(weekEnd);
-};
-/** Sets labels and sort weekday arrays based off of first day of week. */
-const getSortedWeekDays = (firstDayOfWeek, startDate) => {
-    if (startDate === undefined)
-        startDate = new Date();
-    // sort weekdays according to firstDayOfWeek
-    const sortedWeekdays = sortWeekDays(firstDayOfWeek);
-    // get the date object for the first day of week
-    const startDayIndex = sortedWeekdays.indexOf(startDate.getDay());
-    const firstOfWeek = new Date(startDate);
-    firstOfWeek.setDate(startDate.getDate() - startDayIndex);
-    // map each day in array to a date object
-    return sortedWeekdays.map((_, offset) => {
-        // set appropriate date
-        const weekdayDate = new Date(firstOfWeek);
-        weekdayDate.setDate(weekdayDate.getDate() + offset);
-        // and return value
-        return weekdayDate;
-    });
-};
-/** Generate a matrix of dates used to visualize a calendar month. */
-const generateDateMatrix = (month, year, minWeeks = 5, firstDayOfWeek) => {
-    // generate a new matrix with 5 or 6 rows (depending on number of days in that month)
-    const matrix = new Array(minWeeks);
-    matrix.fill([]);
-    const date = new Date(year, month, 1);
-    const firstDate = firstCalendarDate(date, firstDayOfWeek);
-    // for each week in that month
-    const dateMatrix = matrix.map((_, weekOffset) => {
-        const offset = weekOffset * 7;
-        // update the date with the offset for that week
-        const firstOfWeek = new Date(firstDate);
-        firstOfWeek.setDate(firstDate.getDate() + offset);
-        return getSortedWeekDays(firstDayOfWeek, firstOfWeek);
-    });
-    // check if another row needs to be added (if last dates of month are missing)
-    const lastAdded = dateMatrix.slice(-1)[0].slice(-1)[0];
-    const lastOfMonth = new Date(lastAdded);
-    lastOfMonth.setMonth(month + 1);
-    lastOfMonth.setDate(0);
-    if (isBefore(lastAdded, lastOfMonth)) {
-        // add another week row
-        const firstOfWeek = new Date(lastAdded);
-        firstOfWeek.setDate(lastAdded.getDate() + 1);
-        dateMatrix.push(getSortedWeekDays(firstDayOfWeek, firstOfWeek));
-    }
-    // return final datematrix
-    return dateMatrix;
-};
-/** Returns the first date used in the calendars first button. */
-const firstCalendarDate = (date, firstDayOfWeek) => {
-    // sort weekdays according to firstDayOfWeek
-    const sortedWeekdays = sortWeekDays(firstDayOfWeek);
-    // set date to the first of month
-    const firstOfMonth = new Date(date);
-    firstOfMonth.setDate(1);
-    // get the offset
-    const offset = sortedWeekdays.indexOf(firstOfMonth.getDay());
-    const firstOfWeek = new Date(firstOfMonth);
-    // use offset to set date
-    firstOfWeek.setDate(1 - offset);
-    return firstOfWeek;
-};
-const getDayOffset = (from, to, firstDayOfWeek, direction) => {
-    const sortedWeekdays = sortWeekDays(firstDayOfWeek);
-    const fromIndex = sortedWeekdays.indexOf(from);
-    const toIndex = sortedWeekdays.indexOf(to);
-    const offset = toIndex - fromIndex;
-    if (direction === 'forward' && offset < 0)
-        return offset + 6;
-    if (direction === 'back' && offset > 0)
-        return offset - 6;
-    return offset;
-};
-/** Returns an array of Dates for each of month. */
-const getMonthArray = () => {
-    const firstDayOfYear = new Date();
-    firstDayOfYear.setMonth(0);
-    firstDayOfYear.setDate(1);
-    // create a new array of length 12,
-    // and fill it with date objects of 1:st of january
-    const monthArray = new Array(12).fill(firstDayOfYear);
-    // map through the array,
-    // and create a new instance of the date,
-    // changing the month based on index (0 - 11)
-    return monthArray.map((d, index) => {
-        const date = new Date(d);
-        date.setMonth(index);
-        return date;
-    });
-};
-/** Returns an array of Dates for the current year and the next. */
-const getYearArray = () => {
-    const currentYear = new Date();
-    currentYear.setMonth(0);
-    currentYear.setDate(1);
-    const nextYear = new Date(currentYear);
-    nextYear.setFullYear(currentYear.getFullYear() + 1);
-    return [currentYear, nextYear];
-};
-/** Returns true if the two dates have the same year, month and date values. */
-const match = (a, b) => {
-    if (!a || !b)
-        return false;
-    if (a.getDate() !== b.getDate())
-        return false;
-    if (a.getMonth() !== b.getMonth())
-        return false;
-    if (a.getFullYear() !== b.getFullYear())
-        return false;
-    return true;
-};
-const afterClosingHours = (closingHours) => {
-    if (!closingHours)
-        return false;
-    return Date.now() >= closingHours.getTime();
-};
-/**
- * Checks if a date is before control date, regardless of time.
- *
- * @param date - comparison date
- * @param controlDate - date to compare against
- * @returns - true if the comparison date is before the control date
- */
-const isBefore = (date, controlDate) => {
-    // if year values are dissimilar
-    if (date.getFullYear() !== controlDate.getFullYear()) {
-        return date.getFullYear() < controlDate.getFullYear();
-    }
-    // if month values are dissimilar
-    if (date.getMonth() !== controlDate.getMonth()) {
-        return date.getMonth() < controlDate.getMonth();
-    }
-    // if year and month are equal, check the date
-    return date.getDate() < controlDate.getDate();
-};
-/**
- * Checks if a date is after control date, regardless of time.
- *
- * @param date - comparison date
- * @param controlDate - date to compare against
- * @returns - true if the comparison date is before the control date
- */
-const isAfter = (date, controlDate) => {
-    // if year values are dissimilar
-    if (date.getFullYear() !== controlDate.getFullYear()) {
-        return date.getFullYear() > controlDate.getFullYear();
-    }
-    // if month values are dissimilar
-    if (date.getMonth() !== controlDate.getMonth()) {
-        return date.getMonth() > controlDate.getMonth();
-    }
-    // if year and month are equal, check the date
-    return date.getDate() > controlDate.getDate();
-};
-/**
- * Checks if a value can be used to initiate a new Date object.
- *
- * @param value any value
- * @returns - true if value can be coersed to a Date.
- */
-const isValid = (value) => {
-    // if value is type of string and can be parsed to a Date
-    const date = value && typeof value === 'string' && !isNaN(Date.parse(value))
-        ? new Date(value)
-        : null;
-    switch (true) {
-        // if date or value is a valid date object - return valid
-        case typeof value?.getMonth === 'function':
-        case typeof date?.getMonth === 'function':
-            return true;
-        // if date or value is not a valid date object - return invalid
-        case value == null:
-        case date?.toString() === 'Invalid Date':
-            return false;
-        default:
-            return false;
-    }
-};
-
 class CalendarDateDirective {
     get nativeElement() {
         return this.elementRef.nativeElement;
@@ -1061,7 +1080,7 @@ class CalendarComponent {
     }
     ngOnChanges(changes) {
         if (changes.selected?.currentValue) {
-            this.selected = new Date(changes.selected.currentValue);
+            this.selected = toLocalDate(changes.selected.currentValue);
         }
         if (changes.firstDayOfWeek?.currentValue) {
             this.lastDayOfWeek = sortWeekDays(changes.firstDayOfWeek.currentValue).pop();
@@ -1445,7 +1464,7 @@ class DatepickerComponent {
             !!changes.selected.currentValue &&
             !changes.selected.isFirstChange()) {
             // set active calendar to match selected date
-            const activeCalendar = new CalendarMonth(new Date(changes.selected.currentValue));
+            const activeCalendar = new CalendarMonth(toLocalDate(changes.selected.currentValue));
             this.changeActiveCalendar(activeCalendar);
         }
         if (changes.disableDates && !changes.disableDates.isFirstChange()) {
@@ -1495,7 +1514,7 @@ class DatepickerComponent {
         const withinSameMonth = (a, b) => a.getMonth() === b.getMonth() && a.getFullYear() === b.getFullYear();
         // filter out disabled dates for current and adjacent months
         return disableDates
-            .map((d) => new Date(d))
+            .map((d) => toLocalDate(d))
             .filter((d) => withinSameMonth(d, previousMonth) ||
             withinSameMonth(d, targetMonth) ||
             withinSameMonth(d, nextMonth));
@@ -1860,5 +1879,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CalendarComponent, CalendarControlComponent, CalendarDateDirective, CalendarMonth, DateControlValueAccessorComponent, DateInputComponent, DatepickerComponent, IsDisabledPipe, MatchesPipe, NggvDatepickerModule, afterClosingHours, firstCalendarDate, generateDateMatrix, getDayOffset, getFormatDateMask, getLocaleDateMask, getLocaleDateString, getMonthArray, getSortedWeekDays, getYearArray, isAfter, isBefore, isValid, match, setDateFormatCharacters, sortWeekDays };
+export { CalendarComponent, CalendarControlComponent, CalendarDateDirective, CalendarMonth, DateControlValueAccessorComponent, DateInputComponent, DatepickerComponent, IsDisabledPipe, MatchesPipe, NggvDatepickerModule, afterClosingHours, firstCalendarDate, generateDateMatrix, getDayOffset, getFormatDateMask, getLocaleDateMask, getLocaleDateString, getMonthArray, getSortedWeekDays, getYearArray, isAfter, isBefore, isValid, match, setDateFormatCharacters, sortWeekDays, toLocalDate };
 //# sourceMappingURL=sebgroup-green-angular-src-v-angular-datepicker.mjs.map