@koobiq/components 18.35.0 → 18.36.0

package/esm2022/notification-center/notification-center.service.mjs

@@ -0,0 +1,127 @@
+import { EventEmitter, inject, Injectable } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { DateAdapter, DateFormatter } from '@koobiq/components/core';
+import { KbqToastService } from '@koobiq/components/toast';
+import { BehaviorSubject, combineLatestWith, merge } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+export const maxUnreadItemsLength = 99;
+export class KbqNotificationCenterService {
+    /** Notification items */
+    get items() {
+        return this.originalItems.value;
+    }
+    set items(values) {
+        this.originalItems.next(this.setReadState(this.setIds(values)));
+    }
+    /** Number of unread notifications */
+    get unreadItemsCounter() {
+        return this.originalItems.pipe(map((items) => items.filter((item) => item.read === false).length)).pipe(combineLatestWith(this.onRead), map(([value]) => {
+            if (value < maxUnreadItemsLength) {
+                return value ? value.toString() : '';
+            }
+            else {
+                return `${maxUnreadItemsLength}+`;
+            }
+        }));
+    }
+    /** true if there are no notifications. */
+    get isEmpty() {
+        return this.originalItems.value.length === 0;
+    }
+    constructor() {
+        /** @docs-private */
+        this.adapter = inject(DateAdapter);
+        /** @docs-private */
+        this.formatter = inject(DateFormatter);
+        /** @docs-private */
+        this.toastService = inject(KbqToastService);
+        /** @docs-private */
+        this.silentMode = new BehaviorSubject(false);
+        /** @docs-private */
+        this.loadingMode = new BehaviorSubject(false);
+        /** @docs-private */
+        this.errorMode = new BehaviorSubject(false);
+        /** @docs-private */
+        this.onRead = new BehaviorSubject(null);
+        /** Triggers an event when the user presses the reload button. */
+        this.onReload = new EventEmitter();
+        this.originalItems = new BehaviorSubject([]);
+        /** @docs-private */
+        this.groupedItems = this.originalItems.pipe(map((items) => {
+            const result = {};
+            items.map((item) => this.makeGroup(item, result));
+            return Object.values(result).reverse();
+        }));
+        /** Emits an event whenever the changes. */
+        this.changes = merge(this.silentMode, this.loadingMode, this.errorMode, this.originalItems, this.onRead);
+        this.makeGroup = (item, groups) => {
+            const parsedDate = this.adapter.parse(item.date, '');
+            const groupId = this.adapter.format(parsedDate, 'yyyyMMdd');
+            const groupTitle = this.formatter.absoluteLongDate(parsedDate);
+            if (groups[groupId]) {
+                groups[groupId].items.unshift(item);
+            }
+            else {
+                groups[groupId] = {
+                    title: groupTitle,
+                    items: [item]
+                };
+            }
+        };
+        this.toastService?.read.pipe(takeUntilDestroyed()).subscribe((toastData) => {
+            const item = this.items.find((item) => item.id === toastData?.id);
+            if (item && !item.read) {
+                item.read = true;
+                this.onRead.next(toastData);
+            }
+        });
+    }
+    /** Set silent mode */
+    setSilentMode(value) {
+        this.silentMode.next(value);
+    }
+    /** Set loading mode */
+    setLoadingMode(value) {
+        this.loadingMode.next(value);
+    }
+    /** Set error mode */
+    setErrorMode(value) {
+        this.errorMode.next(value);
+    }
+    /** Push new notification item in center */
+    push(item) {
+        this.setReadState(this.setIds([item]));
+        if (!this.silentMode.value) {
+            this.toastService.show(item);
+        }
+        return this.originalItems.next([...this.originalItems.value, item]);
+    }
+    /** Remove notification item */
+    remove(removedItem) {
+        this.originalItems.next(this.originalItems.value.filter((item) => removedItem !== item));
+    }
+    /** Remove group of notification items */
+    removeGroup(group) {
+        this.originalItems.next(this.originalItems.value.filter((item) => !group.items.includes(item)));
+    }
+    /** Remove all notification items */
+    removeAll() {
+        this.originalItems.next([]);
+    }
+    setIds(items) {
+        items.forEach((item) => (item.id = item.id ?? new Date().getTime().toString()));
+        return items;
+    }
+    setReadState(items) {
+        items.forEach((item) => (item.read = item.read ?? false));
+        return items;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNotificationCenterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNotificationCenterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNotificationCenterService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNlbnRlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9ub3RpZmljYXRpb24tY2VudGVyL25vdGlmaWNhdGlvbi1jZW50ZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRSxPQUFPLEVBQWdCLGVBQWUsRUFBaUIsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RixPQUFPLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUM3RSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBbUJyQyxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxFQUFFLENBQUM7QUFPdkMsTUFBTSxPQUFPLDRCQUE0QjtJQW9DckMseUJBQXlCO0lBQ3pCLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLE1BQTZCO1FBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELHFDQUFxQztJQUNyQyxJQUFJLGtCQUFrQjtRQUNsQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFD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LEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFaEYsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVPLFlBQVksQ0FBQyxLQUE0QjtRQUM3QyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBRTFELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7a0lBOUlRLDRCQUE0QjtzSUFBNUIsNEJBQTRCLGNBRGYsTUFBTTs7NEZBQ25CLDRCQUE0QjtrQkFEeEMsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIGluamVjdCwgSW5qZWN0YWJsZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IERhdGVBZGFwdGVyLCBEYXRlRm9ybWF0dGVyIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxVG9hc3REYXRhLCBLYnFUb2FzdFNlcnZpY2UsIEticVRvYXN0U3R5bGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdG9hc3QnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0V2l0aCwgbWVyZ2UsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuZXhwb3J0IGludGVyZmFjZSBLYnFOb3RpZmljYXRpb25JdGVtIGV4dGVuZHMgT21pdDxLYnFUb2FzdERhdGEsICdjbG9zZUJ1dHRvbic+IHtcbiAgICBpZD86IHN0cmluZztcblxuICAgIHRpdGxlPzogc3RyaW5nIHwgVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gICAgc3R5bGU/OiBzdHJpbmcgfCBLYnFUb2FzdFN0eWxlO1xuXG4gICAgaWNvbj86IGJvb2xlYW4gfCBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgICBpY29uQ2xhc3M/OiBzdHJpbmc7XG4gICAgY2FwdGlvbj86IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gICAgY29udGVudD86IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICAgIGFjdGlvbnM/OiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcblxuICAgIGRhdGU6IHN0cmluZztcbiAgICByZWFkPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IG1heFVucmVhZEl0ZW1zTGVuZ3RoID0gOTk7XG5cbnR5cGUgS2JxTm90aWZpY2F0aW9uc0dyb3VwID0geyB0aXRsZTogc3RyaW5nOyBpdGVtczogS2JxTm90aWZpY2F0aW9uSXRlbVtdIH07XG5cbnR5cGUgS2JxTm90aWZpY2F0aW9uc0dyb3VwcyA9IFJlY29yZDxzdHJpbmcsIEticU5vdGlmaWNhdGlvbnNHcm91cD47XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgS2JxTm90aWZpY2F0aW9uQ2VudGVyU2VydmljZSB7XG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IGFkYXB0ZXIgPSBpbmplY3QoRGF0ZUFkYXB0ZXIpO1xuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtYXR0ZXIgPSBpbmplY3QoRGF0ZUZvcm1hdHRlcik7XG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IHRvYXN0U2VydmljZSA9IGluamVjdChLYnFUb2FzdFNlcnZpY2UpO1xuXG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICByZWFkb25seSBzaWxlbnRNb2RlID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICByZWFkb25seSBsb2FkaW5nTW9kZSA9IG5ldyBCZWhhdmlvclN1YmplY3QoZmFsc2UpO1xuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgcmVhZG9ubHkgZXJyb3JNb2RlID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICByZWFkb25seSBvblJlYWQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEticU5vdGlmaWNhdGlvbkl0ZW0gfCBudWxsPihudWxsKTtcblxuICAgIC8qKiBUcmlnZ2VycyBhbiBldmVudCB3aGVuIHRoZSB1c2VyIHByZXNzZXMgdGhlIHJlbG9hZCBidXR0b24uICovXG4gICAgcmVhZG9ubHkgb25SZWxvYWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBwcml2YXRlIG9yaWdpbmFsSXRlbXMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KFtdIGFzIEticU5vdGlmaWNhdGlvbkl0ZW1bXSk7XG5cbiAgICAvKiogQGRvY3MtcHJpdmF0ZSAqL1xuICAgIHJlYWRvbmx5IGdyb3VwZWRJdGVtcyA9IHRoaXMub3JpZ2luYWxJdGVtcy5waXBlKFxuICAgICAgICBtYXAoKGl0ZW1zKSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXN1bHQ6IEticU5vdGlmaWNhdGlvbnNHcm91cHMgPSB7fTtcblxuICAgICAgICAgICAgaXRlbXMubWFwKChpdGVtKSA9PiB0aGlzLm1ha2VHcm91cChpdGVtLCByZXN1bHQpKTtcblxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC52YWx1ZXMocmVzdWx0KS5yZXZlcnNlKCk7XG4gICAgICAgIH0pXG4gICAgKTtcblxuICAgIC8qKiBFbWl0cyBhbiBldmVudCB3aGVuZXZlciB0aGUgY2hhbmdlcy4gKi9cbiAgICByZWFkb25seSBjaGFuZ2VzID0gbWVyZ2UodGhpcy5zaWxlbnRNb2RlLCB0aGlzLmxvYWRpbmdNb2RlLCB0aGlzLmVycm9yTW9kZSwgdGhpcy5vcmlnaW5hbEl0ZW1zLCB0aGlzLm9uUmVhZCk7XG5cbiAgICAvKiogTm90aWZpY2F0aW9uIGl0ZW1zICovXG4gICAgZ2V0IGl0ZW1zKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5vcmlnaW5hbEl0ZW1zLnZhbHVlO1xuICAgIH1cblxuICAgIHNldCBpdGVtcyh2YWx1ZXM6IEticU5vdGlmaWNhdGlvbkl0ZW1bXSkge1xuICAgICAgICB0aGlzLm9yaWdpbmFsSXRlbXMubmV4dCh0aGlzLnNldFJlYWRTdGF0ZSh0aGlzLnNldElkcyh2YWx1ZXMpKSk7XG4gICAgfVxuXG4gICAgLyoqIE51bWJlciBvZiB1bnJlYWQgbm90aWZpY2F0aW9ucyAqL1xuICAgIGdldCB1bnJlYWRJdGVtc0NvdW50ZXIoKTogT2JzZXJ2YWJsZTxzdHJpbmc+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMub3JpZ2luYWxJdGVtcy5waXBlKG1hcCgoaXRlbXMpID0+IGl0ZW1zLmZpbHRlcigoaXRlbSkgPT4gaXRlbS5yZWFkID09PSBmYWxzZSkubGVuZ3RoKSkucGlwZShcbiAgICAgICAgICAgIGNvbWJpbmVMYXRlc3RXaXRoKHRoaXMub25SZWFkKSxcbiAgICAgICAgICAgIG1hcCgoW3ZhbHVlXSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICh2YWx1ZSA8IG1heFVucmVhZEl0ZW1zTGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB2YWx1ZSA/IHZhbHVlLnRvU3RyaW5nKCkgOiAnJztcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCR7bWF4VW5yZWFkSXRlbXNMZW5ndGh9K2A7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKiogdHJ1ZSBpZiB0aGVyZSBhcmUgbm8gbm90aWZpY2F0aW9ucy4gKi9cbiAgICBnZXQgaXNFbXB0eSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMub3JpZ2luYWxJdGVtcy52YWx1ZS5sZW5ndGggPT09IDA7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMudG9hc3RTZXJ2aWNlPy5yZWFkLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKCkpLnN1YnNjcmliZSgodG9hc3REYXRhKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpdGVtID0gdGhpcy5pdGVtcy5maW5kKChpdGVtKSA9PiBpdGVtLmlkID09PSB0b2FzdERhdGE/LmlkKTtcblxuICAgICAgICAgICAgaWYgKGl0ZW0gJiYgIWl0ZW0ucmVhZCkge1xuICAgICAgICAgICAgICAgIGl0ZW0ucmVhZCA9IHRydWU7XG5cbiAgICAgICAgICAgICAgICB0aGlzLm9uUmVhZC5uZXh0KHRvYXN0RGF0YSBhcyBLYnFOb3RpZmljYXRpb25JdGVtKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqIFNldCBzaWxlbnQgbW9kZSAqL1xuICAgIHNldFNpbGVudE1vZGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zaWxlbnRNb2RlLm5leHQodmFsdWUpO1xuICAgIH1cblxuICAgIC8qKiBTZXQgbG9hZGluZyBtb2RlICovXG4gICAgc2V0TG9hZGluZ01vZGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5sb2FkaW5nTW9kZS5uZXh0KHZhbHVlKTtcbiAgICB9XG5cbiAgICAvKiogU2V0IGVycm9yIG1vZGUgKi9cbiAgICBzZXRFcnJvck1vZGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5lcnJvck1vZGUubmV4dCh2YWx1ZSk7XG4gICAgfVxuXG4gICAgLyoqIFB1c2ggbmV3IG5vdGlmaWNhdGlvbiBpdGVtIGluIGNlbnRlciAqL1xuICAgIHB1c2goaXRlbTogS2JxTm90aWZpY2F0aW9uSXRlbSkge1xuICAgICAgICB0aGlzLnNldFJlYWRTdGF0ZSh0aGlzLnNldElkcyhbaXRlbV0pKTtcblxuICAgICAgICBpZiAoIXRoaXMuc2lsZW50TW9kZS52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy50b2FzdFNlcnZpY2Uuc2hvdyhpdGVtKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB0aGlzLm9yaWdpbmFsSXRlbXMubmV4dChbLi4udGhpcy5vcmlnaW5hbEl0ZW1zLnZhbHVlLCBpdGVtXSk7XG4gICAgfVxuXG4gICAgLyoqIFJlbW92ZSBub3RpZmljYXRpb24gaXRlbSAqL1xuICAgIHJlbW92ZShyZW1vdmVkSXRlbTogS2JxTm90aWZpY2F0aW9uSXRlbSkge1xuICAgICAgICB0aGlzLm9yaWdpbmFsSXRlbXMubmV4dCh0aGlzLm9yaWdpbmFsSXRlbXMudmFsdWUuZmlsdGVyKChpdGVtKSA9PiByZW1vdmVkSXRlbSAhPT0gaXRlbSkpO1xuICAgIH1cblxuICAgIC8qKiBSZW1vdmUgZ3JvdXAgb2Ygbm90aWZpY2F0aW9uIGl0ZW1zICovXG4gICAgcmVtb3ZlR3JvdXAoZ3JvdXA6IEticU5vdGlmaWNhdGlvbnNHcm91cCkge1xuICAgICAgICB0aGlzLm9yaWdpbmFsSXRlbXMubmV4dCh0aGlzLm9yaWdpbmFsSXRlbXMudmFsdWUuZmlsdGVyKChpdGVtKSA9PiAhZ3JvdXAuaXRlbXMuaW5jbHVkZXMoaXRlbSkpKTtcbiAgICB9XG5cbiAgICAvKiogUmVtb3ZlIGFsbCBub3RpZmljYXRpb24gaXRlbXMgKi9cbiAgICByZW1vdmVBbGwoKSB7XG4gICAgICAgIHRoaXMub3JpZ2luYWxJdGVtcy5uZXh0KFtdKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIG1ha2VHcm91cCA9IChpdGVtOiBLYnFOb3RpZmljYXRpb25JdGVtLCBncm91cHM6IEticU5vdGlmaWNhdGlvbnNHcm91cHMpID0+IHtcbiAgICAgICAgY29uc3QgcGFyc2VkRGF0ZSA9IHRoaXMuYWRhcHRlci5wYXJzZShpdGVtLmRhdGUsICcnKTtcbiAgICAgICAgY29uc3QgZ3JvdXBJZCA9IHRoaXMuYWRhcHRlci5mb3JtYXQocGFyc2VkRGF0ZSwgJ3l5eXlNTWRkJyk7XG4gICAgICAgIGNvbnN0IGdyb3VwVGl0bGUgPSB0aGlzLmZvcm1hdHRlci5hYnNvbHV0ZUxvbmdEYXRlKHBhcnNlZERhdGUpO1xuXG4gICAgICAgIGlmIChncm91cHNbZ3JvdXBJZF0pIHtcbiAgICAgICAgICAgIGdyb3Vwc1tncm91cElkXS5pdGVtcy51bnNoaWZ0KGl0ZW0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZ3JvdXBzW2dyb3VwSWRdID0ge1xuICAgICAgICAgICAgICAgIHRpdGxlOiBncm91cFRpdGxlLFxuICAgICAgICAgICAgICAgIGl0ZW1zOiBbaXRlbV1cbiAgICAgICAgICAgIH07XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHJpdmF0ZSBzZXRJZHMoaXRlbXM6IEticU5vdGlmaWNhdGlvbkl0ZW1bXSkge1xuICAgICAgICBpdGVtcy5mb3JFYWNoKChpdGVtKSA9PiAoaXRlbS5pZCA9IGl0ZW0uaWQgPz8gbmV3IERhdGUoKS5nZXRUaW1lKCkudG9TdHJpbmcoKSkpO1xuXG4gICAgICAgIHJldHVybiBpdGVtcztcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldFJlYWRTdGF0ZShpdGVtczogS2JxTm90aWZpY2F0aW9uSXRlbVtdKSB7XG4gICAgICAgIGl0ZW1zLmZvckVhY2goKGl0ZW0pID0+IChpdGVtLnJlYWQgPSBpdGVtLnJlYWQgPz8gZmFsc2UpKTtcblxuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfVxufVxuIl19

package/esm2022/notification-center/notification-item.mjs

@@ -0,0 +1,70 @@
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { KbqButtonModule } from '@koobiq/components/button';
+import { DateAdapter, KbqReadStateDirective, PopUpPlacements, ThemePalette } from '@koobiq/components/core';
+import { KbqIconModule } from '@koobiq/components/icon';
+import { KbqTitleModule } from '@koobiq/components/title';
+import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
+import { filter } from 'rxjs/operators';
+import { KbqNotificationCenterComponent } from './notification-center';
+import { KbqNotificationCenterService } from './notification-center.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@koobiq/components/core";
+import * as i2 from "@koobiq/components/icon";
+import * as i3 from "@koobiq/components/title";
+import * as i4 from "@koobiq/components/button";
+let id = 0;
+/** @docs-private */
+export class KbqNotificationItemComponent {
+    get style() {
+        return {
+            [`kbq-notification-item_${this.data.style}`]: !!this.data.style
+        };
+    }
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        this._data = value;
+        this.time = this.adapter.format(this.adapter.parse(value.date, ''), 'HH:mm');
+    }
+    constructor() {
+        this.adapter = inject(DateAdapter);
+        this.service = inject(KbqNotificationCenterService);
+        this.readStateDirective = inject(KbqReadStateDirective, { host: true });
+        this.center = inject(KbqNotificationCenterComponent, { host: true });
+        this.popUpPlacements = PopUpPlacements;
+        this.themePalette = ThemePalette;
+        this.id = id++;
+        this.$implicit = this;
+        this.readStateDirective.read
+            .pipe(filter((value) => value), takeUntilDestroyed())
+            .subscribe(() => {
+            this.data.read = true;
+            this.service.onRead.next(this.data);
+        });
+    }
+    isTemplateRef(value) {
+        return value instanceof TemplateRef;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqNotificationItemComponent, isStandalone: true, selector: "kbq-notification-item", inputs: { data: "data" }, host: { properties: { "class": "style" }, classAttribute: "kbq-notification-item" }, hostDirectives: [{ directive: i1.KbqReadStateDirective }], ngImport: i0, template: "@if (data.icon) {\n    <div class=\"kbq-notification-item__icon-container layout-row layout-align-start-start\">\n        @if (data.icon === true) {\n            @switch (data.style) {\n                @case ('contrast') {\n                    <i\n                        kbq-icon=\"kbq-info-circle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n                @case ('success') {\n                    <i\n                        kbq-icon=\"kbq-check-circle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n                @case ('warning') {\n                    <i\n                        kbq-icon=\"kbq-exclamation-triangle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n                @case ('error') {\n                    <i\n                        kbq-icon=\"kbq-exclamation-triangle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n            }\n        } @else if (isTemplateRef(data.icon)) {\n            <ng-container [ngTemplateOutlet]=\"$any(data.icon)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n        }\n    </div>\n}\n\n<div class=\"kbq-notification-item__container\">\n    @if (data.title) {\n        <div\n            kbq-title\n            class=\"kbq-notification-item__title\"\n            [class.kbq-notification-item__title_with-content]=\"data.caption || data.content\"\n        >\n            @if (isTemplateRef(data.title)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.title)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.title)) {\n                <p>{{ data.title }}</p>\n            }\n\n            <div class=\"kbq-notification-item-time\" [class.kbq-notification-item-time_read]=\"data.read\">\n                <div class=\"kbq-notification-item-time__value\">{{ time }}</div>\n                <i class=\"kbq-notification-item-time__state\" kbq-icon=\"kbq-circle-xs_16\" [color]=\"'theme'\"></i>\n            </div>\n        </div>\n    }\n\n    @if (data.caption) {\n        <div\n            kbq-title\n            [class.kbq-notification-item__text]=\"data.title\"\n            [class.kbq-notification-item__title]=\"!data.title\"\n        >\n            @if (isTemplateRef(data.caption)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.caption)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.caption)) {\n                {{ data.caption }}\n            }\n        </div>\n    }\n\n    @if (data.content) {\n        <div class=\"kbq-notification-item__content\">\n            @if (isTemplateRef(data.content)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.content)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.content)) {\n                {{ data.content }}\n            }\n        </div>\n    }\n\n    @if (data.actions) {\n        <div class=\"kbq-notification-item__actions\">\n            @if (isTemplateRef(data.actions)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.actions)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.actions)) {\n                {{ data.actions }}\n            }\n        </div>\n    }\n</div>\n\n<button\n    kbq-button\n    class=\"kbq-notification-item__remove-button\"\n    [kbqStyle]=\"'transparent'\"\n    [color]=\"'contrast'\"\n    [kbqTooltipArrow]=\"false\"\n    [kbqTooltip]=\"center.localeData.remove\"\n    [kbqPlacement]=\"popUpPlacements.Right\"\n    (click)=\"service.remove(data)\"\n>\n    <i kbq-icon=\"kbq-trash_16\"></i>\n</button>\n", styles: [".kbq-notification-item{display:flex;box-sizing:border-box;position:relative;border-radius:var(--kbq-size-s);height:auto;margin-left:var(--kbq-size-m);margin-right:var(--kbq-size-m)}.kbq-notification-item:hover .kbq-notification-item-time{visibility:hidden}.kbq-notification-item:hover .kbq-notification-item__remove-button{display:block}.kbq-notification-item__icon-container{flex-shrink:0;width:var(--kbq-size-l);max-width:var(--kbq-size-l);height:var(--kbq-size-l);max-height:var(--kbq-size-l);margin-right:var(--kbq-size-s);padding-left:var(--kbq-size-m);padding-top:14px}.kbq-notification-item__container{display:flex;flex-direction:column;flex:1;padding-top:var(--kbq-size-m);padding-right:var(--kbq-size-l);padding-bottom:var(--kbq-size-m);overflow:hidden}.kbq-notification-item__title{display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;text-overflow:ellipsis}.kbq-notification-item__title>p{margin:0;overflow:hidden;text-overflow:ellipsis}.kbq-notification-item__title.kbq-notification-item__title_with-content{margin-bottom:var(--kbq-size-xxs)}.kbq-notification-item-time{display:flex;flex-direction:row;height:var(--kbq-size-xl);align-items:center;padding-left:22px}.kbq-notification-item-time .kbq-notification-item-time__value{margin-right:var(--kbq-size-3xs)}.kbq-notification-item-time.kbq-notification-item-time_read .kbq-notification-item-time__state{display:none}.kbq-notification-item__text{display:flex;flex:1;align-items:center}.kbq-notification-item__content{display:flex;flex-direction:column;white-space:pre-wrap}.kbq-notification-item__actions{display:flex;padding-top:var(--kbq-size-s);gap:var(--kbq-size-m)}.kbq-notification-item__remove-button{position:absolute;top:var(--kbq-size-xs);right:var(--kbq-size-s);display:none}.kbq-notification-item{background:var(--kbq-background-card)}.kbq-notification-item .kbq-notification-item__title{color:var(--kbq-foreground-contrast)}.kbq-notification-item .kbq-notification-item__text,.kbq-notification-item .kbq-notification-item-time.kbq-notification-item-time_read .kbq-notification-item-time__value{color:var(--kbq-foreground-contrast-secondary)}.kbq-notification-item:hover{background:var(--kbq-states-background-transparent-hover)}.kbq-notification-item{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-notification-item .kbq-notification-item-time{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KbqTitleModule }, { kind: "directive", type: i3.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i4.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i4.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["hideWithTimeout", "kbqVisible", "kbqPlacement", "kbqRelativeToPointer", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipContext", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNotificationItemComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        NgTemplateOutlet,
+                        KbqIconModule,
+                        NgClass,
+                        KbqTitleModule,
+                        KbqButtonModule,
+                        KbqTooltipTrigger
+                    ], selector: 'kbq-notification-item', host: {
+                        class: 'kbq-notification-item',
+                        '[class]': 'style'
+                    }, hostDirectives: [KbqReadStateDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (data.icon) {\n    <div class=\"kbq-notification-item__icon-container layout-row layout-align-start-start\">\n        @if (data.icon === true) {\n            @switch (data.style) {\n                @case ('contrast') {\n                    <i\n                        kbq-icon=\"kbq-info-circle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n                @case ('success') {\n                    <i\n                        kbq-icon=\"kbq-check-circle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n                @case ('warning') {\n                    <i\n                        kbq-icon=\"kbq-exclamation-triangle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n                @case ('error') {\n                    <i\n                        kbq-icon=\"kbq-exclamation-triangle_16\"\n                        class=\"kbq-notification-item__icon\"\n                        [color]=\"$any(data.style)\"\n                        [ngClass]=\"data.iconClass\"\n                    ></i>\n                }\n            }\n        } @else if (isTemplateRef(data.icon)) {\n            <ng-container [ngTemplateOutlet]=\"$any(data.icon)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n        }\n    </div>\n}\n\n<div class=\"kbq-notification-item__container\">\n    @if (data.title) {\n        <div\n            kbq-title\n            class=\"kbq-notification-item__title\"\n            [class.kbq-notification-item__title_with-content]=\"data.caption || data.content\"\n        >\n            @if (isTemplateRef(data.title)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.title)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.title)) {\n                <p>{{ data.title }}</p>\n            }\n\n            <div class=\"kbq-notification-item-time\" [class.kbq-notification-item-time_read]=\"data.read\">\n                <div class=\"kbq-notification-item-time__value\">{{ time }}</div>\n                <i class=\"kbq-notification-item-time__state\" kbq-icon=\"kbq-circle-xs_16\" [color]=\"'theme'\"></i>\n            </div>\n        </div>\n    }\n\n    @if (data.caption) {\n        <div\n            kbq-title\n            [class.kbq-notification-item__text]=\"data.title\"\n            [class.kbq-notification-item__title]=\"!data.title\"\n        >\n            @if (isTemplateRef(data.caption)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.caption)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.caption)) {\n                {{ data.caption }}\n            }\n        </div>\n    }\n\n    @if (data.content) {\n        <div class=\"kbq-notification-item__content\">\n            @if (isTemplateRef(data.content)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.content)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.content)) {\n                {{ data.content }}\n            }\n        </div>\n    }\n\n    @if (data.actions) {\n        <div class=\"kbq-notification-item__actions\">\n            @if (isTemplateRef(data.actions)) {\n                <ng-container [ngTemplateOutlet]=\"$any(data.actions)\" [ngTemplateOutletContext]=\"{ $implicit }\" />\n            }\n            @if (!isTemplateRef(data.actions)) {\n                {{ data.actions }}\n            }\n        </div>\n    }\n</div>\n\n<button\n    kbq-button\n    class=\"kbq-notification-item__remove-button\"\n    [kbqStyle]=\"'transparent'\"\n    [color]=\"'contrast'\"\n    [kbqTooltipArrow]=\"false\"\n    [kbqTooltip]=\"center.localeData.remove\"\n    [kbqPlacement]=\"popUpPlacements.Right\"\n    (click)=\"service.remove(data)\"\n>\n    <i kbq-icon=\"kbq-trash_16\"></i>\n</button>\n", styles: [".kbq-notification-item{display:flex;box-sizing:border-box;position:relative;border-radius:var(--kbq-size-s);height:auto;margin-left:var(--kbq-size-m);margin-right:var(--kbq-size-m)}.kbq-notification-item:hover .kbq-notification-item-time{visibility:hidden}.kbq-notification-item:hover .kbq-notification-item__remove-button{display:block}.kbq-notification-item__icon-container{flex-shrink:0;width:var(--kbq-size-l);max-width:var(--kbq-size-l);height:var(--kbq-size-l);max-height:var(--kbq-size-l);margin-right:var(--kbq-size-s);padding-left:var(--kbq-size-m);padding-top:14px}.kbq-notification-item__container{display:flex;flex-direction:column;flex:1;padding-top:var(--kbq-size-m);padding-right:var(--kbq-size-l);padding-bottom:var(--kbq-size-m);overflow:hidden}.kbq-notification-item__title{display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;text-overflow:ellipsis}.kbq-notification-item__title>p{margin:0;overflow:hidden;text-overflow:ellipsis}.kbq-notification-item__title.kbq-notification-item__title_with-content{margin-bottom:var(--kbq-size-xxs)}.kbq-notification-item-time{display:flex;flex-direction:row;height:var(--kbq-size-xl);align-items:center;padding-left:22px}.kbq-notification-item-time .kbq-notification-item-time__value{margin-right:var(--kbq-size-3xs)}.kbq-notification-item-time.kbq-notification-item-time_read .kbq-notification-item-time__state{display:none}.kbq-notification-item__text{display:flex;flex:1;align-items:center}.kbq-notification-item__content{display:flex;flex-direction:column;white-space:pre-wrap}.kbq-notification-item__actions{display:flex;padding-top:var(--kbq-size-s);gap:var(--kbq-size-m)}.kbq-notification-item__remove-button{position:absolute;top:var(--kbq-size-xs);right:var(--kbq-size-s);display:none}.kbq-notification-item{background:var(--kbq-background-card)}.kbq-notification-item .kbq-notification-item__title{color:var(--kbq-foreground-contrast)}.kbq-notification-item .kbq-notification-item__text,.kbq-notification-item .kbq-notification-item-time.kbq-notification-item-time_read .kbq-notification-item-time__value{color:var(--kbq-foreground-contrast-secondary)}.kbq-notification-item:hover{background:var(--kbq-states-background-transparent-hover)}.kbq-notification-item{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-notification-item .kbq-notification-item-time{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1jZW50ZXIvbm90aWZpY2F0aW9uLWl0ZW0udHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1jZW50ZXIvbm90aWZpY2F0aW9uLWl0ZW0uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxxQkFBcUIsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEMsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkUsT0FBTyxFQUFFLDRCQUE0QixFQUF1QixNQUFNLCtCQUErQixDQUFDOzs7Ozs7QUFFbEcsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBRVgsb0JBQW9CO0FBc0JwQixNQUFNLE9BQU8sNEJBQTRCO0lBZXJDLElBQUksS0FBSztRQUNMLE9BQU87WUFDSCxDQUFDLHlCQUF5QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSztTQUNsRSxDQUFDO0lBQ04sQ0FBQztJQUVELElBQ0ksSUFBSTtRQUNKLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBSSxJQUFJLENBQUMsS0FBMEI7UUFDL0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFFbkIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFJRDtRQWpDaUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUM1QixZQUFPLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFDL0MsdUJBQWtCLEdBQUcsTUFBTSxDQUF3QixxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzFGLFdBQU0sR0FBRyxNQUFNLENBQUMsOEJBQThCLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUV6RSxvQkFBZSxHQUFHLGVBQWUsQ0FBQztRQUU1QyxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1QixPQUFFLEdBQUcsRUFBRSxFQUFFLENBQUM7UUEwQk4sSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFFdEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUk7YUFDdkIsSUFBSSxDQUNELE1BQU0sQ0FBQyxDQUFDLEtBQWMsRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQ2pDLGtCQUFrQixFQUFFLENBQ3ZCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUV0QixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hDLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2YsT0FBTyxLQUFLLFlBQVksV0FBVyxDQUFDO0lBQ3hDLENBQUM7a0lBbkRRLDRCQUE0QjtzSEFBNUIsNEJBQTRCLDJQQ3BDekMsc3VJQWtIQSx3eEdEaEdRLGdCQUFnQixtSkFDaEIsYUFBYSw0SUFDYixPQUFPLG1GQUNQLGNBQWMsa0lBQ2QsZUFBZSxnT0FDZixpQkFBaUI7OzRGQWFaLDRCQUE0QjtrQkFyQnhDLFNBQVM7aUNBQ00sSUFBSSxXQUNQO3dCQUNMLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixPQUFPO3dCQUNQLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixpQkFBaUI7cUJBQ3BCLFlBQ1MsdUJBQXVCLFFBRzNCO3dCQUNGLEtBQUssRUFBRSx1QkFBdUI7d0JBQzlCLFNBQVMsRUFBRSxPQUFPO3FCQUNyQixrQkFDZSxDQUFDLHFCQUFxQixDQUFDLG1CQUN0Qix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3dEQXdCakMsSUFBSTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEticUJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgRGF0ZUFkYXB0ZXIsIEticVJlYWRTdGF0ZURpcmVjdGl2ZSwgUG9wVXBQbGFjZW1lbnRzLCBUaGVtZVBhbGV0dGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvY29yZSc7XG5pbXBvcnQgeyBLYnFJY29uTW9kdWxlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgS2JxVGl0bGVNb2R1bGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdGl0bGUnO1xuaW1wb3J0IHsgS2JxVG9vbHRpcFRyaWdnZXIgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBLYnFOb3RpZmljYXRpb25DZW50ZXJDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1jZW50ZXInO1xuaW1wb3J0IHsgS2JxTm90aWZpY2F0aW9uQ2VudGVyU2VydmljZSwgS2JxTm90aWZpY2F0aW9uSXRlbSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLWNlbnRlci5zZXJ2aWNlJztcblxubGV0IGlkID0gMDtcblxuLyoqIEBkb2NzLXByaXZhdGUgKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgICAgICBLYnFJY29uTW9kdWxlLFxuICAgICAgICBOZ0NsYXNzLFxuICAgICAgICBLYnFUaXRsZU1vZHVsZSxcbiAgICAgICAgS2JxQnV0dG9uTW9kdWxlLFxuICAgICAgICBLYnFUb29sdGlwVHJpZ2dlclxuICAgIF0sXG4gICAgc2VsZWN0b3I6ICdrYnEtbm90aWZpY2F0aW9uLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24taXRlbS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24taXRlbS5zY3NzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1ub3RpZmljYXRpb24taXRlbScsXG4gICAgICAgICdbY2xhc3NdJzogJ3N0eWxlJ1xuICAgIH0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtLYnFSZWFkU3RhdGVEaXJlY3RpdmVdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgS2JxTm90aWZpY2F0aW9uSXRlbUNvbXBvbmVudCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBhZGFwdGVyID0gaW5qZWN0KERhdGVBZGFwdGVyKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgc2VydmljZSA9IGluamVjdChLYnFOb3RpZmljYXRpb25DZW50ZXJTZXJ2aWNlKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgcmVhZFN0YXRlRGlyZWN0aXZlID0gaW5qZWN0PEticVJlYWRTdGF0ZURpcmVjdGl2ZT4oS2JxUmVhZFN0YXRlRGlyZWN0aXZlLCB7IGhvc3Q6IHRydWUgfSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGNlbnRlciA9IGluamVjdChLYnFOb3RpZmljYXRpb25DZW50ZXJDb21wb25lbnQsIHsgaG9zdDogdHJ1ZSB9KTtcblxuICAgIHByb3RlY3RlZCBwb3BVcFBsYWNlbWVudHMgPSBQb3BVcFBsYWNlbWVudHM7XG5cbiAgICB0aGVtZVBhbGV0dGUgPSBUaGVtZVBhbGV0dGU7XG4gICAgaWQgPSBpZCsrO1xuXG4gICAgdGltZTogc3RyaW5nO1xuXG4gICAgJGltcGxpY2l0O1xuXG4gICAgZ2V0IHN0eWxlKCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgW2BrYnEtbm90aWZpY2F0aW9uLWl0ZW1fJHt0aGlzLmRhdGEuc3R5bGV9YF06ICEhdGhpcy5kYXRhLnN0eWxlXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBnZXQgZGF0YSgpOiBLYnFOb3RpZmljYXRpb25JdGVtIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2RhdGE7XG4gICAgfVxuXG4gICAgc2V0IGRhdGEodmFsdWU6IEticU5vdGlmaWNhdGlvbkl0ZW0pIHtcbiAgICAgICAgdGhpcy5fZGF0YSA9IHZhbHVlO1xuXG4gICAgICAgIHRoaXMudGltZSA9IHRoaXMuYWRhcHRlci5mb3JtYXQodGhpcy5hZGFwdGVyLnBhcnNlKHZhbHVlLmRhdGUsICcnKSwgJ0hIOm1tJyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZGF0YTogS2JxTm90aWZpY2F0aW9uSXRlbTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLiRpbXBsaWNpdCA9IHRoaXM7XG5cbiAgICAgICAgdGhpcy5yZWFkU3RhdGVEaXJlY3RpdmUucmVhZFxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgZmlsdGVyKCh2YWx1ZTogYm9vbGVhbikgPT4gdmFsdWUpLFxuICAgICAgICAgICAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmRhdGEucmVhZCA9IHRydWU7XG5cbiAgICAgICAgICAgICAgICB0aGlzLnNlcnZpY2Uub25SZWFkLm5leHQodGhpcy5kYXRhKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIGlzVGVtcGxhdGVSZWYodmFsdWUpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWY7XG4gICAgfVxufVxuIiwiQGlmIChkYXRhLmljb24pIHtcbiAgICA8ZGl2IGNsYXNzPVwia2JxLW5vdGlmaWNhdGlvbi1pdGVtX19pY29uLWNvbnRhaW5lciBsYXlvdXQtcm93IGxheW91dC1hbGlnbi1zdGFydC1zdGFydFwiPlxuICAgICAgICBAaWYgKGRhdGEuaWNvbiA9PT0gdHJ1ZSkge1xuICAgICAgICAgICAgQHN3aXRjaCAoZGF0YS5zdHlsZSkge1xuICAgICAgICAgICAgICAgIEBjYXNlICgnY29udHJhc3QnKSB7XG4gICAgICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgICAgICBrYnEtaWNvbj1cImticS1pbmZvLWNpcmNsZV8xNlwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImticS1ub3RpZmljYXRpb24taXRlbV9faWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiJGFueShkYXRhLnN0eWxlKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJkYXRhLmljb25DbGFzc1wiXG4gICAgICAgICAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBjYXNlICgnc3VjY2VzcycpIHtcbiAgICAgICAgICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgICAgIGticS1pY29uPVwia2JxLWNoZWNrLWNpcmNsZV8xNlwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImticS1ub3RpZmljYXRpb24taXRlbV9faWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiJGFueShkYXRhLnN0eWxlKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJkYXRhLmljb25DbGFzc1wiXG4gICAgICAgICAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBjYXNlICgnd2FybmluZycpIHtcbiAgICAgICAgICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgICAgIGticS1pY29uPVwia2JxLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlXzE2XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwia2JxLW5vdGlmaWNhdGlvbi1pdGVtX19pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCIkYW55KGRhdGEuc3R5bGUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImRhdGEuaWNvbkNsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgQGNhc2UgKCdlcnJvcicpIHtcbiAgICAgICAgICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgICAgIGticS1pY29uPVwia2JxLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlXzE2XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwia2JxLW5vdGlmaWNhdGlvbi1pdGVtX19pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCIkYW55KGRhdGEuc3R5bGUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImRhdGEuaWNvbkNsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gQGVsc2UgaWYgKGlzVGVtcGxhdGVSZWYoZGF0YS5pY29uKSkge1xuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCIkYW55KGRhdGEuaWNvbilcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQgfVwiIC8+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbn1cblxuPGRpdiBjbGFzcz1cImticS1ub3RpZmljYXRpb24taXRlbV9fY29udGFpbmVyXCI+XG4gICAgQGlmIChkYXRhLnRpdGxlKSB7XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGticS10aXRsZVxuICAgICAgICAgICAgY2xhc3M9XCJrYnEtbm90aWZpY2F0aW9uLWl0ZW1fX3RpdGxlXCJcbiAgICAgICAgICAgIFtjbGFzcy5rYnEtbm90aWZpY2F0aW9uLWl0ZW1fX3RpdGxlX3dpdGgtY29udGVudF09XCJkYXRhLmNhcHRpb24gfHwgZGF0YS5jb250ZW50XCJcbiAgICAgICAgPlxuICAgICAgICAgICAgQGlmIChpc1RlbXBsYXRlUmVmKGRhdGEudGl0bGUpKSB7XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCIkYW55KGRhdGEudGl0bGUpXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0IH1cIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmICghaXNUZW1wbGF0ZVJlZihkYXRhLnRpdGxlKSkge1xuICAgICAgICAgICAgICAgIDxwPnt7IGRhdGEudGl0bGUgfX08L3A+XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJrYnEtbm90aWZpY2F0aW9uLWl0ZW0tdGltZVwiIFtjbGFzcy5rYnEtbm90aWZpY2F0aW9uLWl0ZW0tdGltZV9yZWFkXT1cImRhdGEucmVhZFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJrYnEtbm90aWZpY2F0aW9uLWl0ZW0tdGltZV9fdmFsdWVcIj57eyB0aW1lIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJrYnEtbm90aWZpY2F0aW9uLWl0ZW0tdGltZV9fc3RhdGVcIiBrYnEtaWNvbj1cImticS1jaXJjbGUteHNfMTZcIiBbY29sb3JdPVwiJ3RoZW1lJ1wiPjwvaT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG5cbiAgICBAaWYgKGRhdGEuY2FwdGlvbikge1xuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBrYnEtdGl0bGVcbiAgICAgICAgICAgIFtjbGFzcy5rYnEtbm90aWZpY2F0aW9uLWl0ZW1fX3RleHRdPVwiZGF0YS50aXRsZVwiXG4gICAgICAgICAgICBbY2xhc3Mua2JxLW5vdGlmaWNhdGlvbi1pdGVtX190aXRsZV09XCIhZGF0YS50aXRsZVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIEBpZiAoaXNUZW1wbGF0ZVJlZihkYXRhLmNhcHRpb24pKSB7XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCIkYW55KGRhdGEuY2FwdGlvbilcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQgfVwiIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKCFpc1RlbXBsYXRlUmVmKGRhdGEuY2FwdGlvbikpIHtcbiAgICAgICAgICAgICAgICB7eyBkYXRhLmNhcHRpb24gfX1cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuXG4gICAgQGlmIChkYXRhLmNvbnRlbnQpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImticS1ub3RpZmljYXRpb24taXRlbV9fY29udGVudFwiPlxuICAgICAgICAgICAgQGlmIChpc1RlbXBsYXRlUmVmKGRhdGEuY29udGVudCkpIHtcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIiRhbnkoZGF0YS5jb250ZW50KVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdCB9XCIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoIWlzVGVtcGxhdGVSZWYoZGF0YS5jb250ZW50KSkge1xuICAgICAgICAgICAgICAgIHt7IGRhdGEuY29udGVudCB9fVxuICAgICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICB9XG5cbiAgICBAaWYgKGRhdGEuYWN0aW9ucykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwia2JxLW5vdGlmaWNhdGlvbi1pdGVtX19hY3Rpb25zXCI+XG4gICAgICAgICAgICBAaWYgKGlzVGVtcGxhdGVSZWYoZGF0YS5hY3Rpb25zKSkge1xuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiJGFueShkYXRhLmFjdGlvbnMpXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0IH1cIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmICghaXNUZW1wbGF0ZVJlZihkYXRhLmFjdGlvbnMpKSB7XG4gICAgICAgICAgICAgICAge3sgZGF0YS5hY3Rpb25zIH19XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvZGl2PlxuXG48YnV0dG9uXG4gICAga2JxLWJ1dHRvblxuICAgIGNsYXNzPVwia2JxLW5vdGlmaWNhdGlvbi1pdGVtX19yZW1vdmUtYnV0dG9uXCJcbiAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgIFtrYnFUb29sdGlwQXJyb3ddPVwiZmFsc2VcIlxuICAgIFtrYnFUb29sdGlwXT1cImNlbnRlci5sb2NhbGVEYXRhLnJlbW92ZVwiXG4gICAgW2ticVBsYWNlbWVudF09XCJwb3BVcFBsYWNlbWVudHMuUmlnaHRcIlxuICAgIChjbGljayk9XCJzZXJ2aWNlLnJlbW92ZShkYXRhKVwiXG4+XG4gICAgPGkga2JxLWljb249XCJrYnEtdHJhc2hfMTZcIj48L2k+XG48L2J1dHRvbj5cbiJdfQ==

package/esm2022/notification-center/public-api.mjs

@@ -0,0 +1,5 @@
+export * from './notification-center';
+export * from './notification-center-animations';
+export * from './notification-center.module';
+export * from './notification-center.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uLWNlbnRlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbi1jZW50ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24tY2VudGVyLWFuaW1hdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24tY2VudGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbi1jZW50ZXIuc2VydmljZSc7XG4iXX0=

package/esm2022/overflow-items/module.mjs

@@ -7,15 +7,15 @@ const COMPONENTS = [
     KbqOverflowItemsResult
 ];
 export class KbqOverflowItemsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqOverflowItemsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: KbqOverflowItemsModule, imports: [KbqOverflowItems,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqOverflowItemsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: KbqOverflowItemsModule, imports: [KbqOverflowItems,
             KbqOverflowItem,
             KbqOverflowItemsResult], exports: [KbqOverflowItems,
             KbqOverflowItem,
             KbqOverflowItemsResult] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqOverflowItemsModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqOverflowItemsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqOverflowItemsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqOverflowItemsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS,