@spicainternational/ngx-sds-components 5.30.1 → 5.31.2

package/src/lib/timeline/components/timeline.component.d.ts

@@ -0,0 +1,116 @@
+import { AfterViewInit, ElementRef, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { TimelineTickFrequency } from '../types/timeline.types';
+import { TimelineIntervalLabel, TimelineItem, TimelineItemPresentation, TimelineTick } from '../models/timeline.model';
+import * as i0 from "@angular/core";
+export declare class SdsTimelineComponent implements OnInit, OnChanges, AfterViewInit {
+    /**
+     * The start date and time for the timeline.
+     *
+     * @type {Date}
+     * @memberof SdsTimelineComponent
+     */
+    start: Date;
+    /**
+     * The end date and time for the timeline.
+     *
+     * @type {Date}
+     * @memberof SdsTimelineComponent
+     */
+    end: Date;
+    /**
+     * The items to be displayed on the timeline. Specify data if you need
+     * additional data for custom rendering of the items.
+     *
+     * @type {TimelineItem[]}
+     * @memberof SdsTimelineComponent
+     */
+    items: TimelineItem[];
+    /**
+     * The template to be used for custom rendering of the items.
+     *
+     * @type {(TemplateRef<any> | undefined)}
+     * @memberof SdsTimelineComponent
+     */
+    itemTemplate: TemplateRef<any> | undefined;
+    /**
+     * The frequency of the ticks on the timeline.
+     *
+     * @type {TimelineTickFrequency}
+     * @memberof SdsTimelineComponent
+     */
+    tickFrequency: TimelineTickFrequency;
+    /**
+     * The current zoom level of the timeline. In percent.
+     *
+     * @type {number}
+     * @memberof SdsTimelineComponent
+     */
+    zoomPercent: number;
+    /**
+     * The maximum allowed zoom level of the timeline. In percent.
+     *
+     * @type {number}
+     * @memberof SdsTimelineComponent
+     */
+    maxZoomPercent: number;
+    /**
+     * Whether to show hour labels.
+     *
+     * @type {boolean}
+     * @memberof SdsTimelineComponent
+     */
+    showHourLabels: boolean;
+    /**
+     * Whether to show day labels.
+     *
+     * @type {boolean}
+     * @memberof SdsTimelineComponent
+     */
+    showDayLabels: boolean;
+    /**
+     * The height of the timeline. Default is 2rem.
+     *
+     * @type {string}
+     * @memberof SdsTimelineComponent
+     */
+    timelineHeight: string;
+    /**
+     * Whether to enable zoom and drag functionality.
+     *
+     * @type {boolean}
+     * @memberof SdsTimelineComponent
+     */
+    enableZoomAndDrag: boolean;
+    /**
+     * Number of minutes added to start and stop to fit the data on the edges
+     *
+     * @type {number}
+     * @memberof SdsTimelineComponent
+     */
+    offSetMinutes: number;
+    hourTicks: TimelineTick[];
+    hourLabels: TimelineIntervalLabel[];
+    dayLabels: TimelineIntervalLabel[];
+    private _timelineService;
+    presentationItems: TimelineItemPresentation[];
+    viewOffsetPercent: number;
+    isDragging: boolean;
+    initialDragX: number;
+    private viewOffsetPercentDragStart;
+    _viewport: ElementRef | undefined;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    onScroll(event: WheelEvent): void;
+    onDragStart(event: MouseEvent | TouchEvent): void;
+    onDragMove(event: MouseEvent): void;
+    onDragMoveTouch(event: TouchEvent): void;
+    onDragEnd(event: MouseEvent | TouchEvent): void;
+    private moveElement;
+    private constrainOffset;
+    private generateTicks;
+    private generateInternalTimelineItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsTimelineComponent, "sds-timeline", never, { "start": "start"; "end": "end"; "items": "items"; "itemTemplate": "itemTemplate"; "tickFrequency": "tickFrequency"; "zoomPercent": "zoomPercent"; "maxZoomPercent": "maxZoomPercent"; "showHourLabels": "showHourLabels"; "showDayLabels": "showDayLabels"; "timelineHeight": "timelineHeight"; "enableZoomAndDrag": "enableZoomAndDrag"; }, {}, never, never>;
+}

package/src/lib/timeline/models/timeline.model.d.ts

@@ -0,0 +1,21 @@
+export interface TimelineTick {
+    date: Date;
+    x: number;
+}
+export interface TimelineIntervalLabel {
+    x: number;
+    width: number;
+    label: string;
+}
+export interface TimelineItem {
+    data?: any;
+    start: Date;
+    end: Date;
+    hint?: string;
+}
+export interface TimelineItemPresentation {
+    data?: any;
+    x: number;
+    width: number;
+    hint?: string;
+}

package/src/lib/timeline/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-timeline.mjs",
+  "es2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-timeline.mjs",
+  "esm2020": "../../../esm2020/src/lib/timeline/spicainternational-ngx-sds-components-src-lib-timeline.mjs",
+  "fesm2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-timeline.mjs",
+  "fesm2015": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-timeline.mjs",
+  "typings": "spicainternational-ngx-sds-components-src-lib-timeline.d.ts",
+  "sideEffects": false,
+  "name": "@spicainternational/ngx-sds-components/src/lib/timeline"
+}

package/src/lib/timeline/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './timeline.module';
+export * from './components/timeline.component';

package/src/lib/timeline/services/timeline.service.d.ts

@@ -0,0 +1,22 @@
+import { TimelineIntervalLabel, TimelineTick } from '../models/timeline.model';
+import { TimelineTickFrequency } from '../types/timeline.types';
+export declare class SdsTimelineService {
+    private start;
+    private end;
+    private widthPercentPerMinute;
+    private hourTicks;
+    dayLabels: TimelineIntervalLabel[];
+    hourLabels: TimelineIntervalLabel[];
+    constructor(start: Date, end: Date, offSetMinutes: number);
+    getX(time: Date): number;
+    getWidthFromMinutes(minutes: number): number;
+    getWidthFromTime(start: Date, end: Date): number;
+    getTick(time: Date): TimelineTick;
+    getHourTicks(frequency?: TimelineTickFrequency): TimelineTick[];
+    private diffInMinutes;
+    private roundHoursUp;
+    private roundHoursDown;
+    private initHourTicks;
+    private initDayLabels;
+    private initHourLabels;
+}

package/src/lib/timeline/spicainternational-ngx-sds-components-src-lib-timeline.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@spicainternational/ngx-sds-components/src/lib/timeline" />
+export * from './public-api';

package/src/lib/timeline/timeline.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/timeline.component";
+import * as i2 from "@angular/common";
+export declare class SdsTimelineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsTimelineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsTimelineModule, [typeof i1.SdsTimelineComponent], [typeof i2.CommonModule], [typeof i1.SdsTimelineComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdsTimelineModule>;
+}

package/src/lib/timeline/types/timeline.types.d.ts

@@ -0,0 +1 @@
+export declare type TimelineTickFrequency = 'hourly' | '3hrs' | '6hrs';