angular-calendar-timeline - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

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 } from './models';
+import { IViewModeAdaptor, IIdObject, IItemsIterator, IScale, IScaleGenerator, ITimelineItem, ITimelineZoom, IZoomsHandler, IScaleColumn } from './models';
 import { DragEndEvent } from "angular-draggable-droppable/lib/draggable.directive";
@@ -95,2 +95,11 @@ import { StrategyManager } from "./strategy-manager";
     /**
+     * Custom template for separators between columns.
+     */
+    columnSeparatorTemplate: TemplateRef<{
+        column: IScaleColumn;
+        index: number;
+        columnWidth: number;
+        headerHeight: number;
+    }> | undefined;
+    /**
      * If false then date marker will be not visible.
@@ -176,3 +185,3 @@ */
     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"; "isPanelResizable": "isPanelResizable"; "panelItemTemplate": "panelItemTemplate"; "itemContentTemplate": "itemContentTemplate"; "showDateMarket": "showDateMarket"; "dateMarkerTemplate": "dateMarkerTemplate"; "zooms": "zooms"; "items": "items"; }, { "itemMoved": "itemMoved"; "itemResized": "itemResized"; "zoomChanged": "zoomChanged"; }, never, 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"; "isPanelResizable": "isPanelResizable"; "panelItemTemplate": "panelItemTemplate"; "itemContentTemplate": "itemContentTemplate"; "columnSeparatorTemplate": "columnSeparatorTemplate"; "showDateMarket": "showDateMarket"; "dateMarkerTemplate": "dateMarkerTemplate"; "zooms": "zooms"; "items": "items"; }, { "itemMoved": "itemMoved"; "itemResized": "itemResized"; "zoomChanged": "zoomChanged"; }, never, never>;
 }

package.json

 {
   "name": "angular-calendar-timeline",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A timeline for angular 13 that shows tasks or events on a timeline in different modes: days, weeks, and months.",
@@ -14,4 +14,8 @@ "author": "Andrii Krashivskyi",
     "angular",
+    "angular2",
     "timeline",
-    "calendar"
+    "calendar",
+    "schedule",
+    "tasks",
+    "events"
   ],
@@ -18,0 +22,0 @@ "private": false,

README.md

@@ -114,3 +114,3 @@ <div align="center">
         formatter: myCustomFormatter,
-        getStartDate: (itemsIterator: IItemsIterator) => itemsIterator.getFirstItem(true),
+        getStartDate: (itemsIterator: IItemsIterator) => itemsIterator.getFirstItem(true).startDate,
         getEndDate: (itemsIterator: IItemsIterator) => new Date(),
@@ -117,0 +117,0 @@ } as Partial<IScaleGeneratorConfig>,

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Lines of code

4817

0.5%

Worsened metrics

Total package byte prevSize

662648

-0.18%

Number of package files

74

-1.33%

No dependency changes