@worktile/gantt 17.0.0-next.0 → 18.0.0

package/gantt-abstract.d.ts

@@ -1,10 +1,10 @@
 import { InjectionToken, ChangeDetectorRef } from '@angular/core';
 import { GanttGroupInternal, GanttItemInternal } from './class';
-import { GanttStyles } from './gantt.styles';
 import { NgxGanttTableComponent } from './table/gantt-table.component';
+import { GanttStyleOptions } from './gantt.config';
 export interface GanttAbstractComponent {
     table: NgxGanttTableComponent;
-    styles: GanttStyles;
+    styles: GanttStyleOptions;
     maxLevel: number;
     async: boolean;
     cdr: ChangeDetectorRef;

package/gantt-upper.d.ts

@@ -2,10 +2,9 @@ import { TemplateRef, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, Simpl
 import { Subject } from 'rxjs';
 import { GanttItem, GanttGroup, GanttViewType, GanttLoadOnScrollEvent, GanttDragEvent, GanttGroupInternal, GanttItemInternal, GanttBarClickEvent, GanttLinkDragEvent, GanttToolbarOptions } from './class';
 import { GanttView, GanttViewOptions } from './views/view';
-import { GanttStyles } from './gantt.styles';
 import { Dictionary } from './utils/helpers';
 import { GanttDragContainer } from './gantt-drag-container';
-import { GanttGlobalConfig } from './gantt.config';
+import { GanttGlobalConfig, GanttStyleOptions } from './gantt.config';
 import { GanttLinkOptions } from './class/link';
 import { SelectionModel } from '@angular/cdk/collections';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -25,7 +24,7 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     end: number;
     showTodayLine: boolean;
     draggable: boolean;
-    styles: GanttStyles;
+    styles: GanttStyleOptions;
     showToolbar: boolean;
     toolbarOptions: GanttToolbarOptions;
     viewOptions: GanttViewOptions;

package/gantt.component.scss

@@ -22,7 +22,6 @@
 
     .gantt-side-header {
       box-sizing: border-box;
-      height: variables.$gantt-header-height;
     }
 
     .gantt-side-container {
@@ -69,10 +68,8 @@
 
   .gantt-main-container {
     width: 100%;
-    height: calc(100% - #{variables.$gantt-header-height});
     flex: 1;
     position: absolute;
-    top: variables.$gantt-header-height;
     bottom: 0;
     left: 0;
     right: 0;
@@ -86,7 +83,6 @@
     }
 
     .gantt-group {
-      height: variables.$gantt-group-height;
       background: variables.$gantt-group-background-color;
       border-bottom: 1px solid variables.$gantt-border-color;
       box-sizing: border-box;
@@ -110,7 +106,6 @@
   .gantt-virtual-scroll-viewport {
     position: absolute;
     left: 0;
-    top: variables.$gantt-header-height;
     right: 0;
     bottom: 0;
     z-index: 2;

package/gantt.config.d.ts

@@ -15,10 +15,16 @@ export interface GanttDateOptions {
     locale?: Locale;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
+export interface GanttStyleOptions {
+    headerHeight?: number;
+    lineHeight?: number;
+    barHeight?: number;
+}
 export interface GanttGlobalConfig {
     dateFormat?: GanttDateFormat;
     dateOptions?: GanttDateOptions;
     linkOptions?: GanttLinkOptions;
+    styleOptions?: GanttStyleOptions;
 }
 export declare const defaultConfig: GanttGlobalConfig;
 export declare const GANTT_GLOBAL_CONFIG: InjectionToken<GanttGlobalConfig>;

package/gantt.pipe.d.ts

@@ -2,17 +2,17 @@ import { PipeTransform } from '@angular/core';
 import { GanttItemType } from './class';
 import * as i0 from "@angular/core";
 export declare class IsGanttRangeItemPipe implements PipeTransform {
-    transform(value: GanttItemType): boolean;
+    transform(value: GanttItemType): value is GanttItemType.range;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttRangeItemPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttRangeItemPipe, "isGanttRangeItem", true>;
 }
 export declare class IsGanttBarItemPipe implements PipeTransform {
-    transform(value: GanttItemType): boolean;
+    transform(value: GanttItemType): value is GanttItemType.bar;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttBarItemPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttBarItemPipe, "isGanttBarItem", true>;
 }
 export declare class IsGanttCustomItemPipe implements PipeTransform {
-    transform(value: GanttItemType): boolean;
+    transform(value: GanttItemType): value is GanttItemType.custom;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttCustomItemPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttCustomItemPipe, "isGanttCustomItem", true>;
 }

package/gantt.styles.d.ts

@@ -1,9 +1,3 @@
-export declare const defaultStyles: {
-    lineHeight: number;
-    barHeight: number;
-};
-export declare const headerHeight = 44;
-export type GanttStyles = typeof defaultStyles;
 export declare const sideWidth = 400;
 export declare const sideMiddleWidth = 500;
 export declare const sideMaxWidth = 600;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "17.0.0-next.0",
+  "version": "18.0.0",
   "schematics": "./schematics/collection.json",
   "author": "walkerkay001",
   "license": "MIT",

package/styles/variables.scss

@@ -6,12 +6,10 @@ $gantt-border-color: #eee !default;
 $gantt-bg-color: #fff !default;
 $gantt-side-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15) !default;
 $gantt-container-background-color: #fafafa !default;
-$gantt-item-height: 44px !default;
 $gantt-group-background-color: rgba(
   $color: #f3f3f3,
   $alpha: 0.5
 ) !default;
-$gantt-group-height: 44px !default;
 $gantt-table-td-padding: 0 15px !default;
 
 // calendar
@@ -59,3 +57,7 @@ $gantt-loader-loading-color: $gantt-primary-color !default;
 
 // footer
 $gantt-footer-height: 44px !default;
+
+// @deprecated, please use global config `GANTT_GLOBAL_CONFIG` set custom height
+$gantt-item-height: none;
+$gantt-group-height: none;

package/utils/date.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="date-fns" />
 export { Locale, addDays, addHours, addMinutes, addMonths, addQuarters, addSeconds, addWeeks, addYears, differenceInCalendarDays, differenceInCalendarQuarters, differenceInDays, eachDayOfInterval, eachMonthOfInterval, eachWeekOfInterval, endOfDay, endOfMonth, endOfQuarter, endOfWeek, endOfYear, format, fromUnixTime, getDaysInMonth, getUnixTime, getWeek, isToday, isWeekend, setDate, startOfDay, startOfMonth, startOfQuarter, startOfWeek, startOfYear, startOfMinute, startOfHour, endOfMinute, endOfHour, differenceInMinutes, eachHourOfInterval } from 'date-fns';
 export type GanttDateUtil = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
 export declare class GanttDate {

package/utils/helpers.d.ts

@@ -2,8 +2,8 @@ import { GanttItem, GanttItemInternal } from '../class/item';
 export interface Dictionary<T = unknown> {
     [key: string]: T;
 }
-export declare function isNumber(value: any): boolean;
-export declare function isString(value: any): boolean;
+export declare function isNumber(value: any): value is number;
+export declare function isString(value: any): value is string;
 export declare function isUndefined(value: any): boolean;
 export declare function hexToRgb(color: string, opacity?: number): string;
 export declare function uniqBy<T = unknown>(array: T[], key: keyof T): any[];

package/views/hour.d.ts

@@ -14,6 +14,7 @@ export declare class GanttViewHour extends GanttView {
     private getHourOccupancyWidth;
     getPrimaryDatePoints(): GanttDatePoint[];
     getSecondaryDatePoints(): GanttDatePoint[];
+    getTodayXPoint(): number;
     getDateIntervalWidth(start: GanttDate, end: GanttDate): number;
     getDateByXPoint(x: number): GanttDate;
 }

package/views/view.d.ts

@@ -3,8 +3,8 @@ import { GanttViewType } from '../class';
 import { GanttDatePoint } from '../class/date-point';
 import { GanttDateFormat } from '../gantt.config';
 import { GanttDate, GanttDateUtil } from '../utils/date';
-export declare const primaryDatePointTop = 18;
-export declare const secondaryDatePointTop = 36;
+export declare const primaryDatePointTop = "40%";
+export declare const secondaryDatePointTop = "80%";
 export interface GanttViewDate {
     date: GanttDate;
     isCustom?: boolean;