@worktile/gantt 18.0.4 → 18.0.5

package/gantt-dom.service.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, NgZone } from '@angular/core';
+import { ElementRef, OnDestroy, NgZone, WritableSignal } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare enum ScrollDirection {
@@ -23,6 +23,10 @@ export declare class GanttDomService implements OnDestroy {
     mainItems: Element;
     calendarOverlay: Element;
     linksOverlay: Element;
+    visibleRangeX: WritableSignal<{
+        min: number;
+        max: number;
+    }>;
     private mainFooter;
     private mainScrollbar;
     private unsubscribe$;
@@ -37,7 +41,9 @@ export declare class GanttDomService implements OnDestroy {
      */
     getViewerScroll(options?: AddEventListenerOptions): Observable<ScrollEvent>;
     getResize(): Observable<Event>;
+    getResizeByElement(element: Element): Observable<unknown>;
     scrollMainContainer(left: number): void;
+    setVisibleRangeX(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttDomService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GanttDomService>;

package/gantt-upper.d.ts

@@ -35,6 +35,7 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     get selectable(): boolean;
     set multiple(value: BooleanInput);
     get multiple(): boolean;
+    quickTimeFocus: boolean;
     loadOnScroll: EventEmitter<GanttLoadOnScrollEvent>;
     dragStarted: EventEmitter<GanttDragEvent<unknown>>;
     dragMoved: EventEmitter<GanttDragEvent<unknown>>;
@@ -93,6 +94,6 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     changeView(type: GanttViewType): void;
     rerenderView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttUpper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": { "alias": "items"; "required": false; }; "originGroups": { "alias": "groups"; "required": false; }; "originBaselineItems": { "alias": "baselineItems"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "showTodayLine": { "alias": "showTodayLine"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; "viewOptions": { "alias": "viewOptions"; "required": false; }; "linkOptions": { "alias": "linkOptions"; "required": false; }; "disabledLoadOnScroll": { "alias": "disabledLoadOnScroll"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; "viewChange": "viewChange"; "expandChange": "expandChange"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "baselineTemplate", "groupTemplate", "groupHeaderTemplate", "toolbarTemplate"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": { "alias": "items"; "required": false; }; "originGroups": { "alias": "groups"; "required": false; }; "originBaselineItems": { "alias": "baselineItems"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "showTodayLine": { "alias": "showTodayLine"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; "viewOptions": { "alias": "viewOptions"; "required": false; }; "linkOptions": { "alias": "linkOptions"; "required": false; }; "disabledLoadOnScroll": { "alias": "disabledLoadOnScroll"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "quickTimeFocus": { "alias": "quickTimeFocus"; "required": false; }; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; "viewChange": "viewChange"; "expandChange": "expandChange"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "baselineTemplate", "groupTemplate", "groupHeaderTemplate", "toolbarTemplate"], never, false, never>;
 }
 export declare const GANTT_UPPER_TOKEN: InjectionToken<GanttUpper>;

package/gantt.component.scss

@@ -110,6 +110,59 @@
         background-color: rgba($color: variables.$gantt-table-header-drag-line-color, $alpha: 0.1);
       }
     }
+
+    .gantt-quick-time-focus-container {
+      position: absolute;
+      left: 0;
+      top: 0;
+      .gantt-quick-time-focus {
+        position: sticky;
+        left: 0;
+        width: 0px;
+        z-index: 3;
+        pointer-events: none;
+
+        &-item {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          span {
+            width: 24px;
+            height: 24px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-bottom: 2px;
+            pointer-events: all;
+            &:hover {
+              .gantt-quick-time-focus-item-arrow {
+                border: 1px solid rgba(variables.$gantt-primary-color, 1);
+              }
+            }
+          }
+
+          &-arrow {
+            width: 20px;
+            height: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            background-color: variables.$gantt-bar-bg;
+            border: 1px solid variables.$gantt-border-color;
+            border-radius: 4px;
+            box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.05);
+            .gantt-icon {
+              display: inline-block;
+              svg {
+                width: 14px;
+                height: 14px;
+              }
+            }
+          }
+        }
+      }
+    }
   }
 
   .gantt-normal-viewport {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "18.0.4",
+  "version": "18.0.5",
   "schematics": "./schematics/collection.json",
   "author": "walkerkay001",
   "license": "MIT",

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

@@ -1,5 +1,5 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
-import { GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent, GanttTableEvent, GanttTableDragStartedEvent, GanttTableDragEndedEvent } from '../class';
+import { GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent, GanttTableEvent, GanttTableDragStartedEvent, GanttTableDragEndedEvent, GanttTableItemClickEvent } from '../class';
 import * as i0 from "@angular/core";
 export declare class NgxGanttTableComponent {
     draggable: boolean;
@@ -8,10 +8,11 @@ export declare class NgxGanttTableComponent {
     dragStarted: EventEmitter<GanttTableDragStartedEvent<unknown>>;
     dragEnded: EventEmitter<GanttTableDragEndedEvent<unknown>>;
     columnChanges: EventEmitter<GanttTableEvent>;
+    itemClick: EventEmitter<GanttTableItemClickEvent<unknown>>;
     rowBeforeTemplate: TemplateRef<any>;
     rowAfterTemplate: TemplateRef<any>;
     tableEmptyTemplate: TemplateRef<any>;
     tableFooterTemplate: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, { "draggable": { "alias": "draggable"; "required": false; }; "dropEnterPredicate": { "alias": "dropEnterPredicate"; "required": false; }; }, { "dragDropped": "dragDropped"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "columnChanges": "columnChanges"; }, ["rowBeforeTemplate", "rowAfterTemplate", "tableEmptyTemplate", "tableFooterTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, { "draggable": { "alias": "draggable"; "required": false; }; "dropEnterPredicate": { "alias": "dropEnterPredicate"; "required": false; }; }, { "dragDropped": "dragDropped"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "columnChanges": "columnChanges"; "itemClick": "itemClick"; }, ["rowBeforeTemplate", "rowAfterTemplate", "tableEmptyTemplate", "tableFooterTemplate"], never, true, never>;
 }