@progress/kendo-angular-gantt 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/scrolling/utils.mjs

@@ -1,77 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { ScrollAxis, ScrollDirection } from './drag-scroll-settings';
-import { isPresent } from '../utils';
-/**
- * @hidden
- *
- * Checks if the beginning of the scrollable element is reached (top/left).
- * Floors the top value.
- */
-const isUpperLimitReached = (element, axis) => Math.floor(element[axis]) <= 0;
-/**
- * @hidden
- *
- * Checks if the end of the scrollable element is reached (bottom/right).
- * Ceils the top value.
- */
-const isBottomLimitReached = (element, axis) => {
-    const elementSize = axis === ScrollAxis.Horizontal ?
-        element.scrollWidth - element.clientWidth :
-        element.scrollHeight - element.clientHeight;
-    return Math.ceil(element[axis]) >= elementSize;
-};
-/**
- * @hidden
- *
- * Scrolls the element in the given direction by the provided step in the provided scroll axis.
- *
- * If the targeted scroll incrementation doesn't yield any result due to device pixel ratio issues (https://github.com/dimitar-pechev/RenderingIndependentScrollOffsets#readme),
- * increments the step with 1px and again attempts to change the scrollTop of the element, until the content is actually scrolled.
- *
- * Cuts the operation short after 20 unsuccessful attempts to prevent infinite loops in possible corner-case scenarios.
- */
-export const scrollElement = (element, step, direction, scrollAxis) => {
-    if (!(isPresent(element) && isDocumentAvailable())) {
-        return;
-    }
-    const initialScrollPosition = element[scrollAxis];
-    let currentStep = step;
-    let iterations = 0;
-    while (initialScrollPosition === element[scrollAxis] &&
-        !(direction === ScrollDirection.Backwards && isUpperLimitReached(element, scrollAxis)) &&
-        !(direction === ScrollDirection.Forward && isBottomLimitReached(element, scrollAxis)) &&
-        iterations < 20 // cut the operation short in 20 attempts - in case of a wild corner case
-    ) {
-        element[scrollAxis] += (currentStep * direction);
-        // try with a larger step if the current one doesn't update the scroll position successfully
-        currentStep += 1;
-        iterations += 1;
-    }
-};
-/**
- * @hidden
- *
- * As client coordinates are not restricted to the range 0px - {viewportSize}px, but can have negative starting values or ending values greater than the viewport size,
- * this function extracts the visible boundaries of the provided element - fall-backing to 0 when the top/left are below 0,
- * and fall-backing to the actual visible size of the container for bottom/right.
- */
-export const getViewportBoundaries = (element) => {
-    const elementRect = element.getBoundingClientRect();
-    // if the beginning of the scrollable container is above/before the current viewport, fall-back to 0
-    const topLimit = Math.max(elementRect.top, 0);
-    const leftLimit = Math.max(elementRect.left, 0);
-    // if the end of the scrollable container is beneath/after the current viewport, fall-back to its client height
-    // add the distance from the start of the viewport to the beginning of the container to ensure scrolling bottom begins when the actual end of the container is reached
-    const bottomLimit = topLimit + Math.min(elementRect.bottom, element.clientHeight);
-    const rightLimit = leftLimit + Math.min(elementRect.right, element.clientWidth);
-    return {
-        top: topLimit,
-        bottom: bottomLimit,
-        left: leftLimit,
-        right: rightLimit
-    };
-};

package/esm2022/selection/selectable.directive.mjs

@@ -1,126 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input, Output, EventEmitter } from '@angular/core';
-import { getter } from '@progress/kendo-common';
-import { GanttComponent } from '../gantt.component';
-import { isPresent, isString } from '../utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../gantt.component";
-/**
- * Handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt component.
- * ([See example]({% slug selection_gantt %}#toc-built-in-directive)).
- *
- * @example
- * ```html
- * <kendo-gantt kendoGanttSelectable [(selectedKeys)]="selectedKeys"></kendo-gantt>
- * ```
- *
- * @remarks
- * Applied to: {@link GanttComponent}
- */
-export class SelectableDirective {
-    gantt;
-    /**
-     * @hidden
-     */
-    set selectable(value) {
-        if (value) {
-            this.gantt.isSelected = this.isSelected;
-            this.subscribeSelection();
-        }
-        else {
-            this.gantt.isSelected = () => false;
-            this.unsubscribeSelection();
-        }
-        this.gantt.selectable = value;
-        this.gantt.updateView();
-    }
-    /**
-     * Sets the selected keys.
-     */
-    set selectedKeys(value) {
-        if (isPresent(value) && value === this.lastChange) {
-            return;
-        }
-        // prevent multiple items displayed as selected as multiple selection still not supported fully
-        const keys = (value || []).slice(0, 1);
-        this.state = new Set(keys);
-        this.gantt.updateView();
-    }
-    /**
-     * Emits when the selected keys change.
-     */
-    selectedKeysChange = new EventEmitter();
-    /**
-     * Sets the field name or function that identifies the unique key for a data item.
-     * Uses the string field `id` by default.
-     */
-    set itemKey(value) {
-        if (isString(value)) {
-            this._keyGetter = getter(value);
-        }
-        else {
-            this._keyGetter = value;
-        }
-    }
-    get keyGetter() {
-        return this._keyGetter || this.gantt.idGetter;
-    }
-    selectionSubscription;
-    state = new Set();
-    lastChange;
-    _keyGetter;
-    constructor(gantt) {
-        this.gantt = gantt;
-        this.isSelected = this.isSelected.bind(this);
-        this.selectionChange = this.selectionChange.bind(this);
-        this.selectable = true;
-    }
-    ngOnDestroy() {
-        this.unsubscribeSelection();
-    }
-    isSelected(dataItem) {
-        return this.state.has(this.keyGetter(dataItem));
-    }
-    selectionChange({ action, items }) {
-        this.state.clear();
-        if (action === 'select') {
-            items.forEach(item => this.state.add(this.keyGetter(item)));
-        }
-        this.emitSelectedItemsChange();
-    }
-    emitSelectedItemsChange() {
-        this.lastChange = Array.from(this.state);
-        this.selectedKeysChange.emit(this.lastChange);
-    }
-    subscribeSelection() {
-        this.unsubscribeSelection();
-        this.selectionSubscription = this.gantt.selectionChange.subscribe(this.selectionChange);
-    }
-    unsubscribeSelection() {
-        if (this.selectionSubscription) {
-            this.selectionSubscription.unsubscribe();
-            this.selectionSubscription = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectableDirective, deps: [{ token: i1.GanttComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SelectableDirective, isStandalone: true, selector: "[kendoGanttSelectable]", inputs: { selectable: "selectable", selectedKeys: "selectedKeys", itemKey: "itemKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, exportAs: ["kendoGanttSelectable"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoGanttSelectable',
-                    selector: '[kendoGanttSelectable]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GanttComponent }], propDecorators: { selectable: [{
-                type: Input
-            }], selectedKeys: [{
-                type: Input
-            }], selectedKeysChange: [{
-                type: Output
-            }], itemKey: [{
-                type: Input
-            }] } });

package/esm2022/selection/selection-change-event.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/template-directives/summary-task-template.directive.mjs

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Defines a template for the entire summary task component.
- * Place an `<ng-template>` tag with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
- *
- * The template context uses the current data item. The following field is also available:
- * - `elementWidth`&mdash;The calculated width in pixels of the current summary task wrapper element, based on its start and end date.
- * Use `let-elementWidth="elementWidth"` to access it in the template.
- * This helps you render custom elements for summary task progress.
- *
- * @example
- * ```html
- * <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *    <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *      <div [style]="'color: white; font-size: 8px;'">
- *          {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
- *      </div>
- *    </ng-template>
- * </kendo-gantt>
- * ```
- */
-export class GanttSummaryTaskTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttSummaryTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttSummaryTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttSummaryTaskTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttSummaryTaskTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGanttSummaryTaskTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/template-directives/task-content-template.directive.mjs

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Defines a template for the text content section of the task component.
- * Place an `<ng-template>` tag with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag to set the template.
- *
- * The template context uses the current data item.
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *            <ng-template kendoGanttTaskContentTemplate let-dataItem>
- *                {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
- *            </ng-template>
- *        </kendo-gantt>
- *    `
- * })
- * class AppComponent {
- *    public data: any[] = sampleTasks;
- * }
- * ```
- */
-export class GanttTaskContentTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttTaskContentTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskContentTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskContentTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGanttTaskContentTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/template-directives/task-drag-tooltip-template.directive.mjs

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Customizes the content of the tooltip that appears when you drag or resize a Gantt task.
- * Place the `kendoGanttTaskDragTooltipTemplate` directive on an `<ng-template>` tag inside the `<kendo-gantt>` component.
- *
- * The template context provides an object with the following properties:
- * * `start`&mdash;The updated start date during the drag operation.
- * * `end`&mdash;The updated end date during the drag operation.
- * * `completionRatio`&mdash;The completion ratio of the task as a decimal value between 0 and 1.
- * * `task`&mdash;The original data item of the task being dragged. Contains the properties of the [`GanttTask`](slug:api_gantt_gantttask) interface.
- *
- * @example
- * ```html
- * <kendo-gantt
- *    [kendoGanttHierarchyBinding]="data"
- *    kendoGanttTaskDrag
- *    (taskDragEnd)="onDragEnd($event)">
- *    <ng-template kendoGanttTaskDragTooltipTemplate let-dragData>
- *        <div> {{ dragData.task.title }} </div>
- *        <div> Start: {{ dragData.start | date: 'h:mm a' }} </div>
- *        <div> End: {{ dragData.end | date: 'h:mm a' }} </div>
- *    </ng-template>
- * </kendo-gantt>
- * ```
- */
-export class GanttTaskDragTooltipTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskDragTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttTaskDragTooltipTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskDragTooltipTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskDragTooltipTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGanttTaskDragTooltipTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/template-directives/task-template.directive.mjs

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Defines a template for the entire task component.
- * Place an `<ng-template>` tag with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
- *
- * The template context uses the current data item. The following field is also available:
- * - `elementWidth`&mdash;The calculated width in pixels of the current task wrapper element, based on its start and end date.
- * Use `let-elementWidth="elementWidth"` to access it in the template.
- * This helps you render custom elements for task progress.
- *
- * @example
- * ```html
- * <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *   <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *     {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
- *   </ng-template>
- * </kendo-gantt>
- * ```
- */
-export class GanttTaskTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGanttTaskTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/template-directives/task-tooltip-template.directive.mjs

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Defines a template for the entire Task tooltip.
- * Place an `<ng-template>` tag with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag to set the template.
- *
- * The template context uses the related data item.
- *
- * @example
- * ```ts-preview
- * _@Component({
- *      selector: 'my-app',
- *      template: `
- *          <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *              <ng-template kendoGanttTaskTooltipTemplate let-dataItem>
- *                  <div [style]="'color: white; font-size: 8px;'">
- *                      {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete;
- *                  </div>
- *              </ng-template>
- *          </kendo-gantt>
- *      `
- * })
- * class AppComponent {
- *     public data: any[] = sampleTasks;
- * }
- * ```
- */
-export class GanttTaskTooltipTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttTaskTooltipTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTooltipTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskTooltipTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGanttTaskTooltipTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/timeline/current-time-marker.service.mjs

@@ -1,90 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Injectable, Renderer2 } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-const MS_PER_SECOND = 1000;
-const MS_PER_MINUTE = 60 * MS_PER_SECOND;
-/**
- * @hidden
- */
-export class CurrentTimeMarkerService {
-    renderer;
-    cdr;
-    container;
-    slots = [];
-    rows = [];
-    currentTimeMarker;
-    rowHeight;
-    rtl;
-    activeView;
-    get deltaOffset() {
-        if (this.slotIndex >= 0) {
-            const total = this.slots[this.slotIndex].end.getTime() - this.slots[this.slotIndex].start.getTime();
-            if (total > 0) {
-                const currentTimeValue = this.now.getTime() - this.slots[this.slotIndex].start.getTime();
-                const fractionInsideCell = currentTimeValue / total;
-                const deltaOffsetToSlot = this.slotIndex * this.slotWidth;
-                const deltaOffsetInsideSlot = fractionInsideCell * this.slotWidth;
-                return deltaOffsetToSlot + deltaOffsetInsideSlot;
-            }
-            return 0;
-        }
-    }
-    get slotWidth() {
-        return this.slots[0]?.slotWidth;
-    }
-    get slotIndex() {
-        return this.slots.indexOf(this.slots.find((slot) => slot.start <= this.now && slot.end > this.now));
-    }
-    get height() {
-        return this.rows.length * this.rowHeight;
-    }
-    get interval() {
-        if (typeof (this.currentTimeMarker) === 'boolean') {
-            return MS_PER_MINUTE;
-        }
-        return this.currentTimeMarker?.updateInterval || MS_PER_MINUTE;
-    }
-    now = new Date(Date.now());
-    currentTimeTimeout;
-    timeMarkerDiv;
-    constructor(renderer, cdr) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-    }
-    ngOnDestroy() {
-        clearTimeout(this.currentTimeTimeout);
-    }
-    removeTimeMarker() {
-        if (this.timeMarkerDiv) {
-            this.renderer.removeChild(this.container.nativeElement, this.timeMarkerDiv);
-            clearTimeout(this.currentTimeTimeout);
-            this.cdr.detectChanges();
-        }
-    }
-    createTimeMarker = () => {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.removeTimeMarker();
-        if (this.slotIndex >= 0) {
-            this.now = new Date(Date.now());
-            this.timeMarkerDiv = this.renderer.createElement('div');
-            this.renderer.addClass(this.timeMarkerDiv, 'k-current-time');
-            this.renderer.setStyle(this.timeMarkerDiv, 'width', '1px');
-            this.renderer.setStyle(this.timeMarkerDiv, 'top', '0px');
-            this.renderer.setStyle(this.timeMarkerDiv, `${this.rtl ? 'right' : 'left'}`, this.deltaOffset + 'px');
-            this.renderer.appendChild(this.container.nativeElement, this.timeMarkerDiv);
-            this.renderer.setStyle(this.timeMarkerDiv, 'height', this.height + 'px');
-            this.currentTimeTimeout = setTimeout(this.createTimeMarker, this.interval || MS_PER_MINUTE);
-        }
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrentTimeMarkerService, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrentTimeMarkerService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrentTimeMarkerService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }] });