@spicainternational/ngx-sds-components 5.13.0 → 5.20.0

package/fesm2020/spicainternational-ngx-sds-components-src-lib-timer.mjs

@@ -0,0 +1,235 @@
+import * as i0 from '@angular/core';
+import { Injectable, NgModule, Optional, SkipSelf } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject, interval } from 'rxjs';
+import { skip, debounceTime } from 'rxjs/operators';
+
+/**
+ * @public @function timeToNextFifteenMinutesInterval
+ * @description
+ * Function responsible for calc of time until next fifteen minutes interval. By fifteen minutes interval
+ * we mean (e.g. 08:15, 08:30, 08:45,...)
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextFifteenMinutesInterval = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp / 1000;
+    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 900;
+    const numberOfSecondsToTheNextInterval = 900 - numberOfSecondsIntoTheCurrentInterval;
+    return numberOfSecondsToTheNextInterval;
+};
+/**
+ * @public @function timeToNextFiveMinutesInterval
+ * @description
+ * Function responsible for calc of time until next five minutes interval. By five minutes interval
+ * we mean (e.g. 08:05, 08:10, 08:15,...)
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextFiveMinutesInterval = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp / 1000;
+    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 300;
+    const numberOfSecondsToTheNextInterval = 300 - numberOfSecondsIntoTheCurrentInterval;
+    return numberOfSecondsToTheNextInterval;
+};
+/**
+ * @public @function timeToNextHour
+ * @description
+ * Function responsible for calc of time until next hour
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextHour = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp / 1000;
+    const numberOfSecondsIntoTheCurrentHour = timestampSeconds % 3600;
+    const numberOfSecondsToTheNextHour = 3600 - numberOfSecondsIntoTheCurrentHour;
+    return numberOfSecondsToTheNextHour;
+};
+/**
+ * @public @function timeToNextHalfHour
+ * @description
+ * Function responsible for calc of time until half hour
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextHalfHour = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp / 1000;
+    const numberOfSecondsIntoTheCurrentHalfHour = timestampSeconds % 1800;
+    const numberOfSecondsToTheNextHalfHour = 1800 - numberOfSecondsIntoTheCurrentHalfHour;
+    return numberOfSecondsToTheNextHalfHour;
+};
+/**
+ * @public @function timeToNextMinuteInterval
+ * @description
+ * Function responsible for calc of time until next minute interval. By minute interval
+ * we mean (e.g. 08:00, 08:01, 08:02,...)
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextMinuteInterval = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp / 1000;
+    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 60;
+    const numberOfSecondsToTheNextInterval = 60 - numberOfSecondsIntoTheCurrentInterval;
+    return numberOfSecondsToTheNextInterval;
+};
+/**
+ * @public @function timeToNextSecondInterval
+ * @description
+ * Function responsible for calc of time until next second interval. By second interval
+ * we mean (e.g. 08:00:01, 08:00:01, 08:00:02,...)
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextSecondInterval = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp;
+    const numberOfMilisecSecondsIntoTheCurrentInterval = timestampSeconds % 999;
+    const numberOfMilisecondsSecondsToTheNextInterval = 999 - numberOfMilisecSecondsIntoTheCurrentInterval;
+    return numberOfMilisecondsSecondsToTheNextInterval;
+};
+/**
+ * @public @function timeToNextTenMinutesInterval
+ * @description
+ * Function responsible for calc of time until next ten minutes interval. By ten minutes interval
+ * we mean (e.g. 08:10, 08:20, 08:30,...)
+ * @param { number } currentTimestampMs
+ * @returns { number }
+ */
+const timeToNextTenMinutesInterval = (currentTimestamp) => {
+    const timestampSeconds = currentTimestamp / 1000;
+    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 600;
+    const numberOfSecondsToTheNextInterval = 600 - numberOfSecondsIntoTheCurrentInterval;
+    return numberOfSecondsToTheNextInterval;
+};
+
+class TimerService {
+    constructor() {
+        /**
+         * @description
+         * Source for fifteen minute interval
+         */
+        this._fifteenMinutesInterval = new BehaviorSubject(undefined);
+        /**
+         * @description
+         * Source for five minute interval
+         */
+        this._fiveMinutesInterval = new BehaviorSubject(undefined);
+        /**
+         * @description
+         * Source for half hour interval
+         */
+        this._fullHourInterval = new BehaviorSubject(undefined);
+        /**
+         * @description
+         * Source for half hour interval
+         */
+        this._halfHourInterval = new BehaviorSubject(undefined);
+        /**
+         * @description
+         * Source for minute interval
+         */
+        this._minuteInterval = new BehaviorSubject(undefined);
+        /**
+         * @description
+         * Source for secong interval
+         */
+        this._secondsInterval = new BehaviorSubject(undefined);
+        /**
+         * @description
+         * Source for ten minutes interval
+         */
+        this._tenMinutesInterval = new BehaviorSubject(undefined);
+        this._subscriptions = [];
+        this.fifteenMinutesInterval$ = this._fifteenMinutesInterval.asObservable().pipe(skip(1));
+        this.fiveMinutesInterval$ = this._fiveMinutesInterval.asObservable().pipe(skip(1));
+        this.fullHourInterval$ = this._fullHourInterval.asObservable().pipe(skip(1));
+        this.halfHourInterval$ = this._halfHourInterval.asObservable().pipe(skip(1));
+        this.minuteInterval$ = this._minuteInterval.asObservable().pipe().pipe(skip(1));
+        this.secondsInterval$ = this._secondsInterval.asObservable().pipe(skip(1));
+        this.tenMinutesInterval$ = this._tenMinutesInterval.asObservable().pipe(skip(1));
+        const timeOffsetToFullSecond = timeToNextSecondInterval(new Date().getTime());
+        // This observable will invoke each second while app is running
+        const ticksSubscription = interval(1000).pipe(debounceTime(timeOffsetToFullSecond)).subscribe(intervalTick => {
+            const now = new Date().getTime();
+            const timeRemainingToNextMinuteInterval = timeToNextMinuteInterval(now);
+            const timeRemaingingToNextFiveMinutesInterval = timeToNextFiveMinutesInterval(now);
+            const timeRemainingToNextTenMinutesInterval = timeToNextTenMinutesInterval(now);
+            const timeRemainingToNextFifteenMinutesInterval = timeToNextFifteenMinutesInterval(now);
+            const timeRemainingToNextFullHour = timeToNextHour(now);
+            const timeRemainingToNextHalfHour = timeToNextHalfHour(now);
+            this._secondsInterval.next();
+            // Check if its minute tick
+            if (timeRemainingToNextMinuteInterval > 59) {
+                this._minuteInterval.next();
+            }
+            // Check if its five minute interval tick
+            if (timeRemaingingToNextFiveMinutesInterval > 299) {
+                this._fiveMinutesInterval.next();
+            }
+            // Check if its ten minute interval
+            if (timeRemainingToNextTenMinutesInterval > 599) {
+                this._tenMinutesInterval.next();
+            }
+            // Check if its fifteen minute interval
+            if (timeRemainingToNextFifteenMinutesInterval > 899) {
+                this._fifteenMinutesInterval.next();
+            }
+            // Check if its half hour tick
+            if (timeRemainingToNextHalfHour > 1799) {
+                this._halfHourInterval.next();
+            }
+            // Check if its full hour tick
+            if (timeRemainingToNextFullHour > 3599) {
+                this._fullHourInterval.next();
+            }
+            // Define any additional intervals that might be needed
+        });
+        this._subscriptions.push(ticksSubscription);
+    }
+}
+TimerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TimerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TimerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TimerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TimerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class SdsTimerModule {
+    constructor(parentModule) {
+        if (parentModule) {
+            throw new Error('TimerModule is already loaded. Import it in the AppModule only');
+        }
+    }
+    static forRoot() {
+        return {
+            ngModule: SdsTimerModule,
+            providers: [TimerService]
+        };
+    }
+}
+SdsTimerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTimerModule, deps: [{ token: SdsTimerModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
+SdsTimerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTimerModule, imports: [CommonModule] });
+SdsTimerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTimerModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTimerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: SdsTimerModule, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsTimerModule, TimerService, timeToNextFifteenMinutesInterval, timeToNextFiveMinutesInterval, timeToNextHalfHour, timeToNextHour, timeToNextMinuteInterval, timeToNextSecondInterval, timeToNextTenMinutesInterval };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-timer.mjs.map

package/fesm2020/spicainternational-ngx-sds-components-src-lib-timer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-timer.mjs","sources":["../../../projects/ngx-sds-components/src/lib/timer/utils/timer.utils.ts","../../../projects/ngx-sds-components/src/lib/timer/services/timer.service.ts","../../../projects/ngx-sds-components/src/lib/timer/timer.module.ts","../../../projects/ngx-sds-components/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.ts"],"sourcesContent":["/**\r\n * @public @function timeToNextFifteenMinutesInterval\r\n * @description\r\n * Function responsible for calc of time until next fifteen minutes interval. By fifteen minutes interval\r\n * we mean (e.g. 08:15, 08:30, 08:45,...)\r\n * @param { number } currentTimestampMs\r\n * @returns { number }\r\n */\r\nexport const timeToNextFifteenMinutesInterval = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp / 1000;\r\n\r\n    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 900;\r\n\r\n    const numberOfSecondsToTheNextInterval = 900 - numberOfSecondsIntoTheCurrentInterval;\r\n    return numberOfSecondsToTheNextInterval;\r\n}\r\n\r\n/**\r\n * @public @function timeToNextFiveMinutesInterval\r\n * @description\r\n * Function responsible for calc of time until next five minutes interval. By five minutes interval\r\n * we mean (e.g. 08:05, 08:10, 08:15,...)\r\n * @param { number } currentTimestampMs\r\n * @returns { number }\r\n */\r\nexport const timeToNextFiveMinutesInterval = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp / 1000;\r\n\r\n    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 300;\r\n\r\n    const numberOfSecondsToTheNextInterval = 300 - numberOfSecondsIntoTheCurrentInterval;\r\n    return numberOfSecondsToTheNextInterval;\r\n}\r\n\r\n/**\r\n * @public @function timeToNextHour\r\n * @description\r\n * Function responsible for calc of time until next hour\r\n * @param { number } currentTimestampMs\r\n * @returns { number }\r\n */\r\nexport const timeToNextHour = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp / 1000;\r\n\r\n    const numberOfSecondsIntoTheCurrentHour = timestampSeconds % 3600;\r\n\r\n    const numberOfSecondsToTheNextHour = 3600 - numberOfSecondsIntoTheCurrentHour;\r\n    return numberOfSecondsToTheNextHour;\r\n  };\r\n\r\n  /**\r\n   * @public @function timeToNextHalfHour\r\n   * @description\r\n   * Function responsible for calc of time until half hour\r\n   * @param { number } currentTimestampMs\r\n   * @returns { number }\r\n   */\r\nexport const timeToNextHalfHour = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp / 1000;\r\n\r\n    const numberOfSecondsIntoTheCurrentHalfHour = timestampSeconds % 1800;\r\n\r\n    const numberOfSecondsToTheNextHalfHour = 1800 - numberOfSecondsIntoTheCurrentHalfHour;\r\n    return numberOfSecondsToTheNextHalfHour;\r\n  };\r\n\r\n/**\r\n * @public @function timeToNextMinuteInterval\r\n * @description\r\n * Function responsible for calc of time until next minute interval. By minute interval\r\n * we mean (e.g. 08:00, 08:01, 08:02,...)\r\n * @param { number } currentTimestampMs\r\n * @returns { number }\r\n */\r\nexport const timeToNextMinuteInterval = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp / 1000;\r\n\r\n    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 60;\r\n\r\n    const numberOfSecondsToTheNextInterval = 60 - numberOfSecondsIntoTheCurrentInterval;\r\n    return numberOfSecondsToTheNextInterval;\r\n}\r\n\r\n/**\r\n * @public @function timeToNextSecondInterval\r\n * @description\r\n * Function responsible for calc of time until next second interval. By second interval\r\n * we mean (e.g. 08:00:01, 08:00:01, 08:00:02,...)\r\n * @param { number } currentTimestampMs\r\n * @returns { number }\r\n */\r\nexport const timeToNextSecondInterval = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp;\r\n\r\n    const numberOfMilisecSecondsIntoTheCurrentInterval = timestampSeconds % 999;\r\n\r\n    const numberOfMilisecondsSecondsToTheNextInterval = 999 - numberOfMilisecSecondsIntoTheCurrentInterval;\r\n    return numberOfMilisecondsSecondsToTheNextInterval;\r\n}\r\n\r\n/**\r\n * @public @function timeToNextTenMinutesInterval\r\n * @description\r\n * Function responsible for calc of time until next ten minutes interval. By ten minutes interval\r\n * we mean (e.g. 08:10, 08:20, 08:30,...)\r\n * @param { number } currentTimestampMs\r\n * @returns { number }\r\n */\r\nexport const timeToNextTenMinutesInterval = (currentTimestamp: number) => {\r\n    const timestampSeconds = currentTimestamp / 1000;\r\n\r\n    const numberOfSecondsIntoTheCurrentInterval = timestampSeconds % 600;\r\n\r\n    const numberOfSecondsToTheNextInterval = 600 - numberOfSecondsIntoTheCurrentInterval;\r\n    return numberOfSecondsToTheNextInterval;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { BehaviorSubject, Observable, Subscription, interval } from 'rxjs';\r\nimport { timeToNextFifteenMinutesInterval, timeToNextFiveMinutesInterval, timeToNextHalfHour, timeToNextHour, timeToNextMinuteInterval, timeToNextSecondInterval, timeToNextTenMinutesInterval } from '../utils';\r\nimport { debounceTime, skip } from 'rxjs/operators';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class TimerService {\r\n    /**\r\n     * @description\r\n     * Timer emitted every 15 minutes (e.g. 08:00, 08:15, 08:30, etc.)\r\n     */\r\n    public fifteenMinutesInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Timer emitted every 5 minutes (e.g. 08:00, 08:05, 08:10, etc.)\r\n     */\r\n    public fiveMinutesInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Timer that invokes each full hour\r\n     */\r\n    public fullHourInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Timer emitted every 30 minutes at full and half hour (e.g. at 10:00, 10:30, 11:00, etc.)\r\n     */\r\n    public halfHourInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Timer emitted every minute (e.g. 08:00, 08:01, 08:02, etc.)\r\n     */\r\n    public minuteInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Timer emitted every second\r\n     */\r\n    public secondsInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Timer emitted every 10 minutes (e.g. 08:00, 08:10, 08:20, etc.)\r\n     */\r\n    public tenMinutesInterval$: Observable<void>;\r\n\r\n    /**\r\n     * @description\r\n     * Source for fifteen minute interval\r\n     */\r\n    private _fifteenMinutesInterval: BehaviorSubject<void> = new BehaviorSubject<void>(undefined)\r\n\r\n    /**\r\n     * @description\r\n     * Source for five minute interval\r\n     */\r\n    private _fiveMinutesInterval: BehaviorSubject<void> = new BehaviorSubject<void>(undefined)\r\n\r\n    /**\r\n     * @description\r\n     * Source for half hour interval\r\n     */\r\n    private _fullHourInterval: BehaviorSubject<void> = new BehaviorSubject<void>(\r\n    undefined\r\n    );\r\n\r\n    /**\r\n     * @description\r\n     * Source for half hour interval\r\n     */\r\n    private _halfHourInterval: BehaviorSubject<void> = new BehaviorSubject<void>(\r\n    undefined\r\n    );\r\n\r\n    /**\r\n     * @description\r\n     * Source for minute interval\r\n     */\r\n    private _minuteInterval: BehaviorSubject<void> = new BehaviorSubject<void>(undefined)\r\n\r\n    /**\r\n     * @description\r\n     * Source for secong interval\r\n     */\r\n    private _secondsInterval: BehaviorSubject<void> = new BehaviorSubject<void>(undefined);\r\n\r\n    /**\r\n     * @description\r\n     * Source for ten minutes interval\r\n     */\r\n    private _tenMinutesInterval: BehaviorSubject<void> = new BehaviorSubject<void>(undefined)\r\n\r\n    private _subscriptions: Subscription[] = [];\r\n\r\nconstructor() {\r\n    this.fifteenMinutesInterval$ = this._fifteenMinutesInterval.asObservable().pipe(skip(1));\r\n    this.fiveMinutesInterval$ = this._fiveMinutesInterval.asObservable().pipe(skip(1));\r\n    this.fullHourInterval$ = this._fullHourInterval.asObservable().pipe(skip(1));\r\n    this.halfHourInterval$ = this._halfHourInterval.asObservable().pipe(skip(1));\r\n    this.minuteInterval$ = this._minuteInterval.asObservable().pipe().pipe(skip(1));\r\n    this.secondsInterval$ = this._secondsInterval.asObservable().pipe(skip(1));\r\n    this.tenMinutesInterval$ = this._tenMinutesInterval.asObservable().pipe(skip(1));\r\n\r\n    const timeOffsetToFullSecond = timeToNextSecondInterval(new Date().getTime())\r\n\r\n    // This observable will invoke each second while app is running\r\n    const ticksSubscription: Subscription = interval(1000).pipe(debounceTime(timeOffsetToFullSecond)).subscribe(\r\n        intervalTick => {\r\n            const now = new Date().getTime();\r\n\r\n        const timeRemainingToNextMinuteInterval = timeToNextMinuteInterval(now);\r\n\r\n        const timeRemaingingToNextFiveMinutesInterval = timeToNextFiveMinutesInterval(now);\r\n\r\n        const timeRemainingToNextTenMinutesInterval = timeToNextTenMinutesInterval(now);\r\n\r\n        const timeRemainingToNextFifteenMinutesInterval = timeToNextFifteenMinutesInterval(now);\r\n\r\n        const timeRemainingToNextFullHour = timeToNextHour(\r\n            now\r\n        );\r\n\r\n        const timeRemainingToNextHalfHour = timeToNextHalfHour(\r\n            now\r\n        );\r\n\r\n        this._secondsInterval.next();\r\n\r\n        // Check if its minute tick\r\n        if (timeRemainingToNextMinuteInterval > 59) {\r\n            this._minuteInterval.next();\r\n        }\r\n\r\n        // Check if its five minute interval tick\r\n        if (timeRemaingingToNextFiveMinutesInterval > 299) {\r\n            this._fiveMinutesInterval.next();\r\n        }\r\n\r\n        // Check if its ten minute interval\r\n        if (timeRemainingToNextTenMinutesInterval > 599) {\r\n            this._tenMinutesInterval.next();\r\n        }\r\n\r\n        // Check if its fifteen minute interval\r\n        if (timeRemainingToNextFifteenMinutesInterval > 899) {\r\n            this._fifteenMinutesInterval.next();\r\n        }\r\n\r\n        // Check if its half hour tick\r\n        if (timeRemainingToNextHalfHour > 1799) {\r\n            this._halfHourInterval.next();\r\n        }\r\n\r\n        // Check if its full hour tick\r\n        if (timeRemainingToNextFullHour > 3599) {\r\n            this._fullHourInterval.next();\r\n        }\r\n\r\n        // Define any additional intervals that might be needed\r\n        }\r\n    );\r\n\r\n    this._subscriptions.push(ticksSubscription);\r\n}\r\n}\r\n","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TimerService } from './services';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule\r\n  ]\r\n})\r\nexport class SdsTimerModule {\r\n    static forRoot(): ModuleWithProviders<SdsTimerModule> {\r\n        return {\r\n            ngModule: SdsTimerModule,\r\n            providers: [TimerService]\r\n        }\r\n    }\r\n\r\n    constructor(@Optional() @SkipSelf() parentModule: SdsTimerModule) {\r\n        if (parentModule) {\r\n          throw new Error(\r\n            'TimerModule is already loaded. Import it in the AppModule only'\r\n          );\r\n        }\r\n      }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/spicainternational-ngx-sds-components.mjs

@@ -3,12 +3,15 @@ export * from '@spicainternational/ngx-sds-components/src/lib/avatar';
 export * from '@spicainternational/ngx-sds-components/src/lib/badge';
 export * from '@spicainternational/ngx-sds-components/src/lib/callout';
 export * from '@spicainternational/ngx-sds-components/src/lib/color-picker';
+export * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';
 export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
 export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
 export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
 export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
 export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
 export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
+export * from '@spicainternational/ngx-sds-components/src/lib/intersection';
+export * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';
 export * from '@spicainternational/ngx-sds-components/src/lib/layout';
 export * from '@spicainternational/ngx-sds-components/src/lib/message';
 export * from '@spicainternational/ngx-sds-components/src/lib/modal';
@@ -19,6 +22,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
 export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
 export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
 export * from '@spicainternational/ngx-sds-components/src/lib/static-value';
+export * from '@spicainternational/ngx-sds-components/src/lib/timer';
 export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';
 
 /*

package/fesm2020/spicainternational-ngx-sds-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
+{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "5.13.0",
+  "version": "5.20.0",
   "description": "Spica design system angular components.",
   "peerDependencies": {
     "@angular/common": ">=13.3.0",
@@ -110,6 +110,14 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs"
     },
+    "./src/lib/ellipsis": {
+      "types": "./src/lib/ellipsis/spicainternational-ngx-sds-components-src-lib-ellipsis.d.ts",
+      "esm2020": "./esm2020/src/lib/ellipsis/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs"
+    },
     "./src/lib/expansion-panel": {
       "types": "./src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.d.ts",
       "esm2020": "./esm2020/src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs",
@@ -126,6 +134,22 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs"
     },
+    "./src/lib/intersection": {
+      "types": "./src/lib/intersection/spicainternational-ngx-sds-components-src-lib-intersection.d.ts",
+      "esm2020": "./esm2020/src/lib/intersection/spicainternational-ngx-sds-components-src-lib-intersection.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-intersection.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-intersection.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-intersection.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-intersection.mjs"
+    },
+    "./src/lib/keyboard-shortcut": {
+      "types": "./src/lib/keyboard-shortcut/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.d.ts",
+      "esm2020": "./esm2020/src/lib/keyboard-shortcut/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs"
+    },
     "./src/lib/layout": {
       "types": "./src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.d.ts",
       "esm2020": "./esm2020/src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.mjs",
@@ -206,6 +230,14 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-static-value.mjs"
     },
+    "./src/lib/timer": {
+      "types": "./src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.d.ts",
+      "esm2020": "./esm2020/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-timer.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-timer.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-timer.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-timer.mjs"
+    },
     "./src/lib/tooltip": {
       "types": "./src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.d.ts",
       "esm2020": "./esm2020/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.mjs",

package/public-api.d.ts

@@ -3,12 +3,15 @@ export * from '@spicainternational/ngx-sds-components/src/lib/avatar';
 export * from '@spicainternational/ngx-sds-components/src/lib/badge';
 export * from '@spicainternational/ngx-sds-components/src/lib/callout';
 export * from '@spicainternational/ngx-sds-components/src/lib/color-picker';
+export * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';
 export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
 export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
 export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
 export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
 export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
 export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
+export * from '@spicainternational/ngx-sds-components/src/lib/intersection';
+export * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';
 export * from '@spicainternational/ngx-sds-components/src/lib/layout';
 export * from '@spicainternational/ngx-sds-components/src/lib/message';
 export * from '@spicainternational/ngx-sds-components/src/lib/modal';
@@ -19,4 +22,5 @@ export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
 export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
 export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
 export * from '@spicainternational/ngx-sds-components/src/lib/static-value';
+export * from '@spicainternational/ngx-sds-components/src/lib/timer';
 export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';

package/src/lib/color-picker/color-picker.component.d.ts

@@ -6,12 +6,16 @@ export declare class SdsColorPickerComponent implements OnInit, OnChanges {
     selectedColor?: string;
     defaultColor?: string;
     selectedColorChange: EventEmitter<string>;
-    style: 'inline' | 'plain' | 'input';
+    style: 'inline' | 'dropdown';
+    showCaret: boolean;
+    shape: 'circle' | 'square';
     dropdownGridTemplateColumns?: string;
     showDropdown: boolean;
     elementUUID: string;
     checkIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
     private gridSize;
+    circleRadius: string;
+    squareRadius: string;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
@@ -19,5 +23,5 @@ export declare class SdsColorPickerComponent implements OnInit, OnChanges {
     onKeyDown($event: KeyboardEvent): void;
     toggleDropdown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsColorPickerComponent, "sds-color-picker", never, { "colors": "colors"; "disabled": "disabled"; "selectedColor": "selectedColor"; "defaultColor": "defaultColor"; "style": "style"; }, { "selectedColorChange": "selectedColorChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsColorPickerComponent, "sds-color-picker", never, { "colors": "colors"; "disabled": "disabled"; "selectedColor": "selectedColor"; "defaultColor": "defaultColor"; "style": "style"; "showCaret": "showCaret"; "shape": "shape"; }, { "selectedColorChange": "selectedColorChange"; }, never, never>;
 }

package/src/lib/date-picker/date-picker.component.d.ts

@@ -108,5 +108,5 @@ export declare class SdsDatePickerComponent implements OnInit, OnChanges {
     private formatDate;
     private generateDateRanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDatePickerComponent, "sds-date-picker", never, { "selectionKind": "selectionKind"; "dateRangeDefinitions": "dateRangeDefinitions"; "selectedDate": "selectedDate"; "selectedDateStart": "selectedDateStart"; "selectedDateEnd": "selectedDateEnd"; "minDate": "minDate"; "maxDate": "maxDate"; "locales": "locales"; "disabled": "disabled"; "validationError": "validationError"; "isValid": "isValid"; "disabledDates": "disabledDates"; "applyText": "applyText"; "cancelText": "cancelText"; "translations": "translations"; "firstDayOfWeek": "firstDayOfWeek"; "dateRangeDefinitionsWidth": "dateRangeDefinitionsWidth"; "showPreviousAndNextButtons": "showPreviousAndNextButtons"; "width": "width"; "dropdownWrapperClass": "dropdownWrapperClass"; "dropdownWrapperId": "dropdownWrapperId"; "getPreviousDateCallback": "getPreviousDateCallback"; "getNextDateCallback": "getNextDateCallback"; "getPreviousRangeCallback": "getPreviousRangeCallback"; "getNextRangeCallback": "getNextRangeCallback"; "useCustomDisplayContent": "useCustomDisplayContent"; }, { "selectedDateChange": "selectedDateChange"; "selectedDateStartChange": "selectedDateStartChange"; "selectedDateEndChange": "selectedDateEndChange"; "periodChange": "periodChange"; }, ["displayContent"], ["display"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDatePickerComponent, "sds-date-picker", never, { "selectionKind": "selectionKind"; "dateRangeDefinitions": "dateRangeDefinitions"; "selectedDate": "selectedDate"; "selectedDateStart": "selectedDateStart"; "selectedDateEnd": "selectedDateEnd"; "minDate": "minDate"; "maxDate": "maxDate"; "locales": "locales"; "disabled": "disabled"; "validationError": "validationError"; "isValid": "isValid"; "disabledDates": "disabledDates"; "applyText": "applyText"; "cancelText": "cancelText"; "translations": "translations"; "firstDayOfWeek": "firstDayOfWeek"; "dateRangeDefinitionsWidth": "dateRangeDefinitionsWidth"; "showPreviousAndNextButtons": "showPreviousAndNextButtons"; "width": "width"; "dropdownWrapperClass": "dropdownWrapperClass"; "dropdownWrapperId": "dropdownWrapperId"; "getPreviousDateCallback": "getPreviousDateCallback"; "getNextDateCallback": "getNextDateCallback"; "getPreviousRangeCallback": "getPreviousRangeCallback"; "getNextRangeCallback": "getNextRangeCallback"; "useCustomDisplayContent": "useCustomDisplayContent"; }, { "selectedDateChange": "selectedDateChange"; "selectedDateStartChange": "selectedDateStartChange"; "selectedDateEndChange": "selectedDateEndChange"; "periodChange": "periodChange"; }, ["displayContent"], ["display", "display"]>;
 }

package/src/lib/date-picker/date-picker.model.d.ts

@@ -29,4 +29,5 @@ export interface PeriodPickerTranslations {
     cancel: string;
     apply: string;
     custom: string;
+    printLabel?: string;
 }

package/src/lib/ellipsis/directives/ellipsis.directive.d.ts

@@ -0,0 +1,13 @@
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdsEllipsisDirective implements AfterViewInit {
+    private elementRef;
+    private renderer;
+    tooltipText?: string;
+    private element?;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    enter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsEllipsisDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdsEllipsisDirective, "[sdsEllipsis]", never, { "tooltipText": "tooltipText"; }, {}, never>;
+}

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

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

package/src/lib/ellipsis/package.json

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

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

@@ -0,0 +1,2 @@
+export * from './ellipsis.module';
+export * from './directives/ellipsis.directive';

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

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

package/src/lib/expansion-panel/expansion-panel.component.d.ts

@@ -31,9 +31,11 @@ export declare class SdsExpansionPanelComponent {
     descriptionText?: string;
     isOpen: boolean;
     isOpenChange: EventEmitter<boolean>;
+    expandPanelText?: string;
+    collapsePanelText?: string;
     caretIcon: IconDefinition;
     onToggleIsOpenClick(event: MouseEvent): void;
     openPanel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsExpansionPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsExpansionPanelComponent, "sds-expansion-panel", never, { "headerText": "headerText"; "hideHeader": "hideHeader"; "headerId": "headerId"; "animateCaret": "animateCaret"; "showBackground": "showBackground"; "caretPlacement": "caretPlacement"; "descriptionText": "descriptionText"; "isOpen": "isOpen"; }, { "isOpenChange": "isOpenChange"; }, never, ["[contentOnClosed]", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsExpansionPanelComponent, "sds-expansion-panel", never, { "headerText": "headerText"; "hideHeader": "hideHeader"; "headerId": "headerId"; "animateCaret": "animateCaret"; "showBackground": "showBackground"; "caretPlacement": "caretPlacement"; "descriptionText": "descriptionText"; "isOpen": "isOpen"; "expandPanelText": "expandPanelText"; "collapsePanelText": "collapsePanelText"; }, { "isOpenChange": "isOpenChange"; }, never, ["[contentOnClosed]", "*"]>;
 }

package/src/lib/intersection/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './intersection.directive';

package/src/lib/intersection/directives/intersection.directive.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IntersectionService } from '../services';
+import * as i0 from "@angular/core";
+export declare class IntersectionDirective implements OnInit, OnDestroy, AfterViewInit {
+    private readonly _element;
+    private readonly _intersectionService;
+    /**
+     *
+     */
+    get intersectionOptions(): IntersectionObserverInit | undefined;
+    set intersectionOptions(value: IntersectionObserverInit | undefined);
+    /**
+     * Emits current visibility status
+     */
+    elementInSight: EventEmitter<boolean>;
+    private _intersectionOptions;
+    private _subscriptions;
+    constructor(_element: ElementRef, _intersectionService: IntersectionService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IntersectionDirective, "[sdsIntersection]", never, { "intersectionOptions": "intersectionOptions"; }, { "elementInSight": "elementInSight"; }, never>;
+}

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

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

package/src/lib/intersection/package.json

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

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

@@ -0,0 +1,3 @@
+export * from './intersection.module';
+export * from './directives';
+export * from './services';

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

@@ -0,0 +1 @@
+export * from './intersection.service';

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

@@ -0,0 +1,19 @@
+import { ElementRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class IntersectionService {
+    private _documentVisible$;
+    constructor(document: any);
+    /**
+     * @description
+     * Method responsible for determining if element is visible
+     * on screen or not. Please
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning
+     * @param { ElementRef } element
+     * @param { IntersectionObserverInit } options
+     * @returns { Observable<boolean> }
+     */
+    elementInSight$(element: ElementRef, options?: IntersectionObserverInit): Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IntersectionService>;
+}

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

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

package/src/lib/keyboard-shortcut/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './keyboard-shortcut.directive';

package/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class KeyboardShortcutDirective implements OnInit, OnDestroy {
+    private readonly _document;
+    /**
+       * OUTPUTS
+       */
+    /**
+     * Emitted when user presses Escape
+     */
+    closeShortcut: EventEmitter<void>;
+    /**
+     * Emitted when user presses ctrl+Enter or cmd+Enter
+     */
+    saveRecordShortcut: EventEmitter<void>;
+    private _subscriptions;
+    constructor(_document: any);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardShortcutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardShortcutDirective, "[sdsKeyboardShortcut]", never, {}, { "closeShortcut": "closeShortcut"; "saveRecordShortcut": "saveRecordShortcut"; }, never>;
+}