@spicainternational/ngx-sds-components 7.12.0-beta.2 → 8.1.1

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

@@ -1,198 +1,206 @@
-import { AfterViewInit, ElementRef, OnChanges, OnInit, SimpleChanges, TemplateRef, EventEmitter } from '@angular/core';
-import { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';
-import { TimelineIntervalLabel, TimelineItem, TimelineItemPresentation, TimelinePointInTimeItem, TimelinePointInTimeItemPresentation, 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 period based 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[];
-    /**
-     * Items to be displayed on the timeline at a specific point in time.
-     * Specify data if you need additional data for custom rendering of the items.
-     *
-     * @type {TimelinePointInTimeItem[]}
-     * @memberof SdsTimelineComponent
-     */
-    pointInTimeItems: TimelinePointInTimeItem[];
-    /**
-     * The template to be used for custom rendering of the items.
-     *
-     * @type {(TemplateRef<any> | undefined)}
-     * @memberof SdsTimelineComponent
-     */
-    itemTemplate: TemplateRef<any> | undefined;
-    /**
-     * The template to be used for custom rendering of the poin-in-time items.
-     *
-     * @type {(TemplateRef<any> | undefined)}
-     * @memberof SdsTimelineComponent
-     */
-    pointInTimeTemplate: TemplateRef<any> | undefined;
-    /**
-     * The template to be used for custom rendering of the day labels.
-     *
-     * @type {(TemplateRef<any> | undefined)}
-     * @memberof SdsTimelineComponent
-     */
-    dayLabelTemplate: TemplateRef<any> | undefined;
-    /**
-     * A custom data function for the day labels.
-     * This function takes a Date object as input and returns any custom data that will be available for the custom template
-     *
-     * @memberof SdsTimelineComponent
-     */
-    dayLabelCustomDataFn: TimelineCustomDateDataProvider | undefined;
-    /**
-     * The frequency of the ticks on the timeline.
-     *
-     * @type {TimelineTickFrequency}
-     * @memberof SdsTimelineComponent
-     */
-    tickFrequency: TimelineTickFrequency;
-    /**
-     * The frequency of the hour labels on the timeline.
-     *
-     * @type {TimelineTickFrequency}
-     * @memberof SdsTimelineComponent
-     */
-    hourLabelFrequency: TimelineTickFrequency;
-    /**
-     * The current zoom level of the timeline. In percent.
-     *
-     * @type {number}
-     * @memberof SdsTimelineComponent
-     */
-    zoomPercent: number;
-    zoomPercentChange: EventEmitter<number>;
-    /**
-     * Initial offset of the viewport in percent. This is used in scenarios
-     * with multiple days when you want to show non-first day as defult.
-     *
-     * @type {number}
-     * @memberof SdsTimelineComponent
-     */
-    viewOffsetPercent: number;
-    viewOffsetPercentChange: EventEmitter<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;
-    /**
-     * The CSS class to be applied to the hour labels.
-     *
-     * @type {string}
-     * @memberof SdsTimelineComponent
-     */
-    hourLabelClass?: string;
-    /**
-     * Whether to show day labels.
-     *
-     * @type {boolean}
-     * @memberof SdsTimelineComponent
-     */
-    showDayLabels: boolean;
-    /**
-     * The CSS class to be applied to the day labels.
-     *
-     * @type {string}
-     * @memberof SdsTimelineComponent
-     */
-    dayLabelClass?: string;
-    /**
-     * Whether to show timeline. Useful for hiding the timeline when we only need header.
-     *
-     * @type {boolean}
-     * @memberof SdsTimelineComponent
-     */
-    showTimeline: boolean;
-    /**
-     * The CSS class to be applied to the hour ticks.
-     *
-     * @type {string}
-     * @memberof SdsTimelineComponent
-     */
-    hourTickClass?: string;
-    /**
-     * 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;
-    /**
-     * The locales to be used for formatting the timeline.
-     *
-     * @type {(string | Array<string>)}
-     * @memberof SdsTimelineComponent
-     */
-    locales?: string | Array<string>;
-    hourTicks: TimelineTick[];
-    hourLabels: TimelineIntervalLabel[];
-    dayLabels: TimelineIntervalLabel[];
-    private _timelineService;
-    presentationItems: TimelineItemPresentation[];
-    presentationPointInTimeItems: TimelinePointInTimeItemPresentation[];
-    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;
-    private generateInternalTimelinePointInTimeItems;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdsTimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsTimelineComponent, "sds-timeline", never, { "start": "start"; "end": "end"; "items": "items"; "pointInTimeItems": "pointInTimeItems"; "itemTemplate": "itemTemplate"; "pointInTimeTemplate": "pointInTimeTemplate"; "dayLabelTemplate": "dayLabelTemplate"; "dayLabelCustomDataFn": "dayLabelCustomDataFn"; "tickFrequency": "tickFrequency"; "hourLabelFrequency": "hourLabelFrequency"; "zoomPercent": "zoomPercent"; "viewOffsetPercent": "viewOffsetPercent"; "maxZoomPercent": "maxZoomPercent"; "showHourLabels": "showHourLabels"; "hourLabelClass": "hourLabelClass"; "showDayLabels": "showDayLabels"; "dayLabelClass": "dayLabelClass"; "showTimeline": "showTimeline"; "hourTickClass": "hourTickClass"; "timelineHeight": "timelineHeight"; "enableZoomAndDrag": "enableZoomAndDrag"; "offSetMinutes": "offSetMinutes"; "locales": "locales"; }, { "zoomPercentChange": "zoomPercentChange"; "viewOffsetPercentChange": "viewOffsetPercentChange"; }, never, never, false, never>;
-}
+import { AfterViewInit, ElementRef, OnChanges, OnInit, SimpleChanges, TemplateRef, EventEmitter } from '@angular/core';
+import { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';
+import { TimelineIntervalLabel, TimelineItem, TimelineItemPresentation, TimelinePointInTimeItem, TimelinePointInTimeItemPresentation, 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 period based 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[];
+    /**
+     * Items to be displayed on the timeline at a specific point in time.
+     * Specify data if you need additional data for custom rendering of the items.
+     *
+     * @type {TimelinePointInTimeItem[]}
+     * @memberof SdsTimelineComponent
+     */
+    pointInTimeItems: TimelinePointInTimeItem[];
+    /**
+     * The template to be used for custom rendering of the items.
+     *
+     * @type {(TemplateRef<any> | undefined)}
+     * @memberof SdsTimelineComponent
+     */
+    itemTemplate: TemplateRef<any> | undefined;
+    /**
+     * The template to be used for custom rendering of the poin-in-time items.
+     *
+     * @type {(TemplateRef<any> | undefined)}
+     * @memberof SdsTimelineComponent
+     */
+    pointInTimeTemplate: TemplateRef<any> | undefined;
+    /**
+     * The template to be used for custom rendering of the day labels.
+     *
+     * @type {(TemplateRef<any> | undefined)}
+     * @memberof SdsTimelineComponent
+     */
+    dayLabelTemplate: TemplateRef<any> | undefined;
+    /**
+     * A custom data function for the day labels.
+     * This function takes a Date object as input and returns any custom data that will be available for the custom template
+     *
+     * @memberof SdsTimelineComponent
+     */
+    dayLabelCustomDataFn: TimelineCustomDateDataProvider | undefined;
+    /**
+     * The frequency of the ticks on the timeline.
+     *
+     * @type {TimelineTickFrequency}
+     * @memberof SdsTimelineComponent
+     */
+    tickFrequency: TimelineTickFrequency;
+    /**
+     * The frequency of the hour labels on the timeline.
+     *
+     * @type {TimelineTickFrequency}
+     * @memberof SdsTimelineComponent
+     */
+    hourLabelFrequency: TimelineTickFrequency;
+    /**
+     * The current zoom level of the timeline. In percent.
+     *
+     * @type {number}
+     * @memberof SdsTimelineComponent
+     */
+    zoomPercent: number;
+    zoomPercentChange: EventEmitter<number>;
+    /**
+     * Initial offset of the viewport in percent. This is used in scenarios
+     * with multiple days when you want to show non-first day as defult.
+     *
+     * @type {number}
+     * @memberof SdsTimelineComponent
+     */
+    viewOffsetPercent: number;
+    viewOffsetPercentChange: EventEmitter<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;
+    /**
+     * The CSS class to be applied to the hour labels.
+     *
+     * @type {string}
+     * @memberof SdsTimelineComponent
+     */
+    hourLabelClass?: string;
+    /**
+     * Whether to show day labels.
+     *
+     * @type {boolean}
+     * @memberof SdsTimelineComponent
+     */
+    showDayLabels: boolean;
+    /**
+     * The CSS class to be applied to the day labels.
+     *
+     * @type {string}
+     * @memberof SdsTimelineComponent
+     */
+    dayLabelClass?: string;
+    /**
+     * Whether to show timeline. Useful for hiding the timeline when we only need header.
+     *
+     * @type {boolean}
+     * @memberof SdsTimelineComponent
+     */
+    showTimeline: boolean;
+    /**
+     * The CSS class to be applied to the hour ticks.
+     *
+     * @type {string}
+     * @memberof SdsTimelineComponent
+     */
+    hourTickClass?: string;
+    /**
+     * 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;
+    /**
+     * The locales to be used for formatting the timeline.
+     *
+     * @type {(string | Array<string>)}
+     * @memberof SdsTimelineComponent
+     */
+    locales?: string | Array<string>;
+    /**
+     * Control if those parts of segments (or whole segments) that fall into the Offset
+     * period are displayed or not
+     *
+     * @type {boolean}
+     * @memberof SdsTimelineComponent
+     */
+    cutOffset: boolean;
+    hourTicks: TimelineTick[];
+    hourLabels: TimelineIntervalLabel[];
+    dayLabels: TimelineIntervalLabel[];
+    private _timelineService;
+    presentationItems: TimelineItemPresentation[];
+    presentationPointInTimeItems: TimelinePointInTimeItemPresentation[];
+    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;
+    private generateInternalTimelinePointInTimeItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsTimelineComponent, "sds-timeline", never, { "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "items": { "alias": "items"; "required": false; }; "pointInTimeItems": { "alias": "pointInTimeItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "pointInTimeTemplate": { "alias": "pointInTimeTemplate"; "required": false; }; "dayLabelTemplate": { "alias": "dayLabelTemplate"; "required": false; }; "dayLabelCustomDataFn": { "alias": "dayLabelCustomDataFn"; "required": false; }; "tickFrequency": { "alias": "tickFrequency"; "required": false; }; "hourLabelFrequency": { "alias": "hourLabelFrequency"; "required": false; }; "zoomPercent": { "alias": "zoomPercent"; "required": false; }; "viewOffsetPercent": { "alias": "viewOffsetPercent"; "required": false; }; "maxZoomPercent": { "alias": "maxZoomPercent"; "required": false; }; "showHourLabels": { "alias": "showHourLabels"; "required": false; }; "hourLabelClass": { "alias": "hourLabelClass"; "required": false; }; "showDayLabels": { "alias": "showDayLabels"; "required": false; }; "dayLabelClass": { "alias": "dayLabelClass"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "hourTickClass": { "alias": "hourTickClass"; "required": false; }; "timelineHeight": { "alias": "timelineHeight"; "required": false; }; "enableZoomAndDrag": { "alias": "enableZoomAndDrag"; "required": false; }; "offSetMinutes": { "alias": "offSetMinutes"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "cutOffset": { "alias": "cutOffset"; "required": false; }; }, { "zoomPercentChange": "zoomPercentChange"; "viewOffsetPercentChange": "viewOffsetPercentChange"; }, never, never, true, never>;
+}

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

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

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

@@ -1,38 +1,38 @@
-export interface TimelineTick {
-    date: Date;
-    x: number;
-}
-export interface TimelineIntervalLabel {
-    x: number;
-    width: number;
-    label: string;
-    date: Date;
-    data: any;
-}
-interface TimelineBaseItem {
-    data?: any;
-    hint?: string;
-    top?: string;
-    height?: string;
-    backgroundColor?: string;
-    class?: string;
-}
-export interface TimelineItem extends TimelineBaseItem {
-    start: Date;
-    end: Date;
-}
-export interface TimelinePointInTimeItem extends TimelineBaseItem {
-    date: Date;
-    width: string;
-}
-interface TimelineItemPresentationBase {
-    data?: any;
-    x: number;
-}
-export interface TimelineItemPresentation extends TimelineBaseItem, TimelineItemPresentationBase {
-    width: number;
-}
-export interface TimelinePointInTimeItemPresentation extends TimelineBaseItem, TimelineItemPresentationBase {
-    width: string;
-}
-export {};
+export interface TimelineTick {
+    date: Date;
+    x: number;
+}
+export interface TimelineIntervalLabel {
+    x: number;
+    width: number;
+    label: string;
+    date: Date;
+    data: any;
+}
+interface TimelineBaseItem {
+    data?: any;
+    hint?: string;
+    top?: string;
+    height?: string;
+    backgroundColor?: string;
+    class?: string;
+}
+export interface TimelineItem extends TimelineBaseItem {
+    start: Date;
+    end: Date;
+}
+export interface TimelinePointInTimeItem extends TimelineBaseItem {
+    date: Date;
+    width: string;
+}
+interface TimelineItemPresentationBase {
+    data?: any;
+    x: number;
+}
+export interface TimelineItemPresentation extends TimelineBaseItem, TimelineItemPresentationBase {
+    width: number;
+}
+export interface TimelinePointInTimeItemPresentation extends TimelineBaseItem, TimelineItemPresentationBase {
+    width: string;
+}
+export {};

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

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

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

@@ -1,21 +1,24 @@
-import { TimelineIntervalLabel, TimelineTick } from '../models/timeline.model';
-import { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';
-export declare class SdsTimelineService {
-    private start;
-    private end;
-    private widthPercentPerMinute;
-    private hourTicks;
-    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[];
-    getHourLabels(frequency?: TimelineTickFrequency): TimelineIntervalLabel[];
-    getDayLabels(locales: string | Array<string> | undefined, customDataFn: TimelineCustomDateDataProvider | undefined): TimelineIntervalLabel[];
-    private isValidFrequencyHour;
-    private diffInMinutes;
-    private roundHoursUp;
-    private roundHoursDown;
-    private initHourTicks;
-}
+import { TimelineIntervalLabel, TimelineTick } from '../models/timeline.model';
+import { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';
+export declare class SdsTimelineService {
+    private startWithOffset;
+    private endWithOffset;
+    private start;
+    private end;
+    private cutOffset;
+    private widthPercentPerMinute;
+    private hourTicks;
+    constructor(start: Date, end: Date, offSetMinutes: number, cutOffset: boolean);
+    getX(time: Date): number;
+    getWidthFromMinutes(minutes: number): number;
+    getWidthFromTime(start: Date, end: Date): number;
+    getTick(time: Date): TimelineTick;
+    getHourTicks(frequency?: TimelineTickFrequency): TimelineTick[];
+    getHourLabels(frequency?: TimelineTickFrequency): TimelineIntervalLabel[];
+    getDayLabels(locales: string | Array<string> | undefined, customDataFn: TimelineCustomDateDataProvider | undefined): TimelineIntervalLabel[];
+    private isValidFrequencyHour;
+    private diffInMinutes;
+    private roundHoursUp;
+    private roundHoursDown;
+    private initHourTicks;
+}

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

@@ -1,2 +1,2 @@
-export type TimelineTickFrequency = 'hourly' | '2hrs' | '3hrs' | '6hrs';
-export type TimelineCustomDateDataProvider = (date: Date) => any;
+export type TimelineTickFrequency = 'hourly' | '2hrs' | '3hrs' | '6hrs';
+export type TimelineCustomDateDataProvider = (date: Date) => any;

package/src/lib/timer/index.d.ts

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

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

@@ -1,3 +1,2 @@
-export * from './timer.module';
-export * from './services';
-export * from './utils';
+export * from './services';
+export * from './utils';

package/src/lib/timer/services/index.d.ts

@@ -1 +1 @@
-export * from './timer.service';
+export * from './timer.service';