@worktile/gantt 12.1.2 → 12.1.3

package/gantt-upper.d.ts

@@ -5,6 +5,8 @@ import { GanttView, GanttViewOptions } from './views/view';
 import { GanttStyles } from './gantt.styles';
 import { GanttDragContainer } from './gantt-drag-container';
 import { GanttGlobalConfig } from './gantt.config';
+import { SelectionModel } from '@angular/cdk/collections';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare abstract class GanttUpper {
     protected elementRef: ElementRef<HTMLElement>;
@@ -21,6 +23,10 @@ export declare abstract class GanttUpper {
     styles: GanttStyles;
     viewOptions: GanttViewOptions;
     disabledLoadOnScroll: boolean;
+    set selectable(value: BooleanInput);
+    get selectable(): boolean;
+    set multiple(value: BooleanInput);
+    get multiple(): boolean;
     loadOnScroll: EventEmitter<GanttLoadOnScrollEvent>;
     dragStarted: EventEmitter<GanttDragEvent<unknown>>;
     dragMoved: EventEmitter<GanttDragEvent<unknown>>;
@@ -42,7 +48,10 @@ export declare abstract class GanttUpper {
     firstChange: boolean;
     dragContainer: GanttDragContainer;
     unsubscribe$: Subject<unknown>;
+    selectionModel: SelectionModel<string>;
     private groupsMap;
+    private _selectable;
+    private _multiple;
     ganttClass: boolean;
     constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, ngZone: NgZone, config: GanttGlobalConfig);
     private createView;
@@ -52,6 +61,7 @@ export declare abstract class GanttUpper {
     private getViewDate;
     computeRefs(): void;
     private expandGroups;
+    private initSelectionModel;
     onInit(): void;
     onChanges(changes: SimpleChanges): void;
     onDestroy(): void;
@@ -63,7 +73,8 @@ export declare abstract class GanttUpper {
     collapseAll(): void;
     getGanttItem(id: string): GanttItemInternal;
     getGanttItems(ids: string[]): GanttItemInternal[];
+    isSelected(id: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttUpper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": "items"; "originGroups": "groups"; "viewType": "viewType"; "start": "start"; "end": "end"; "showTodayLine": "showTodayLine"; "draggable": "draggable"; "styles": "styles"; "viewOptions": "viewOptions"; "disabledLoadOnScroll": "disabledLoadOnScroll"; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "groupTemplate", "groupHeaderTemplate"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": "items"; "originGroups": "groups"; "viewType": "viewType"; "start": "start"; "end": "end"; "showTodayLine": "showTodayLine"; "draggable": "draggable"; "styles": "styles"; "viewOptions": "viewOptions"; "disabledLoadOnScroll": "disabledLoadOnScroll"; "selectable": "selectable"; "multiple": "multiple"; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "groupTemplate", "groupHeaderTemplate"]>;
 }
 export declare const GANTT_UPPER_TOKEN: InjectionToken<GanttUpper>;

package/gantt.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, OnChanges, OnDestroy, SimpleChanges, QueryList, AfterViewInit, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { GanttUpper } from './gantt-upper';
-import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem } from './class';
+import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem, GanttSelectedEvent } from './class';
 import { NgxGanttTableColumnComponent } from './table/gantt-column.component';
 import { NgxGanttTableComponent } from './table/gantt-table.component';
 import { GanttGlobalConfig } from './gantt.config';
@@ -14,6 +14,7 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, Aft
     linkDragStarted: EventEmitter<GanttLinkDragEvent<unknown>>;
     linkDragEnded: EventEmitter<GanttLinkDragEvent<unknown>>;
     lineClick: EventEmitter<GanttLineClickEvent<unknown>>;
+    selectedChange: EventEmitter<GanttSelectedEvent<unknown>>;
     table: NgxGanttTableComponent;
     columns: QueryList<NgxGanttTableColumnComponent>;
     tableEmptyTemplate: TemplateRef<any>;
@@ -24,7 +25,8 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, Aft
     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"; }, ["table", "tableEmptyTemplate", "columns"], 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

@@ -119,7 +119,12 @@ $gantt-table-header-drag-line-color: #348fe4 !default;
             border-bottom: 1px solid $gantt-border-color;
             box-sizing: border-box;
             position: relative;
+
+            &.gantt-main-item-active {
+                background-color: rgba($color: $gantt-table-header-drag-line-color, $alpha: 0.1);
+            }
         }
+
     }
 }
 
@@ -258,6 +263,13 @@ $gantt-table-header-drag-line-color: #348fe4 !default;
       &:hover {
         background-color: $gantt-container-background-color;
       }
+
+      &-active {
+        background-color: rgba($color: $gantt-table-header-drag-line-color, $alpha: 0.1);
+        &:hover {
+          background-color: rgba($color: $gantt-table-header-drag-line-color, $alpha: 0.1);
+        }
+      }
     }
 
     .gantt-expand-icon {

package/package.json

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