angular-calendar-timeline - npm Package Compare versions

Comparing version 0.4.2 to 0.4.3

lib/components/scale-header/timeline-scale-header.component.d.ts

@@ -14,3 +14,3 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     locale: string;
-    zoom: ITimelineZoom;
+    zoom: ITimelineZoom<any>;
     groups: IGeneratedGroup[];
@@ -17,0 +17,0 @@ get columns(): IScaleColumn[];

lib/models/zoom.d.ts

 export declare enum TimelineViewMode {
-    Month = "Month",
-    Week = "Week",
-    Day = "Day"
+    Month = 101,
+    Week = 102,
+    Day = 103
 }
@@ -6,0 +6,0 @@ export interface ITimelineZoom<ViewMode = TimelineViewMode> {

lib/models/zooms-builder.d.ts

 import { Observable } from "rxjs";
-import { ITimelineZoom } from "./zoom";
-export interface IIndexedZoom extends ITimelineZoom {
+import { ITimelineZoom, TimelineViewMode } from "./zoom";
+export interface IIndexedZoom<ViewMode = TimelineViewMode> extends ITimelineZoom<ViewMode> {
     index: number;
 }
-export interface IZoomsHandler {
-    activeZoom$: Observable<IIndexedZoom>;
-    readonly activeZoom: IIndexedZoom;
-    readonly zooms: IIndexedZoom[];
-    setZooms(zooms: ITimelineZoom[]): void;
-    getFirstZoom(): IIndexedZoom;
-    getLastZoom(): IIndexedZoom;
+export interface IZoomsHandler<ViewMode> {
+    activeZoom$: Observable<IIndexedZoom<ViewMode>>;
+    readonly activeZoom: IIndexedZoom<ViewMode>;
+    readonly zooms: IIndexedZoom<ViewMode>[];
+    setZooms(zooms: ITimelineZoom<ViewMode>[]): void;
+    getFirstZoom(): IIndexedZoom<ViewMode>;
+    getLastZoom(): IIndexedZoom<ViewMode>;
     zoomIn(): void;
     zoomOut(): void;
-    changeActiveZoom(zoom: ITimelineZoom): void;
-    isZoomActive(zoom: ITimelineZoom): boolean;
+    changeActiveZoom(zoom: ITimelineZoom<ViewMode>): void;
+    isZoomActive(zoom: ITimelineZoom<ViewMode>): boolean;
 }

lib/strategy-manager.d.ts

@@ -15,10 +15,10 @@ import { IViewModeAdaptor, IScaleGenerator, TimelineViewMode } from "./models";
     protected _generatorsDictionary: {
-        Day: IScaleGenerator;
-        Week: IScaleGenerator;
-        Month: IScaleGenerator;
+        103: IScaleGenerator;
+        102: IScaleGenerator;
+        101: IScaleGenerator;
     };
     protected _calculatorsDictionary: {
-        Day: DaysViewModeAdaptor;
-        Week: WeeksViewModeAdaptor;
-        Month: MonthsViewModeAdaptor;
+        103: DaysViewModeAdaptor;
+        102: WeeksViewModeAdaptor;
+        101: MonthsViewModeAdaptor;
     };
@@ -25,0 +25,0 @@ constructor(_dayGenerator: IScaleGenerator, _weekGenerator: IScaleGenerator, _monthGenerator: IScaleGenerator);

lib/timeline.component.d.ts

 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { ResizeEvent } from 'angular-resizable-element';
-import { IViewModeAdaptor, IIdObject, IItemsIterator, IScale, IScaleGenerator, ITimelineItem, ITimelineZoom, IZoomsHandler, IScaleColumn, IItemTimeChangedEvent, IItemRowChangedEvent } from './models';
+import { IViewModeAdaptor, IIdObject, IItemsIterator, IScale, IScaleGenerator, ITimelineItem, ITimelineZoom, IZoomsHandler, IScaleColumn, IItemTimeChangedEvent, IItemRowChangedEvent, TimelineViewMode } from './models';
 import { DragEndEvent } from "angular-draggable-droppable/lib/draggable.directive";
 import { StrategyManager } from "./strategy-manager";
 import * as i0 from "@angular/core";
-export declare class TimelineComponent implements AfterViewInit, OnDestroy {
+export declare class TimelineComponent<ViewMode = TimelineViewMode> implements AfterViewInit, OnDestroy {
     private _cdr;
@@ -27,3 +27,3 @@ private _strategyManager;
     itemsIterator: IItemsIterator;
-    zoomsHandler: IZoomsHandler;
+    zoomsHandler: IZoomsHandler<ViewMode>;
     private _ignoreNextScrollEvent;
@@ -42,3 +42,3 @@ private _destroy$;
      */
-    zoomChanged: EventEmitter<ITimelineZoom>;
+    zoomChanged: EventEmitter<ITimelineZoom<ViewMode>>;
     /**
@@ -131,3 +131,3 @@ * Emits event when user clicked somewhere on time grid.
      */
-    set zooms(value: ITimelineZoom[]);
+    set zooms(value: ITimelineZoom<ViewMode>[]);
     /**
@@ -144,8 +144,8 @@ * The items of timeline.
      */
-    get zoom(): ITimelineZoom;
+    get zoom(): ITimelineZoom<ViewMode>;
     /**
      * Registered zooms list.
      */
-    get zooms(): ITimelineZoom[];
-    constructor(_cdr: ChangeDetectorRef, _strategyManager: StrategyManager, _elementRef: ElementRef, _platformId: object);
+    get zooms(): ITimelineZoom<ViewMode>[];
+    constructor(_cdr: ChangeDetectorRef, _strategyManager: StrategyManager<ViewMode>, _elementRef: ElementRef, _platformId: object);
     ngAfterViewInit(): void;
@@ -168,3 +168,3 @@ /**
      */
-    changeZoom(zoom: ITimelineZoom): void;
+    changeZoom(zoom: ITimelineZoom<ViewMode>): void;
     /**
@@ -210,4 +210,4 @@ * Changes zoom to the max value
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "timeline-calendar", never, { "locale": "locale"; "rowHeight": "rowHeight"; "itemHeight": "itemHeight"; "headerHeight": "headerHeight"; "panelLabel": "panelLabel"; "panelWidth": "panelWidth"; "minPanelWidth": "minPanelWidth"; "maxPanelWidth": "maxPanelWidth"; "offsetForChildPanelItem": "offsetForChildPanelItem"; "isPanelResizable": "isPanelResizable"; "showDateMarket": "showDateMarket"; "panelItemTemplate": "panelItemTemplate"; "itemContentTemplate": "itemContentTemplate"; "columnSeparatorTemplate": "columnSeparatorTemplate"; "dateMarkerTemplate": "dateMarkerTemplate"; "zooms": "zooms"; "items": "items"; }, { "itemTimeChanged": "itemTimeChanged"; "itemRowChanged": "itemRowChanged"; "zoomChanged": "zoomChanged"; "timeGridClicked": "timeGridClicked"; }, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent<any>, "timeline-calendar", never, { "locale": "locale"; "rowHeight": "rowHeight"; "itemHeight": "itemHeight"; "headerHeight": "headerHeight"; "panelLabel": "panelLabel"; "panelWidth": "panelWidth"; "minPanelWidth": "minPanelWidth"; "maxPanelWidth": "maxPanelWidth"; "offsetForChildPanelItem": "offsetForChildPanelItem"; "isPanelResizable": "isPanelResizable"; "showDateMarket": "showDateMarket"; "panelItemTemplate": "panelItemTemplate"; "itemContentTemplate": "itemContentTemplate"; "columnSeparatorTemplate": "columnSeparatorTemplate"; "dateMarkerTemplate": "dateMarkerTemplate"; "zooms": "zooms"; "items": "items"; }, { "itemTimeChanged": "itemTimeChanged"; "itemRowChanged": "itemRowChanged"; "zoomChanged": "zoomChanged"; "timeGridClicked": "timeGridClicked"; }, never, never>;
 }

lib/zooms-handler/zooms-handler.d.ts

 import { Observable } from "rxjs";
-import { ITimelineZoom } from "../models/zoom";
+import { ITimelineZoom, TimelineViewMode } from "../models/zoom";
 import { IIndexedZoom, IZoomsHandler } from "../models";
-export declare class ZoomsHandler implements IZoomsHandler {
+export declare class ZoomsHandler<ViewMode = TimelineViewMode> implements IZoomsHandler<ViewMode> {
     private _zooms;
     private _activeZoom$;
-    activeZoom$: Observable<IIndexedZoom>;
-    get activeZoom(): IIndexedZoom;
-    get zooms(): IIndexedZoom[];
-    constructor(zooms: ITimelineZoom[]);
-    setZooms(zooms: ITimelineZoom[]): void;
-    getFirstZoom(): IIndexedZoom;
-    getLastZoom(): IIndexedZoom;
+    activeZoom$: Observable<IIndexedZoom<ViewMode>>;
+    get activeZoom(): IIndexedZoom<ViewMode>;
+    get zooms(): IIndexedZoom<ViewMode>[];
+    constructor(zooms: ITimelineZoom<ViewMode>[]);
+    setZooms(zooms: ITimelineZoom<ViewMode>[]): void;
+    getFirstZoom(): IIndexedZoom<ViewMode>;
+    getLastZoom(): IIndexedZoom<ViewMode>;
     zoomIn(): void;
     zoomOut(): void;
-    changeActiveZoom(zoom: ITimelineZoom): void;
-    isZoomActive(zoom: ITimelineZoom): boolean;
+    changeActiveZoom(zoom: ITimelineZoom<ViewMode>): void;
+    isZoomActive(zoom: ITimelineZoom<ViewMode>): boolean;
     private _findZoomIndex;
 }

package.json

 {
   "name": "angular-calendar-timeline",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "A timeline for angular 13 that shows tasks or events on a timeline in different modes: days, weeks, and months.",
@@ -5,0 +5,0 @@ "author": "Andrii Krashivskyi",

README.md

@@ -208,10 +208,10 @@ <div align="center">
 enum CustomViewMode {
+  CustomView = 1,
   Day = TimelineViewMode.Day,
   Week = TimelineViewMode.Week,
   Month = TimelineViewMode.Month,
-  Custom = 'Custom'
 }
 
-class CustomStrategyManager extends StrategyManager implements IStrategyManager<TimelineViewMode> {
-  getScaleGenerator(viewMode: CustomViewMode): IScaleGenerator {
+class CustomStrategyManager extends StrategyManager implements IStrategyManager<CustomViewMode> {
+  getScaleGenerator(viewMode): IScaleGenerator {
     if (viewMode === CustomViewMode.Custom) {
@@ -224,3 +224,3 @@ return {...};  // your custom logic here
 
-  getViewModeAdaptor(viewMode: CustomViewMode): IViewModeAdaptor {
+  getViewModeAdaptor(viewMode): IViewModeAdaptor {
     if (viewMode === CustomViewMode.Custom) {
@@ -230,3 +230,3 @@ return {...} // custom adaptor;
 
-    return super.getAdaptor(viewMode);
+    return super.getViewModeAdaptor(viewMode);
   }
@@ -233,0 +233,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

748627

increased by0.29%

No dependency changes