@worktile/gantt 15.0.0 → 15.1.0-next.1

package/gantt-dom.service.d.ts

@@ -18,6 +18,7 @@ export declare class GanttDomService implements OnDestroy {
     container: Element;
     sideContainer: Element;
     mainContainer: Element;
+    calendarHeader: Element;
     mainItems: Element;
     calendarOverlay: Element;
     linksOverlay: Element;

package/gantt-item-upper.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, TemplateRef, OnInit, OnChanges, OnDestroy } from '@angular/core';
+import { ElementRef, TemplateRef, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { GanttItemInternal } from './class';
 import { Subject } from 'rxjs';
 import { GanttUpper } from './gantt-upper';
@@ -12,7 +12,8 @@ export declare abstract class GanttItemUpper implements OnChanges, OnInit, OnDes
     unsubscribe$: Subject<void>;
     constructor(elementRef: ElementRef<HTMLElement>, ganttUpper: GanttUpper);
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private itemChange;
     private setPositions;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttItemUpper, never>;

package/gantt-upper.d.ts

@@ -10,6 +10,7 @@ import { GanttLinkOptions } from './class/link';
 import { SelectionModel } from '@angular/cdk/collections';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { GanttBaselineItem, GanttBaselineItemInternal } from './class/baseline';
+import { NgxGanttTableComponent } from './table/gantt-table.component';
 import * as i0 from "@angular/core";
 export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy {
     protected elementRef: ElementRef<HTMLElement>;
@@ -49,6 +50,7 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     groupHeaderTemplate: TemplateRef<any>;
     toolbarTemplate: TemplateRef<any>;
     linkable: boolean;
+    computeAllRefs: boolean;
     linkDragEnded: EventEmitter<GanttLinkDragEvent<unknown>>;
     view: GanttView;
     items: GanttItemInternal[];
@@ -60,6 +62,7 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     dragContainer: GanttDragContainer;
     unsubscribe$: Subject<void>;
     selectionModel: SelectionModel<string>;
+    table?: NgxGanttTableComponent;
     private groupsMap;
     private _selectable;
     private _multiple;
@@ -73,8 +76,8 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     private setupExpandedState;
     private getViewDate;
     computeRefs(): void;
-    private expandGroups;
     private initSelectionModel;
+    expandGroups(expanded: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/gantt.component.d.ts

@@ -1,18 +1,24 @@
-import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, QueryList, AfterViewInit, TemplateRef } from '@angular/core';
+import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, QueryList, AfterViewInit, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
 import { Observable } from 'rxjs';
 import { GanttUpper } from './gantt-upper';
-import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem, GanttSelectedEvent } from './class';
+import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem, GanttSelectedEvent, GanttGroupInternal } from './class';
 import { NgxGanttTableColumnComponent } from './table/gantt-column.component';
 import { NgxGanttTableComponent } from './table/gantt-table.component';
 import { GanttGlobalConfig } from './gantt.config';
 import { NgxGanttRootComponent } from './root.component';
 import { GanttDate } from './utils/date';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { GanttPrintService } from './gantt-print.service';
 import * as i0 from "@angular/core";
-export declare class NgxGanttComponent extends GanttUpper implements OnInit, AfterViewInit {
+export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnChanges, AfterViewInit {
+    private printService;
     maxLevel: number;
     async: boolean;
     childrenResolve: (GanttItem: any) => Observable<GanttItem[]>;
     linkable: boolean;
+    set loading(loading: boolean);
+    get loading(): boolean;
+    loadingDelay: number;
     linkDragStarted: EventEmitter<GanttLinkDragEvent<unknown>>;
     linkDragEnded: EventEmitter<GanttLinkDragEvent<unknown>>;
     lineClick: EventEmitter<GanttLineClickEvent<unknown>>;
@@ -21,15 +27,27 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, Aft
     columns: QueryList<NgxGanttTableColumnComponent>;
     tableEmptyTemplate: TemplateRef<any>;
     ganttRoot: NgxGanttRootComponent;
-    private ngUnsubscribe$;
-    sideTableWidth: number;
-    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, ngZone: NgZone, config: GanttGlobalConfig);
+    virtualScroll: CdkVirtualScrollViewport;
+    flatData: (GanttGroupInternal | GanttItemInternal)[];
+    renderData: (GanttGroupInternal | GanttItemInternal)[];
+    private _loading;
+    private loadingTimer;
+    private rangeStart;
+    private rangeEnd;
+    private flatDataMap;
+    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, ngZone: NgZone, printService: GanttPrintService, config: GanttGlobalConfig);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
+    private buildVirtualFlatData;
+    private afterExpand;
+    private computeTempDataRefs;
     expandChildren(item: GanttItemInternal): void;
     selectItem(selectEvent: GanttSelectedEvent): void;
     scrollToToday(): void;
     scrollToDate(date: number | GanttDate): 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, false, never>;
+    expandGroups(expanded: boolean): void;
+    expandGroup(group: GanttGroupInternal): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttComponent, [null, null, null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttComponent, "ngx-gantt", never, { "maxLevel": "maxLevel"; "async": "async"; "childrenResolve": "childrenResolve"; "linkable": "linkable"; "loading": "loading"; "loadingDelay": "loadingDelay"; }, { "linkDragStarted": "linkDragStarted"; "linkDragEnded": "linkDragEnded"; "lineClick": "lineClick"; "selectedChange": "selectedChange"; }, ["table", "tableEmptyTemplate", "columns"], never, false, never>;
 }

package/gantt.component.scss

@@ -31,6 +31,10 @@
       background-color: variables.$gantt-bg-color;
       overflow-y: auto;
 
+      .gantt-table {
+        height: 100%;
+      }
+
       &::-webkit-scrollbar {
         display: none;
       }
@@ -82,4 +86,39 @@
       }
     }
   }
+
+  .gantt-virtual-scroll-viewport {
+    position: absolute;
+    left: 0;
+    top: variables.$gantt-header-height;
+    right: 0;
+    bottom: 0;
+    z-index: 2;
+    // 兼容火狐浏览器
+    overflow: auto;
+    overflow: overlay;
+    .cdk-virtual-scroll-content-wrapper {
+      width: 100%;
+      min-width: unset;
+      display: flex;
+      min-height: 100%;
+      .gantt-container {
+        .gantt-main-container {
+          height: 100%;
+          top: 0;
+        }
+      }
+    }
+  }
+}
+
+.gantt-header {
+  display: flex;
+  overflow: hidden;
+  height: 100%;
+  .gantt-container-header {
+    flex: 1;
+    overflow: hidden;
+    background-color: #fafafa;
+  }
 }

package/gantt.module.d.ts

@@ -2,22 +2,26 @@ import * as i0 from "@angular/core";
 import * as i1 from "./gantt.component";
 import * as i2 from "./table/gantt-table.component";
 import * as i3 from "./table/gantt-column.component";
-import * as i4 from "./components/table/gantt-table.component";
-import * as i5 from "./components/main/gantt-main.component";
-import * as i6 from "./components/calendar/calendar.component";
-import * as i7 from "./components/links/links.component";
-import * as i8 from "./components/bar/bar.component";
-import * as i9 from "./components/icon/icon.component";
-import * as i10 from "./components/drag-backdrop/drag-backdrop.component";
-import * as i11 from "./components/range/range.component";
-import * as i12 from "./root.component";
-import * as i13 from "./components/baseline/baseline.component";
-import * as i14 from "./components/toolbar/toolbar.component";
-import * as i15 from "./gantt.pipe";
-import * as i16 from "@angular/common";
-import * as i17 from "@angular/cdk/drag-drop";
+import * as i4 from "./components/table/header/gantt-table-header.component";
+import * as i5 from "./components/table/body/gantt-table-body.component";
+import * as i6 from "./components/main/gantt-main.component";
+import * as i7 from "./components/calendar/header/calendar-header.component";
+import * as i8 from "./components/calendar/grid/calendar-grid.component";
+import * as i9 from "./components/links/links.component";
+import * as i10 from "./components/loader/loader.component";
+import * as i11 from "./components/bar/bar.component";
+import * as i12 from "./components/icon/icon.component";
+import * as i13 from "./components/drag-backdrop/drag-backdrop.component";
+import * as i14 from "./components/range/range.component";
+import * as i15 from "./root.component";
+import * as i16 from "./components/baseline/baseline.component";
+import * as i17 from "./components/toolbar/toolbar.component";
+import * as i18 from "./gantt.pipe";
+import * as i19 from "@angular/common";
+import * as i20 from "@angular/cdk/drag-drop";
+import * as i21 from "@angular/cdk/scrolling";
 export declare class NgxGanttModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxGanttModule, [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i4.GanttTableComponent, typeof i5.GanttMainComponent, typeof i6.GanttCalendarComponent, typeof i7.GanttLinksComponent, typeof i8.NgxGanttBarComponent, typeof i9.GanttIconComponent, typeof i10.GanttDragBackdropComponent, typeof i11.NgxGanttRangeComponent, typeof i12.NgxGanttRootComponent, typeof i13.NgxGanttBaselineComponent, typeof i14.NgxGanttToolbarComponent, typeof i15.IsGanttRangeItemPipe, typeof i15.IsGanttBarItemPipe, typeof i15.IsGanttCustomItemPipe], [typeof i16.CommonModule, typeof i17.DragDropModule], [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i12.NgxGanttRootComponent, typeof i8.NgxGanttBarComponent, typeof i11.NgxGanttRangeComponent, typeof i13.NgxGanttBaselineComponent, typeof i14.NgxGanttToolbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxGanttModule, [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i4.GanttTableHeaderComponent, typeof i5.GanttTableBodyComponent, typeof i6.GanttMainComponent, typeof i7.GanttCalendarHeaderComponent, typeof i8.GanttCalendarGridComponent, typeof i9.GanttLinksComponent, typeof i10.GanttLoaderComponent, typeof i11.NgxGanttBarComponent, typeof i12.GanttIconComponent, typeof i13.GanttDragBackdropComponent, typeof i14.NgxGanttRangeComponent, typeof i15.NgxGanttRootComponent, typeof i16.NgxGanttBaselineComponent, typeof i17.NgxGanttToolbarComponent, typeof i18.IsGanttRangeItemPipe, typeof i18.IsGanttBarItemPipe, typeof i18.IsGanttCustomItemPipe], [typeof i19.CommonModule, typeof i20.DragDropModule, typeof i21.ScrollingModule], [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i15.NgxGanttRootComponent, typeof i11.NgxGanttBarComponent, typeof i14.NgxGanttRangeComponent, typeof i16.NgxGanttBaselineComponent, typeof i17.NgxGanttToolbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxGanttModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "15.0.0",
+  "version": "15.1.0-next.1",
   "schematics": "./schematics/collection.json",
   "exports": {
     ".": {

package/public-api.d.ts

@@ -8,6 +8,7 @@ export * from './components/bar/bar.component';
 export * from './components/range/range.component';
 export * from './components/baseline/baseline.component';
 export * from './components/toolbar/toolbar.component';
+export * from './components/loader/loader.component';
 export * from './utils/date';
 export * from './class';
 export * from './views/view';

package/root.component.d.ts

@@ -28,5 +28,5 @@ export declare class NgxGanttRootComponent implements OnInit, OnDestroy {
     scrollToToday(): void;
     scrollToDate(date: number | GanttDate): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttRootComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttRootComponent, "ngx-gantt-root", never, { "sideWidth": "sideWidth"; }, {}, ["sideTemplate", "mainTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttRootComponent, "ngx-gantt-root", never, { "sideWidth": "sideWidth"; }, {}, ["sideTemplate", "mainTemplate"], ["*"], false, never>;
 }

package/styles/index.scss

@@ -1,7 +1,9 @@
 @use './variables.scss';
 @use '../gantt.component.scss';
-@use '../components/table/gantt-table.component.scss';
-@use '../components/calendar/calendar.component.scss';
+// @use '../components/table/gantt-table.component.scss';
+// @use '../components/calendar/calendar.component.scss';
+@use '../components/table/gantt-table.scss';
+@use '../components/calendar/calendar.scss';
 @use '../components/drag-backdrop/drag-backdrop.component.scss';
 @use '../components/bar/bar.component.scss';
 @use '../components/range/range.component.scss';
@@ -9,3 +11,4 @@
 @use '../components/links/links.component.scss';
 @use '../components/baseline/baseline.component.scss';
 @use '../components/toolbar/toolbar.component.scss';
+@use '../components/loader/loader.component.scss';

package/styles/variables.scss

@@ -1,5 +1,6 @@
 // basic
 $gantt-color: #333 !default;
+$gantt-primary-color: #348fe4 !default;
 $gantt-header-height: 44px !default;
 $gantt-border-color: #eee !default;
 $gantt-bg-color: #fff !default;
@@ -32,21 +33,25 @@ $gantt-bar-bg: #fff !default;
 $gantt-bar-layer-bg: #fff !default;
 $gantt-bar-handle-color: #cacaca !default;
 $gantt-bar-handle-height: 12px !default;
-$gantt-bar-background-color: #348fe4 !default;
+$gantt-bar-background-color: $gantt-primary-color !default;
 
 // drag
-$gantt-item-drag-mask-color: #348fe4 !default;
-$gantt-link-dragging-line-color: #348fe4 !default;
+$gantt-item-drag-mask-color: $gantt-primary-color !default;
+$gantt-link-dragging-line-color: $gantt-primary-color !default;
 
 // link
-$gantt-link-line-color: #348fe4 !default;
+$gantt-link-line-color: $gantt-primary-color !default;
 
 // table
 $gantt-table-header-drag-line-width: 3px !default;
-$gantt-table-header-drag-line-color: #348fe4 !default;
+$gantt-table-header-drag-line-color: $gantt-primary-color !default;
+$gantt-table-items-drop-background-color: #f5f5f5 !default;
 
 // baseline
 $gantt-baseline-background-color: #cacaca !default;
 
-// toobar
-$gantt-toolbar-view-active-color: #348fe4 !default;
+// toolbar
+$gantt-toolbar-view-active-color: $gantt-primary-color !default;
+
+// loader
+$gantt-loader-loading-color: #6698ff !default;

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

@@ -1,10 +1,13 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
-import { GanttTableEvent } from '../class';
+import { GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent, GanttTableEvent } from '../class';
 import * as i0 from "@angular/core";
 export declare class NgxGanttTableComponent {
+    draggable: boolean;
+    dropEnterPredicate?: (context: GanttTableDragEnterPredicateContext) => boolean;
+    dragDropped: EventEmitter<GanttTableDragDroppedEvent<unknown>>;
     columnChanges: EventEmitter<GanttTableEvent>;
     rowBeforeTemplate: TemplateRef<any>;
     rowAfterTemplate: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, {}, { "columnChanges": "columnChanges"; }, ["rowBeforeTemplate", "rowAfterTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, { "draggable": "draggable"; "dropEnterPredicate": "dropEnterPredicate"; }, { "dragDropped": "dragDropped"; "columnChanges": "columnChanges"; }, ["rowBeforeTemplate", "rowAfterTemplate"], never, false, never>;
 }

package/components/calendar/calendar.component.d.ts

@@ -1,26 +0,0 @@
-import { OnInit, OnDestroy, NgZone, ElementRef } from '@angular/core';
-import { GanttDatePoint } from '../../class/date-point';
-import { GanttUpper } from '../../gantt-upper';
-import { GanttViewType } from './../../class/view-type';
-import * as i0 from "@angular/core";
-export declare class GanttCalendarComponent implements OnInit, OnDestroy {
-    ganttUpper: GanttUpper;
-    private ngZone;
-    private elementRef;
-    get view(): import("@worktile/gantt").GanttView;
-    headerHeight: number;
-    mainHeight: number;
-    todayHeight: number;
-    todayWidth: number;
-    todayBorderRadius: number;
-    viewTypes: typeof GanttViewType;
-    className: boolean;
-    private unsubscribe$;
-    constructor(ganttUpper: GanttUpper, ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
-    setTodayPoint(): void;
-    ngOnInit(): void;
-    trackBy(index: number, point: GanttDatePoint): string | number;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GanttCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GanttCalendarComponent, "gantt-calendar-overlay", never, {}, {}, never, never, false, never>;
-}

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

@@ -1,42 +0,0 @@
-import { TemplateRef, QueryList, ElementRef, OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
-import { GanttItemInternal, GanttGroupInternal, GanttSelectedEvent } from '../../class';
-import { NgxGanttTableColumnComponent } from '../../table/gantt-column.component';
-import { CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
-import { GanttAbstractComponent } from '../../gantt-abstract';
-import { GanttUpper } from '../../gantt-upper';
-import * as i0 from "@angular/core";
-export declare const defaultColumnWidth = 100;
-export declare const minColumnWidth = 80;
-export declare class GanttTableComponent implements OnChanges {
-    gantt: GanttAbstractComponent;
-    ganttUpper: GanttUpper;
-    private elementRef;
-    columnList: QueryList<NgxGanttTableColumnComponent>;
-    dragStartLeft: number;
-    hasShowExpandIcon: boolean;
-    groups: GanttGroupInternal[];
-    items: GanttItemInternal[];
-    set columns(columns: QueryList<NgxGanttTableColumnComponent>);
-    groupTemplate: TemplateRef<any>;
-    emptyTemplate: TemplateRef<any>;
-    rowBeforeTemplate: TemplateRef<any>;
-    rowAfterTemplate: TemplateRef<any>;
-    itemClick: EventEmitter<GanttSelectedEvent<unknown>>;
-    draglineElementRef: ElementRef<HTMLElement>;
-    ganttTableClass: boolean;
-    ganttTableEmptyClass: boolean;
-    constructor(gantt: GanttAbstractComponent, ganttUpper: GanttUpper, elementRef: ElementRef);
-    ngOnChanges(changes: SimpleChanges): void;
-    private dragFixed;
-    expandGroup(group: GanttGroupInternal): void;
-    expandChildren(event: MouseEvent, item: GanttItemInternal): void;
-    dragStarted(event: CdkDragStart): void;
-    dragMoved(event: CdkDragMove, column?: NgxGanttTableColumnComponent): void;
-    columnDragEnded(event: CdkDragEnd, column: NgxGanttTableColumnComponent): void;
-    tableDragEnded(event: CdkDragEnd): void;
-    private showAuxiliaryLine;
-    private hideAuxiliaryLine;
-    trackBy(index: number, item: GanttGroupInternal | GanttItemInternal): string | number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GanttTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GanttTableComponent, "gantt-table", never, { "groups": "groups"; "items": "items"; "columns": "columns"; "groupTemplate": "groupTemplate"; "emptyTemplate": "emptyTemplate"; "rowBeforeTemplate": "rowBeforeTemplate"; "rowAfterTemplate": "rowAfterTemplate"; }, { "itemClick": "itemClick"; }, never, never, false, never>;
-}

package/esm2020/components/calendar/calendar.component.mjs

@@ -1,88 +0,0 @@
-import { Component, HostBinding, Inject } from '@angular/core';
-import { Subject, merge, from } from 'rxjs';
-import { take, takeUntil } from 'rxjs/operators';
-import { headerHeight, todayHeight, todayWidth, todayBorderRadius } from '../../gantt.styles';
-import { isNumber } from '../../utils/helpers';
-import { GanttDate } from '../../utils/date';
-import { GANTT_UPPER_TOKEN } from '../../gantt-upper';
-import { GanttViewType } from './../../class/view-type';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../../gantt-upper";
-const mainHeight = 5000;
-export class GanttCalendarComponent {
-    get view() {
-        return this.ganttUpper.view;
-    }
-    constructor(ganttUpper, ngZone, elementRef) {
-        this.ganttUpper = ganttUpper;
-        this.ngZone = ngZone;
-        this.elementRef = elementRef;
-        this.headerHeight = headerHeight;
-        this.mainHeight = mainHeight;
-        this.todayHeight = todayHeight;
-        this.todayWidth = todayWidth;
-        this.todayBorderRadius = todayBorderRadius;
-        this.viewTypes = GanttViewType;
-        this.className = true;
-        this.unsubscribe$ = new Subject();
-    }
-    setTodayPoint() {
-        const x = this.view.getTodayXPoint();
-        const today = new GanttDate().getDate();
-        const todayEle = this.elementRef.nativeElement.getElementsByClassName('gantt-calendar-today-overlay')[0];
-        const rect = this.elementRef.nativeElement.getElementsByClassName('today-rect')[0];
-        const line = this.elementRef.nativeElement.getElementsByClassName('today-line')[0];
-        if (isNumber(x)) {
-            if (rect) {
-                rect.style.left = `${x - todayWidth / 2}px`;
-                rect.style.top = `${headerHeight - todayHeight}px`;
-                rect.innerHTML = today.toString();
-            }
-            if (line) {
-                line.style.left = `${x}px`;
-                line.style.top = `${headerHeight}px`;
-                line.style.bottom = `${-mainHeight}px`;
-            }
-        }
-        else {
-            todayEle.style.display = 'none';
-        }
-    }
-    ngOnInit() {
-        // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means
-        // the `onStable` will never emit any value.
-        const onStable$ = this.ngZone.isStable ? from(Promise.resolve()) : this.ngZone.onStable.pipe(take(1));
-        // Normally this isn't in the zone, but it can cause performance regressions for apps
-        // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.
-        this.ngZone.runOutsideAngular(() => {
-            onStable$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
-                merge(this.ganttUpper.viewChange, this.ganttUpper.view.start$)
-                    .pipe(takeUntil(this.unsubscribe$))
-                    .subscribe(() => {
-                    this.setTodayPoint();
-                });
-            });
-        });
-    }
-    trackBy(index, point) {
-        return point.text || index;
-    }
-    ngOnDestroy() {
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
-    }
-}
-GanttCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: GanttCalendarComponent, deps: [{ token: GANTT_UPPER_TOKEN }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-GanttCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: GanttCalendarComponent, selector: "gantt-calendar-overlay", host: { properties: { "class.gantt-calendar-overlay": "this.className" } }, ngImport: i0, template: "<div class=\"gantt-calendar-today-overlay\" [style.width.px]=\"view.width\">\n  <span class=\"today-rect\" [hidden]=\"ganttUpper.viewType !== viewTypes.day\"> </span>\n  <span class=\"today-line\" *ngIf=\"ganttUpper.showTodayLine\"> </span>\n</div>\n\n<svg class=\"gantt-calendar-overlay-main\" [attr.width]=\"view.width\" [attr.height]=\"headerHeight\">\n  <g>\n    <text\n      class=\"primary-text\"\n      [ngStyle]=\"point.style\"\n      [class.today]=\"point.additions?.isToday\"\n      [class.weekend]=\"point.additions?.isWeekend\"\n      *ngFor=\"let point of view.primaryDatePoints; trackBy: trackBy\"\n      [attr.x]=\"point.x\"\n      [attr.y]=\"point.y\"\n    >\n      {{ point.text }}\n    </text>\n    <ng-container *ngFor=\"let point of view.secondaryDatePoints; trackBy: trackBy\">\n      <text\n        class=\"secondary-text\"\n        [ngStyle]=\"point.style\"\n        [class.today]=\"point.additions?.isToday\"\n        [class.weekend]=\"point.additions?.isWeekend\"\n        [attr.x]=\"point.x\"\n        [attr.y]=\"point.y\"\n      >\n        {{ point.text }}\n      </text>\n    </ng-container>\n\n    <g>\n      <line\n        *ngFor=\"let point of view.primaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.primaryWidth\"\n        [attr.x2]=\"(i + 1) * view.primaryWidth\"\n        [attr.y1]=\"0\"\n        [attr.y2]=\"mainHeight\"\n        class=\"primary-line\"\n      ></line>\n    </g>\n\n    <g>\n      <line [attr.x1]=\"0\" [attr.x2]=\"view.width\" [attr.y1]=\"headerHeight\" [attr.y2]=\"headerHeight\" class=\"header-line\"></line>\n    </g>\n  </g>\n  <g>\n    <g *ngIf=\"view.showTimeline\">\n      <line\n        *ngFor=\"let point of view.secondaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.cellWidth\"\n        [attr.x2]=\"(i + 1) * view.cellWidth\"\n        [attr.y1]=\"headerHeight\"\n        [attr.y2]=\"mainHeight\"\n        class=\"secondary-line\"\n      ></line>\n      <line\n        *ngFor=\"let point of view.primaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.primaryWidth\"\n        [attr.x2]=\"(i + 1) * view.primaryWidth\"\n        [attr.y1]=\"0\"\n        [attr.y2]=\"mainHeight\"\n        class=\"primary-line\"\n      ></line>\n    </g>\n  </g>\n</svg>\n", dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: GanttCalendarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gantt-calendar-overlay', template: "<div class=\"gantt-calendar-today-overlay\" [style.width.px]=\"view.width\">\n  <span class=\"today-rect\" [hidden]=\"ganttUpper.viewType !== viewTypes.day\"> </span>\n  <span class=\"today-line\" *ngIf=\"ganttUpper.showTodayLine\"> </span>\n</div>\n\n<svg class=\"gantt-calendar-overlay-main\" [attr.width]=\"view.width\" [attr.height]=\"headerHeight\">\n  <g>\n    <text\n      class=\"primary-text\"\n      [ngStyle]=\"point.style\"\n      [class.today]=\"point.additions?.isToday\"\n      [class.weekend]=\"point.additions?.isWeekend\"\n      *ngFor=\"let point of view.primaryDatePoints; trackBy: trackBy\"\n      [attr.x]=\"point.x\"\n      [attr.y]=\"point.y\"\n    >\n      {{ point.text }}\n    </text>\n    <ng-container *ngFor=\"let point of view.secondaryDatePoints; trackBy: trackBy\">\n      <text\n        class=\"secondary-text\"\n        [ngStyle]=\"point.style\"\n        [class.today]=\"point.additions?.isToday\"\n        [class.weekend]=\"point.additions?.isWeekend\"\n        [attr.x]=\"point.x\"\n        [attr.y]=\"point.y\"\n      >\n        {{ point.text }}\n      </text>\n    </ng-container>\n\n    <g>\n      <line\n        *ngFor=\"let point of view.primaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.primaryWidth\"\n        [attr.x2]=\"(i + 1) * view.primaryWidth\"\n        [attr.y1]=\"0\"\n        [attr.y2]=\"mainHeight\"\n        class=\"primary-line\"\n      ></line>\n    </g>\n\n    <g>\n      <line [attr.x1]=\"0\" [attr.x2]=\"view.width\" [attr.y1]=\"headerHeight\" [attr.y2]=\"headerHeight\" class=\"header-line\"></line>\n    </g>\n  </g>\n  <g>\n    <g *ngIf=\"view.showTimeline\">\n      <line\n        *ngFor=\"let point of view.secondaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.cellWidth\"\n        [attr.x2]=\"(i + 1) * view.cellWidth\"\n        [attr.y1]=\"headerHeight\"\n        [attr.y2]=\"mainHeight\"\n        class=\"secondary-line\"\n      ></line>\n      <line\n        *ngFor=\"let point of view.primaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.primaryWidth\"\n        [attr.x2]=\"(i + 1) * view.primaryWidth\"\n        [attr.y1]=\"0\"\n        [attr.y2]=\"mainHeight\"\n        class=\"primary-line\"\n      ></line>\n    </g>\n  </g>\n</svg>\n" }]
-        }], ctorParameters: function () { return [{ type: i2.GanttUpper, decorators: [{
-                    type: Inject,
-                    args: [GANTT_UPPER_TOKEN]
-                }] }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class.gantt-calendar-overlay']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZ2FudHQvc3JjL2NvbXBvbmVudHMvY2FsZW5kYXIvY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZ2FudHQvc3JjL2NvbXBvbmVudHMvY2FsZW5kYXIvY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxXQUFXLEVBQXFCLE1BQU0sRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUV0RyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUMsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5RixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBYyxNQUFNLG1CQUFtQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQUV4RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUM7QUFNeEIsTUFBTSxPQUFPLHNCQUFzQjtJQUMvQixJQUFJLElBQUk7UUFDSixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFrQkQsWUFDc0MsVUFBc0IsRUFDaEQsTUFBYyxFQUNkLFVBQW1DO1FBRlQsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNoRCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsZUFB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QUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQWEsRUFBRSxLQUFxQjtRQUN4QyxPQUFPLEtBQUssQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7O21IQTFFUSxzQkFBc0Isa0JBc0JuQixpQkFBaUI7dUdBdEJwQixzQkFBc0IsMElDaEJuQyxteEVBbUVBOzJGRG5EYSxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0ksd0JBQXdCOzswQkF5QjdCLE1BQU07MkJBQUMsaUJBQWlCOzBGQUxnQixTQUFTO3NCQUFyRCxXQUFXO3VCQUFDLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBIb3N0QmluZGluZywgT25EZXN0cm95LCBOZ1pvbmUsIEluamVjdCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR2FudHREYXRlUG9pbnQgfSBmcm9tICcuLi8uLi9jbGFzcy9kYXRlLXBvaW50JztcbmltcG9ydCB7IFN1YmplY3QsIG1lcmdlLCBmcm9tIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBoZWFkZXJIZWlnaHQsIHRvZGF5SGVpZ2h0LCB0b2RheVdpZHRoLCB0b2RheUJvcmRlclJhZGl1cyB9IGZyb20gJy4uLy4uL2dhbnR0LnN0eWxlcyc7XG5pbXBvcnQgeyBpc051bWJlciB9IGZyb20gJy4uLy4uL3V0aWxzL2hlbHBlcnMnO1xuaW1wb3J0IHsgR2FudHREYXRlIH0gZnJvbSAnLi4vLi4vdXRpbHMvZGF0ZSc7XG5pbXBvcnQgeyBHQU5UVF9VUFBFUl9UT0tFTiwgR2FudHRVcHBlciB9IGZyb20gJy4uLy4uL2dhbnR0LXVwcGVyJztcbmltcG9ydCB7IEdhbnR0Vmlld1R5cGUgfSBmcm9tICcuLy4uLy4uL2NsYXNzL3ZpZXctdHlwZSc7XG5cbmNvbnN0IG1haW5IZWlnaHQgPSA1MDAwO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dhbnR0LWNhbGVuZGFyLW92ZXJsYXknLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYWxlbmRhci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgR2FudHRDYWxlbmRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBnZXQgdmlldygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2FudHRVcHBlci52aWV3O1xuICAgIH1cblxuICAgIGhlYWRlckhlaWdodCA9IGhlYWRlckhlaWdodDtcblxuICAgIG1haW5IZWlnaHQgPSBtYWluSGVpZ2h0O1xuXG4gICAgdG9kYXlIZWlnaHQgPSB0b2RheUhlaWdodDtcblxuICAgIHRvZGF5V2lkdGggPSB0b2RheVdpZHRoO1xuXG4gICAgdG9kYXlCb3JkZXJSYWRpdXMgPSB0b2RheUJvcmRlclJhZGl1cztcblxuICAgIHZpZXdUeXBlcyA9IEdhbnR0Vmlld1R5cGU7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmdhbnR0LWNhbGVuZGFyLW92ZXJsYXknKSBjbGFzc05hbWUgPSB0cnVlO1xuXG4gICAgcHJpdmF0ZSB1bnN1YnNjcmliZSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoR0FOVFRfVVBQRVJfVE9LRU4pIHB1YmxpYyBnYW50dFVwcGVyOiBHYW50dFVwcGVyLFxuICAgICAgICBwcml2YXRlIG5nWm9uZTogTmdab25lLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gICAgKSB7fVxuXG4gICAgc2V0VG9kYXlQb2ludCgpIHtcbiAgICAgICAgY29uc3QgeCA9IHRoaXMudmlldy5nZXRUb2RheVhQb2ludCgpO1xuICAgICAgICBjb25zdCB0b2RheSA9IG5ldyBHYW50dERhdGUoKS5nZXREYXRlKCk7XG4gICAgICAgIGNvbnN0IHRvZGF5RWxlID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnZ2FudHQtY2FsZW5kYXItdG9kYXktb3ZlcmxheScpWzBdIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBjb25zdCByZWN0ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgndG9kYXktcmVjdCcpWzBdIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBjb25zdCBsaW5lID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgndG9kYXktbGluZScpWzBdIGFzIEhUTUxFbGVtZW50O1xuXG4gICAgICAgIGlmIChpc051bWJlcih4KSkge1xuICAgICAgICAgICAgaWYgKHJlY3QpIHtcbiAgICAgICAgICAgICAgICByZWN0LnN0eWxlLmxlZnQgPSBgJHt4IC0gdG9kYXlXaWR0aCAvIDJ9cHhgO1xuICAgICAgICAgICAgICAgIHJlY3Quc3R5bGUudG9wID0gYCR7aGVhZGVySGVpZ2h0IC0gdG9kYXlIZWlnaHR9cHhgO1xuICAgICAgICAgICAgICAgIHJlY3QuaW5uZXJIVE1MID0gdG9kYXkudG9TdHJpbmcoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmIChsaW5lKSB7XG4gICAgICAgICAgICAgICAgbGluZS5zdHlsZS5sZWZ0ID0gYCR7eH1weGA7XG4gICAgICAgICAgICAgICAgbGluZS5zdHlsZS50b3AgPSBgJHtoZWFkZXJIZWlnaHR9cHhgO1xuICAgICAgICAgICAgICAgIGxpbmUuc3R5bGUuYm90dG9tID0gYCR7LW1haW5IZWlnaHR9cHhgO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdG9kYXlFbGUuc3R5bGUuZGlzcGxheSA9ICdub25lJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICAvLyBOb3RlOiB0aGUgem9uZSBtYXkgYmUgbm9vcGVkIHRocm91Z2ggYEJvb3RzdHJhcE9wdGlvbnNgIHdoZW4gYm9vdHN0cmFwcGluZyB0aGUgcm9vdCBtb2R1bGUuIFRoaXMgbWVhbnNcbiAgICAgICAgLy8gdGhlIGBvblN0YWJsZWAgd2lsbCBuZXZlciBlbWl0IGFueSB2YWx1ZS5cbiAgICAgICAgY29uc3Qgb25TdGFibGUkID0gdGhpcy5uZ1pvbmUuaXNTdGFibGUgPyBmcm9tKFByb21pc2UucmVzb2x2ZSgpKSA6IHRoaXMubmdab25lLm9uU3RhYmxlLnBpcGUodGFrZSgxKSk7XG4gICAgICAgIC8vIE5vcm1hbGx5IHRoaXMgaXNuJ3QgaW4gdGhlIHpvbmUsIGJ1dCBpdCBjYW4gY2F1c2UgcGVyZm9ybWFuY2UgcmVncmVzc2lvbnMgZm9yIGFwcHNcbiAgICAgICAgLy8gdXNpbmcgYHpvbmUtcGF0Y2gtcnhqc2AgYmVjYXVzZSBpdCdsbCB0cmlnZ2VyIGEgY2hhbmdlIGRldGVjdGlvbiB3aGVuIGl0IHVuc3Vic2NyaWJlcy5cbiAgICAgICAgdGhpcy5uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgICAgICAgb25TdGFibGUkLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICBtZXJnZSh0aGlzLmdhbnR0VXBwZXIudmlld0NoYW5nZSwgdGhpcy5nYW50dFVwcGVyLnZpZXcuc3RhcnQkKVxuICAgICAgICAgICAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuc2V0VG9kYXlQb2ludCgpO1xuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICB0cmFja0J5KGluZGV4OiBudW1iZXIsIHBvaW50OiBHYW50dERhdGVQb2ludCkge1xuICAgICAgICByZXR1cm4gcG9pbnQudGV4dCB8fCBpbmRleDtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgICAgICB0aGlzLnVuc3Vic2NyaWJlJC5jb21wbGV0ZSgpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJnYW50dC1jYWxlbmRhci10b2RheS1vdmVybGF5XCIgW3N0eWxlLndpZHRoLnB4XT1cInZpZXcud2lkdGhcIj5cbiAgPHNwYW4gY2xhc3M9XCJ0b2RheS1yZWN0XCIgW2hpZGRlbl09XCJnYW50dFVwcGVyLnZpZXdUeXBlICE9PSB2aWV3VHlwZXMuZGF5XCI+IDwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJ0b2RheS1saW5lXCIgKm5nSWY9XCJnYW50dFVwcGVyLnNob3dUb2RheUxpbmVcIj4gPC9zcGFuPlxuPC9kaXY+XG5cbjxzdmcgY2xhc3M9XCJnYW50dC1jYWxlbmRhci1vdmVybGF5LW1haW5cIiBbYXR0ci53aWR0aF09XCJ2aWV3LndpZHRoXCIgW2F0dHIuaGVpZ2h0XT1cImhlYWRlckhlaWdodFwiPlxuICA8Zz5cbiAgICA8dGV4dFxuICAgICAgY2xhc3M9XCJwcmltYXJ5LXRleHRcIlxuICAgICAgW25nU3R5bGVdPVwicG9pbnQuc3R5bGVcIlxuICAgICAgW2NsYXNzLnRvZGF5XT1cInBvaW50LmFkZGl0aW9ucz8uaXNUb2RheVwiXG4gICAgICBbY2xhc3Mud2Vla2VuZF09XCJwb2ludC5hZGRpdGlvbnM/LmlzV2Vla2VuZFwiXG4gICAgICAqbmdGb3I9XCJsZXQgcG9pbnQgb2Ygdmlldy5wcmltYXJ5RGF0ZVBvaW50czsgdHJhY2tCeTogdHJhY2tCeVwiXG4gICAgICBbYXR0ci54XT1cInBvaW50LnhcIlxuICAgICAgW2F0dHIueV09XCJwb2ludC55XCJcbiAgICA+XG4gICAgICB7eyBwb2ludC50ZXh0IH19XG4gICAgPC90ZXh0PlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHBvaW50IG9mIHZpZXcuc2Vjb25kYXJ5RGF0ZVBvaW50czsgdHJhY2tCeTogdHJhY2tCeVwiPlxuICAgICAgPHRleHRcbiAgICAgICAgY2xhc3M9XCJzZWNvbmRhcnktdGV4dFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInBvaW50LnN0eWxlXCJcbiAgICAgICAgW2NsYXNzLnRvZGF5XT1cInBvaW50LmFkZGl0aW9ucz8uaXNUb2RheVwiXG4gICAgICAgIFtjbGFzcy53ZWVrZW5kXT1cInBvaW50LmFkZGl0aW9ucz8uaXNXZWVrZW5kXCJcbiAgICAgICAgW2F0dHIueF09XCJwb2ludC54XCJcbiAgICAgICAgW2F0dHIueV09XCJwb2ludC55XCJcbiAgICAgID5cbiAgICAgICAge3sgcG9pbnQudGV4dCB9fVxuICAgICAgPC90ZXh0PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGc+XG4gICAgICA8bGluZVxuICAgICAgICAqbmdGb3I9XCJsZXQgcG9pbnQgb2Ygdmlldy5wcmltYXJ5RGF0ZVBvaW50czsgbGV0IGkgPSBpbmRleDsgdHJhY2tCeTogdHJhY2tCeVwiXG4gICAgICAgIFthdHRyLngxXT1cIihpICsgMSkgKiB2aWV3LnByaW1hcnlXaWR0aFwiXG4gICAgICAgIFthdHRyLngyXT1cIihpICsgMSkgKiB2aWV3LnByaW1hcnlXaWR0aFwiXG4gICAgICAgIFthdHRyLnkxXT1cIjBcIlxuICAgICAgICBbYXR0ci55Ml09XCJtYWluSGVpZ2h0XCJcbiAgICAgICAgY2xhc3M9XCJwcmltYXJ5LWxpbmVcIlxuICAgICAgPjwvbGluZT5cbiAgICA8L2c+XG5cbiAgICA8Zz5cbiAgICAgIDxsaW5lIFthdHRyLngxXT1cIjBcIiBbYXR0ci54Ml09XCJ2aWV3LndpZHRoXCIgW2F0dHIueTFdPVwiaGVhZGVySGVpZ2h0XCIgW2F0dHIueTJdPVwiaGVhZGVySGVpZ2h0XCIgY2xhc3M9XCJoZWFkZXItbGluZVwiPjwvbGluZT5cbiAgICA8L2c+XG4gIDwvZz5cbiAgPGc+XG4gICAgPGcgKm5nSWY9XCJ2aWV3LnNob3dUaW1lbGluZVwiPlxuICAgICAgPGxpbmVcbiAgICAgICAgKm5nRm9yPVwibGV0IHBvaW50IG9mIHZpZXcuc2Vjb25kYXJ5RGF0ZVBvaW50czsgbGV0IGkgPSBpbmRleDsgdHJhY2tCeTogdHJhY2tCeVwiXG4gICAgICAgIFthdHRyLngxXT1cIihpICsgMSkgKiB2aWV3LmNlbGxXaWR0aFwiXG4gICAgICAgIFthdHRyLngyXT1cIihpICsgMSkgKiB2aWV3LmNlbGxXaWR0aFwiXG4gICAgICAgIFthdHRyLnkxXT1cImhlYWRlckhlaWdodFwiXG4gICAgICAgIFthdHRyLnkyXT1cIm1haW5IZWlnaHRcIlxuICAgICAgICBjbGFzcz1cInNlY29uZGFyeS1saW5lXCJcbiAgICAgID48L2xpbmU+XG4gICAgICA8bGluZVxuICAgICAgICAqbmdGb3I9XCJsZXQgcG9pbnQgb2Ygdmlldy5wcmltYXJ5RGF0ZVBvaW50czsgbGV0IGkgPSBpbmRleDsgdHJhY2tCeTogdHJhY2tCeVwiXG4gICAgICAgIFthdHRyLngxXT1cIihpICsgMSkgKiB2aWV3LnByaW1hcnlXaWR0aFwiXG4gICAgICAgIFthdHRyLngyXT1cIihpICsgMSkgKiB2aWV3LnByaW1hcnlXaWR0aFwiXG4gICAgICAgIFthdHRyLnkxXT1cIjBcIlxuICAgICAgICBbYXR0ci55Ml09XCJtYWluSGVpZ2h0XCJcbiAgICAgICAgY2xhc3M9XCJwcmltYXJ5LWxpbmVcIlxuICAgICAgPjwvbGluZT5cbiAgICA8L2c+XG4gIDwvZz5cbjwvc3ZnPlxuIl19