@worktile/gantt 12.2.0 → 12.2.3

package/gantt-dom.service.d.ts

@@ -1,4 +1,5 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy, NgZone } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare enum ScrollDirection {
     NONE = 0,
@@ -10,6 +11,8 @@ export interface ScrollEvent {
     direction: ScrollDirection;
 }
 export declare class GanttDomService implements OnDestroy {
+    private ngZone;
+    private platformId;
     root: Element;
     side: Element;
     container: Element;
@@ -18,13 +21,17 @@ export declare class GanttDomService implements OnDestroy {
     calendarOverlay: Element;
     linksOverlay: Element;
     private unsubscribe$;
-    constructor();
+    constructor(ngZone: NgZone, platformId: string);
     private monitorScrollChange;
     private syncScroll;
     private disableBrowserWheelEvent;
     initialize(root: ElementRef<HTMLElement>): void;
-    getViewerScroll(): import("rxjs").Observable<ScrollEvent>;
-    getResize(): import("rxjs").Observable<Event>;
+    /**
+     * @returns An observable that will emit outside the Angular zone. Note, consumers should re-enter the Angular zone
+     * to run the change detection if needed.
+     */
+    getViewerScroll(options?: AddEventListenerOptions): Observable<ScrollEvent>;
+    getResize(): Observable<Event>;
     scrollMainContainer(left: number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttDomService, never>;

package/gantt-drag-container.d.ts

@@ -30,7 +30,7 @@ export declare class GanttDragContainer {
     emitLinkDragStarted(from: LinkDragPosition): void;
     emitLinkDragEntered(to: LinkDragPosition): void;
     emitLinkDragLeaved(): void;
-    emitLinkDragEnded(to: LinkDragPosition): void;
+    emitLinkDragEnded(to?: LinkDragPosition): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttDragContainer, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GanttDragContainer>;
 }

package/gantt-item-upper.d.ts

@@ -1,9 +1,9 @@
-import { ElementRef, TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef, OnInit, OnChanges, OnDestroy } from '@angular/core';
 import { GanttItemInternal } from './class';
 import { Subject } from 'rxjs';
 import { GanttUpper } from './gantt-upper';
 import * as i0 from "@angular/core";
-export declare abstract class GanttItemUpper {
+export declare abstract class GanttItemUpper implements OnChanges, OnInit, OnDestroy {
     protected elementRef: ElementRef<HTMLElement>;
     protected ganttUpper: GanttUpper;
     template: TemplateRef<any>;
@@ -11,10 +11,10 @@ export declare abstract class GanttItemUpper {
     firstChange: boolean;
     unsubscribe$: Subject<unknown>;
     constructor(elementRef: ElementRef<HTMLElement>, ganttUpper: GanttUpper);
-    onInit(): void;
-    onChanges(): void;
+    ngOnInit(): void;
+    ngOnChanges(): void;
     private setPositions;
-    onDestroy(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttItemUpper, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<GanttItemUpper, never, never, { "template": "template"; "item": "item"; }, {}, never>;
 }

package/gantt-print.service.d.ts

@@ -7,7 +7,7 @@ export declare class GanttPrintService {
     private setInlineStyles;
     private recursElementChildren;
     register(root: ElementRef<HTMLElement>): void;
-    print(name?: string, ignoreElementClass?: string): void;
+    print(name?: string, ignoreElementClass?: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttPrintService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GanttPrintService>;
 }

package/gantt-upper.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, SimpleChanges, InjectionToken } from '@angular/core';
+import { TemplateRef, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, SimpleChanges, InjectionToken, OnInit, OnDestroy, OnChanges } from '@angular/core';
 import { Subject } from 'rxjs';
 import { GanttItem, GanttGroup, GanttViewType, GanttLoadOnScrollEvent, GanttDragEvent, GanttGroupInternal, GanttItemInternal, GanttBarClickEvent, GanttLinkDragEvent } from './class';
 import { GanttView, GanttViewOptions } from './views/view';
@@ -9,7 +9,7 @@ import { GanttLinkOptions } from './class/link';
 import { SelectionModel } from '@angular/cdk/collections';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-export declare abstract class GanttUpper {
+export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy {
     protected elementRef: ElementRef<HTMLElement>;
     protected cdr: ChangeDetectorRef;
     protected ngZone: NgZone;
@@ -66,9 +66,9 @@ export declare abstract class GanttUpper {
     computeRefs(): void;
     private expandGroups;
     private initSelectionModel;
-    onInit(): void;
-    onChanges(changes: SimpleChanges): void;
-    onDestroy(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     computeItemsRefs(...items: GanttItemInternal[]): void;
     trackBy(index: number, item: GanttGroupInternal | GanttItemInternal): string | number;
     detectChanges(): void;

package/gantt.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, OnChanges, OnDestroy, SimpleChanges, QueryList, AfterViewInit, TemplateRef } from '@angular/core';
+import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, QueryList, AfterViewInit, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { GanttUpper } from './gantt-upper';
 import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem, GanttSelectedEvent } from './class';
@@ -6,7 +6,7 @@ import { NgxGanttTableColumnComponent } from './table/gantt-column.component';
 import { NgxGanttTableComponent } from './table/gantt-table.component';
 import { GanttGlobalConfig } from './gantt.config';
 import * as i0 from "@angular/core";
-export declare class NgxGanttComponent extends GanttUpper implements OnInit, AfterViewInit, OnChanges, OnDestroy {
+export declare class NgxGanttComponent extends GanttUpper implements OnInit, AfterViewInit {
     maxLevel: number;
     async: boolean;
     childrenResolve: (GanttItem: any) => Observable<GanttItem[]>;
@@ -23,10 +23,8 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, Aft
     constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, ngZone: NgZone, config: GanttGlobalConfig);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     expandChildren(item: GanttItemInternal): void;
     selectItem(selectEvent: GanttSelectedEvent): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttComponent, "ngx-gantt", never, { "maxLevel": "maxLevel"; "async": "async"; "childrenResolve": "childrenResolve"; "linkable": "linkable"; }, { "linkDragStarted": "linkDragStarted"; "linkDragEnded": "linkDragEnded"; "lineClick": "lineClick"; "selectedChange": "selectedChange"; }, ["table", "tableEmptyTemplate", "columns"], never>;
 }

package/main.bundle.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 // basic
 $gantt-color: #333 !default;
 $gantt-header-height: 44px !default;
@@ -525,8 +526,8 @@ $gantt-bar-link-drop-border: 5px;
         height: calc(100% + #{$gantt-bar-layer-append-height});
         position: absolute;
         border-radius: 4px;
-        left: $gantt-bar-layer-append-width / 2 * -1;
-        top: $gantt-bar-layer-append-height / 2 * -1;
+        left: math.div($gantt-bar-layer-append-width, 2) * -1;
+        top: math.div($gantt-bar-layer-append-height, 2) * -1;
         display: none;
         @include drag-handles();
         @include link-handles();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "12.2.0",
+  "version": "12.2.3",
   "schematics": "./schematics/collection.json",
   "peerDependencies": {
     "@angular/common": "^12.0.0",

package/root.component.d.ts

@@ -1,10 +1,10 @@
-import { OnInit, NgZone, ElementRef, TemplateRef } from '@angular/core';
+import { OnInit, NgZone, ElementRef, TemplateRef, OnDestroy } from '@angular/core';
 import { GanttDomService } from './gantt-dom.service';
 import { GanttDragContainer } from './gantt-drag-container';
 import { GanttUpper } from './gantt-upper';
 import { GanttPrintService } from './gantt-print.service';
 import * as i0 from "@angular/core";
-export declare class NgxGanttRootComponent implements OnInit {
+export declare class NgxGanttRootComponent implements OnInit, OnDestroy {
     private elementRef;
     private ngZone;
     private dom;
@@ -12,13 +12,15 @@ export declare class NgxGanttRootComponent implements OnInit {
     private ganttUpper;
     private printService;
     sideWidth: number;
-    ganttClass: boolean;
     sideTemplate: TemplateRef<any>;
     mainTemplate: TemplateRef<any>;
+    /** The native `<gantt-drag-backdrop></gantt-drag-backdrop>` element. */
+    backdrop: ElementRef<HTMLElement>;
     private unsubscribe$;
     private get view();
     constructor(elementRef: ElementRef<HTMLElement>, ngZone: NgZone, dom: GanttDomService, dragContainer: GanttDragContainer, ganttUpper: GanttUpper, printService: GanttPrintService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     private setupViewScroll;
     private setupResize;
     private setupScrollClass;

package/table/gantt-column.component.d.ts

@@ -1,7 +1,7 @@
-import { OnInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { GanttUpper } from '../gantt-upper';
 import * as i0 from "@angular/core";
-export declare class NgxGanttTableColumnComponent implements OnInit {
+export declare class NgxGanttTableColumnComponent {
     ganttUpper: GanttUpper;
     columnWidth: string;
     set width(width: number | string);
@@ -9,7 +9,6 @@ export declare class NgxGanttTableColumnComponent implements OnInit {
     templateRef: TemplateRef<any>;
     headerTemplateRef: TemplateRef<any>;
     constructor(ganttUpper: GanttUpper);
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttTableColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableColumnComponent, "ngx-gantt-column", never, { "width": "width"; "name": "name"; }, {}, ["templateRef", "headerTemplateRef"], never>;
 }

package/table/gantt-table.component.d.ts

@@ -1,12 +1,10 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
 import { GanttTableEvent } from '../class';
 import * as i0 from "@angular/core";
-export declare class NgxGanttTableComponent implements OnInit {
+export declare class NgxGanttTableComponent {
     columnChanges: EventEmitter<GanttTableEvent>;
     rowBeforeTemplate: TemplateRef<any>;
     rowAfterTemplate: TemplateRef<any>;
-    constructor();
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, {}, { "columnChanges": "columnChanges"; }, ["rowBeforeTemplate", "rowAfterTemplate"], never>;
 }

package/utils/passive-listeners.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Checks whether the user's browser supports passive event listeners.
+ * See: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
+ */
+export declare function supportsPassiveEventListeners(): boolean;
+/**
+ * Normalizes an `AddEventListener` object to something that can be passed
+ * to `addEventListener` on any browser, no matter whether it supports the
+ * `options` parameter.
+ */
+export declare function normalizePassiveListenerOptions(options: AddEventListenerOptions): AddEventListenerOptions | boolean;
+/** Options used to bind passive event listeners. */
+export declare const passiveListenerOptions: AddEventListenerOptions;

package/utils/set-style-with-vendor-prefix.d.ts

@@ -0,0 +1,12 @@
+interface SetStyleWithVendorPrefixOptions {
+    element: HTMLElement;
+    style: string;
+    value: string;
+}
+/**
+ * Note: we don't need to add vendor prefixes within `.scss` files since they're added automatically.
+ * This function is necessary when the `element.style` is updated directly through the JavaScript.
+ * This is not required to be used with CSS properties that don't require vendor prefixes (e.g. `opacity`).
+ */
+export declare function setStyleWithVendorPrefix({ element, style, value }: SetStyleWithVendorPrefixOptions): void;
+export {};

package/README.md

@@ -1,24 +0,0 @@
-# Gantt
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project gantt` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project gantt`.
-> Note: Don't forget to add `--project gantt` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build gantt` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build gantt`, go to the dist folder `cd dist/gantt` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test gantt` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).