@frxjs/ngx-timeline 1.0.6 → 1.2.0

package/lib/components/ngx-timeline.component.d.ts

@@ -1,76 +1,79 @@
-import { OnInit, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
-import { NgxTimelineEvent, NgxTimelineItem, NgxTimelineItemPosition, NgxTimelinePeriodInfo, NgxDateFormat, NgxTimelineEventGroup, NgxTimelineEventChangeSideInGroup } from '../models';
-import { BehaviorSubject } from 'rxjs';
-export declare class NgxTimelineComponent implements OnInit, OnChanges {
-    /**
-     * List of events to be displayed
-     */
-    events: NgxTimelineEvent[];
-    /**
-     * Language code used to show the date formatted
-     */
-    langCode?: string;
-    /**
-     * Boolean used to enable or disable the animations
-     */
-    enableAnimation: boolean;
-    /**
-     * Logic to be applied in order to group events
-     */
-    groupEvent?: NgxTimelineEventGroup;
-    /**
-     * Logic to be applied in order to put evetns on LEFT or RIGHT
-     */
-    changeSideInGroup?: NgxTimelineEventChangeSideInGroup;
-    /**
-     * Custom Template displayed before a group of events
-     */
-    periodCustomTemplate: TemplateRef<any>;
-    /**
-     * Custom Template displayed to show a single event
-     */
-    eventCustomTemplate: TemplateRef<any>;
-    /**
-     * Custom Template displayed to show an separator icon
-     */
-    centerIconCustomTemplate: TemplateRef<any>;
-    /**
-     * Custom Template displayed to show the side date
-     */
-    dateInstantCustomTemplate: TemplateRef<any>;
-    /**
-     * Custom Template displayed to show the inner event
-     */
-    innerEventCustomTemplate: TemplateRef<any>;
-    /**
-     * Output click event emitter
-     */
-    clickEmitter: BehaviorSubject<NgxTimelineItem>;
-    groups: {
-        [key: string]: NgxTimelineEvent[];
-    };
-    periods: NgxTimelineItem[];
-    items: NgxTimelineItem[];
-    ngxTimelineItemPosition: typeof NgxTimelineItemPosition;
-    ngxDateFormat: typeof NgxDateFormat;
-    private readonly separator;
-    constructor();
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    getPeriodKeyDateFormat(): string;
-    protected clear(): void;
-    protected groupEvents(events: NgxTimelineEvent[]): void;
-    protected sortEvents(events: NgxTimelineEvent[]): void;
-    protected setGroups(events: NgxTimelineEvent[]): void;
-    protected setItems(): void;
-    protected addPeriodEvents(periodInfo: NgxTimelinePeriodInfo, onLeft: boolean): void;
-    protected pushEventOnItems(event: NgxTimelineEvent, onLeft: boolean): void;
-    /**
-     * Compare the events inside the same group
-     */
-    protected compareEvents(prevEvent: NgxTimelineEvent, event: NgxTimelineEvent): boolean;
-    protected compareEventsField(prevEvent: NgxTimelineEvent, event: NgxTimelineEvent, ...fields: string[]): boolean;
-    protected setPeriods(): void;
-    private getPeriodInfo;
-    protected getPeriodKeyFromEvent(event: NgxTimelineEvent): string;
-}
+import { OnInit, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
+import { NgxTimelineEvent, NgxTimelineItem, NgxTimelineItemPosition, NgxTimelinePeriodInfo, NgxDateFormat, NgxTimelineEventGroup, NgxTimelineEventChangeSideInGroup } from '../models';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class NgxTimelineComponent implements OnInit, OnChanges {
+    /**
+     * List of events to be displayed
+     */
+    events: NgxTimelineEvent[];
+    /**
+     * Language code used to show the date formatted
+     */
+    langCode?: string;
+    /**
+     * Boolean used to enable or disable the animations
+     */
+    enableAnimation: boolean;
+    /**
+     * Logic to be applied in order to group events
+     */
+    groupEvent?: NgxTimelineEventGroup;
+    /**
+     * Logic to be applied in order to put evetns on LEFT or RIGHT
+     */
+    changeSideInGroup?: NgxTimelineEventChangeSideInGroup;
+    /**
+     * Custom Template displayed before a group of events
+     */
+    periodCustomTemplate: TemplateRef<any>;
+    /**
+     * Custom Template displayed to show a single event
+     */
+    eventCustomTemplate: TemplateRef<any>;
+    /**
+     * Custom Template displayed to show an separator icon
+     */
+    centerIconCustomTemplate: TemplateRef<any>;
+    /**
+     * Custom Template displayed to show the side date
+     */
+    dateInstantCustomTemplate: TemplateRef<any>;
+    /**
+     * Custom Template displayed to show the inner event
+     */
+    innerEventCustomTemplate: TemplateRef<any>;
+    /**
+     * Output click event emitter
+     */
+    clickEmitter: BehaviorSubject<NgxTimelineItem>;
+    groups: {
+        [key: string]: NgxTimelineEvent[];
+    };
+    periods: NgxTimelineItem[];
+    items: NgxTimelineItem[];
+    ngxTimelineItemPosition: typeof NgxTimelineItemPosition;
+    ngxDateFormat: typeof NgxDateFormat;
+    private readonly separator;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getPeriodKeyDateFormat(): string;
+    protected clear(): void;
+    protected groupEvents(events: NgxTimelineEvent[]): void;
+    protected sortEvents(events: NgxTimelineEvent[]): void;
+    protected setGroups(events: NgxTimelineEvent[]): void;
+    protected setItems(): void;
+    protected addPeriodEvents(periodInfo: NgxTimelinePeriodInfo, onLeft: boolean): void;
+    protected pushEventOnItems(event: NgxTimelineEvent, onLeft: boolean): void;
+    /**
+     * Compare the events inside the same group
+     */
+    protected compareEvents(prevEvent: NgxTimelineEvent, event: NgxTimelineEvent): boolean;
+    protected compareEventsField(prevEvent: NgxTimelineEvent, event: NgxTimelineEvent, ...fields: string[]): boolean;
+    protected setPeriods(): void;
+    private getPeriodInfo;
+    protected getPeriodKeyFromEvent(event: NgxTimelineEvent): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxTimelineComponent, "ngx-timeline", never, { "events": "events"; "langCode": "langCode"; "enableAnimation": "enableAnimation"; "groupEvent": "groupEvent"; "changeSideInGroup": "changeSideInGroup"; "periodCustomTemplate": "periodCustomTemplate"; "eventCustomTemplate": "eventCustomTemplate"; "centerIconCustomTemplate": "centerIconCustomTemplate"; "dateInstantCustomTemplate": "dateInstantCustomTemplate"; "innerEventCustomTemplate": "innerEventCustomTemplate"; }, { "clickEmitter": "clickEmitter"; }, never, never>;
+}

package/lib/models/NgxConfigObj.d.ts

@@ -1,59 +1,59 @@
-export declare let supportedLanguageCodes: string[];
-export interface NgxConfigDate {
-    code: string;
-    dayMonthYear: string;
-    fullDate: string;
-    hoursMinutes: string;
-    monthYear: string;
-    year: string;
-}
-export interface NgxDateObjMap {
-    [key: string]: NgxConfigDate;
-}
-export declare let dateConfigMap: NgxDateObjMap;
-export declare enum NgxDateFormat {
-    DAY_MONTH_YEAR = "DAY_MONTH_YEAR",
-    FULL_DATE = "FULL_DATE",
-    MONTH_YEAR = "MONTH_YEAR",
-    HOURS_MINUTES = "HOURS_MINUTES",
-    YEAR = "YEAR"
-}
-export declare let fieldConfigDate: {
-    MONTH_YEAR: string;
-    YEAR: string;
-    HOURS_MINUTES: string;
-    FULL_DATE: string;
-    DAY_MONTH_YEAR: string;
-};
-/**
- * Enum used to set the group event logic
- */
-export declare enum NgxTimelineEventGroup {
-    YEAR = "YEAR",
-    MONTH_YEAR = "MONTH_YEAR",
-    DAY_MONTH_YEAR = "DAY_MONTH_YEAR"
-}
-export declare let fieldsToAddEventGroup: {
-    YEAR: string[];
-    MONTH_YEAR: string[];
-    DAY_MONTH_YEAR: string[];
-};
-export declare let periodKeyDateFormat: {
-    YEAR: NgxDateFormat;
-    MONTH_YEAR: NgxDateFormat;
-    DAY_MONTH_YEAR: NgxDateFormat;
-};
-/**
- * Enum used to set the change side event logic
- */
-export declare enum NgxTimelineEventChangeSideInGroup {
-    ALL = "ALL",
-    ON_DIFFERENT_HMS = "ON_DIFFERENT_HMS",
-    ON_DIFFERENT_DAY = "ON_DIFFERENT_DAY",
-    ON_DIFFERENT_MONTH = "ON_DIFFERENT_MONTH"
-}
-export declare let fieldsToCheckEventChangeSideInGroup: {
-    ON_DIFFERENT_MONTH: string[];
-    ON_DIFFERENT_DAY: string[];
-    ON_DIFFERENT_HMS: string[];
-};
+export declare const supportedLanguageCodes: string[];
+export interface NgxConfigDate {
+    code: string;
+    dayMonthYear: string;
+    fullDate: string;
+    hoursMinutes: string;
+    monthYear: string;
+    year: string;
+}
+export interface NgxDateObjMap {
+    [key: string]: NgxConfigDate;
+}
+export declare const dateConfigMap: NgxDateObjMap;
+export declare enum NgxDateFormat {
+    DAY_MONTH_YEAR = "DAY_MONTH_YEAR",
+    FULL_DATE = "FULL_DATE",
+    MONTH_YEAR = "MONTH_YEAR",
+    HOURS_MINUTES = "HOURS_MINUTES",
+    YEAR = "YEAR"
+}
+export declare const fieldConfigDate: {
+    MONTH_YEAR: string;
+    YEAR: string;
+    HOURS_MINUTES: string;
+    FULL_DATE: string;
+    DAY_MONTH_YEAR: string;
+};
+/**
+ * Enum used to set the group event logic
+ */
+export declare enum NgxTimelineEventGroup {
+    YEAR = "YEAR",
+    MONTH_YEAR = "MONTH_YEAR",
+    DAY_MONTH_YEAR = "DAY_MONTH_YEAR"
+}
+export declare const fieldsToAddEventGroup: {
+    YEAR: string[];
+    MONTH_YEAR: string[];
+    DAY_MONTH_YEAR: string[];
+};
+export declare const periodKeyDateFormat: {
+    YEAR: NgxDateFormat;
+    MONTH_YEAR: NgxDateFormat;
+    DAY_MONTH_YEAR: NgxDateFormat;
+};
+/**
+ * Enum used to set the change side event logic
+ */
+export declare enum NgxTimelineEventChangeSideInGroup {
+    ALL = "ALL",
+    ON_DIFFERENT_HMS = "ON_DIFFERENT_HMS",
+    ON_DIFFERENT_DAY = "ON_DIFFERENT_DAY",
+    ON_DIFFERENT_MONTH = "ON_DIFFERENT_MONTH"
+}
+export declare const fieldsToCheckEventChangeSideInGroup: {
+    ON_DIFFERENT_MONTH: string[];
+    ON_DIFFERENT_DAY: string[];
+    ON_DIFFERENT_HMS: string[];
+};

package/lib/models/NgxTimelineEvent.d.ts

@@ -1,29 +1,29 @@
-/**
- * Event to be provided from outside the timeline
- */
-export interface NgxTimelineEvent {
-    timestamp?: Date;
-    title?: string;
-    description?: string;
-    id?: any;
-}
-export interface NgxTimelinePeriodInfo {
-    periodKey?: string;
-    year?: number;
-    month?: number;
-    day?: number;
-    firstDate?: any;
-}
-/**
- * Item used inside the timeline
- */
-export interface NgxTimelineItem {
-    type?: string;
-    position?: NgxTimelineItemPosition.ON_LEFT | NgxTimelineItemPosition.ON_RIGHT;
-    periodInfo?: NgxTimelinePeriodInfo;
-    eventInfo?: NgxTimelineEvent;
-}
-export declare enum NgxTimelineItemPosition {
-    ON_LEFT = "ON_LEFT",
-    ON_RIGHT = "ON_RIGHT"
-}
+/**
+ * Event to be provided from outside the timeline
+ */
+export interface NgxTimelineEvent {
+    timestamp?: Date;
+    title?: string;
+    description?: string;
+    id?: any;
+}
+export interface NgxTimelinePeriodInfo {
+    periodKey?: string;
+    year?: number;
+    month?: number;
+    day?: number;
+    firstDate?: any;
+}
+/**
+ * Item used inside the timeline
+ */
+export interface NgxTimelineItem {
+    type?: string;
+    position?: NgxTimelineItemPosition.ON_LEFT | NgxTimelineItemPosition.ON_RIGHT;
+    periodInfo?: NgxTimelinePeriodInfo;
+    eventInfo?: NgxTimelineEvent;
+}
+export declare enum NgxTimelineItemPosition {
+    ON_LEFT = "ON_LEFT",
+    ON_RIGHT = "ON_RIGHT"
+}

package/lib/models/index.d.ts

@@ -1,2 +1,2 @@
-export * from './NgxConfigObj';
-export * from './NgxTimelineEvent';
+export * from './NgxConfigObj';
+export * from './NgxTimelineEvent';

package/lib/ngx-timeline.module.d.ts

@@ -1,2 +1,10 @@
-export declare class NgxTimelineModule {
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./components/ngx-timeline.component";
+import * as i2 from "./components/ngx-timeline-event/ngx-timeline-event.component";
+import * as i3 from "./pipes/ngx-date-pipe";
+import * as i4 from "@angular/common";
+export declare class NgxTimelineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTimelineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxTimelineModule, [typeof i1.NgxTimelineComponent, typeof i2.NgxTimelineEventComponent, typeof i3.NgxDatePipe], [typeof i4.CommonModule], [typeof i1.NgxTimelineComponent, typeof i3.NgxDatePipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxTimelineModule>;
+}

package/lib/pipes/index.d.ts

@@ -1 +1 @@
-export * from './ngx-date-pipe';
+export * from './ngx-date-pipe';

package/lib/pipes/ngx-date-pipe.d.ts

@@ -1,7 +1,10 @@
-import { PipeTransform } from '@angular/core';
-export declare class NgxDatePipe implements PipeTransform {
-    constructor();
-    transform(date: Date | string, dateFormat?: string, langCode?: string): string;
-    private dateFormat;
-    private getDateConfig;
-}
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgxDatePipe implements PipeTransform {
+    constructor();
+    transform(date: Date | string, dateFormat?: string, langCode?: string): string;
+    private dateFormat;
+    private getDateConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NgxDatePipe, "ngxdate">;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frxjs/ngx-timeline",
-  "version": "1.0.6",
+  "version": "1.2.0",
   "keywords": [
     "angular",
     "timeline"
@@ -14,18 +14,31 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^11.0.9",
-    "@angular/core": "^11.0.9"
+    "@angular/common": "~13.2.1",
+    "@angular/compiler": "~13.2.1",
+    "@angular/core": "~13.2.1"
   },
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "main": "bundles/frxjs-ngx-timeline.umd.js",
-  "module": "fesm2015/frxjs-ngx-timeline.js",
-  "es2015": "fesm2015/frxjs-ngx-timeline.js",
-  "esm2015": "esm2015/frxjs-ngx-timeline.js",
-  "fesm2015": "fesm2015/frxjs-ngx-timeline.js",
+  "module": "fesm2015/frxjs-ngx-timeline.mjs",
+  "es2020": "fesm2020/frxjs-ngx-timeline.mjs",
+  "esm2020": "esm2020/frxjs-ngx-timeline.mjs",
+  "fesm2020": "fesm2020/frxjs-ngx-timeline.mjs",
+  "fesm2015": "fesm2015/frxjs-ngx-timeline.mjs",
   "typings": "frxjs-ngx-timeline.d.ts",
-  "metadata": "frxjs-ngx-timeline.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./frxjs-ngx-timeline.d.ts",
+      "esm2020": "./esm2020/frxjs-ngx-timeline.mjs",
+      "es2020": "./fesm2020/frxjs-ngx-timeline.mjs",
+      "es2015": "./fesm2015/frxjs-ngx-timeline.mjs",
+      "node": "./fesm2015/frxjs-ngx-timeline.mjs",
+      "default": "./fesm2020/frxjs-ngx-timeline.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -1,4 +1,4 @@
-export * from './lib/components';
-export * from './lib/models';
-export * from './lib/pipes/';
-export * from './lib/ngx-timeline.module';
+export * from './lib/components';
+export * from './lib/models';
+export * from './lib/pipes/';
+export * from './lib/ngx-timeline.module';