@spicainternational/ngx-sds-components 7.12.0-beta.2 → 7.13.0

package/fesm2015/spicainternational-ngx-sds-components-src-lib-timeline.mjs

@@ -4,29 +4,58 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class SdsTimelineService {
-    // public dayLabels: TimelineIntervalLabel[] = [];
-    // public hourLabels: TimelineIntervalLabel[] = [];
-    constructor(start, end, offSetMinutes) {
+    constructor(start, end, offSetMinutes, cutOffset) {
+        this.startWithOffset = new Date();
+        this.endWithOffset = new Date();
         this.start = new Date();
         this.end = new Date();
+        this.cutOffset = true;
         this.hourTicks = [];
+        this.cutOffset = cutOffset;
         this.start = new Date(start);
-        this.start.setMinutes(this.start.getMinutes() - offSetMinutes);
+        this.startWithOffset = new Date(start);
+        this.startWithOffset.setMinutes(this.startWithOffset.getMinutes() - offSetMinutes);
         this.end = new Date(end);
-        this.end.setMinutes(this.end.getMinutes() + offSetMinutes);
-        this.widthPercentPerMinute = (100 / this.diffInMinutes(this.start, this.end));
+        this.endWithOffset = new Date(end);
+        this.endWithOffset.setMinutes(this.endWithOffset.getMinutes() + offSetMinutes);
+        this.widthPercentPerMinute = (100 / this.diffInMinutes(this.startWithOffset, this.endWithOffset));
         this.initHourTicks();
-        //this.initDayLabels();
-        // this.initHourLabels();
     }
     getX(time) {
-        return this.diffInMinutes(this.start, time) * this.widthPercentPerMinute;
+        const trimmedTime = new Date(time);
+        if (this.cutOffset) {
+            if (trimmedTime < this.start) {
+                trimmedTime.setTime(this.start.getTime());
+            }
+            if (trimmedTime > this.end) {
+                trimmedTime.setTime(this.end.getTime());
+            }
+        }
+        return this.diffInMinutes(this.startWithOffset, trimmedTime) * this.widthPercentPerMinute;
     }
     getWidthFromMinutes(minutes) {
         return minutes * this.widthPercentPerMinute;
     }
     getWidthFromTime(start, end) {
-        return this.getWidthFromMinutes(this.diffInMinutes(start, end));
+        const trimmedStart = new Date(start);
+        if (this.cutOffset) {
+            if (trimmedStart < this.start) {
+                trimmedStart.setTime(this.start.getTime());
+            }
+            if (trimmedStart > this.end) {
+                trimmedStart.setTime(this.end.getTime());
+            }
+        }
+        const trimmedEnd = new Date(end);
+        if (this.cutOffset) {
+            if (trimmedEnd < this.start) {
+                trimmedEnd.setTime(this.start.getTime());
+            }
+            if (trimmedEnd > this.end) {
+                trimmedEnd.setTime(this.end.getTime());
+            }
+        }
+        return this.getWidthFromMinutes(this.diffInMinutes(trimmedStart, trimmedEnd));
     }
     getTick(time) {
         return {
@@ -55,23 +84,26 @@ class SdsTimelineService {
     getDayLabels(locales, customDataFn) {
         const dayLabels = [];
         // get start date at the beginning of the day
-        let startDate = new Date(this.start);
+        let startDate = new Date(this.startWithOffset);
         startDate.setHours(0, 0, 0, 0);
         // get end date at the end of the day
-        let endDate = new Date(this.end);
+        let endDate = new Date(this.endWithOffset);
         endDate.setHours(23, 59, 59, 999);
         let currentDate = new Date(startDate);
         while (currentDate <= endDate) {
             let endOfCurrentDay = new Date(currentDate);
             endOfCurrentDay.setHours(23, 59, 59, 999);
-            dayLabels.push({
-                // date: new Date(currentDate),
-                x: this.getX(new Date(currentDate)),
-                width: this.getWidthFromTime(currentDate, endOfCurrentDay),
-                label: currentDate.toLocaleDateString(locales !== null && locales !== void 0 ? locales : [], { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }),
-                date: new Date(currentDate),
-                data: customDataFn ? customDataFn(new Date(currentDate)) : null
-            });
+            const dayLabelWidth = this.getWidthFromTime(currentDate, endOfCurrentDay);
+            if (dayLabelWidth > 0) {
+                dayLabels.push({
+                    // date: new Date(currentDate),
+                    x: this.getX(new Date(currentDate)),
+                    width: dayLabelWidth,
+                    label: currentDate.toLocaleDateString(locales !== null && locales !== void 0 ? locales : [], { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }),
+                    date: new Date(currentDate),
+                    data: customDataFn ? customDataFn(new Date(currentDate)) : null
+                });
+            }
             currentDate.setDate(currentDate.getDate() + 1);
         }
         return dayLabels;
@@ -112,9 +144,9 @@ class SdsTimelineService {
     initHourTicks() {
         this.hourTicks = [];
         // get first whole hour from start date
-        let startHour = this.roundHoursUp(this.start);
+        let startHour = this.roundHoursUp(this.startWithOffset);
         // get last whole hour from end date
-        let endHour = this.roundHoursDown(this.end);
+        let endHour = this.roundHoursDown(this.endWithOffset);
         let currentHour = new Date(startHour);
         while (currentHour <= endHour) {
             this.hourTicks.push(this.getTick(currentHour));
@@ -263,11 +295,27 @@ class SdsTimelineComponent {
          * @memberof SdsTimelineComponent
          */
         this.offSetMinutes = 15;
+        /**
+         * Control if those parts of segments (or whole segments) that fall into the Offset
+         * period are displayed or not
+         *
+         * @type {boolean}
+         * @memberof SdsTimelineComponent
+         */
+        this.cutOffset = false;
+        /**
+         * Sets default cursor, that should be shown when hovering over timeline component.
+         * Default value is 'default'.
+         *
+         * @type {string}
+         * @memberof SdsTimelineComponent
+         */
+        this.defaultCursor = "default";
         // protected
         this.hourTicks = [];
         this.hourLabels = [];
         this.dayLabels = [];
-        this._timelineService = new SdsTimelineService(this.start, this.end, this.offSetMinutes);
+        this._timelineService = new SdsTimelineService(this.start, this.end, this.offSetMinutes, this.cutOffset);
         this.presentationItems = [];
         this.presentationPointInTimeItems = [];
         this.isDragging = false;
@@ -279,12 +327,12 @@ class SdsTimelineComponent {
     }
     ngOnChanges(changes) {
         if (this.start && this.end) {
-            this._timelineService = new SdsTimelineService(this.start, this.end, this.offSetMinutes);
+            this._timelineService = new SdsTimelineService(this.start, this.end, this.offSetMinutes, this.cutOffset);
             this.generateTicks();
             this.generateInternalTimelineItems();
         }
-        if (changes['start'] || changes['end'] || changes['offSetMinutes']) {
-            this._timelineService = new SdsTimelineService(this.start, this.end, this.offSetMinutes);
+        if (changes['start'] || changes['end'] || changes['offSetMinutes'] || changes['cutOffset']) {
+            this._timelineService = new SdsTimelineService(this.start, this.end, this.offSetMinutes, this.cutOffset);
             this.generateTicks();
             this.generateInternalTimelineItems();
         }
@@ -381,7 +429,11 @@ class SdsTimelineComponent {
         this.hourLabels = this._timelineService.getHourLabels(this.hourLabelFrequency);
     }
     generateInternalTimelineItems() {
-        this.presentationItems = this.items.map((item) => {
+        const cuttOffStart = this.cutOffset ? this.start : new Date(this.start.getTime() - this.offSetMinutes * 60000);
+        const cuttOffEnd = this.cutOffset ? this.end : new Date(this.end.getTime() + this.offSetMinutes * 60000);
+        this.presentationItems = this.items
+            .filter((item) => item.end < cuttOffStart || item.start > cuttOffEnd ? false : true)
+            .map((item) => {
             var _a, _b, _c, _d, _e;
             const startTime = new Date(item.start).toLocaleTimeString((_a = this.locales) !== null && _a !== void 0 ? _a : [], { hour: 'numeric', minute: '2-digit' });
             const endTime = new Date(item.end).toLocaleTimeString((_b = this.locales) !== null && _b !== void 0 ? _b : [], { hour: 'numeric', minute: '2-digit' });
@@ -399,7 +451,11 @@ class SdsTimelineComponent {
         });
     }
     generateInternalTimelinePointInTimeItems() {
-        this.presentationPointInTimeItems = this.pointInTimeItems.map((item) => {
+        const cuttOffStart = this.cutOffset ? this.start : new Date(this.start.getTime() - this.offSetMinutes * 60000);
+        const cuttOffEnd = this.cutOffset ? this.end : new Date(this.end.getTime() + this.offSetMinutes * 60000);
+        this.presentationPointInTimeItems = this.pointInTimeItems
+            .filter((item) => item.date < cuttOffStart || item.date > cuttOffEnd ? false : true)
+            .map((item) => {
             var _a, _b, _c, _d, _e;
             const timePointString = new Date(item.date).toLocaleTimeString((_a = this.locales) !== null && _a !== void 0 ? _a : [], { hour: 'numeric', minute: '2-digit' });
             return {
@@ -416,10 +472,10 @@ class SdsTimelineComponent {
     }
 }
 SdsTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsTimelineComponent, selector: "sds-timeline", inputs: { start: "start", end: "end", items: "items", pointInTimeItems: "pointInTimeItems", itemTemplate: "itemTemplate", pointInTimeTemplate: "pointInTimeTemplate", dayLabelTemplate: "dayLabelTemplate", dayLabelCustomDataFn: "dayLabelCustomDataFn", tickFrequency: "tickFrequency", hourLabelFrequency: "hourLabelFrequency", zoomPercent: "zoomPercent", viewOffsetPercent: "viewOffsetPercent", maxZoomPercent: "maxZoomPercent", showHourLabels: "showHourLabels", hourLabelClass: "hourLabelClass", showDayLabels: "showDayLabels", dayLabelClass: "dayLabelClass", showTimeline: "showTimeline", hourTickClass: "hourTickClass", timelineHeight: "timelineHeight", enableZoomAndDrag: "enableZoomAndDrag", offSetMinutes: "offSetMinutes", locales: "locales" }, outputs: { zoomPercentChange: "zoomPercentChange", viewOffsetPercentChange: "viewOffsetPercentChange" }, host: { listeners: { "window:mousemove": "onDragMove($event)", "window:touchmove": "onDragMoveTouch($event)", "window:mouseup": "onDragEnd($event)", "window:touchend": "onDragEnd($event)" } }, viewQueries: [{ propertyName: "_viewport", first: true, predicate: ["viewport"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #defaultItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultPointInTimeItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultDayLabelTemplate let-label=\"label\">\r\n    {{label.label}}\r\n</ng-template>\r\n\r\n<div \r\n    #viewport\r\n    class=\"sds-timeline-viewport\"\r\n    (wheel)=\"onScroll($event)\"\r\n\r\n    (mousedown)=\"onDragStart($event)\"\r\n    (touchstart)=\"onDragStart($event)\"\r\n    >\r\n\r\n    <div \r\n        class=\"sds-timeline-container d-flex flex-column\"\r\n        [style.left.%]=\"viewOffsetPercent\"\r\n        [style.width.%]=\"zoomPercent\"\r\n        [style.cursor]=\"isDragging ? 'ew-resize' : 'default'\"\r\n        >\r\n\r\n        <div\r\n            *ngIf=\"showDayLabels\" \r\n            class=\"sds-timeline-day-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of dayLabels\"\r\n                class=\"sds-day-label\"  \r\n                [ngClass]=\"dayLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.%]=\"label.width\"\r\n            >\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"dayLabelTemplate ? dayLabelTemplate : defaultDayLabelTemplate\"\r\n                    [ngTemplateOutletContext]=\"{label: label}\">\r\n                </ng-container>  \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showHourLabels\" \r\n            class=\"sds-timeline-hour-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of hourLabels;\"\r\n                class=\"sds-hour-label\"  \r\n                [ngClass]=\"hourLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.rem]=\"1.2\"\r\n                [ngStyle]=\"{'left': 'calc(' + label.x + '% - 0.6rem)'}\"\r\n            >\r\n                \r\n                {{label.label}}\r\n                \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showTimeline\"\r\n            class=\"sds-timeline flex-grow-1\"\r\n            [style.height]=\"timelineHeight\"\r\n            >\r\n\r\n            <div \r\n                *ngFor=\"let tick of hourTicks\"\r\n                class=\"sds-timeline-tick\"  \r\n                [ngClass]=\"hourTickClass ?? null\"\t\r\n                [ngStyle]=\"tick.x == 100 ? {'left': 'calc(' + tick.x +'% - 1px)'} : {'left': 'calc(' + tick.x + '% - 0.5px)'}\"\r\n            >\r\n            </div>\r\n\r\n            <div \r\n                *ngFor=\"let item of presentationItems\"\r\n                class=\"sds-timeline-item-container\"\r\n                [ngClass]=\"item.class ?? null\"\r\n                [ngStyle]=\"{\r\n                    'width': 'max(' + item.width +'%, 1px)',\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                }\"\r\n\r\n                [style.left.%]=\"item.x\"\r\n                [style.height]=\"item.height\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n            </div>\r\n\r\n\r\n            <div *ngFor=\"let item of presentationPointInTimeItems\"\r\n                class=\"sds-timeline-point-in-time-item-container\"\r\n                [ngClass]=\"item.class\"\t\r\n                [style.height]=\"item.height\"\r\n                [style.width]=\"item.width\"\r\n                [ngStyle]=\"{\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                    'left': 'calc(' + item.x + '% - max( calc(' + item.width +'/2), 1px))',\r\n                    \r\n                }\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"pointInTimeTemplate ? pointInTimeTemplate : defaultPointInTimeItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".sds-timeline-viewport{overflow:hidden}.sds-timeline-viewport .sds-timeline-container{width:100%;min-height:0;position:relative;-webkit-user-select:none;user-select:none}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header{height:1.6rem;position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header .sds-day-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header{height:1.6rem;position:relative;font-size:.8em}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header .sds-hour-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline{position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-tick{border-left:1px solid rgb(187,187,187);height:100%;position:absolute;display:inline}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container{height:100%;position:absolute;display:inline;top:20%;height:60%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container .sds-timeline-item{position:relative;width:100%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container{width:1px;height:1px;position:absolute}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container .sds-timeline-item{position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+SdsTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsTimelineComponent, selector: "sds-timeline", inputs: { start: "start", end: "end", items: "items", pointInTimeItems: "pointInTimeItems", itemTemplate: "itemTemplate", pointInTimeTemplate: "pointInTimeTemplate", dayLabelTemplate: "dayLabelTemplate", dayLabelCustomDataFn: "dayLabelCustomDataFn", tickFrequency: "tickFrequency", hourLabelFrequency: "hourLabelFrequency", zoomPercent: "zoomPercent", viewOffsetPercent: "viewOffsetPercent", maxZoomPercent: "maxZoomPercent", showHourLabels: "showHourLabels", hourLabelClass: "hourLabelClass", showDayLabels: "showDayLabels", dayLabelClass: "dayLabelClass", showTimeline: "showTimeline", hourTickClass: "hourTickClass", timelineHeight: "timelineHeight", enableZoomAndDrag: "enableZoomAndDrag", offSetMinutes: "offSetMinutes", locales: "locales", cutOffset: "cutOffset", defaultCursor: "defaultCursor" }, outputs: { zoomPercentChange: "zoomPercentChange", viewOffsetPercentChange: "viewOffsetPercentChange" }, host: { listeners: { "window:mousemove": "onDragMove($event)", "window:touchmove": "onDragMoveTouch($event)", "window:mouseup": "onDragEnd($event)", "window:touchend": "onDragEnd($event)" } }, viewQueries: [{ propertyName: "_viewport", first: true, predicate: ["viewport"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #defaultItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultPointInTimeItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultDayLabelTemplate let-label=\"label\">\r\n    {{label.label}}\r\n</ng-template>\r\n\r\n<div \r\n    #viewport\r\n    class=\"sds-timeline-viewport\"\r\n    (wheel)=\"onScroll($event)\"\r\n\r\n    (mousedown)=\"onDragStart($event)\"\r\n    (touchstart)=\"onDragStart($event)\"\r\n    >\r\n\r\n    <div \r\n        class=\"sds-timeline-container d-flex flex-column\"\r\n        [style.left.%]=\"viewOffsetPercent\"\r\n        [style.width.%]=\"zoomPercent\"\r\n        [style.cursor]=\"isDragging ? 'ew-resize' : defaultCursor\"\r\n        >\r\n\r\n        <div\r\n            *ngIf=\"showDayLabels\" \r\n            class=\"sds-timeline-day-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of dayLabels\"\r\n                class=\"sds-day-label\"  \r\n                [ngClass]=\"dayLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.%]=\"label.width\"\r\n            >\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"dayLabelTemplate ? dayLabelTemplate : defaultDayLabelTemplate\"\r\n                    [ngTemplateOutletContext]=\"{label: label}\">\r\n                </ng-container>  \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showHourLabels\" \r\n            class=\"sds-timeline-hour-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of hourLabels;\"\r\n                class=\"sds-hour-label\"  \r\n                [ngClass]=\"hourLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.rem]=\"1.2\"\r\n                [ngStyle]=\"{'left': 'calc(' + label.x + '% - 0.6rem)'}\"\r\n            >\r\n                \r\n                {{label.label}}\r\n                \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showTimeline\"\r\n            class=\"sds-timeline flex-grow-1\"\r\n            [style.height]=\"timelineHeight\"\r\n            >\r\n\r\n            <div \r\n                *ngFor=\"let tick of hourTicks\"\r\n                class=\"sds-timeline-tick\"  \r\n                [ngClass]=\"hourTickClass ?? null\"\t\r\n                [ngStyle]=\"tick.x == 100 ? {'left': 'calc(' + tick.x +'% - 1px)'} : {'left': 'calc(' + tick.x + '% - 0.5px)'}\"\r\n            >\r\n            </div>\r\n\r\n            <div \r\n                *ngFor=\"let item of presentationItems\"\r\n                class=\"sds-timeline-item-container\"\r\n                [ngClass]=\"item.class ?? null\"\r\n                [ngStyle]=\"{\r\n                    'width': 'max(' + item.width +'%, 1px)',\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                }\"\r\n\r\n                [style.left.%]=\"item.x\"\r\n                [style.height]=\"item.height\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n            </div>\r\n\r\n\r\n            <div *ngFor=\"let item of presentationPointInTimeItems\"\r\n                class=\"sds-timeline-point-in-time-item-container\"\r\n                [ngClass]=\"item.class\"\t\r\n                [style.height]=\"item.height\"\r\n                [style.width]=\"item.width\"\r\n                [ngStyle]=\"{\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                    'left': 'calc(' + item.x + '% - max( calc(' + item.width +'/2), 1px))',\r\n                    \r\n                }\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"pointInTimeTemplate ? pointInTimeTemplate : defaultPointInTimeItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".sds-timeline-viewport{overflow:hidden}.sds-timeline-viewport .sds-timeline-container{width:100%;min-height:0;position:relative;-webkit-user-select:none;user-select:none}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header{height:1.6rem;position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header .sds-day-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header{height:1.6rem;position:relative;font-size:.8em}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header .sds-hour-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline{position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-tick{border-left:1px solid rgb(187,187,187);height:100%;position:absolute;display:inline}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container{height:100%;position:absolute;display:inline;top:20%;height:60%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container .sds-timeline-item{position:relative;width:100%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container{width:1px;height:1px;position:absolute}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container .sds-timeline-item{position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTimelineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-timeline', template: "<ng-template #defaultItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultPointInTimeItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultDayLabelTemplate let-label=\"label\">\r\n    {{label.label}}\r\n</ng-template>\r\n\r\n<div \r\n    #viewport\r\n    class=\"sds-timeline-viewport\"\r\n    (wheel)=\"onScroll($event)\"\r\n\r\n    (mousedown)=\"onDragStart($event)\"\r\n    (touchstart)=\"onDragStart($event)\"\r\n    >\r\n\r\n    <div \r\n        class=\"sds-timeline-container d-flex flex-column\"\r\n        [style.left.%]=\"viewOffsetPercent\"\r\n        [style.width.%]=\"zoomPercent\"\r\n        [style.cursor]=\"isDragging ? 'ew-resize' : 'default'\"\r\n        >\r\n\r\n        <div\r\n            *ngIf=\"showDayLabels\" \r\n            class=\"sds-timeline-day-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of dayLabels\"\r\n                class=\"sds-day-label\"  \r\n                [ngClass]=\"dayLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.%]=\"label.width\"\r\n            >\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"dayLabelTemplate ? dayLabelTemplate : defaultDayLabelTemplate\"\r\n                    [ngTemplateOutletContext]=\"{label: label}\">\r\n                </ng-container>  \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showHourLabels\" \r\n            class=\"sds-timeline-hour-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of hourLabels;\"\r\n                class=\"sds-hour-label\"  \r\n                [ngClass]=\"hourLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.rem]=\"1.2\"\r\n                [ngStyle]=\"{'left': 'calc(' + label.x + '% - 0.6rem)'}\"\r\n            >\r\n                \r\n                {{label.label}}\r\n                \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showTimeline\"\r\n            class=\"sds-timeline flex-grow-1\"\r\n            [style.height]=\"timelineHeight\"\r\n            >\r\n\r\n            <div \r\n                *ngFor=\"let tick of hourTicks\"\r\n                class=\"sds-timeline-tick\"  \r\n                [ngClass]=\"hourTickClass ?? null\"\t\r\n                [ngStyle]=\"tick.x == 100 ? {'left': 'calc(' + tick.x +'% - 1px)'} : {'left': 'calc(' + tick.x + '% - 0.5px)'}\"\r\n            >\r\n            </div>\r\n\r\n            <div \r\n                *ngFor=\"let item of presentationItems\"\r\n                class=\"sds-timeline-item-container\"\r\n                [ngClass]=\"item.class ?? null\"\r\n                [ngStyle]=\"{\r\n                    'width': 'max(' + item.width +'%, 1px)',\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                }\"\r\n\r\n                [style.left.%]=\"item.x\"\r\n                [style.height]=\"item.height\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n            </div>\r\n\r\n\r\n            <div *ngFor=\"let item of presentationPointInTimeItems\"\r\n                class=\"sds-timeline-point-in-time-item-container\"\r\n                [ngClass]=\"item.class\"\t\r\n                [style.height]=\"item.height\"\r\n                [style.width]=\"item.width\"\r\n                [ngStyle]=\"{\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                    'left': 'calc(' + item.x + '% - max( calc(' + item.width +'/2), 1px))',\r\n                    \r\n                }\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"pointInTimeTemplate ? pointInTimeTemplate : defaultPointInTimeItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".sds-timeline-viewport{overflow:hidden}.sds-timeline-viewport .sds-timeline-container{width:100%;min-height:0;position:relative;-webkit-user-select:none;user-select:none}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header{height:1.6rem;position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header .sds-day-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header{height:1.6rem;position:relative;font-size:.8em}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header .sds-hour-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline{position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-tick{border-left:1px solid rgb(187,187,187);height:100%;position:absolute;display:inline}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container{height:100%;position:absolute;display:inline;top:20%;height:60%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container .sds-timeline-item{position:relative;width:100%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container{width:1px;height:1px;position:absolute}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container .sds-timeline-item{position:relative;width:100%}\n"] }]
+            args: [{ selector: 'sds-timeline', template: "<ng-template #defaultItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultPointInTimeItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultDayLabelTemplate let-label=\"label\">\r\n    {{label.label}}\r\n</ng-template>\r\n\r\n<div \r\n    #viewport\r\n    class=\"sds-timeline-viewport\"\r\n    (wheel)=\"onScroll($event)\"\r\n\r\n    (mousedown)=\"onDragStart($event)\"\r\n    (touchstart)=\"onDragStart($event)\"\r\n    >\r\n\r\n    <div \r\n        class=\"sds-timeline-container d-flex flex-column\"\r\n        [style.left.%]=\"viewOffsetPercent\"\r\n        [style.width.%]=\"zoomPercent\"\r\n        [style.cursor]=\"isDragging ? 'ew-resize' : defaultCursor\"\r\n        >\r\n\r\n        <div\r\n            *ngIf=\"showDayLabels\" \r\n            class=\"sds-timeline-day-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of dayLabels\"\r\n                class=\"sds-day-label\"  \r\n                [ngClass]=\"dayLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.%]=\"label.width\"\r\n            >\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"dayLabelTemplate ? dayLabelTemplate : defaultDayLabelTemplate\"\r\n                    [ngTemplateOutletContext]=\"{label: label}\">\r\n                </ng-container>  \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showHourLabels\" \r\n            class=\"sds-timeline-hour-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of hourLabels;\"\r\n                class=\"sds-hour-label\"  \r\n                [ngClass]=\"hourLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.rem]=\"1.2\"\r\n                [ngStyle]=\"{'left': 'calc(' + label.x + '% - 0.6rem)'}\"\r\n            >\r\n                \r\n                {{label.label}}\r\n                \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showTimeline\"\r\n            class=\"sds-timeline flex-grow-1\"\r\n            [style.height]=\"timelineHeight\"\r\n            >\r\n\r\n            <div \r\n                *ngFor=\"let tick of hourTicks\"\r\n                class=\"sds-timeline-tick\"  \r\n                [ngClass]=\"hourTickClass ?? null\"\t\r\n                [ngStyle]=\"tick.x == 100 ? {'left': 'calc(' + tick.x +'% - 1px)'} : {'left': 'calc(' + tick.x + '% - 0.5px)'}\"\r\n            >\r\n            </div>\r\n\r\n            <div \r\n                *ngFor=\"let item of presentationItems\"\r\n                class=\"sds-timeline-item-container\"\r\n                [ngClass]=\"item.class ?? null\"\r\n                [ngStyle]=\"{\r\n                    'width': 'max(' + item.width +'%, 1px)',\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                }\"\r\n\r\n                [style.left.%]=\"item.x\"\r\n                [style.height]=\"item.height\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n            </div>\r\n\r\n\r\n            <div *ngFor=\"let item of presentationPointInTimeItems\"\r\n                class=\"sds-timeline-point-in-time-item-container\"\r\n                [ngClass]=\"item.class\"\t\r\n                [style.height]=\"item.height\"\r\n                [style.width]=\"item.width\"\r\n                [ngStyle]=\"{\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                    'left': 'calc(' + item.x + '% - max( calc(' + item.width +'/2), 1px))',\r\n                    \r\n                }\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"pointInTimeTemplate ? pointInTimeTemplate : defaultPointInTimeItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".sds-timeline-viewport{overflow:hidden}.sds-timeline-viewport .sds-timeline-container{width:100%;min-height:0;position:relative;-webkit-user-select:none;user-select:none}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header{height:1.6rem;position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline-day-header .sds-day-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header{height:1.6rem;position:relative;font-size:.8em}.sds-timeline-viewport .sds-timeline-container .sds-timeline-hour-header .sds-hour-label{position:absolute;display:inline;text-align:center;font-size:.875rem}.sds-timeline-viewport .sds-timeline-container .sds-timeline{position:relative}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-tick{border-left:1px solid rgb(187,187,187);height:100%;position:absolute;display:inline}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container{height:100%;position:absolute;display:inline;top:20%;height:60%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-item-container .sds-timeline-item{position:relative;width:100%}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container{width:1px;height:1px;position:absolute}.sds-timeline-viewport .sds-timeline-container .sds-timeline .sds-timeline-point-in-time-item-container .sds-timeline-item{position:relative;width:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { start: [{
                 type: Input
             }], end: [{
@@ -470,6 +526,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], locales: [{
                 type: Input
+            }], cutOffset: [{
+                type: Input
+            }], defaultCursor: [{
+                type: Input
             }], _viewport: [{
                 type: ViewChild,
                 args: ['viewport', { static: true }]

package/fesm2015/spicainternational-ngx-sds-components-src-lib-timeline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-timeline.mjs","sources":["../../../projects/ngx-sds-components/src/lib/timeline/services/timeline.service.ts","../../../projects/ngx-sds-components/src/lib/timeline/components/timeline.component.ts","../../../projects/ngx-sds-components/src/lib/timeline/components/timeline.component.html","../../../projects/ngx-sds-components/src/lib/timeline/timeline.module.ts","../../../projects/ngx-sds-components/src/lib/timeline/spicainternational-ngx-sds-components-src-lib-timeline.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { TimelineIntervalLabel, TimelineTick } from '../models/timeline.model';\r\nimport { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';\r\n\r\nexport class SdsTimelineService {\r\n\r\n    private start: Date = new Date();\r\n    private end: Date = new Date();\r\n\r\n    private widthPercentPerMinute: number;\r\n\r\n    private hourTicks: TimelineTick[] = [];\r\n    // public dayLabels: TimelineIntervalLabel[] = [];\r\n    // public hourLabels: TimelineIntervalLabel[] = [];\r\n    \r\n    constructor(start: Date, end: Date, offSetMinutes: number) {\r\n        this.start = new Date(start);\r\n        this.start.setMinutes(this.start.getMinutes() - offSetMinutes);\r\n\r\n        this.end = new Date(end); \r\n        this.end.setMinutes(this.end.getMinutes() + offSetMinutes);\r\n\r\n        this.widthPercentPerMinute = (100 / this.diffInMinutes(this.start, this.end));\r\n\r\n        this.initHourTicks();\r\n        //this.initDayLabels();\r\n        // this.initHourLabels();\r\n    }\r\n\r\n    public getX(time: Date): number {\r\n        return this.diffInMinutes(this.start, time) * this.widthPercentPerMinute;        \r\n    }\r\n\r\n    public getWidthFromMinutes(minutes: number): number {\r\n        return minutes * this.widthPercentPerMinute;\r\n    }\r\n\r\n    public getWidthFromTime(start: Date, end: Date): number {\r\n        return this.getWidthFromMinutes(this.diffInMinutes(start, end));\r\n    }\r\n\r\n    public getTick(time: Date): TimelineTick {\r\n        return {\r\n            date: new Date(time),\r\n            x: this.getX(time),\r\n        }        \r\n    }\r\n    \r\n    public getHourTicks(frequency: TimelineTickFrequency = 'hourly'): TimelineTick[] {\r\n        return this.hourTicks.filter(tick => this.isValidFrequencyHour(tick.date.getHours(), frequency));\r\n    }\r\n\r\n    public getHourLabels(frequency: TimelineTickFrequency = 'hourly'): TimelineIntervalLabel[] {\r\n        const hourLabels: TimelineIntervalLabel[] = [];\r\n\r\n        const ticks = this.hourTicks.filter(tick => this.isValidFrequencyHour(tick.date.getHours(), frequency));\r\n        ticks.forEach(tick => {\r\n            let labelStartTime = new Date(tick.date);\r\n            hourLabels.push(\r\n                {\r\n                    x: this.getX(labelStartTime),\r\n                    width: 0,\r\n                    label: tick.date.getHours().toString(),\r\n                    date: new Date(labelStartTime),\r\n                    data: null\r\n                });\r\n        });\r\n        return hourLabels;\r\n    }\r\n\r\n    public getDayLabels(\r\n        locales: string | Array<string> | undefined, \r\n        customDataFn: TimelineCustomDateDataProvider | undefined): TimelineIntervalLabel[] {\r\n        const dayLabels = [];\r\n\r\n        // get start date at the beginning of the day\r\n        let startDate = new Date(this.start);\r\n        startDate.setHours(0, 0, 0, 0);\r\n\r\n        // get end date at the end of the day\r\n        let endDate = new Date(this.end);\r\n        endDate.setHours(23, 59, 59, 999);\r\n\r\n        let currentDate = new Date(startDate);\r\n        while (currentDate <= endDate) {\r\n            let endOfCurrentDay = new Date(currentDate);\r\n            endOfCurrentDay.setHours(23, 59, 59, 999);\r\n\r\n            dayLabels.push({\r\n                // date: new Date(currentDate),\r\n                x: this.getX(new Date(currentDate)),\r\n                width: this.getWidthFromTime(currentDate, endOfCurrentDay),\r\n                label: currentDate.toLocaleDateString(locales ?? [], { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }),\r\n                date: new Date(currentDate),\r\n                data: customDataFn ? customDataFn(new Date(currentDate)) : null\r\n            });\r\n            currentDate.setDate(currentDate.getDate() + 1); \r\n        }\r\n        return dayLabels;\r\n    }     \r\n\r\n    //#region Private Methods\r\n\r\n    private isValidFrequencyHour(hours: number, frequency: TimelineTickFrequency) {\r\n\r\n        if (frequency === 'hourly') {\r\n            return true; // every tick is valid\r\n        } \r\n        if (frequency === '2hrs') {\r\n            return hours % 2 === 0;\r\n        } \r\n        if (frequency === '3hrs') {\r\n            return hours % 3 === 0;\r\n        } \r\n        if (frequency === '6hrs') {\r\n            return hours % 6 === 0;\r\n        }\r\n        return false; // unsupported frequency\r\n    }\r\n\r\n    private diffInMinutes(start: Date, end: Date): number {\r\n        return (end.getTime() - start.getTime()) / (1000 * 60);;\r\n    }\r\n\r\n    private roundHoursUp(time: Date): Date {\r\n    \r\n        let newTime = new Date(time);\r\n        \r\n        if (newTime.getMinutes() > 0 || newTime.getSeconds() > 0 || newTime.getMilliseconds() > 0) {\r\n            newTime.setHours(newTime.getHours() + 1);\r\n        }\r\n        newTime.setMinutes(0, 0, 0);\r\n        return newTime;\r\n    }\r\n\r\n\r\n    private roundHoursDown(time: Date) {\r\n        let newTime = new Date(time);\r\n        newTime.setMinutes(0, 0, 0);\r\n        return newTime;\r\n    }\r\n    \r\n\r\n    private initHourTicks(): void {\r\n        this.hourTicks = [];\r\n\r\n        // get first whole hour from start date\r\n        let startHour = this.roundHoursUp(this.start);\r\n\r\n        // get last whole hour from end date\r\n        let endHour = this.roundHoursDown(this.end);\r\n\r\n        let currentHour = new Date(startHour)\r\n        while (currentHour <= endHour) {\r\n            this.hourTicks.push(this.getTick(currentHour));\r\n            currentHour.setHours(currentHour.getHours() + 1);\r\n        }\r\n    }\r\n    \r\n    //#endregion\r\n\r\n}\r\n","import {\r\n    AfterViewInit,\r\n    Component,\r\n    ElementRef,\r\n    HostListener,\r\n    Input,\r\n    OnChanges,\r\n    OnInit,\r\n    Output,\r\n    SimpleChanges,\r\n    TemplateRef,\r\n    ViewChild,\r\n    EventEmitter\r\n} from '@angular/core';\r\nimport { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';\r\nimport { SdsTimelineService } from '../services/timeline.service';\r\nimport {\r\n    TimelineIntervalLabel,\r\n    TimelineItem,\r\n    TimelineItemPresentation,\r\n    TimelinePointInTimeItem,\r\n    TimelinePointInTimeItemPresentation,\r\n    TimelineTick,\r\n} from '../models/timeline.model';\r\n\r\n@Component({\r\n    selector: 'sds-timeline',\r\n    templateUrl: './timeline.component.html',\r\n    styleUrls: ['./timeline.component.scss'],\r\n})\r\nexport class SdsTimelineComponent implements OnInit, OnChanges, AfterViewInit {\r\n    /**\r\n     * The start date and time for the timeline.\r\n     *\r\n     * @type {Date}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() start: Date = new Date();\r\n\r\n    /**\r\n     * The end date and time for the timeline.\r\n     *\r\n     * @type {Date}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() end: Date = new Date();\r\n\r\n    /**\r\n     * The period based items to be displayed on the timeline. Specify data if you need \r\n     * additional data for custom rendering of the items.\r\n     *\r\n     * @type {TimelineItem[]}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() items: TimelineItem[] = [];\r\n\r\n    /**\r\n     * Items to be displayed on the timeline at a specific point in time.\r\n     * Specify data if you need additional data for custom rendering of the items.\r\n     *\r\n     * @type {TimelinePointInTimeItem[]}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() pointInTimeItems: TimelinePointInTimeItem[] = [];\r\n\r\n    /**\r\n     * The template to be used for custom rendering of the items.\r\n     *\r\n     * @type {(TemplateRef<any> | undefined)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() itemTemplate: TemplateRef<any> | undefined = undefined;\r\n\r\n    /**\r\n     * The template to be used for custom rendering of the poin-in-time items.\r\n     *\r\n     * @type {(TemplateRef<any> | undefined)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() pointInTimeTemplate: TemplateRef<any> | undefined = undefined;\r\n\r\n    /**\r\n     * The template to be used for custom rendering of the day labels.\r\n     *\r\n     * @type {(TemplateRef<any> | undefined)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() dayLabelTemplate: TemplateRef<any> | undefined = undefined;\r\n    \r\n    /**\r\n     * A custom data function for the day labels. \r\n     * This function takes a Date object as input and returns any custom data that will be available for the custom template\r\n     *\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() dayLabelCustomDataFn: TimelineCustomDateDataProvider | undefined = undefined;\r\n\r\n    /**\r\n     * The frequency of the ticks on the timeline.\r\n     *\r\n     * @type {TimelineTickFrequency}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() tickFrequency: TimelineTickFrequency = 'hourly';\r\n\r\n    /**\r\n     * The frequency of the hour labels on the timeline.\r\n     *\r\n     * @type {TimelineTickFrequency}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() hourLabelFrequency: TimelineTickFrequency = '3hrs';\r\n\r\n\r\n    /**\r\n     * The current zoom level of the timeline. In percent.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() zoomPercent: number = 100;\r\n    @Output() zoomPercentChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * Initial offset of the viewport in percent. This is used in scenarios \r\n     * with multiple days when you want to show non-first day as defult.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() viewOffsetPercent: number = 0;\r\n    @Output() viewOffsetPercentChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * The maximum allowed zoom level of the timeline. In percent.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() maxZoomPercent: number = 500;\r\n\r\n    /**\r\n     * Whether to show hour labels.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() showHourLabels: boolean = true;\r\n\r\n    /**\r\n     * The CSS class to be applied to the hour labels.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() hourLabelClass?: string;\r\n\r\n    /**\r\n     * Whether to show day labels. \r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() showDayLabels: boolean = false;\r\n\r\n    /**\r\n     * The CSS class to be applied to the day labels.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() dayLabelClass?: string;\r\n\r\n    /**\r\n     * Whether to show timeline. Useful for hiding the timeline when we only need header.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() showTimeline: boolean = true;    \r\n\r\n    /**\r\n     * The CSS class to be applied to the hour ticks.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() hourTickClass?: string;\r\n\r\n    /**\r\n     * The height of the timeline. Default is 2rem.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() timelineHeight: string = '2rem';\r\n\r\n    /**\r\n     * Whether to enable zoom and drag functionality.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() enableZoomAndDrag: boolean = true;\r\n\r\n    /**\r\n     * Number of minutes added to start and stop to fit the data on the edges\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() offSetMinutes: number = 15;\r\n\r\n    /**\r\n     * The locales to be used for formatting the timeline.\r\n     *\r\n     * @type {(string | Array<string>)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() locales?: string | Array<string>;\r\n\r\n    // protected\r\n    hourTicks: TimelineTick[] = [];\r\n    hourLabels: TimelineIntervalLabel[] = [];\r\n    dayLabels: TimelineIntervalLabel[] = [];\r\n\r\n    private _timelineService: SdsTimelineService = new SdsTimelineService(\r\n        this.start,\r\n        this.end,\r\n        this.offSetMinutes\r\n    );\r\n\r\n    public presentationItems: TimelineItemPresentation[] = [];\r\n    public presentationPointInTimeItems: TimelinePointInTimeItemPresentation[] = [];\r\n\r\n    public isDragging = false;\r\n    public initialDragX = 0;\r\n\r\n    private viewOffsetPercentDragStart = 0;\r\n\r\n    @ViewChild('viewport', { static: true }) _viewport: ElementRef | undefined;\r\n\r\n    constructor() {}\r\n\r\n    ngAfterViewInit(): void {\r\n        this.generateTicks();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (this.start && this.end) {\r\n            this._timelineService = new SdsTimelineService(\r\n                this.start,\r\n                this.end,\r\n                this.offSetMinutes\r\n            );\r\n            this.generateTicks();\r\n            this.generateInternalTimelineItems();\r\n        }\r\n\r\n        if (changes['start'] || changes['end'] || changes['offSetMinutes']) {\r\n            this._timelineService = new SdsTimelineService(\r\n                this.start,\r\n                this.end,\r\n                this.offSetMinutes\r\n            );\r\n            this.generateTicks();\r\n            this.generateInternalTimelineItems();            \r\n        }\r\n\r\n        if (changes['items']) {\r\n            this.generateInternalTimelineItems();\r\n        }\r\n\r\n        if (changes['pointInTimeItems']) {\r\n            this.generateInternalTimelinePointInTimeItems();\r\n        }\r\n\r\n        if (changes['zoomPercent']) {\r\n            // this.viewOffsetPercent = (this.zoomPercent - 100) / -2;\r\n        }\r\n\r\n        if (changes['showDayLabels'] || changes['showHourLabels']) {\r\n            this.generateTicks();\r\n        }      \r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    //#region mouse wheel zoom\r\n    onScroll(event: WheelEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n\r\n            event.preventDefault();\r\n\r\n            const delta = Math.sign(event.deltaY);\r\n            const newZoomPercent = Math.min(\r\n                Math.max(this.zoomPercent + -delta * 20, 100),\r\n                this.maxZoomPercent\r\n            );\r\n            const deltaZoomPercent = newZoomPercent - this.zoomPercent;\r\n            this.zoomPercent = newZoomPercent;\r\n            this.zoomPercentChange.emit(this.zoomPercent);\r\n            \r\n            // get the relative position of the cursor on the viewport so we can zoom in into this position\r\n            const x = event.clientX - this._viewport?.nativeElement.getBoundingClientRect().left;\r\n            const cursorRelativePosition = x / this._viewport?.nativeElement.getBoundingClientRect().width;\r\n            // this.viewOffsetPercent = this.viewOffsetPercent - deltaZoomPercent * cursorRelativePosition;\r\n\r\n            this.constrainOffset(this.viewOffsetPercent - deltaZoomPercent * cursorRelativePosition);\r\n        }\r\n    }\r\n    //#endregion\r\n\r\n    //#region dragging\r\n    \r\n    public onDragStart(event: MouseEvent | TouchEvent): void {\r\n        if (this.enableZoomAndDrag && this.zoomPercent > 100) {\r\n            event.preventDefault();\r\n            this.isDragging = true;\r\n            this.viewOffsetPercentDragStart = this.viewOffsetPercent;\r\n\r\n            if (event instanceof MouseEvent) {\r\n                this.initialDragX = event.clientX;\r\n            } else if (event instanceof TouchEvent) {\r\n                this.initialDragX = event.touches[0].clientX;\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('window:mousemove', ['$event'])\r\n    public onDragMove(event: MouseEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n            if (this.isDragging) {\r\n                const currentX = event.clientX;\r\n                this.moveElement(currentX);\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('window:touchmove', ['$event'])\r\n    onDragMoveTouch(event: TouchEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n            if (this.isDragging) {\r\n                const currentX = event.touches[0].clientX;\r\n                this.moveElement(currentX);\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('window:mouseup', ['$event'])\r\n    @HostListener('window:touchend', ['$event'])\r\n    public onDragEnd(event: MouseEvent | TouchEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n            this.isDragging = false;\r\n        }\r\n    }\r\n\r\n    private moveElement(currentX: number): void {\r\n        const diff = currentX - this.initialDragX;\r\n        if (this._viewport && this._viewport.nativeElement) {\r\n            const diffInPercent = (diff / this._viewport?.nativeElement.getBoundingClientRect().width) * 100;\r\n            // this.viewOffsetPercent = this.viewOffsetPercentDragStart + diffInPercent;\r\n            this.constrainOffset(this.viewOffsetPercentDragStart + diffInPercent);\r\n        }\r\n    }\r\n\r\n    //#endregion\r\n\r\n    private constrainOffset(newOffset: number): void {        \r\n        if (this.zoomPercent + newOffset < 100) {\r\n            newOffset = -this.zoomPercent + 100;\r\n        }\r\n        newOffset = Math.min(0, newOffset);\r\n        if (newOffset != this.viewOffsetPercent) {\r\n            this.viewOffsetPercent = newOffset;\r\n            this.viewOffsetPercentChange.emit(this.viewOffsetPercent);\r\n        }\r\n    }\r\n\r\n    private generateTicks(): void {\r\n        this.hourTicks = this._timelineService.getHourTicks(this.tickFrequency);\r\n        this.dayLabels = this._timelineService.getDayLabels(this.locales, this.dayLabelCustomDataFn);\r\n        this.hourLabels = this._timelineService.getHourLabels(this.hourLabelFrequency);\r\n    }\r\n\r\n    private generateInternalTimelineItems(): void {\r\n        this.presentationItems = this.items.map((item) => {\r\n\r\n            const startTime = new Date(item.start).toLocaleTimeString(this.locales?? [], { hour: 'numeric', minute: '2-digit' });\r\n            const endTime = new Date(item.end).toLocaleTimeString(this.locales?? [], { hour: 'numeric', minute: '2-digit' });\r\n            const timeRange = `${startTime} - ${endTime}`;\r\n    \r\n            return {\r\n                data: item.data,\r\n                x: this._timelineService.getX(item.start),\r\n                width: this._timelineService.getWidthFromTime(\r\n                    item.start,\r\n                    item.end\r\n                ),\r\n                hint: item.hint ?? timeRange,\r\n                backgroundColor: item.backgroundColor,\r\n                top: item.top ?? '50%',\r\n                height: item.height ?? '60%',\r\n                class: item.class,\r\n            };\r\n        });\r\n    }\r\n\r\n\r\n    private generateInternalTimelinePointInTimeItems(): void {\r\n        this.presentationPointInTimeItems = this.pointInTimeItems.map((item) => {\r\n\r\n            const timePointString = new Date(item.date).toLocaleTimeString(this.locales?? [], { hour: 'numeric', minute: '2-digit' });\r\n\r\n            return {\r\n                data: item.data,\r\n                x: this._timelineService.getX(item.date),\r\n                hint: item.hint ?? timePointString,\r\n                top: item.top ?? '20%',\r\n                height: item.height ?? '1rem',\r\n                width: item.width ?? '1rem',\r\n                class: item.class,\r\n                backgroundColor: item.backgroundColor,\r\n            };\r\n        });\r\n    }\r\n}\r\n","<ng-template #defaultItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultPointInTimeItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultDayLabelTemplate let-label=\"label\">\r\n    {{label.label}}\r\n</ng-template>\r\n\r\n<div \r\n    #viewport\r\n    class=\"sds-timeline-viewport\"\r\n    (wheel)=\"onScroll($event)\"\r\n\r\n    (mousedown)=\"onDragStart($event)\"\r\n    (touchstart)=\"onDragStart($event)\"\r\n    >\r\n\r\n    <div \r\n        class=\"sds-timeline-container d-flex flex-column\"\r\n        [style.left.%]=\"viewOffsetPercent\"\r\n        [style.width.%]=\"zoomPercent\"\r\n        [style.cursor]=\"isDragging ? 'ew-resize' : 'default'\"\r\n        >\r\n\r\n        <div\r\n            *ngIf=\"showDayLabels\" \r\n            class=\"sds-timeline-day-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of dayLabels\"\r\n                class=\"sds-day-label\"  \r\n                [ngClass]=\"dayLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.%]=\"label.width\"\r\n            >\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"dayLabelTemplate ? dayLabelTemplate : defaultDayLabelTemplate\"\r\n                    [ngTemplateOutletContext]=\"{label: label}\">\r\n                </ng-container>  \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showHourLabels\" \r\n            class=\"sds-timeline-hour-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of hourLabels;\"\r\n                class=\"sds-hour-label\"  \r\n                [ngClass]=\"hourLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.rem]=\"1.2\"\r\n                [ngStyle]=\"{'left': 'calc(' + label.x + '% - 0.6rem)'}\"\r\n            >\r\n                \r\n                {{label.label}}\r\n                \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showTimeline\"\r\n            class=\"sds-timeline flex-grow-1\"\r\n            [style.height]=\"timelineHeight\"\r\n            >\r\n\r\n            <div \r\n                *ngFor=\"let tick of hourTicks\"\r\n                class=\"sds-timeline-tick\"  \r\n                [ngClass]=\"hourTickClass ?? null\"\t\r\n                [ngStyle]=\"tick.x == 100 ? {'left': 'calc(' + tick.x +'% - 1px)'} : {'left': 'calc(' + tick.x + '% - 0.5px)'}\"\r\n            >\r\n            </div>\r\n\r\n            <div \r\n                *ngFor=\"let item of presentationItems\"\r\n                class=\"sds-timeline-item-container\"\r\n                [ngClass]=\"item.class ?? null\"\r\n                [ngStyle]=\"{\r\n                    'width': 'max(' + item.width +'%, 1px)',\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                }\"\r\n\r\n                [style.left.%]=\"item.x\"\r\n                [style.height]=\"item.height\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n            </div>\r\n\r\n\r\n            <div *ngFor=\"let item of presentationPointInTimeItems\"\r\n                class=\"sds-timeline-point-in-time-item-container\"\r\n                [ngClass]=\"item.class\"\t\r\n                [style.height]=\"item.height\"\r\n                [style.width]=\"item.width\"\r\n                [ngStyle]=\"{\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                    'left': 'calc(' + item.x + '% - max( calc(' + item.width +'/2), 1px))',\r\n                    \r\n                }\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"pointInTimeTemplate ? pointInTimeTemplate : defaultPointInTimeItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsTimelineComponent } from './components/timeline.component';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        SdsTimelineComponent\r\n    ],\r\n    imports: [\r\n        CommonModule\r\n    ],\r\n    exports: [\r\n        SdsTimelineComponent\r\n    ],\r\n})\r\nexport class SdsTimelineModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-timeline.mjs","sources":["../../../projects/ngx-sds-components/src/lib/timeline/services/timeline.service.ts","../../../projects/ngx-sds-components/src/lib/timeline/components/timeline.component.ts","../../../projects/ngx-sds-components/src/lib/timeline/components/timeline.component.html","../../../projects/ngx-sds-components/src/lib/timeline/timeline.module.ts","../../../projects/ngx-sds-components/src/lib/timeline/spicainternational-ngx-sds-components-src-lib-timeline.ts"],"sourcesContent":["import { TimelineIntervalLabel, TimelineTick } from '../models/timeline.model';\r\nimport { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';\r\n\r\nexport class SdsTimelineService {\r\n\r\n    private startWithOffset: Date = new Date();\r\n    private endWithOffset: Date = new Date();\r\n\r\n    private start: Date = new Date();\r\n    private end: Date = new Date();\r\n\r\n    private cutOffset = true;\r\n\r\n\r\n    private widthPercentPerMinute: number;\r\n\r\n    private hourTicks: TimelineTick[] = [];\r\n\r\n    \r\n    constructor(start: Date, end: Date, offSetMinutes: number, cutOffset: boolean) {\r\n        this.cutOffset = cutOffset;\r\n\r\n        this.start = new Date(start);\r\n        this.startWithOffset = new Date(start);\r\n        this.startWithOffset.setMinutes(this.startWithOffset.getMinutes() - offSetMinutes);\r\n\r\n        this.end = new Date(end);\r\n        this.endWithOffset = new Date(end); \r\n        this.endWithOffset.setMinutes(this.endWithOffset.getMinutes() + offSetMinutes);\r\n\r\n        this.widthPercentPerMinute = (100 / this.diffInMinutes(this.startWithOffset, this.endWithOffset));\r\n\r\n        this.initHourTicks();\r\n    }\r\n\r\n    public getX(time: Date): number {\r\n        const trimmedTime = new Date(time);\r\n        if (this.cutOffset) {\r\n            if (trimmedTime < this.start) {\r\n                trimmedTime.setTime(this.start.getTime());\r\n            }\r\n            if (trimmedTime > this.end) {\r\n                trimmedTime.setTime(this.end.getTime());\r\n            }\r\n        }\r\n\r\n        return this.diffInMinutes(this.startWithOffset, trimmedTime) * this.widthPercentPerMinute;        \r\n    }\r\n\r\n    public getWidthFromMinutes(minutes: number): number {\r\n        return minutes * this.widthPercentPerMinute;\r\n    }\r\n\r\n    public getWidthFromTime(start: Date, end: Date): number {\r\n        const trimmedStart = new Date(start);\r\n        if (this.cutOffset) {\r\n            if (trimmedStart < this.start) {\r\n                trimmedStart.setTime(this.start.getTime());\r\n            }   \r\n            if (trimmedStart > this.end) {\r\n                trimmedStart.setTime(this.end.getTime());\r\n            }\r\n        }\r\n\r\n        const trimmedEnd = new Date(end);\r\n        if (this.cutOffset) {\r\n            if (trimmedEnd < this.start) {\r\n                trimmedEnd.setTime(this.start.getTime());\r\n            }\r\n            if (trimmedEnd > this.end) {\r\n                trimmedEnd.setTime(this.end.getTime());\r\n            }\r\n        }\r\n\r\n        return this.getWidthFromMinutes(this.diffInMinutes(trimmedStart, trimmedEnd));\r\n    }\r\n\r\n    public getTick(time: Date): TimelineTick {\r\n        return {\r\n            date: new Date(time),\r\n            x: this.getX(time),\r\n        }        \r\n    }\r\n    \r\n    public getHourTicks(frequency: TimelineTickFrequency = 'hourly'): TimelineTick[] {\r\n        return this.hourTicks.filter(tick => this.isValidFrequencyHour(tick.date.getHours(), frequency));\r\n    }\r\n\r\n    public getHourLabels(frequency: TimelineTickFrequency = 'hourly'): TimelineIntervalLabel[] {\r\n        const hourLabels: TimelineIntervalLabel[] = [];\r\n\r\n        const ticks = this.hourTicks.filter(tick => this.isValidFrequencyHour(tick.date.getHours(), frequency));\r\n        ticks.forEach(tick => {\r\n            let labelStartTime = new Date(tick.date);\r\n            hourLabels.push(\r\n                {\r\n                    x: this.getX(labelStartTime),\r\n                    width: 0,\r\n                    label: tick.date.getHours().toString(),\r\n                    date: new Date(labelStartTime),\r\n                    data: null\r\n                });\r\n        });\r\n        return hourLabels;\r\n    }\r\n\r\n    public getDayLabels(\r\n        locales: string | Array<string> | undefined, \r\n        customDataFn: TimelineCustomDateDataProvider | undefined): TimelineIntervalLabel[] {\r\n        const dayLabels = [];\r\n\r\n        // get start date at the beginning of the day\r\n        let startDate = new Date(this.startWithOffset);\r\n        startDate.setHours(0, 0, 0, 0);\r\n\r\n        // get end date at the end of the day\r\n        let endDate = new Date(this.endWithOffset);\r\n        endDate.setHours(23, 59, 59, 999);\r\n\r\n        let currentDate = new Date(startDate);\r\n        while (currentDate <= endDate) {\r\n            let endOfCurrentDay = new Date(currentDate);\r\n            endOfCurrentDay.setHours(23, 59, 59, 999);\r\n\r\n            const dayLabelWidth = this.getWidthFromTime(currentDate, endOfCurrentDay);\r\n\r\n            if (dayLabelWidth > 0) {\r\n                dayLabels.push({\r\n                    // date: new Date(currentDate),\r\n                    x: this.getX(new Date(currentDate)),\r\n                    width: dayLabelWidth,\r\n                    label: currentDate.toLocaleDateString(locales ?? [], { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }),\r\n                    date: new Date(currentDate),\r\n                    data: customDataFn ? customDataFn(new Date(currentDate)) : null\r\n                });\r\n            }\r\n            currentDate.setDate(currentDate.getDate() + 1); \r\n        }\r\n        return dayLabels;\r\n    }     \r\n\r\n    //#region Private Methods\r\n\r\n    private isValidFrequencyHour(hours: number, frequency: TimelineTickFrequency) {\r\n\r\n        if (frequency === 'hourly') {\r\n            return true; // every tick is valid\r\n        } \r\n        if (frequency === '2hrs') {\r\n            return hours % 2 === 0;\r\n        } \r\n        if (frequency === '3hrs') {\r\n            return hours % 3 === 0;\r\n        } \r\n        if (frequency === '6hrs') {\r\n            return hours % 6 === 0;\r\n        }\r\n        return false; // unsupported frequency\r\n    }\r\n\r\n    private diffInMinutes(start: Date, end: Date): number {\r\n        return (end.getTime() - start.getTime()) / (1000 * 60);;\r\n    }\r\n\r\n    private roundHoursUp(time: Date): Date {\r\n    \r\n        let newTime = new Date(time);\r\n        \r\n        if (newTime.getMinutes() > 0 || newTime.getSeconds() > 0 || newTime.getMilliseconds() > 0) {\r\n            newTime.setHours(newTime.getHours() + 1);\r\n        }\r\n        newTime.setMinutes(0, 0, 0);\r\n        return newTime;\r\n    }\r\n\r\n\r\n    private roundHoursDown(time: Date) {\r\n        let newTime = new Date(time);\r\n        newTime.setMinutes(0, 0, 0);\r\n        return newTime;\r\n    }\r\n    \r\n\r\n    private initHourTicks(): void {\r\n        this.hourTicks = [];\r\n\r\n        // get first whole hour from start date\r\n        let startHour = this.roundHoursUp(this.startWithOffset);\r\n\r\n        // get last whole hour from end date\r\n        let endHour = this.roundHoursDown(this.endWithOffset);\r\n\r\n        let currentHour = new Date(startHour)\r\n        while (currentHour <= endHour) {\r\n            this.hourTicks.push(this.getTick(currentHour));\r\n            currentHour.setHours(currentHour.getHours() + 1);\r\n        }\r\n    }\r\n    \r\n    //#endregion\r\n\r\n}\r\n","import {\r\n    AfterViewInit,\r\n    Component,\r\n    ElementRef,\r\n    HostListener,\r\n    Input,\r\n    OnChanges,\r\n    OnInit,\r\n    Output,\r\n    SimpleChanges,\r\n    TemplateRef,\r\n    ViewChild,\r\n    EventEmitter\r\n} from '@angular/core';\r\nimport { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';\r\nimport { SdsTimelineService } from '../services/timeline.service';\r\nimport {\r\n    TimelineIntervalLabel,\r\n    TimelineItem,\r\n    TimelineItemPresentation,\r\n    TimelinePointInTimeItem,\r\n    TimelinePointInTimeItemPresentation,\r\n    TimelineTick,\r\n} from '../models/timeline.model';\r\n\r\n@Component({\r\n    selector: 'sds-timeline',\r\n    templateUrl: './timeline.component.html',\r\n    styleUrls: ['./timeline.component.scss'],\r\n})\r\nexport class SdsTimelineComponent implements OnInit, OnChanges, AfterViewInit {\r\n    /**\r\n     * The start date and time for the timeline.\r\n     *\r\n     * @type {Date}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() start: Date = new Date();\r\n\r\n    /**\r\n     * The end date and time for the timeline.\r\n     *\r\n     * @type {Date}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() end: Date = new Date();\r\n\r\n    /**\r\n     * The period based items to be displayed on the timeline. Specify data if you need \r\n     * additional data for custom rendering of the items.\r\n     *\r\n     * @type {TimelineItem[]}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() items: TimelineItem[] = [];\r\n\r\n    /**\r\n     * Items to be displayed on the timeline at a specific point in time.\r\n     * Specify data if you need additional data for custom rendering of the items.\r\n     *\r\n     * @type {TimelinePointInTimeItem[]}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() pointInTimeItems: TimelinePointInTimeItem[] = [];\r\n\r\n    /**\r\n     * The template to be used for custom rendering of the items.\r\n     *\r\n     * @type {(TemplateRef<any> | undefined)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() itemTemplate: TemplateRef<any> | undefined = undefined;\r\n\r\n    /**\r\n     * The template to be used for custom rendering of the poin-in-time items.\r\n     *\r\n     * @type {(TemplateRef<any> | undefined)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() pointInTimeTemplate: TemplateRef<any> | undefined = undefined;\r\n\r\n    /**\r\n     * The template to be used for custom rendering of the day labels.\r\n     *\r\n     * @type {(TemplateRef<any> | undefined)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() dayLabelTemplate: TemplateRef<any> | undefined = undefined;\r\n    \r\n    /**\r\n     * A custom data function for the day labels. \r\n     * This function takes a Date object as input and returns any custom data that will be available for the custom template\r\n     *\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() dayLabelCustomDataFn: TimelineCustomDateDataProvider | undefined = undefined;\r\n\r\n    /**\r\n     * The frequency of the ticks on the timeline.\r\n     *\r\n     * @type {TimelineTickFrequency}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() tickFrequency: TimelineTickFrequency = 'hourly';\r\n\r\n    /**\r\n     * The frequency of the hour labels on the timeline.\r\n     *\r\n     * @type {TimelineTickFrequency}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() hourLabelFrequency: TimelineTickFrequency = '3hrs';\r\n\r\n\r\n    /**\r\n     * The current zoom level of the timeline. In percent.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() zoomPercent: number = 100;\r\n    @Output() zoomPercentChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * Initial offset of the viewport in percent. This is used in scenarios \r\n     * with multiple days when you want to show non-first day as defult.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() viewOffsetPercent: number = 0;\r\n    @Output() viewOffsetPercentChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * The maximum allowed zoom level of the timeline. In percent.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() maxZoomPercent: number = 500;\r\n\r\n    /**\r\n     * Whether to show hour labels.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() showHourLabels: boolean = true;\r\n\r\n    /**\r\n     * The CSS class to be applied to the hour labels.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() hourLabelClass?: string;\r\n\r\n    /**\r\n     * Whether to show day labels. \r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() showDayLabels: boolean = false;\r\n\r\n    /**\r\n     * The CSS class to be applied to the day labels.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() dayLabelClass?: string;\r\n\r\n    /**\r\n     * Whether to show timeline. Useful for hiding the timeline when we only need header.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() showTimeline: boolean = true;    \r\n\r\n    /**\r\n     * The CSS class to be applied to the hour ticks.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() hourTickClass?: string;\r\n\r\n    /**\r\n     * The height of the timeline. Default is 2rem.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() timelineHeight: string = '2rem';\r\n\r\n    /**\r\n     * Whether to enable zoom and drag functionality.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() enableZoomAndDrag: boolean = true;\r\n\r\n    /**\r\n     * Number of minutes added to start and stop to fit the data on the edges\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() offSetMinutes: number = 15;\r\n\r\n    /**\r\n     * The locales to be used for formatting the timeline.\r\n     *\r\n     * @type {(string | Array<string>)}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() locales?: string | Array<string>;\r\n\r\n    /**\r\n     * Control if those parts of segments (or whole segments) that fall into the Offset \r\n     * period are displayed or not\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() cutOffset: boolean = false;\r\n\r\n    /**\r\n     * Sets default cursor, that should be shown when hovering over timeline component.\r\n     * Default value is 'default'.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsTimelineComponent\r\n     */\r\n    @Input() defaultCursor: string = \"default\";\r\n\r\n    // protected\r\n    hourTicks: TimelineTick[] = [];\r\n    hourLabels: TimelineIntervalLabel[] = [];\r\n    dayLabels: TimelineIntervalLabel[] = [];\r\n\r\n    private _timelineService: SdsTimelineService = new SdsTimelineService(\r\n        this.start,\r\n        this.end,\r\n        this.offSetMinutes,\r\n        this.cutOffset\r\n    );\r\n\r\n    public presentationItems: TimelineItemPresentation[] = [];\r\n    public presentationPointInTimeItems: TimelinePointInTimeItemPresentation[] = [];\r\n\r\n    public isDragging = false;\r\n    public initialDragX = 0;\r\n\r\n    private viewOffsetPercentDragStart = 0;\r\n\r\n    @ViewChild('viewport', { static: true }) _viewport: ElementRef | undefined;\r\n\r\n    constructor() {}\r\n\r\n    ngAfterViewInit(): void {\r\n        this.generateTicks();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (this.start && this.end) {\r\n            this._timelineService = new SdsTimelineService(\r\n                this.start,\r\n                this.end,\r\n                this.offSetMinutes,\r\n                this.cutOffset\r\n            );\r\n            this.generateTicks();\r\n            this.generateInternalTimelineItems();\r\n        }\r\n\r\n        if (changes['start'] || changes['end'] || changes['offSetMinutes'] || changes['cutOffset']) {\r\n            this._timelineService = new SdsTimelineService(\r\n                this.start,\r\n                this.end,\r\n                this.offSetMinutes,\r\n                this.cutOffset\r\n            );\r\n            this.generateTicks();\r\n            this.generateInternalTimelineItems();            \r\n        }\r\n\r\n        if (changes['items']) {\r\n            this.generateInternalTimelineItems();\r\n        }\r\n\r\n        if (changes['pointInTimeItems']) {\r\n            this.generateInternalTimelinePointInTimeItems();\r\n        }\r\n\r\n        if (changes['zoomPercent']) {\r\n            // this.viewOffsetPercent = (this.zoomPercent - 100) / -2;\r\n        }\r\n\r\n        if (changes['showDayLabels'] || changes['showHourLabels']) {\r\n            this.generateTicks();\r\n        }      \r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    //#region mouse wheel zoom\r\n    onScroll(event: WheelEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n\r\n            event.preventDefault();\r\n\r\n            const delta = Math.sign(event.deltaY);\r\n            const newZoomPercent = Math.min(\r\n                Math.max(this.zoomPercent + -delta * 20, 100),\r\n                this.maxZoomPercent\r\n            );\r\n            const deltaZoomPercent = newZoomPercent - this.zoomPercent;\r\n            this.zoomPercent = newZoomPercent;\r\n            this.zoomPercentChange.emit(this.zoomPercent);\r\n            \r\n            // get the relative position of the cursor on the viewport so we can zoom in into this position\r\n            const x = event.clientX - this._viewport?.nativeElement.getBoundingClientRect().left;\r\n            const cursorRelativePosition = x / this._viewport?.nativeElement.getBoundingClientRect().width;\r\n            // this.viewOffsetPercent = this.viewOffsetPercent - deltaZoomPercent * cursorRelativePosition;\r\n\r\n            this.constrainOffset(this.viewOffsetPercent - deltaZoomPercent * cursorRelativePosition);\r\n        }\r\n    }\r\n    //#endregion\r\n\r\n    //#region dragging\r\n    \r\n    public onDragStart(event: MouseEvent | TouchEvent): void {\r\n        if (this.enableZoomAndDrag && this.zoomPercent > 100) {\r\n            event.preventDefault();\r\n            this.isDragging = true;\r\n            this.viewOffsetPercentDragStart = this.viewOffsetPercent;\r\n\r\n            if (event instanceof MouseEvent) {\r\n                this.initialDragX = event.clientX;\r\n            } else if (event instanceof TouchEvent) {\r\n                this.initialDragX = event.touches[0].clientX;\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('window:mousemove', ['$event'])\r\n    public onDragMove(event: MouseEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n            if (this.isDragging) {\r\n                const currentX = event.clientX;\r\n                this.moveElement(currentX);\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('window:touchmove', ['$event'])\r\n    onDragMoveTouch(event: TouchEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n            if (this.isDragging) {\r\n                const currentX = event.touches[0].clientX;\r\n                this.moveElement(currentX);\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('window:mouseup', ['$event'])\r\n    @HostListener('window:touchend', ['$event'])\r\n    public onDragEnd(event: MouseEvent | TouchEvent): void {\r\n        if (this.enableZoomAndDrag) {\r\n            this.isDragging = false;\r\n        }\r\n    }\r\n\r\n    private moveElement(currentX: number): void {\r\n        const diff = currentX - this.initialDragX;\r\n        if (this._viewport && this._viewport.nativeElement) {\r\n            const diffInPercent = (diff / this._viewport?.nativeElement.getBoundingClientRect().width) * 100;\r\n            // this.viewOffsetPercent = this.viewOffsetPercentDragStart + diffInPercent;\r\n            this.constrainOffset(this.viewOffsetPercentDragStart + diffInPercent);\r\n        }\r\n    }\r\n\r\n    //#endregion\r\n\r\n    private constrainOffset(newOffset: number): void {        \r\n        if (this.zoomPercent + newOffset < 100) {\r\n            newOffset = -this.zoomPercent + 100;\r\n        }\r\n        newOffset = Math.min(0, newOffset);\r\n        if (newOffset != this.viewOffsetPercent) {\r\n            this.viewOffsetPercent = newOffset;\r\n            this.viewOffsetPercentChange.emit(this.viewOffsetPercent);\r\n        }\r\n    }\r\n\r\n    private generateTicks(): void {\r\n        this.hourTicks = this._timelineService.getHourTicks(this.tickFrequency);\r\n        this.dayLabels = this._timelineService.getDayLabels(this.locales, this.dayLabelCustomDataFn);\r\n        this.hourLabels = this._timelineService.getHourLabels(this.hourLabelFrequency);\r\n    }\r\n\r\n    private generateInternalTimelineItems(): void {\r\n        const cuttOffStart = this.cutOffset ? this.start : new Date(this.start.getTime() - this.offSetMinutes * 60000);\r\n        const cuttOffEnd = this.cutOffset ? this.end : new Date(this.end.getTime() + this.offSetMinutes * 60000);\r\n\r\n        this.presentationItems = this.items\r\n            .filter((item) => item.end < cuttOffStart || item.start > cuttOffEnd ? false : true)\r\n            .map((item) => {\r\n                const startTime = new Date(item.start).toLocaleTimeString(this.locales?? [], { hour: 'numeric', minute: '2-digit' });\r\n                const endTime = new Date(item.end).toLocaleTimeString(this.locales?? [], { hour: 'numeric', minute: '2-digit' });\r\n                const timeRange = `${startTime} - ${endTime}`;\r\n        \r\n                return {\r\n                    data: item.data,\r\n                    x: this._timelineService.getX(item.start),\r\n                    width: this._timelineService.getWidthFromTime(\r\n                        item.start,\r\n                        item.end\r\n                    ),\r\n                    hint: item.hint ?? timeRange,\r\n                    backgroundColor: item.backgroundColor,\r\n                    top: item.top ?? '50%',\r\n                    height: item.height ?? '60%',\r\n                    class: item.class,\r\n                };\r\n            });\r\n    }\r\n\r\n\r\n    private generateInternalTimelinePointInTimeItems(): void {\r\n        const cuttOffStart = this.cutOffset ? this.start : new Date(this.start.getTime() - this.offSetMinutes * 60000);\r\n        const cuttOffEnd = this.cutOffset ? this.end : new Date(this.end.getTime() + this.offSetMinutes * 60000);\r\n\r\n        this.presentationPointInTimeItems = this.pointInTimeItems\r\n            .filter((item) => item.date < cuttOffStart || item.date > cuttOffEnd ? false : true)\r\n            .map((item) => {\r\n\r\n                const timePointString = new Date(item.date).toLocaleTimeString(this.locales?? [], { hour: 'numeric', minute: '2-digit' });\r\n\r\n                return {\r\n                    data: item.data,\r\n                    x: this._timelineService.getX(item.date),\r\n                    hint: item.hint ?? timePointString,\r\n                    top: item.top ?? '20%',\r\n                    height: item.height ?? '1rem',\r\n                    width: item.width ?? '1rem',\r\n                    class: item.class,\r\n                    backgroundColor: item.backgroundColor,\r\n                };\r\n            });\r\n    }\r\n}\r\n","<ng-template #defaultItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultPointInTimeItemTemplate let-item=\"item\">\r\n    <div \r\n        class=\"sds-timeline-item h-100\"\r\n        [title]=\"item.hint\"\r\n        >\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultDayLabelTemplate let-label=\"label\">\r\n    {{label.label}}\r\n</ng-template>\r\n\r\n<div \r\n    #viewport\r\n    class=\"sds-timeline-viewport\"\r\n    (wheel)=\"onScroll($event)\"\r\n\r\n    (mousedown)=\"onDragStart($event)\"\r\n    (touchstart)=\"onDragStart($event)\"\r\n    >\r\n\r\n    <div \r\n        class=\"sds-timeline-container d-flex flex-column\"\r\n        [style.left.%]=\"viewOffsetPercent\"\r\n        [style.width.%]=\"zoomPercent\"\r\n        [style.cursor]=\"isDragging ? 'ew-resize' : defaultCursor\"\r\n        >\r\n\r\n        <div\r\n            *ngIf=\"showDayLabels\" \r\n            class=\"sds-timeline-day-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of dayLabels\"\r\n                class=\"sds-day-label\"  \r\n                [ngClass]=\"dayLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.%]=\"label.width\"\r\n            >\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"dayLabelTemplate ? dayLabelTemplate : defaultDayLabelTemplate\"\r\n                    [ngTemplateOutletContext]=\"{label: label}\">\r\n                </ng-container>  \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showHourLabels\" \r\n            class=\"sds-timeline-hour-header\">\r\n\r\n            <div \r\n                *ngFor=\"let label of hourLabels;\"\r\n                class=\"sds-hour-label\"  \r\n                [ngClass]=\"hourLabelClass ?? null\"\r\n                [style.left.%]=\"label.x\"\r\n                [style.width.rem]=\"1.2\"\r\n                [ngStyle]=\"{'left': 'calc(' + label.x + '% - 0.6rem)'}\"\r\n            >\r\n                \r\n                {{label.label}}\r\n                \r\n            </div>\r\n        </div>\r\n\r\n        <div \r\n            *ngIf=\"showTimeline\"\r\n            class=\"sds-timeline flex-grow-1\"\r\n            [style.height]=\"timelineHeight\"\r\n            >\r\n\r\n            <div \r\n                *ngFor=\"let tick of hourTicks\"\r\n                class=\"sds-timeline-tick\"  \r\n                [ngClass]=\"hourTickClass ?? null\"\t\r\n                [ngStyle]=\"tick.x == 100 ? {'left': 'calc(' + tick.x +'% - 1px)'} : {'left': 'calc(' + tick.x + '% - 0.5px)'}\"\r\n            >\r\n            </div>\r\n\r\n            <div \r\n                *ngFor=\"let item of presentationItems\"\r\n                class=\"sds-timeline-item-container\"\r\n                [ngClass]=\"item.class ?? null\"\r\n                [ngStyle]=\"{\r\n                    'width': 'max(' + item.width +'%, 1px)',\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                }\"\r\n\r\n                [style.left.%]=\"item.x\"\r\n                [style.height]=\"item.height\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n            </div>\r\n\r\n\r\n            <div *ngFor=\"let item of presentationPointInTimeItems\"\r\n                class=\"sds-timeline-point-in-time-item-container\"\r\n                [ngClass]=\"item.class\"\t\r\n                [style.height]=\"item.height\"\r\n                [style.width]=\"item.width\"\r\n                [ngStyle]=\"{\r\n                    'top': 'calc(' + item.top + ' - max(calc(' + item.height +'/2), 1px))', \r\n                    'left': 'calc(' + item.x + '% - max( calc(' + item.width +'/2), 1px))',\r\n                    \r\n                }\"\r\n                [style.backgroundColor]=\"item.backgroundColor\"\r\n                >\r\n\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"pointInTimeTemplate ? pointInTimeTemplate : defaultPointInTimeItemTemplate\"\r\n                    [ngTemplateOutletContext]=\"{item: item}\">\r\n                </ng-container>  \r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsTimelineComponent } from './components/timeline.component';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        SdsTimelineComponent\r\n    ],\r\n    imports: [\r\n        CommonModule\r\n    ],\r\n    exports: [\r\n        SdsTimelineComponent\r\n    ],\r\n})\r\nexport class SdsTimelineModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/spicainternational-ngx-sds-components-src-lib-navigation.mjs

@@ -166,7 +166,7 @@ class SdsNavigationGroupComponent {
                 const route = activeRoute.split('/').filter(item => item.length > 0);
                 this.currentUrl = route;
                 this.isGroupActive = isUrlPartOfNavigationGroup(this.currentUrl, this.navigationGroupNestedRoutes, this.defaultRouterLink);
-                console.debug(`Nav group [${this.text}] active check (NavigationEnd): isGroupActive = ${this.isGroupActive} for route ${this.currentUrl}, navigationGroupNestedRoutes = ${this.navigationGroupNestedRoutes}, defaultRouterLink = ${this.defaultRouterLink}`);
+                //console.debug(`Nav group [${this.text}] active check (NavigationEnd): isGroupActive = ${this.isGroupActive} for route ${this.currentUrl}, navigationGroupNestedRoutes = ${this.navigationGroupNestedRoutes}, defaultRouterLink = ${this.defaultRouterLink}`);
             }
         });
     }
@@ -176,7 +176,7 @@ class SdsNavigationGroupComponent {
             const route = activeRoute.split('/').filter(item => item.length > 0);
             this.currentUrl = route;
             this.isGroupActive = isUrlPartOfNavigationGroup(this.currentUrl, this.navigationGroupNestedRoutes, this.defaultRouterLink);
-            console.debug(`Nav group [${this.text}] active check (onChanges): isGroupActive = ${this.isGroupActive} for route ${this.currentUrl}, navigationGroupNestedRoutes = ${this.navigationGroupNestedRoutes}, defaultRouterLink = ${this.defaultRouterLink}`);
+            //console.debug(`Nav group [${this.text}] active check (onChanges): isGroupActive = ${this.isGroupActive} for route ${this.currentUrl}, navigationGroupNestedRoutes = ${this.navigationGroupNestedRoutes}, defaultRouterLink = ${this.defaultRouterLink}`);
         }
     }
     ngOnDestroy() {