@leanix/components 0.4.742 → 0.4.744

package/fesm2022/leanix-components.mjs

@@ -16,7 +16,7 @@ import { CdkStepper, CdkStepperModule } from '@angular/cdk/stepper';
 import * as i1$1 from '@angular/cdk/bidi';
 import { registerIcon } from '@ui5/webcomponents-base/dist/asset-registries/Icons.js';
 import Color from 'color';
-import { format, distanceInWords, startOfDay } from 'date-fns';
+import { isValid, format, formatDistance, startOfDay } from 'date-fns';
 import DOMPurify from 'dompurify';
 import { isArray, isEqual, split, uniqueId, pick, intersection, isNil, curry } from 'lodash-es';
 import { Renderer, marked } from 'marked';
@@ -73,9 +73,9 @@ import { coerceNumberProperty } from '@angular/cdk/coercion';
 const DATE_FORMATS = new InjectionToken('DATE_FORMATS', {
     providedIn: 'root',
     factory: () => ({
-        getDateFormat: () => 'YYYY-MM-DD',
-        getDateTimeFormat: () => 'YYYY-MM-DD HH:mm',
-        getDateTimeFormatWithSeconds: () => 'YYYY-MM-DD HH:mm:ss'
+        getDateFormat: () => 'yyyy-MM-dd',
+        getDateTimeFormat: () => 'yyyy-MM-dd HH:mm',
+        getDateTimeFormatWithSeconds: () => 'yyyy-MM-dd HH:mm:ss'
     })
 });
 const DATE_FN_LOCALE = new InjectionToken('DATE_FN_LOCALE');
@@ -1902,8 +1902,15 @@ class CustomDatePipe {
         this.getDateFnLocale = getDateFnLocale;
     }
     transform(value, f) {
+        if (!value) {
+            return '';
+        }
+        const date = value instanceof Date ? value : new Date(value);
+        if (!isValid(date)) {
+            return '';
+        }
         const locale = this.getDateFnLocale ? this.getDateFnLocale() : null;
-        return value ? format(value, f, { locale }) : '';
+        return format(date, f, { locale });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CustomDatePipe, deps: [{ token: DATE_FN_LOCALE, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: CustomDatePipe, isStandalone: true, name: "lxDate" }); }
@@ -2024,8 +2031,15 @@ class LxTimeAgo {
         this.getDateFnLocale = inject(DATE_FN_LOCALE, { optional: true });
     }
     transform(input) {
+        if (!input) {
+            return '';
+        }
+        const date = typeof input === 'string' ? new Date(input) : input;
+        if (!isValid(date)) {
+            return '';
+        }
         const locale = this.getDateFnLocale ? this.getDateFnLocale() : null;
-        return distanceInWords(new Date(), input, { locale, addSuffix: true });
+        return formatDistance(date, new Date(), { locale, addSuffix: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LxTimeAgo, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: LxTimeAgo, isStandalone: true, name: "lxTimeAgo" }); }
@@ -4575,6 +4589,9 @@ function isValidDateString(dateString) {
 /* format method is monkey-patched in date-input component, leaving this implementation as dummy */
 class DateFormatter {
     format(date, format$1, locale) {
+        if (!locale || typeof locale === 'string') {
+            return format(date, format$1);
+        }
         return format(date, format$1, { locale });
     }
 }
@@ -5516,12 +5533,12 @@ class DatepickerConfig {
         this.minMode = 'day';
         this.maxMode = 'year';
         this.showWeeks = true;
-        this.formatDay = 'DD';
+        this.formatDay = 'dd';
         this.formatMonth = 'MMMM';
-        this.formatYear = 'YYYY';
+        this.formatYear = 'yyyy';
         this.formatDayHeader = 'dd';
-        this.formatDayTitle = 'MMMM YYYY';
-        this.formatMonthTitle = 'YYYY';
+        this.formatDayTitle = 'MMMM yyyy';
+        this.formatMonthTitle = 'yyyy';
         this.onlyCurrentMonth = false;
         this.monthColLimit = 3;
         this.yearColLimit = 5;
@@ -5768,17 +5785,17 @@ class DateInputComponent {
         /** If false week numbers will be hidden */
         this.showWeeks = true;
         /** Format of day in month */
-        this.formatDay = 'DD';
+        this.formatDay = 'dd';
         /** Format of month in year */
         this.formatMonth = 'MMMM';
         /** Format of year in year range */
-        this.formatYear = 'YYYY';
+        this.formatYear = 'yyyy';
         /** Format of day in week header */
         this.formatDayHeader = 'dd';
         /** Format of title when selecting day */
-        this.formatDayTitle = 'MMMM YYYY';
+        this.formatDayTitle = 'MMMM yyyy';
         /** Format of title when selecting month */
-        this.formatMonthTitle = 'YYYY';
+        this.formatMonthTitle = 'yyyy';
         /** Starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) public */
         this.startingDay = 0;
         /** Number of years displayed in year selection */