@leanix/components 0.4.741 → 0.4.743

package/fesm2022/leanix-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Input, Component, signal, ChangeDetectionStrategy, HostBinding, input, computed, EventEmitter, HostListener, Output, Injectable, ElementRef, ViewChild, Inject, model, Directive, Optional, Pipe, NgModule, output, inject, DestroyRef, ChangeDetectorRef, effect, ContentChild, afterRenderEffect, ContentChildren, ViewChildren, forwardRef, TemplateRef, viewChild, booleanAttribute, SecurityContext, Self, Host, Injector, ApplicationRef, createComponent } from '@angular/core';
+import { InjectionToken, Input, Component, signal, ChangeDetectionStrategy, HostBinding, input, computed, EventEmitter, HostListener, Output, Injectable, ElementRef, ViewChild, Inject, model, Directive, Optional, Pipe, inject, NgModule, output, DestroyRef, ChangeDetectorRef, effect, ContentChild, afterRenderEffect, ContentChildren, ViewChildren, forwardRef, TemplateRef, viewChild, booleanAttribute, SecurityContext, Self, Host, Injector, ApplicationRef, createComponent } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import { NgTemplateOutlet, NgClass, AsyncPipe, UpperCasePipe, DecimalPipe, CommonModule, formatDate } from '@angular/common';
@@ -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" }); }
@@ -2020,28 +2027,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }] });
 
 class LxTimeAgo {
-    constructor(getDateFnLocale) {
-        this.getDateFnLocale = getDateFnLocale;
+    constructor() {
+        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: [{ token: DATE_FN_LOCALE, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    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" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LxTimeAgo, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'lxTimeAgo',
-                    pure: true
+                    name: 'lxTimeAgo'
                 }]
-        }], ctorParameters: () => [{ type: Function, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATE_FN_LOCALE]
-                }] }] });
+        }] });
 
 class LxTranslatePipe {
     constructor(translate, cdRef, globalTranslationOptionsProvider) {
@@ -4581,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 });
     }
 }
@@ -5522,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;
@@ -5774,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 */