@porscheinformatik/clr-addons 19.14.0 → 19.14.2

package/daterangepicker/providers/daterange-parsing.service.d.ts

@@ -1,6 +1,7 @@
 import { InputDateDisplayFormat } from '../daterange.constants';
 import { NullableDaterange } from '../interfaces/daterange.interface';
 import { NullableTimerange } from '../interfaces/timerange.interface';
+import { NullableTimeModel } from '../models/time.model';
 import * as i0 from "@angular/core";
 /**
  * Daterange parsing service.
@@ -42,12 +43,19 @@ export declare class DaterangeParsingService {
      * @returns Daterange object.
      */
     parse(daterangeString: string, separator?: string): NullableDaterange;
+    parseWithTime(daterangeString: string, separator?: string): NullableTimerange;
     /**
      * Get `DayModel` from date string.
      * @param dateString - Date string.
      * @returns DayModel.
      */
     private getDayModelFromDateString;
+    /**
+     * Get `TimeModel` from time string.
+     * @param timeString - Time string in HH:mm:ss or HH:mm format.
+     * @returns TimeModel.
+     */
+    getTimeModelFromDateString(timeString: string): NullableTimeModel;
     /**
      * Get `DayModel` from date string parts.
      * @param yearString - Year string.

package/fesm2022/clr-addons.mjs

@@ -13331,6 +13331,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             type: Injectable
         }] });
 
+/**
+ * Time model.
+ * Takes care of keeping records of full time.
+ */
+class TimeModel {
+    constructor(...args) {
+        if (args[0] instanceof Date) {
+            const date = args[0];
+            this.hours = date.getHours();
+            this.minutes = date.getMinutes();
+            this.seconds = date.getSeconds();
+        }
+        else if (typeof args[0] === 'string') {
+            const [hours, minutes, seconds] = args[0].split(':').map(n => parseInt(n));
+            this.hours = hours;
+            this.minutes = minutes;
+            this.seconds = seconds;
+        }
+        else {
+            this.hours = args[0];
+            this.minutes = args[1];
+            this.seconds = args[2];
+        }
+    }
+    /**
+     * Checks if the passed value is equal to current time model.
+     * @param value - Time model.
+     * @returns Whether value is equal to current time model.
+     */
+    isEqual(value) {
+        if (value) {
+            return this.hours === value.hours && this.minutes === value.minutes && this.seconds === value.seconds;
+        }
+        return false;
+    }
+    /**
+     * Checks if current time model is after value.
+     * @param value - time model.
+     * @returns Whether current time model is after value.
+     */
+    isAfter(value) {
+        return this.toDate() > value.toDate();
+    }
+    /**
+     * Checks if current time model is before value.
+     * @param value - Time model.
+     * @returns Whether current time model is before value.
+     */
+    isBefore(value) {
+        return this.toDate() < value.toDate();
+    }
+    /**
+     * Clones the current odel.
+     * @returns Cloned model.
+     */
+    clone() {
+        return new TimeModel(this.hours, this.minutes, this.seconds);
+    }
+    /**
+     * Convert to Javascript Date object.
+     * @returns Javascript Date object.
+     */
+    toDate() {
+        return new Date(new Date().setHours(this.hours, this.minutes, this.seconds ? this.seconds : 0));
+    }
+    /**
+     * To HTML5 time spec string.
+     * @returns Time as HTML5 spec string.
+     */
+    toHTML5SpecTimeString() {
+        // The clarity time picker uses the format 'hh:mm:ss'.
+        if (this.seconds) {
+            return this.pad(this.hours) + ':' + this.pad(this.minutes) + ':' + this.pad(this.seconds);
+        }
+        // The clarity time picker uses the format 'hh:mm'.
+        return this.pad(this.hours) + ':' + this.pad(this.minutes);
+    }
+    pad(num) {
+        return num < 10 ? `0${num}` : `${num}`;
+    }
+}
+
 /**
  * Daterange parsing service.
  * Heavy inspired by `date-io.service.ts` from Clarity.
@@ -13456,6 +13538,20 @@ class DaterangeParsingService {
         }
         return { from, to };
     }
+    parseWithTime(daterangeString, separator = SEPARATOR_TEXT_DEFAULT) {
+        if (daterangeString == null || daterangeString === '') {
+            return null;
+        }
+        const [fromString, toString] = daterangeString.split(separator);
+        const from = this.getDayModelFromDateString(fromString.split(' ')[0]);
+        const to = this.getDayModelFromDateString(toString.split(' ')[0]);
+        const fromTime = this.getTimeModelFromDateString(fromString.split(' ')[1]);
+        const toTime = this.getTimeModelFromDateString(toString.split(' ')[1]);
+        if (from == null && to == null) {
+            return null;
+        }
+        return { from, to, fromTime, toTime };
+    }
     /**
      * Get `DayModel` from date string.
      * @param dateString - Date string.
@@ -13483,6 +13579,33 @@ class DaterangeParsingService {
             return this.getDayModelFromDateParts(firstPart, secondPart, thirdPart);
         }
     }
+    /**
+     * Get `TimeModel` from time string.
+     * @param timeString - Time string in HH:mm:ss or HH:mm format.
+     * @returns TimeModel.
+     */
+    getTimeModelFromDateString(timeString) {
+        // If no time string provided, return null
+        if (timeString == null || timeString === '') {
+            return null;
+        }
+        // Parse the time string
+        const timeParts = timeString.trim().split(':');
+        if (timeParts.length < 1 || timeParts.length > 3) {
+            return null;
+        }
+        const hours = parseInt(timeParts[0], 10);
+        const minutes = parseInt(timeParts[1], 10);
+        const seconds = timeParts.length === 3 ? parseInt(timeParts[2], 10) : 0;
+        // Validate time values
+        if (isNaN(hours) || isNaN(minutes) || isNaN(seconds)) {
+            return null;
+        }
+        if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59 || seconds < 0 || seconds > 59) {
+            return null;
+        }
+        return new TimeModel(hours, minutes, seconds);
+    }
     /**
      * Get `DayModel` from date string parts.
      * @param yearString - Year string.
@@ -13717,88 +13840,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: [ClrControlSuccess]
             }] } });
 
-/**
- * Time model.
- * Takes care of keeping records of full time.
- */
-class TimeModel {
-    constructor(...args) {
-        if (args[0] instanceof Date) {
-            const date = args[0];
-            this.hours = date.getHours();
-            this.minutes = date.getMinutes();
-            this.seconds = date.getSeconds();
-        }
-        else if (typeof args[0] === 'string') {
-            const [hours, minutes, seconds] = args[0].split(':').map(n => parseInt(n));
-            this.hours = hours;
-            this.minutes = minutes;
-            this.seconds = seconds;
-        }
-        else {
-            this.hours = args[0];
-            this.minutes = args[1];
-            this.seconds = args[2];
-        }
-    }
-    /**
-     * Checks if the passed value is equal to current time model.
-     * @param value - Time model.
-     * @returns Whether value is equal to current time model.
-     */
-    isEqual(value) {
-        if (value) {
-            return this.hours === value.hours && this.minutes === value.minutes && this.seconds === value.seconds;
-        }
-        return false;
-    }
-    /**
-     * Checks if current time model is after value.
-     * @param value - time model.
-     * @returns Whether current time model is after value.
-     */
-    isAfter(value) {
-        return this.toDate() > value.toDate();
-    }
-    /**
-     * Checks if current time model is before value.
-     * @param value - Time model.
-     * @returns Whether current time model is before value.
-     */
-    isBefore(value) {
-        return this.toDate() < value.toDate();
-    }
-    /**
-     * Clones the current odel.
-     * @returns Cloned model.
-     */
-    clone() {
-        return new TimeModel(this.hours, this.minutes, this.seconds);
-    }
-    /**
-     * Convert to Javascript Date object.
-     * @returns Javascript Date object.
-     */
-    toDate() {
-        return new Date(new Date().setHours(this.hours, this.minutes, this.seconds ? this.seconds : 0));
-    }
-    /**
-     * To HTML5 time spec string.
-     * @returns Time as HTML5 spec string.
-     */
-    toHTML5SpecTimeString() {
-        // The clarity time picker uses the format 'hh:mm:ss'.
-        if (this.seconds) {
-            return this.pad(this.hours) + ':' + this.pad(this.minutes) + ':' + this.pad(this.seconds);
-        }
-        // The clarity time picker uses the format 'hh:mm'.
-        return this.pad(this.hours) + ':' + this.pad(this.minutes);
-    }
-    pad(num) {
-        return num < 10 ? `0${num}` : `${num}`;
-    }
-}
-
 /**
  * Daterangepicker.
  */
@@ -13932,7 +13973,13 @@ class ClrDaterangepickerDirective {
             this.daterangeService.updateSelectedDaterange(null, true);
             return;
         }
-        const daterange = this.daterangeParsingService.parse(target.value, this.separatorText);
+        let daterange;
+        if (this.daterangeService.timeActive) {
+            daterange = this.daterangeParsingService.parseWithTime(target.value, this.separatorText);
+        }
+        else {
+            daterange = this.daterangeParsingService.parse(target.value, this.separatorText);
+        }
         const invalidDaterange = daterange == null || daterange.from == null || daterange.to == null;
         // Invalid manual daterange specified.
         if (invalidDaterange) {
@@ -15367,6 +15414,8 @@ class ClrSignpostAddonComponent {
         this.open = false;
         this.preventPropagationCall = (event) => this.preventPropagation(event);
         this.position = 'right-bottom';
+        this.iconShape = 'info-standard';
+        this.openContent = new EventEmitter();
         ClarityIcons.addIcons(infoStandardIcon);
     }
     ngOnInit() {
@@ -15385,6 +15434,7 @@ class ClrSignpostAddonComponent {
     }
     openChanged(isOpen) {
         if (isOpen) {
+            this.openContent.emit();
             setTimeout(() => {
                 this.moveSignpostContentBelowTargetAnchor();
             });
@@ -15402,11 +15452,11 @@ class ClrSignpostAddonComponent {
         this.document.removeEventListener('click', this.preventPropagationCall, true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClrSignpostAddonComponent, deps: [{ token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ClrSignpostAddonComponent, isStandalone: false, selector: "clr-signpost-addon", inputs: { targetAnchor: "targetAnchor", position: "position" }, viewQueries: [{ propertyName: "signpostElement", first: true, predicate: ClrSignpostContent, descendants: true, read: ElementRef }], ngImport: i0, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n  <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n    <cds-icon shape=\"info-standard\" size=\"24\" style=\"vertical-align: initial\"></cds-icon>\n  </button>\n  <ng-template [(clrIfOpen)]=\"open\" (clrIfOpenChange)=\"openChanged($event)\">\n    <clr-signpost-content [clrPosition]=\"position\">\n      <ng-content></ng-content>\n    </clr-signpost-content>\n  </ng-template>\n</clr-signpost>\n", styles: ["button{padding:0!important;min-width:1.2rem!important;height:.75rem!important;border-width:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.CdsIconCustomTag, selector: "cds-icon" }, { kind: "component", type: i1$1.ClrSignpost, selector: "clr-signpost", inputs: ["clrSignpostTriggerAriaLabel"] }, { kind: "component", type: i1$1.ClrSignpostContent, selector: "clr-signpost-content", inputs: ["clrSignpostCloseAriaLabel", "clrPosition"] }, { kind: "directive", type: i1$1.ClrSignpostTrigger, selector: "[clrSignpostTrigger]" }, { kind: "directive", type: i1$1.ClrIfOpen, selector: "[clrIfOpen]", inputs: ["clrIfOpen"], outputs: ["clrIfOpenChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ClrSignpostAddonComponent, isStandalone: false, selector: "clr-signpost-addon", inputs: { targetAnchor: "targetAnchor", position: "position", iconShape: "iconShape", iconClass: "iconClass" }, outputs: { openContent: "openContent" }, viewQueries: [{ propertyName: "signpostElement", first: true, predicate: ClrSignpostContent, descendants: true, read: ElementRef }], ngImport: i0, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n  <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n    <cds-icon [attr.shape]=\"iconShape\" size=\"24\" class=\"{{ iconClass }}\" style=\"vertical-align: initial\"></cds-icon>\n  </button>\n  <ng-template [(clrIfOpen)]=\"open\" (clrIfOpenChange)=\"openChanged($event)\">\n    <clr-signpost-content [clrPosition]=\"position\">\n      <ng-content></ng-content>\n    </clr-signpost-content>\n  </ng-template>\n</clr-signpost>\n", styles: ["button{padding:0!important;min-width:1.2rem!important;height:.75rem!important;border-width:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.CdsIconCustomTag, selector: "cds-icon" }, { kind: "component", type: i1$1.ClrSignpost, selector: "clr-signpost", inputs: ["clrSignpostTriggerAriaLabel"] }, { kind: "component", type: i1$1.ClrSignpostContent, selector: "clr-signpost-content", inputs: ["clrSignpostCloseAriaLabel", "clrPosition"] }, { kind: "directive", type: i1$1.ClrSignpostTrigger, selector: "[clrSignpostTrigger]" }, { kind: "directive", type: i1$1.ClrIfOpen, selector: "[clrIfOpen]", inputs: ["clrIfOpen"], outputs: ["clrIfOpenChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClrSignpostAddonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'clr-signpost-addon', standalone: false, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n  <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n    <cds-icon shape=\"info-standard\" size=\"24\" style=\"vertical-align: initial\"></cds-icon>\n  </button>\n  <ng-template [(clrIfOpen)]=\"open\" (clrIfOpenChange)=\"openChanged($event)\">\n    <clr-signpost-content [clrPosition]=\"position\">\n      <ng-content></ng-content>\n    </clr-signpost-content>\n  </ng-template>\n</clr-signpost>\n", styles: ["button{padding:0!important;min-width:1.2rem!important;height:.75rem!important;border-width:0!important}\n"] }]
+            args: [{ selector: 'clr-signpost-addon', standalone: false, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n  <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n    <cds-icon [attr.shape]=\"iconShape\" size=\"24\" class=\"{{ iconClass }}\" style=\"vertical-align: initial\"></cds-icon>\n  </button>\n  <ng-template [(clrIfOpen)]=\"open\" (clrIfOpenChange)=\"openChanged($event)\">\n    <clr-signpost-content [clrPosition]=\"position\">\n      <ng-content></ng-content>\n    </clr-signpost-content>\n  </ng-template>\n</clr-signpost>\n", styles: ["button{padding:0!important;min-width:1.2rem!important;height:.75rem!important;border-width:0!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -15414,6 +15464,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], position: [{
                 type: Input
+            }], iconShape: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], openContent: [{
+                type: Output
             }], signpostElement: [{
                 type: ViewChild,
                 args: [ClrSignpostContent, { read: ElementRef }]