angular-calendar-timeline - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

lib/panel/timeline-panel.component.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter, TemplateRef } from "@angular/core";
+import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from "@angular/core";
 import { ResizeEvent } from "angular-resizable-element";
@@ -6,3 +6,3 @@ import { ITimelineItem } from "../models/item";
 import * as i0 from "@angular/core";
-export declare class TimelinePanelComponent {
+export declare class TimelinePanelComponent implements OnChanges {
     items: ITimelineItem[];
@@ -24,7 +24,9 @@ label: string;
     widthChanged: EventEmitter<number>;
+    ngOnChanges(changes: SimpleChanges): void;
     trackById(index: number, item: IIdObject): number | string;
     handleResize(event: ResizeEvent): void;
     toggleExpand(item: ITimelineItem): void;
+    private _validateWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimelinePanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimelinePanelComponent, "timeline-panel", never, { "items": "items"; "label": "label"; "width": "width"; "resizable": "resizable"; "minWidth": "minWidth"; "maxWidth": "maxWidth"; "headerHeight": "headerHeight"; "rowHeight": "rowHeight"; "locale": "locale"; "itemTemplate": "itemTemplate"; }, { "widthChanged": "widthChanged"; }, never, never>;
 }

lib/scale-generator/month-scale-generator.d.ts

@@ -7,4 +7,4 @@ import { BaseScaleGenerator } from './base-scale-generator';
     formatter: import("../formatters/scale-formatter.interface").IScaleFormatter;
-    protected readonly countOfYearsAfterLastItem = 4;
-    protected readonly countOfYearsBeforeFirstItem = 1;
+    protected readonly countOfYearsAfterLastItem = 2;
+    protected readonly countOfYearsBeforeFirstItem = 2;
     generateScale(startDate: Date, endDate: Date): IScale;
@@ -11,0 +11,0 @@ protected _generateGroup(date: DateInput): IScaleGroup;

lib/timeline.component.d.ts

@@ -92,2 +92,6 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
     /**
+     * If false then date marker will be not visible.
+     */
+    showDateMarket: boolean;
+    /**
      * Custom template for marker that indicates current time.
@@ -138,3 +142,4 @@ */
     /**
-     * Automatically chooses the most optimal zoom and sets horizontal scroll to the center of the items
+     * Automatically chooses the most optimal zoom and sets horizontal scroll to the center of the items.
+     * Padding sets minimal spacing from left and right to the first and last items.
      */
@@ -176,3 +181,3 @@ fitToContent(paddings: number): 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"; "panelResizable": "panelResizable"; "panelItemTemplate": "panelItemTemplate"; "itemContentTemplate": "itemContentTemplate"; "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"; "panelResizable": "panelResizable"; "panelItemTemplate": "panelItemTemplate"; "itemContentTemplate": "itemContentTemplate"; "showDateMarket": "showDateMarket"; "dateMarkerTemplate": "dateMarkerTemplate"; "zooms": "zooms"; "items": "items"; }, { "itemMoved": "itemMoved"; "itemResized": "itemResized"; "zoomChanged": "zoomChanged"; }, never, never>;
 }

package.json

 {
   "name": "angular-calendar-timeline",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "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

@@ -23,3 +23,3 @@ <div align="center">
 
-[soon]
+https://codesandbox.io/s/tender-cerf-zk0ewt
 
@@ -30,6 +30,7 @@ </div>
 
-A timeline component for angular 13.0+ that shows tasks or events on a timeline in different modes: days, weeks, and
+A timeline for angular 13+ that shows tasks or events on a timeline in different modes: days, weeks, and
 months.
 
-This library DOESN'T use big dependencies like JQuery or Moment.js. It`s almost a pure Angular library.
+This library is pretty small and DOESN'T use big dependencies like JQuery or Moment.js.
+Library also supports SSR.
 
@@ -123,7 +124,7 @@ <h2 align="center">Getting started</h2>
 @Component({
-  template: `<timeline-calendar [zooms]="zooms"></timeline-calendar>`
+  template: `<timeline-calendar #timeline [zooms]="zooms"></timeline-calendar>`
 })
 export class MyTimelineComponent implements AfterViewInit {
   zooms: ITimelineZoom[] = [] // set custom array of zooms;
-  @ViewChild(TimelineComponent) timeline: TimelineComponent;
+  @ViewChild('timeline') timeline: TimelineComponent;
 
@@ -211,3 +212,3 @@ ngAfterViewInit(): void {
 
-If you have some issues go here: https://github.com/oOps1627/angular-calendar-timeline
+Have an issue? Leave it here: https://github.com/oOps1627/angular-calendar-timeline
 

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

Total package byte prevSize

656175

1.12%

Lines of code

4737

1.5%

Number of lines in readme file

211

0.48%

No dependency changes