nuxeo-development-framework 3.1.2 → 3.1.4

package/esm2015/lib/pipes/localized-date.pipe.js

@@ -0,0 +1,81 @@
+import { DatePipe } from '@angular/common';
+import { Pipe } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { UserPreferenceValues } from '../core/services/user/user-preferences.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/services/user/user-preferences.service";
+/**
+ * Transforms date to localized date string
+ *
+ * ### In template example:
+ * ~~~html
+ * <!-- in template -->
+ * <p>
+ *  {{ dateObject | localizedDate: "EEEE, MMMM dd, yyyy"  }}
+ * </p>
+ * ~~~
+ * @title
+ * Localized Date
+ *
+ * @example
+ * ...
+ * constructor(...  private LocalizedDatePipe: localizedDatePipe ...){
+ *   const localizedDateString = this.localizedDatePipe.transform(dateObject, 'EEEE, MMMM dd, yyyy');
+ * }
+ * ...
+ */
+export class LocalizedDatePipe {
+    constructor(userPreferenceService) {
+        this.userPreferenceService = userPreferenceService;
+        this.defaultLocale = LocalizedDatePipe.DEFAULT_LOCALE;
+        this.defaultFormat = LocalizedDatePipe.DEFAULT_DATE_FORMAT;
+        this.onDestroy$ = new Subject();
+        if (this.userPreferenceService) {
+            this.userPreferenceService
+                .select(UserPreferenceValues.Locale)
+                .pipe(takeUntil(this.onDestroy$))
+                .subscribe(locale => {
+                if (locale) {
+                    this.defaultLocale = locale;
+                }
+            });
+        }
+    }
+    /**
+     *
+     * @param value date object
+     * @param format format
+     * @param locale locale to convert to
+     * @returns localized date string
+     */
+    transform(value, format, locale) {
+        try {
+            const actualFormat = format || this.defaultFormat;
+            const actualLocale = locale || this.defaultLocale;
+            const datePipe = new DatePipe(actualLocale);
+            return datePipe.transform(value, actualFormat, 'GMT+3');
+        }
+        catch (e) {
+            console.warn(e);
+            return value;
+        }
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+}
+LocalizedDatePipe.DEFAULT_LOCALE = 'en-US';
+LocalizedDatePipe.DEFAULT_DATE_FORMAT = 'dd MMMM yyyy hh:mm a';
+LocalizedDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizedDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: LocalizedDatePipe, name: "localizedDate", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: LocalizedDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'localizedDate',
+                    pure: false
+                }]
+        }], ctorParameters: function () { return [{ type: i1.UserPreferencesService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYWxpemVkLWRhdGUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL3BpcGVzL2xvY2FsaXplZC1kYXRlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBYSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQzs7O0FBRTlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBS0gsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QixZQUFtQixxQkFBOEM7UUFBOUMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF5QjtRQUxqRSxrQkFBYSxHQUFXLGlCQUFpQixDQUFDLGNBQWMsQ0FBQztRQUN6RCxrQkFBYSxHQUFXLGlCQUFpQixDQUFDLG1CQUFtQixDQUFDO1FBRXRELGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBSTFDLElBQUksSUFBSSxDQUFDLHFCQUFxQixFQUFFO1lBQzlCLElBQUksQ0FBQyxxQkFBcUI7aUJBQ3ZCLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUM7aUJBQ25DLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUNoQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ2xCLElBQUksTUFBTSxFQUFFO29CQUNWLElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO2lCQUM3QjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ047SUFHSCxDQUFDO0lBQ0Q7Ozs7OztPQU1HO0lBQ0gsU0FBUyxDQUFDLEtBQVUsRUFBRSxNQUFlLEVBQUUsTUFBZTtRQUNwRCxJQUFJO1lBQ0YsTUFBTSxZQUFZLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUM7WUFDbEQsTUFBTSxZQUFZLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUM7WUFDbEQsTUFBTSxRQUFRLEdBQWEsSUFBSSxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDdEQsT0FBTyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUM7U0FDekQ7UUFBQyxPQUFPLENBQUMsRUFBRTtZQUNWLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDaEIsT0FBTyxLQUFLLENBQUM7U0FDZDtJQUNILENBQUM7SUFDRCxjQUFjO0lBQ2QsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7QUE3Q00sZ0NBQWMsR0FBRyxPQUFPLENBQUM7QUFDekIscUNBQW1CLEdBQUcsc0JBQXNCLENBQUM7OEdBSHpDLGlCQUFpQjs0R0FBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBSjdCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLGVBQWU7b0JBQ3JCLElBQUksRUFBRSxLQUFLO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGF0ZVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBPbkRlc3Ryb3ksIFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFVzZXJQcmVmZXJlbmNlc1NlcnZpY2UsIFVzZXJQcmVmZXJlbmNlVmFsdWVzIH0gZnJvbSAnLi4vY29yZS9zZXJ2aWNlcy91c2VyL3VzZXItcHJlZmVyZW5jZXMuc2VydmljZSc7XHJcblxyXG4vKipcclxuICogVHJhbnNmb3JtcyBkYXRlIHRvIGxvY2FsaXplZCBkYXRlIHN0cmluZ1xyXG4gKlxyXG4gKiAjIyMgSW4gdGVtcGxhdGUgZXhhbXBsZTpcclxuICogfn5+aHRtbFxyXG4gKiA8IS0tIGluIHRlbXBsYXRlIC0tPlxyXG4gKiA8cD5cclxuICogIHt7IGRhdGVPYmplY3QgfCBsb2NhbGl6ZWREYXRlOiBcIkVFRUUsIE1NTU0gZGQsIHl5eXlcIiAgfX1cclxuICogPC9wPlxyXG4gKiB+fn5cclxuICogQHRpdGxlXHJcbiAqIExvY2FsaXplZCBEYXRlXHJcbiAqXHJcbiAqIEBleGFtcGxlXHJcbiAqIC4uLlxyXG4gKiBjb25zdHJ1Y3RvciguLi4gIHByaXZhdGUgTG9jYWxpemVkRGF0ZVBpcGU6IGxvY2FsaXplZERhdGVQaXBlIC4uLil7XHJcbiAqICAgY29uc3QgbG9jYWxpemVkRGF0ZVN0cmluZyA9IHRoaXMubG9jYWxpemVkRGF0ZVBpcGUudHJhbnNmb3JtKGRhdGVPYmplY3QsICdFRUVFLCBNTU1NIGRkLCB5eXl5Jyk7XHJcbiAqIH1cclxuICogLi4uXHJcbiAqL1xyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ2xvY2FsaXplZERhdGUnLFxyXG4gIHB1cmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2NhbGl6ZWREYXRlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0sIE9uRGVzdHJveSB7XHJcblxyXG4gIHN0YXRpYyBERUZBVUxUX0xPQ0FMRSA9ICdlbi1VUyc7XHJcbiAgc3RhdGljIERFRkFVTFRfREFURV9GT1JNQVQgPSAnZGQgTU1NTSB5eXl5IGhoOm1tIGEnO1xyXG5cclxuICBkZWZhdWx0TG9jYWxlOiBzdHJpbmcgPSBMb2NhbGl6ZWREYXRlUGlwZS5ERUZBVUxUX0xPQ0FMRTtcclxuICBkZWZhdWx0Rm9ybWF0OiBzdHJpbmcgPSBMb2NhbGl6ZWREYXRlUGlwZS5ERUZBVUxUX0RBVEVfRk9STUFUO1xyXG5cclxuICBwcml2YXRlIG9uRGVzdHJveSQgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgdXNlclByZWZlcmVuY2VTZXJ2aWNlPzogVXNlclByZWZlcmVuY2VzU2VydmljZSkge1xyXG5cclxuICAgIGlmICh0aGlzLnVzZXJQcmVmZXJlbmNlU2VydmljZSkge1xyXG4gICAgICB0aGlzLnVzZXJQcmVmZXJlbmNlU2VydmljZVxyXG4gICAgICAgIC5zZWxlY3QoVXNlclByZWZlcmVuY2VWYWx1ZXMuTG9jYWxlKVxyXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSQpKVxyXG4gICAgICAgIC5zdWJzY3JpYmUobG9jYWxlID0+IHtcclxuICAgICAgICAgIGlmIChsb2NhbGUpIHtcclxuICAgICAgICAgICAgdGhpcy5kZWZhdWx0TG9jYWxlID0gbG9jYWxlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqXHJcbiAgICogQHBhcmFtIHZhbHVlIGRhdGUgb2JqZWN0XHJcbiAgICogQHBhcmFtIGZvcm1hdCBmb3JtYXRcclxuICAgKiBAcGFyYW0gbG9jYWxlIGxvY2FsZSB0byBjb252ZXJ0IHRvXHJcbiAgICogQHJldHVybnMgbG9jYWxpemVkIGRhdGUgc3RyaW5nXHJcbiAgICovXHJcbiAgdHJhbnNmb3JtKHZhbHVlOiBhbnksIGZvcm1hdD86IHN0cmluZywgbG9jYWxlPzogc3RyaW5nKTogYW55IHtcclxuICAgIHRyeSB7XHJcbiAgICAgIGNvbnN0IGFjdHVhbEZvcm1hdCA9IGZvcm1hdCB8fCB0aGlzLmRlZmF1bHRGb3JtYXQ7XHJcbiAgICAgIGNvbnN0IGFjdHVhbExvY2FsZSA9IGxvY2FsZSB8fCB0aGlzLmRlZmF1bHRMb2NhbGU7XHJcbiAgICAgIGNvbnN0IGRhdGVQaXBlOiBEYXRlUGlwZSA9IG5ldyBEYXRlUGlwZShhY3R1YWxMb2NhbGUpO1xyXG4gICAgICByZXR1cm4gZGF0ZVBpcGUudHJhbnNmb3JtKHZhbHVlLCBhY3R1YWxGb3JtYXQsICdHTVQrMycpO1xyXG4gICAgfSBjYXRjaCAoZSkge1xyXG4gICAgICBjb25zb2xlLndhcm4oZSk7XHJcbiAgICAgIHJldHVybiB2YWx1ZTtcclxuICAgIH1cclxuICB9XHJcbiAgLyoqIEBpZ25vcmUgKi9cclxuICBuZ09uRGVzdHJveSgpOiBhbnkge1xyXG4gICAgdGhpcy5vbkRlc3Ryb3kkLm5leHQodHJ1ZSk7XHJcbiAgICB0aGlzLm9uRGVzdHJveSQuY29tcGxldGUoKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/pipes/multi-value.pipe.js

@@ -0,0 +1,42 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Transforms array of strings to single string seperated with seperator
+ *
+ * ### In template example:
+ * ~~~html
+ * <!-- in template -->
+ * <p>{{ ['string 1','string 2', 'string 3'] | multiValue : {valueSeparator:', '}}}</p>
+ * ~~~
+ * @title
+ * Multi Value
+ *
+ * @example
+ * ...
+ * constructor(...  private MultiValuePipe: multiValuePipe ...){
+ *   const MultiValueString = this.multiValuePipe.transform(['string 1','string 2', 'string 3'], ', ');
+ * }
+ * ...
+ */
+export class MultiValuePipe {
+    /**
+     *
+     * @param values array of strings
+     * @param valueSeparator seperator to place between elements
+     * @returns the joining of all array items seperated with seperator
+     */
+    transform(values, valueSeparator = MultiValuePipe.DEFAULT_SEPARATOR) {
+        if (values && values instanceof Array) {
+            return values.join(valueSeparator);
+        }
+        return values;
+    }
+}
+MultiValuePipe.DEFAULT_SEPARATOR = ', ';
+MultiValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: MultiValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MultiValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: MultiValuePipe, name: "multiValue" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: MultiValuePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'multiValue' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktdmFsdWUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL3BpcGVzL211bHRpLXZhbHVlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBQ3BEOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUVILE1BQU0sT0FBTyxjQUFjO0lBSXZCOzs7OztPQUtHO0lBQ0gsU0FBUyxDQUFDLE1BQW1CLEVBQUUsaUJBQXlCLGNBQWMsQ0FBQyxpQkFBaUI7UUFFcEYsSUFBSSxNQUFNLElBQUksTUFBTSxZQUFZLEtBQUssRUFBRTtZQUNuQyxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDdEM7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDOztBQWZNLGdDQUFpQixHQUFHLElBQUksQ0FBQzsyR0FGdkIsY0FBYzt5R0FBZCxjQUFjOzJGQUFkLGNBQWM7a0JBRDFCLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG4vKipcclxuICogVHJhbnNmb3JtcyBhcnJheSBvZiBzdHJpbmdzIHRvIHNpbmdsZSBzdHJpbmcgc2VwZXJhdGVkIHdpdGggc2VwZXJhdG9yXHJcbiAqXHJcbiAqICMjIyBJbiB0ZW1wbGF0ZSBleGFtcGxlOlxyXG4gKiB+fn5odG1sXHJcbiAqIDwhLS0gaW4gdGVtcGxhdGUgLS0+XHJcbiAqIDxwPnt7IFsnc3RyaW5nIDEnLCdzdHJpbmcgMicsICdzdHJpbmcgMyddIHwgbXVsdGlWYWx1ZSA6IHt2YWx1ZVNlcGFyYXRvcjonLCAnfX19PC9wPlxyXG4gKiB+fn5cclxuICogQHRpdGxlXHJcbiAqIE11bHRpIFZhbHVlXHJcbiAqXHJcbiAqIEBleGFtcGxlXHJcbiAqIC4uLlxyXG4gKiBjb25zdHJ1Y3RvciguLi4gIHByaXZhdGUgTXVsdGlWYWx1ZVBpcGU6IG11bHRpVmFsdWVQaXBlIC4uLil7XHJcbiAqICAgY29uc3QgTXVsdGlWYWx1ZVN0cmluZyA9IHRoaXMubXVsdGlWYWx1ZVBpcGUudHJhbnNmb3JtKFsnc3RyaW5nIDEnLCdzdHJpbmcgMicsICdzdHJpbmcgMyddLCAnLCAnKTtcclxuICogfVxyXG4gKiAuLi5cclxuICovXHJcbkBQaXBlKHsgbmFtZTogJ211bHRpVmFsdWUnIH0pXHJcbmV4cG9ydCBjbGFzcyBNdWx0aVZhbHVlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICAgIHN0YXRpYyBERUZBVUxUX1NFUEFSQVRPUiA9ICcsICc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKlxyXG4gICAgICogQHBhcmFtIHZhbHVlcyBhcnJheSBvZiBzdHJpbmdzXHJcbiAgICAgKiBAcGFyYW0gdmFsdWVTZXBhcmF0b3Igc2VwZXJhdG9yIHRvIHBsYWNlIGJldHdlZW4gZWxlbWVudHNcclxuICAgICAqIEByZXR1cm5zIHRoZSBqb2luaW5nIG9mIGFsbCBhcnJheSBpdGVtcyBzZXBlcmF0ZWQgd2l0aCBzZXBlcmF0b3JcclxuICAgICAqL1xyXG4gICAgdHJhbnNmb3JtKHZhbHVlczogYW55IHwgYW55W10sIHZhbHVlU2VwYXJhdG9yOiBzdHJpbmcgPSBNdWx0aVZhbHVlUGlwZS5ERUZBVUxUX1NFUEFSQVRPUik6IHN0cmluZyB7XHJcblxyXG4gICAgICAgIGlmICh2YWx1ZXMgJiYgdmFsdWVzIGluc3RhbmNlb2YgQXJyYXkpIHtcclxuICAgICAgICAgICAgcmV0dXJuIHZhbHVlcy5qb2luKHZhbHVlU2VwYXJhdG9yKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJldHVybiB2YWx1ZXM7XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2015/lib/pipes/pipes.module.js

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SecurePipe } from './secure.pipe';
+import { LocalizedDatePipe } from './localized-date.pipe';
+import { SafeHtmlPipe } from './secure-html.pipe';
+import { TimeAgoPipe } from './time-ago.pipe';
+import { MultiValuePipe } from './multi-value.pipe';
+import { FileSizePipe } from './file-size.pipe';
+import { HijriDatePipe } from './hijri-date.pipe';
+import * as i0 from "@angular/core";
+/**
+ * @title
+ * Pipes Module
+ */
+export class PipesModule {
+}
+PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PipesModule, declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe], imports: [CommonModule], exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe] });
+PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PipesModule, providers: [TimeAgoPipe, MultiValuePipe], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
+                    imports: [CommonModule],
+                    exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
+                    providers: [TimeAgoPipe, MultiValuePipe],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlwZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvcGlwZXMvcGlwZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFDbEQ7OztHQUdHO0FBT0gsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkFMUCxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLGFBQWEsYUFDMUcsWUFBWSxhQUNaLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsYUFBYTt5R0FHcEcsV0FBVyxhQUZYLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxZQUYvQixDQUFDLFlBQVksQ0FBQzsyRkFJWixXQUFXO2tCQU52QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsYUFBYSxDQUFDO29CQUNySCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsYUFBYSxDQUFDO29CQUNoSCxTQUFTLEVBQUUsQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDO2lCQUN6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNlY3VyZVBpcGUgfSBmcm9tICcuL3NlY3VyZS5waXBlJztcclxuaW1wb3J0IHsgTG9jYWxpemVkRGF0ZVBpcGUgfSBmcm9tICcuL2xvY2FsaXplZC1kYXRlLnBpcGUnO1xyXG5pbXBvcnQgeyBTYWZlSHRtbFBpcGUgfSBmcm9tICcuL3NlY3VyZS1odG1sLnBpcGUnO1xyXG5pbXBvcnQgeyBUaW1lQWdvUGlwZSB9IGZyb20gJy4vdGltZS1hZ28ucGlwZSc7XHJcbmltcG9ydCB7IE11bHRpVmFsdWVQaXBlIH0gZnJvbSAnLi9tdWx0aS12YWx1ZS5waXBlJztcclxuaW1wb3J0IHsgRmlsZVNpemVQaXBlIH0gZnJvbSAnLi9maWxlLXNpemUucGlwZSc7XHJcbmltcG9ydCB7IEhpanJpRGF0ZVBpcGUgfSBmcm9tICcuL2hpanJpLWRhdGUucGlwZSc7XHJcbi8qKlxyXG4gKiBAdGl0bGVcclxuICogUGlwZXMgTW9kdWxlXHJcbiAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1NlY3VyZVBpcGUsIExvY2FsaXplZERhdGVQaXBlLCBTYWZlSHRtbFBpcGUsIFRpbWVBZ29QaXBlLCBNdWx0aVZhbHVlUGlwZSwgRmlsZVNpemVQaXBlLCBIaWpyaURhdGVQaXBlXSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBleHBvcnRzOiBbU2VjdXJlUGlwZSwgTG9jYWxpemVkRGF0ZVBpcGUsIFNhZmVIdG1sUGlwZSwgVGltZUFnb1BpcGUsIE11bHRpVmFsdWVQaXBlLCBGaWxlU2l6ZVBpcGUsIEhpanJpRGF0ZVBpcGVdLFxyXG4gIHByb3ZpZGVyczogW1RpbWVBZ29QaXBlLCBNdWx0aVZhbHVlUGlwZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQaXBlc01vZHVsZSB7IH1cclxuIl19

package/esm2015/lib/pipes/secure-html.pipe.js

@@ -0,0 +1,34 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+/**
+ * Transforms html string into safe html to be rendered in the view
+ *
+ * ### In template example:
+ * ~~~html
+ * <!-- in template -->
+ * <span [innerHTML]="htmlString | safeHtml"></span>
+ * ~~~
+ * @title
+ * Safe HTML
+ */
+export class SafeHtmlPipe {
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    /**
+     *
+     * @param value HTML String
+     * @returns Safe HTML
+     */
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustHtml(value);
+    }
+}
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'safeHtml' }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdXJlLWh0bWwucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL3BpcGVzL3NlY3VyZS1odG1sLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFpQixJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUdwRDs7Ozs7Ozs7OztHQVVHO0FBRUgsTUFBTSxPQUFPLFlBQVk7SUFDdkIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUFJLENBQUM7SUFDaEQ7Ozs7T0FJRztJQUNILFNBQVMsQ0FBQyxLQUFLO1FBQ2IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7O3lHQVRVLFlBQVk7dUdBQVosWUFBWTsyRkFBWixZQUFZO2tCQUR4QixJQUFJO21CQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBQaXBlVHJhbnNmb3JtLCBQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIFRyYW5zZm9ybXMgaHRtbCBzdHJpbmcgaW50byBzYWZlIGh0bWwgdG8gYmUgcmVuZGVyZWQgaW4gdGhlIHZpZXdcclxuICpcclxuICogIyMjIEluIHRlbXBsYXRlIGV4YW1wbGU6XHJcbiAqIH5+fmh0bWxcclxuICogPCEtLSBpbiB0ZW1wbGF0ZSAtLT5cclxuICogPHNwYW4gW2lubmVySFRNTF09XCJodG1sU3RyaW5nIHwgc2FmZUh0bWxcIj48L3NwYW4+XHJcbiAqIH5+flxyXG4gKiBAdGl0bGVcclxuICogU2FmZSBIVE1MXHJcbiAqL1xyXG5AUGlwZSh7IG5hbWU6ICdzYWZlSHRtbCcgfSlcclxuZXhwb3J0IGNsYXNzIFNhZmVIdG1sUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVkOiBEb21TYW5pdGl6ZXIpIHsgfVxyXG4gIC8qKlxyXG4gICAqXHJcbiAgICogQHBhcmFtIHZhbHVlIEhUTUwgU3RyaW5nXHJcbiAgICogQHJldHVybnMgU2FmZSBIVE1MXHJcbiAgICovXHJcbiAgdHJhbnNmb3JtKHZhbHVlKTogYW55IHtcclxuICAgIHJldHVybiB0aGlzLnNhbml0aXplZC5ieXBhc3NTZWN1cml0eVRydXN0SHRtbCh2YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/pipes/secure.pipe.js

@@ -0,0 +1,40 @@
+import { Pipe } from '@angular/core';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
+import * as i2 from "@angular/platform-browser";
+/**
+ * Transforms URL into async safe URL to be rendered in the view
+ *
+ * ### In template example:
+ * ~~~html
+ * <!-- in template -->
+ *   <img [attr.src]="user.avatar | secure | async" />
+ * ~~~
+ * @title
+ * Safe URL
+ */
+export class SecurePipe {
+    constructor(http, sanitizer) {
+        this.http = http;
+        this.sanitizer = sanitizer;
+    }
+    /**
+     *
+     * @param url Resource URL
+     * @returns Safe URL
+     */
+    transform(url) {
+        return this.http
+            .get(url, { responseType: 'blob' }).pipe(map(val => this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(val))));
+    }
+}
+SecurePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SecurePipe, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SecurePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SecurePipe, name: "secure" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SecurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'secure'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.DomSanitizer }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdXJlLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9waXBlcy9zZWN1cmUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUdwRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFHckM7Ozs7Ozs7Ozs7R0FVRztBQUlILE1BQU0sT0FBTyxVQUFVO0lBRXJCLFlBQW9CLElBQWdCLEVBQVUsU0FBdUI7UUFBakQsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFBSSxDQUFDO0lBRTFFOzs7O09BSUc7SUFDSCxTQUFTLENBQUMsR0FBRztRQUNYLE9BQU8sSUFBSSxDQUFDLElBQUk7YUFDYixHQUFHLENBQUMsR0FBRyxFQUFFLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsSUFBSSxDQUN0QyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLHNCQUFzQixDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUM1RSxDQUFDO0lBQ04sQ0FBQzs7dUdBZFUsVUFBVTtxR0FBVixVQUFVOzJGQUFWLFVBQVU7a0JBSHRCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLFFBQVE7aUJBQ2YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuXHJcbi8qKlxyXG4gKiBUcmFuc2Zvcm1zIFVSTCBpbnRvIGFzeW5jIHNhZmUgVVJMIHRvIGJlIHJlbmRlcmVkIGluIHRoZSB2aWV3XHJcbiAqXHJcbiAqICMjIyBJbiB0ZW1wbGF0ZSBleGFtcGxlOlxyXG4gKiB+fn5odG1sXHJcbiAqIDwhLS0gaW4gdGVtcGxhdGUgLS0+XHJcbiAqICAgPGltZyBbYXR0ci5zcmNdPVwidXNlci5hdmF0YXIgfCBzZWN1cmUgfCBhc3luY1wiIC8+XHJcbiAqIH5+flxyXG4gKiBAdGl0bGVcclxuICogU2FmZSBVUkxcclxuICovXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnc2VjdXJlJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VjdXJlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQsIHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHsgfVxyXG5cclxuICAvKipcclxuICAgKlxyXG4gICAqIEBwYXJhbSB1cmwgUmVzb3VyY2UgVVJMXHJcbiAgICogQHJldHVybnMgU2FmZSBVUkxcclxuICAgKi9cclxuICB0cmFuc2Zvcm0odXJsKTogT2JzZXJ2YWJsZTxTYWZlVXJsPiB7XHJcbiAgICByZXR1cm4gdGhpcy5odHRwXHJcbiAgICAgIC5nZXQodXJsLCB7IHJlc3BvbnNlVHlwZTogJ2Jsb2InIH0pLnBpcGUoXHJcbiAgICAgICAgbWFwKHZhbCA9PiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0VXJsKFVSTC5jcmVhdGVPYmplY3RVUkwodmFsKSkpXHJcbiAgICAgICk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2015/lib/pipes/time-ago.pipe.js

@@ -0,0 +1,68 @@
+import { Pipe } from '@angular/core';
+import moment from 'moment-es6';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { UserPreferenceValues } from '../core/services/user/user-preferences.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/services/user/user-preferences.service";
+/**
+ * Converts date into how long time ago string
+ *
+ * ### In template example:
+ * ~~~html
+ * <!-- in template -->
+ *   <span>{{ dateObject | timeAgo }}</span>
+ * ~~~
+ * @title
+ * Time Ago
+ */
+export class TimeAgoPipe {
+    constructor(userPreferenceService) {
+        this.userPreferenceService = userPreferenceService;
+        this.onDestroy$ = new Subject();
+        this.userPreferenceService
+            .select(UserPreferenceValues.Locale)
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(locale => {
+            this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
+        });
+        this.defaultDateTimeFormat = TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT;
+    }
+    /**
+     *
+     * @param value date object
+     * @param locale locale to be transformed to
+     * @returns Time ago string (15 minutes ago)
+     */
+    transform(value, locale) {
+        if (value !== null && value !== undefined) {
+            const actualLocale = locale || this.defaultLocale;
+            const then = moment(value);
+            //const diff = moment().locale(actualLocale).diff(then, 'days');
+            return then.locale(actualLocale).fromNow();
+            // if ( diff > 7) {
+            //     const datePipe: DatePipe = new DatePipe(actualLocale);
+            //     return datePipe.transform(value, this.defaultDateTimeFormat);
+            // } else {
+            //     return then.locale(actualLocale).fromNow();
+            // }
+        }
+        return '';
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+}
+TimeAgoPipe.DEFAULT_LOCALE = 'en-US';
+TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
+TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TimeAgoPipe, deps: [{ token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Pipe });
+TimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TimeAgoPipe, name: "timeAgo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TimeAgoPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'timeAgo'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.UserPreferencesService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1hZ28ucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL3BpcGVzL3RpbWUtYWdvLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFhLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxNQUFNLE1BQU0sWUFBWSxDQUFDO0FBQ2hDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQzs7O0FBRTlHOzs7Ozs7Ozs7O0dBVUc7QUFJSCxNQUFNLE9BQU8sV0FBVztJQVV0QixZQUFtQixxQkFBNkM7UUFBN0MsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF3QjtRQUZ4RCxlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQztRQUd4QyxJQUFJLENBQUMscUJBQXFCO2FBQ3ZCLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUM7YUFDbkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDaEMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxJQUFJLFdBQVcsQ0FBQyxjQUFjLENBQUM7UUFDNUQsQ0FBQyxDQUFDLENBQUM7UUFDTCxJQUFJLENBQUMscUJBQXFCLEdBQUcsV0FBVyxDQUFDLHdCQUF3QixDQUFDO0lBQ3RFLENBQUM7SUFDRDs7Ozs7T0FLRztJQUNILFNBQVMsQ0FBQyxLQUFXLEVBQUUsTUFBZTtRQUNsQyxJQUFJLEtBQUssS0FBSyxJQUFJLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUN6QyxNQUFNLFlBQVksR0FBRyxNQUFNLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQztZQUNsRCxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDM0IsZ0VBQWdFO1lBQ2hFLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMzQyxtQkFBbUI7WUFDbkIsNkRBQTZEO1lBQzdELG9FQUFvRTtZQUNwRSxXQUFXO1lBQ1gsa0RBQWtEO1lBQ2xELElBQUk7U0FDTDtRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVELGNBQWM7SUFDZCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM3QixDQUFDOztBQTNDTSwwQkFBYyxHQUFHLE9BQU8sQ0FBQztBQUN6QixvQ0FBd0IsR0FBRyxrQkFBa0IsQ0FBQzt3R0FIMUMsV0FBVztzR0FBWCxXQUFXOzJGQUFYLFdBQVc7a0JBSHZCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLFNBQVM7aUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmltcG9ydCB7IE9uRGVzdHJveSwgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudC1lczYnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgVXNlclByZWZlcmVuY2VzU2VydmljZSwgVXNlclByZWZlcmVuY2VWYWx1ZXMgfSBmcm9tICcuLi9jb3JlL3NlcnZpY2VzL3VzZXIvdXNlci1wcmVmZXJlbmNlcy5zZXJ2aWNlJztcclxuXHJcbi8qKlxyXG4gKiBDb252ZXJ0cyBkYXRlIGludG8gaG93IGxvbmcgdGltZSBhZ28gc3RyaW5nXHJcbiAqXHJcbiAqICMjIyBJbiB0ZW1wbGF0ZSBleGFtcGxlOlxyXG4gKiB+fn5odG1sXHJcbiAqIDwhLS0gaW4gdGVtcGxhdGUgLS0+XHJcbiAqICAgPHNwYW4+e3sgZGF0ZU9iamVjdCB8IHRpbWVBZ28gfX08L3NwYW4+XHJcbiAqIH5+flxyXG4gKiBAdGl0bGVcclxuICogVGltZSBBZ29cclxuICovXHJcbkBQaXBlKHtcclxuICBuYW1lOiAndGltZUFnbydcclxufSlcclxuZXhwb3J0IGNsYXNzIFRpbWVBZ29QaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSwgT25EZXN0cm95IHtcclxuXHJcbiAgc3RhdGljIERFRkFVTFRfTE9DQUxFID0gJ2VuLVVTJztcclxuICBzdGF0aWMgREVGQVVMVF9EQVRFX1RJTUVfRk9STUFUID0gJ2RkL01NL3l5eXkgSEg6bW0nO1xyXG5cclxuICBkZWZhdWx0TG9jYWxlOiBzdHJpbmc7XHJcbiAgZGVmYXVsdERhdGVUaW1lRm9ybWF0OiBzdHJpbmc7XHJcblxyXG4gIHByaXZhdGUgb25EZXN0cm95JCA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB1c2VyUHJlZmVyZW5jZVNlcnZpY2U6IFVzZXJQcmVmZXJlbmNlc1NlcnZpY2UpIHtcclxuICAgICAgdGhpcy51c2VyUHJlZmVyZW5jZVNlcnZpY2VcclxuICAgICAgICAuc2VsZWN0KFVzZXJQcmVmZXJlbmNlVmFsdWVzLkxvY2FsZSlcclxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kkKSlcclxuICAgICAgICAuc3Vic2NyaWJlKGxvY2FsZSA9PiB7XHJcbiAgICAgICAgICB0aGlzLmRlZmF1bHRMb2NhbGUgPSBsb2NhbGUgfHwgVGltZUFnb1BpcGUuREVGQVVMVF9MT0NBTEU7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIHRoaXMuZGVmYXVsdERhdGVUaW1lRm9ybWF0ID0gVGltZUFnb1BpcGUuREVGQVVMVF9EQVRFX1RJTUVfRk9STUFUO1xyXG4gIH1cclxuICAvKipcclxuICAgKlxyXG4gICAqIEBwYXJhbSB2YWx1ZSBkYXRlIG9iamVjdFxyXG4gICAqIEBwYXJhbSBsb2NhbGUgbG9jYWxlIHRvIGJlIHRyYW5zZm9ybWVkIHRvXHJcbiAgICogQHJldHVybnMgVGltZSBhZ28gc3RyaW5nICgxNSBtaW51dGVzIGFnbylcclxuICAgKi9cclxuICB0cmFuc2Zvcm0odmFsdWU6IERhdGUsIGxvY2FsZT86IHN0cmluZykge1xyXG4gICAgICBpZiAodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIGNvbnN0IGFjdHVhbExvY2FsZSA9IGxvY2FsZSB8fCB0aGlzLmRlZmF1bHRMb2NhbGU7XHJcbiAgICAgICAgY29uc3QgdGhlbiA9IG1vbWVudCh2YWx1ZSk7XHJcbiAgICAgICAgLy9jb25zdCBkaWZmID0gbW9tZW50KCkubG9jYWxlKGFjdHVhbExvY2FsZSkuZGlmZih0aGVuLCAnZGF5cycpO1xyXG4gICAgICAgIHJldHVybiB0aGVuLmxvY2FsZShhY3R1YWxMb2NhbGUpLmZyb21Ob3coKTtcclxuICAgICAgICAvLyBpZiAoIGRpZmYgPiA3KSB7XHJcbiAgICAgICAgLy8gICAgIGNvbnN0IGRhdGVQaXBlOiBEYXRlUGlwZSA9IG5ldyBEYXRlUGlwZShhY3R1YWxMb2NhbGUpO1xyXG4gICAgICAgIC8vICAgICByZXR1cm4gZGF0ZVBpcGUudHJhbnNmb3JtKHZhbHVlLCB0aGlzLmRlZmF1bHREYXRlVGltZUZvcm1hdCk7XHJcbiAgICAgICAgLy8gfSBlbHNlIHtcclxuICAgICAgICAvLyAgICAgcmV0dXJuIHRoZW4ubG9jYWxlKGFjdHVhbExvY2FsZSkuZnJvbU5vdygpO1xyXG4gICAgICAgIC8vIH1cclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG5cclxuICAvKiogQGlnbm9yZSAqL1xyXG4gIG5nT25EZXN0cm95KCk6IGFueSB7XHJcbiAgICB0aGlzLm9uRGVzdHJveSQubmV4dCh0cnVlKTtcclxuICAgIHRoaXMub25EZXN0cm95JC5jb21wbGV0ZSgpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/shared/components/button/button.component.js

@@ -0,0 +1,87 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/progress-spinner";
+import * as i2 from "@angular/common";
+/**
+ * reusable button with spinner component
+ * @title
+ * Button with spinner
+ * @example
+ *
+ * <cts-button
+ *     [theme]="'danger'"
+ *     [size]="'regular'"
+ *     [loading]="false"
+ *     [disabled]="false"
+ *     (onClick)="executeAction()"
+ *   >
+ *     Button Text
+ *   </cts-button>
+ */
+export class ButtonComponent {
+    constructor() {
+        /** button size large || regular || small */
+        this.size = 'regular';
+        /** available themes: primary , blue , green , danger, dark, light-gray, outline-dark */
+        this.theme = 'primary';
+        /** button click event */
+        this.onClick = new EventEmitter();
+    }
+    emitClick() {
+        this.onClick.next();
+    }
+    ngOnChanges(changes) {
+        //Called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.
+        //Add '${implements OnChanges}' to the class.
+        this.setClasses();
+    }
+    ngOnInit() {
+        this.setClasses();
+    }
+    setClasses() {
+        let classes = {
+            //theme
+            primary: this.theme === 'primary',
+            blue: this.theme === 'blue',
+            green: this.theme === 'green',
+            danger: this.theme === 'danger',
+            dark: this.theme === 'dark',
+            gray: this.theme === 'gray',
+            'light-gray': this.theme === 'light-gray',
+            'outline-dark': this.theme === 'outline-dark',
+            //sizes
+            large: this.size === 'large',
+            regular: this.size === 'regular',
+            small: this.size === 'small',
+            //loading
+            submitting: this.loading,
+            //actions
+            disabled: this.disabled,
+        };
+        this.classes = classes;
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: ButtonComponent, selector: "cts-button", inputs: { disabled: "disabled", loading: "loading", size: "size", theme: "theme" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\r\ntype=\"button\"\r\nclass=\"btn\"\r\n  mat-button\r\n  [disabled]=\"disabled || loading\"\r\n  (click)=\"emitClick()\"\r\n  [ngClass]=\"this.classes\"\r\n>\r\n  <ng-content *ngIf=\"!loading; else spinner\"></ng-content>\r\n  <ng-template #spinner>\r\n    <mat-spinner class=\"spinner\" [diameter]=\"25\"></mat-spinner>\r\n  </ng-template>\r\n</button>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.btn.submitting,.btn.outline-dark,.btn.light-gray,.btn.gray,.btn.dark,.btn.danger,.btn.green,.btn.blue,.btn.primary,.my-base-class{color:#fff;width:100%;border:1px solid transparent;padding:6px 12px;overflow:hidden;min-width:-webkit-max-content;min-width:max-content;border-radius:5px}.btn.submitting:hover,.btn.outline-dark:hover,.btn.light-gray:hover,.btn.gray:hover,.btn.dark:hover,.btn.danger:hover,.btn.green:hover,.btn.blue:hover,.btn.primary:hover,.my-base-class:hover{filter:brightness(92%)}.btn.primary{background-image:linear-gradient(to right,#0dbab5,#1a96c6)}.btn.rtl.primary{background-image:linear-gradient(to left,#0dbab5,#1a96c6)}.btn.blue{background-color:#3c3cf0}.btn.green{background-color:#00dca5}.btn.danger{background-color:#fd6670}.btn.dark{background-color:#465573}.btn.gray{background-color:#6a768e;border:none}.btn.light-gray{background-color:#d9dce2;color:#465573;border:none}.btn.outline-dark{background-color:#fff;border:1px solid #8f98aa;color:#465573}.btn.outline-dark:hover{background-color:#8f98aa;color:#fff}.btn.large{height:50px}.btn.regular{height:40px}.btn.small{height:30px}.btn.submitting{background:#d7d7d7!important;border:1px solid #b4bac6}.btn.spinner{margin:auto}.btn.disabled{opacity:.5}.btn:focus{background:#2cbddd}\n"], components: [{ type: i1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cts-button',
+                    templateUrl: './button.component.html',
+                    styleUrls: ['./button.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], 
+        /** available themes: primary , blue , green , danger, dark, light-gray, outline-dark */
+        theme: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUVOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFPSCxNQUFNLE9BQU8sZUFBZTtJQWlCMUI7UUFWQSw0Q0FBNEM7UUFFNUMsU0FBSSxHQUFHLFNBQVMsQ0FBQztRQUVqQix3RkFBd0Y7UUFDeEYsVUFBSyxHQUFHLFNBQVMsQ0FBQztRQUVsQix5QkFBeUI7UUFFekIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDYixDQUFDO0lBRWpCLFNBQVM7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMseUdBQXlHO1FBQ3pHLDZDQUE2QztRQUM3QyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLE9BQU8sR0FBRztZQUNaLE9BQU87WUFDUCxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO1lBQ2pDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLE1BQU07WUFDM0IsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssT0FBTztZQUM3QixNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxRQUFRO1lBQy9CLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLE1BQU07WUFDM0IsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssTUFBTTtZQUMzQixZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxZQUFZO1lBQ3pDLGNBQWMsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGNBQWM7WUFDN0MsT0FBTztZQUNQLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU87WUFDNUIsT0FBTyxFQUFFLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUztZQUNoQyxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPO1lBQzVCLFNBQVM7WUFDVCxVQUFVLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDeEIsU0FBUztZQUNULFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUN4QixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDekIsQ0FBQzs7NEdBcERVLGVBQWU7Z0dBQWYsZUFBZSw0TENqQzVCLCtXQWFBOzJGRG9CYSxlQUFlO2tCQU4zQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDdEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzBFQUlDLFFBQVE7c0JBRFAsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLOztRQUdOLHdGQUF3RjtRQUN4RixLQUFLO3NCQUZKLEtBQUs7Z0JBTU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uQ2hhbmdlcyxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogcmV1c2FibGUgYnV0dG9uIHdpdGggc3Bpbm5lciBjb21wb25lbnRcclxuICogQHRpdGxlXHJcbiAqIEJ1dHRvbiB3aXRoIHNwaW5uZXJcclxuICogQGV4YW1wbGVcclxuICpcclxuICogPGN0cy1idXR0b25cclxuICogICAgIFt0aGVtZV09XCInZGFuZ2VyJ1wiXHJcbiAqICAgICBbc2l6ZV09XCIncmVndWxhcidcIlxyXG4gKiAgICAgW2xvYWRpbmddPVwiZmFsc2VcIlxyXG4gKiAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcclxuICogICAgIChvbkNsaWNrKT1cImV4ZWN1dGVBY3Rpb24oKVwiXHJcbiAqICAgPlxyXG4gKiAgICAgQnV0dG9uIFRleHRcclxuICogICA8L2N0cy1idXR0b24+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N0cy1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgLyoqIGlzIGJ1dHRvbiBkaXNhYmxlZCAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgZGlzYWJsZWQ/O1xyXG4gIC8qKiBpcyBidXR0b24gbG9hZGluZyAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgbG9hZGluZz87XHJcbiAgLyoqIGJ1dHRvbiBzaXplIGxhcmdlIHx8IHJlZ3VsYXIgfHwgc21hbGwgKi9cclxuICBASW5wdXQoKVxyXG4gIHNpemU/PSAncmVndWxhcic7XHJcbiAgQElucHV0KClcclxuICAvKiogYXZhaWxhYmxlIHRoZW1lczogcHJpbWFyeSAsIGJsdWUgLCBncmVlbiAsIGRhbmdlciwgZGFyaywgbGlnaHQtZ3JheSwgb3V0bGluZS1kYXJrICovXHJcbiAgdGhlbWU/PSAncHJpbWFyeSc7XHJcbiAgY2xhc3NlcztcclxuICAvKiogYnV0dG9uIGNsaWNrIGV2ZW50ICovXHJcbiAgQE91dHB1dCgpXHJcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBlbWl0Q2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2xpY2submV4dCgpO1xyXG4gIH1cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICAvL0NhbGxlZCBiZWZvcmUgYW55IG90aGVyIGxpZmVjeWNsZSBob29rLiBVc2UgaXQgdG8gaW5qZWN0IGRlcGVuZGVuY2llcywgYnV0IGF2b2lkIGFueSBzZXJpb3VzIHdvcmsgaGVyZS5cclxuICAgIC8vQWRkICcke2ltcGxlbWVudHMgT25DaGFuZ2VzfScgdG8gdGhlIGNsYXNzLlxyXG4gICAgdGhpcy5zZXRDbGFzc2VzKCk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZXRDbGFzc2VzKCk7XHJcbiAgfVxyXG5cclxuICBzZXRDbGFzc2VzKCkge1xyXG4gICAgbGV0IGNsYXNzZXMgPSB7XHJcbiAgICAgIC8vdGhlbWVcclxuICAgICAgcHJpbWFyeTogdGhpcy50aGVtZSA9PT0gJ3ByaW1hcnknLFxyXG4gICAgICBibHVlOiB0aGlzLnRoZW1lID09PSAnYmx1ZScsXHJcbiAgICAgIGdyZWVuOiB0aGlzLnRoZW1lID09PSAnZ3JlZW4nLFxyXG4gICAgICBkYW5nZXI6IHRoaXMudGhlbWUgPT09ICdkYW5nZXInLFxyXG4gICAgICBkYXJrOiB0aGlzLnRoZW1lID09PSAnZGFyaycsXHJcbiAgICAgIGdyYXk6IHRoaXMudGhlbWUgPT09ICdncmF5JyxcclxuICAgICAgJ2xpZ2h0LWdyYXknOiB0aGlzLnRoZW1lID09PSAnbGlnaHQtZ3JheScsXHJcbiAgICAgICdvdXRsaW5lLWRhcmsnOiB0aGlzLnRoZW1lID09PSAnb3V0bGluZS1kYXJrJyxcclxuICAgICAgLy9zaXplc1xyXG4gICAgICBsYXJnZTogdGhpcy5zaXplID09PSAnbGFyZ2UnLFxyXG4gICAgICByZWd1bGFyOiB0aGlzLnNpemUgPT09ICdyZWd1bGFyJyxcclxuICAgICAgc21hbGw6IHRoaXMuc2l6ZSA9PT0gJ3NtYWxsJyxcclxuICAgICAgLy9sb2FkaW5nXHJcbiAgICAgIHN1Ym1pdHRpbmc6IHRoaXMubG9hZGluZyxcclxuICAgICAgLy9hY3Rpb25zXHJcbiAgICAgIGRpc2FibGVkOiB0aGlzLmRpc2FibGVkLFxyXG4gICAgfTtcclxuICAgIHRoaXMuY2xhc3NlcyA9IGNsYXNzZXM7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b25cclxudHlwZT1cImJ1dHRvblwiXHJcbmNsYXNzPVwiYnRuXCJcclxuICBtYXQtYnV0dG9uXHJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGxvYWRpbmdcIlxyXG4gIChjbGljayk9XCJlbWl0Q2xpY2soKVwiXHJcbiAgW25nQ2xhc3NdPVwidGhpcy5jbGFzc2VzXCJcclxuPlxyXG4gIDxuZy1jb250ZW50ICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2Ugc3Bpbm5lclwiPjwvbmctY29udGVudD5cclxuICA8bmctdGVtcGxhdGUgI3NwaW5uZXI+XHJcbiAgICA8bWF0LXNwaW5uZXIgY2xhc3M9XCJzcGlubmVyXCIgW2RpYW1ldGVyXT1cIjI1XCI+PC9tYXQtc3Bpbm5lcj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L2J1dHRvbj5cclxuIl19

package/esm2015/lib/shared/components/item-list/item-list.component.js

@@ -0,0 +1,77 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../components/correspondence-relation/services/viewer-files.service";
+import * as i2 from "@angular/material/list";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/menu";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/core";
+import * as i7 from "../../../directive/rtl/set-rtl.directive";
+import * as i8 from "@ngx-translate/core";
+/**
+ * Reusable List item component with actions menu for listing a document or a version of a document
+ * @title
+ * List item component
+ * @example
+ *
+ * <cts-item-list
+ *   [item]="item"
+ *   [title]="item.title"
+ *   [iconname]="'link'"
+ *   [actions]="menu_actions"
+ *   (actionclicked)="handleAction($event)"
+ *   (itemClicked)='handleItem()'
+ *   [moreclasses]="'link-relation'"
+ * ></cts-item-list>
+ */
+export class ItemListComponent {
+    constructor(viewerFilesService) {
+        this.viewerFilesService = viewerFilesService;
+        /** highlight item if item is selected */
+        this.isselected = false;
+        /** event Emitter that fires when item is clicked */
+        this.itemClicked = new EventEmitter();
+        /** Action Clicked event Emitter, emits action name and item object when an action is clicked */
+        this.actionclicked = new EventEmitter();
+    }
+    itemlistClick() {
+        // this.isselected = true;
+        this.itemClicked.next();
+    }
+    menuactionClicked(menu_item_name, item) {
+        this.actionclicked.next({ action: menu_item_name, item: item });
+    }
+    ngOnInit() {
+        this.viewerFilesService.selectedFileId.subscribe((res) => {
+            this.selectedId = res;
+        });
+    }
+}
+ItemListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: ItemListComponent, deps: [{ token: i1.ViewerFilesService }], target: i0.ɵɵFactoryTarget.Component });
+ItemListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: ItemListComponent, selector: "cts-item-list", inputs: { item: "item", iconname: "iconname", title: "title", actions: "actions", isselected: "isselected", moreclasses: "moreclasses" }, outputs: { itemClicked: "itemClicked", actionclicked: "actionclicked" }, ngImport: i0, template: "\r\n<mat-list-item class=\"list-item\" (click)=\"itemlistClick()\" [ngClass]=\"{\r\n    'list-item-selected': selectedId == item.uid\r\n  }\">\r\n  <div class=\"direction\"><i class=\"incoming bi bi-box-arrow-down\" *ngIf=\"!iconname&&item.direction?.toLowerCase() === 'incoming'\"></i></div>\r\n\r\n  <div class=\"direction\"><i class=\"outcoming bi bi-box-arrow-up\" *ngIf=\"!iconname&&item.direction?.toLowerCase() === 'outgoing'\"></i></div>\r\n\r\n  <div class=\"direction\"><i class=\"internal bi bi-box-arrow-right\" *ngIf=\"!iconname&&item.direction?.toLowerCase() === 'interenal'\"></i></div>\r\n\r\n  <mat-icon *ngIf=\"iconname\" mat-list-icon class=\"icon {{moreclasses}}\">{{\r\n    iconname\r\n    }}</mat-icon>\r\n\r\n  <ng-content select=\".icon\"></ng-content>\r\n\r\n  <div class=\"content\">\r\n    <div *ngIf=\"title\" mat-line>{{ title }}</div>\r\n  <div mat-line>\r\n    <ng-content select=\".description\"> </ng-content>\r\n  </div>\r\n</div>\r\n  <button class=\"menu-item-action\" *ngIf=\"actions?.length\" (click)=\"$event.stopPropagation()\" [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon>more_vert</mat-icon>\r\n  </button>\r\n\r\n  <mat-menu #menu=\"matMenu\" class=\"actionMenuWrapper\">\r\n    <div SetRtl class=\"flex flex-col justify-between\">\r\n      <ng-container *ngFor=\"let menu_item of actions\">\r\n        <button mat-menu-item class=\"{{menu_item.action_Style}}\" (click)=\"menuactionClicked(menu_item.name, item)\">\r\n          <i class=\"{{menu_item.icon}}\" *ngIf=\"menu_item.icon\"></i>\r\n          <span class=\"{{menu_item.title_Style}}\">{{ menu_item.title | translate }}</span>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </mat-menu>\r\n</mat-list-item>\r\n", styles: [".list-item{font-size:16px;cursor:pointer;height:55px!important}.list-item .mat-list-item-content{padding:0!important}.list-item .mat-list-item-content .icon{padding:0 4px;font-size:35px;width:auto;height:auto}.list-item .mat-list-item-content .icon.link-relation{font-size:25px}.list-item .mat-list-item-content .icon.attachment-icon{font-size:25px}.list-item .mat-list-item-content .content{width:100%;margin:0;overflow:hidden;text-overflow:ellipsis}.list-item .mat-list-item-content .content .mat-line{font-size:16px;color:#212529}.list-item .mat-list-item-content .content .mat-line .description{font-size:12px}.list-item a{color:#000}.list-item .menu-item-action{font-size:20px;border:0;background:transparent}.list-item .direction{font-size:20px}.list-item .direction .incoming{color:#00dca5}.list-item .direction .outcoming{color:#fbb62c}.list-item:hover{background-color:#f5f6f8}.list-item-selected{background-color:#f5f6f8}\n"], components: [{ type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i6.MatLine, selector: "[mat-line], [matLine]" }, { type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i7.SetRtlDirective, selector: "[SetRtl]" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i8.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: ItemListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cts-item-list',
+                    templateUrl: './item-list.component.html',
+                    styleUrls: ['./item-list.component.scss'],
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ViewerFilesService }]; }, propDecorators: { item: [{
+                type: Input
+            }], iconname: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], isselected: [{
+                type: Input
+            }], moreclasses: [{
+                type: Input
+            }], itemClicked: [{
+                type: Output
+            }], actionclicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2l0ZW0tbGlzdC9pdGVtLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvaXRlbS1saXN0L2l0ZW0tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0FBR2xHOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQU9ILE1BQU0sT0FBTyxpQkFBaUI7SUFvQzVCLFlBQW9CLGtCQUFzQztRQUF0Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBdEIxRCx5Q0FBeUM7UUFFekMsZUFBVSxHQUFJLEtBQUssQ0FBQztRQUlwQixvREFBb0Q7UUFFcEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pDLGdHQUFnRztRQUVoRyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFXMkIsQ0FBQztJQVQvRCxhQUFhO1FBQ1gsMEJBQTBCO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGlCQUFpQixDQUFDLGNBQWMsRUFBRSxJQUFJO1FBQ3BDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBSUQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDdkQsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzs4R0ExQ1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsd1FDekI5Qixxc0RBcUNBOzJGRFphLGlCQUFpQjtrQkFON0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsV0FBVyxFQUFFLDRCQUE0QjtvQkFDekMsU0FBUyxFQUFFLENBQUMsNEJBQTRCLENBQUM7b0JBQ3pDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzt5R0FLQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixXQUFXO3NCQURWLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVmlld2VyRmlsZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9jb3JyZXNwb25kZW5jZS1yZWxhdGlvbi9zZXJ2aWNlcy92aWV3ZXItZmlsZXMuc2VydmljZSc7XHJcblxyXG4vKipcclxuICogUmV1c2FibGUgTGlzdCBpdGVtIGNvbXBvbmVudCB3aXRoIGFjdGlvbnMgbWVudSBmb3IgbGlzdGluZyBhIGRvY3VtZW50IG9yIGEgdmVyc2lvbiBvZiBhIGRvY3VtZW50XHJcbiAqIEB0aXRsZVxyXG4gKiBMaXN0IGl0ZW0gY29tcG9uZW50XHJcbiAqIEBleGFtcGxlXHJcbiAqXHJcbiAqIDxjdHMtaXRlbS1saXN0XHJcbiAqICAgW2l0ZW1dPVwiaXRlbVwiXHJcbiAqICAgW3RpdGxlXT1cIml0ZW0udGl0bGVcIlxyXG4gKiAgIFtpY29ubmFtZV09XCInbGluaydcIlxyXG4gKiAgIFthY3Rpb25zXT1cIm1lbnVfYWN0aW9uc1wiXHJcbiAqICAgKGFjdGlvbmNsaWNrZWQpPVwiaGFuZGxlQWN0aW9uKCRldmVudClcIlxyXG4gKiAgIChpdGVtQ2xpY2tlZCk9J2hhbmRsZUl0ZW0oKSdcclxuICogICBbbW9yZWNsYXNzZXNdPVwiJ2xpbmstcmVsYXRpb24nXCJcclxuICogPjwvY3RzLWl0ZW0tbGlzdD5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RzLWl0ZW0tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2l0ZW0tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaXRlbS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSXRlbUxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHNlbGVjdGVkSWQ7XHJcbiAgLyoqIERvY3VtZW50IEl0ZW0gICovXHJcbiAgQElucHV0KClcclxuICBpdGVtOiBhbnk7XHJcbiAgLyoqIEljb24gdG8gZGlzcGxheSAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgaWNvbm5hbWU6IHN0cmluZztcclxuICAvKiogdGl0bGUgb2YgdGhlIGl0ZW0gKi9cclxuICBASW5wdXQoKVxyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgLyoqIGFycmF5IG9mIGFjdGlvbnMgdG8gYmUgc2hvd24gaW4gYWN0aW9ucyBtZW51ICovXHJcbiAgQElucHV0KClcclxuICBhY3Rpb25zPzogc3RyaW5nW107XHJcbiAgLyoqIGhpZ2hsaWdodCBpdGVtIGlmIGl0ZW0gaXMgc2VsZWN0ZWQgKi9cclxuICBASW5wdXQoKVxyXG4gIGlzc2VsZWN0ZWQ/ID0gZmFsc2U7XHJcbiAgLyoqIHByb3ZpZGUgbW9yZSBjbGFzc2VzIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBpdGVtIERPTSAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgbW9yZWNsYXNzZXM/O1xyXG4gIC8qKiBldmVudCBFbWl0dGVyIHRoYXQgZmlyZXMgd2hlbiBpdGVtIGlzIGNsaWNrZWQgKi9cclxuICBAT3V0cHV0KClcclxuICBpdGVtQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICAvKiogQWN0aW9uIENsaWNrZWQgZXZlbnQgRW1pdHRlciwgZW1pdHMgYWN0aW9uIG5hbWUgYW5kIGl0ZW0gb2JqZWN0IHdoZW4gYW4gYWN0aW9uIGlzIGNsaWNrZWQgKi9cclxuICBAT3V0cHV0KClcclxuICBhY3Rpb25jbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBpdGVtbGlzdENsaWNrKCkge1xyXG4gICAgLy8gdGhpcy5pc3NlbGVjdGVkID0gdHJ1ZTtcclxuICAgIHRoaXMuaXRlbUNsaWNrZWQubmV4dCgpO1xyXG4gIH1cclxuXHJcbiAgbWVudWFjdGlvbkNsaWNrZWQobWVudV9pdGVtX25hbWUsIGl0ZW0pIHtcclxuICAgIHRoaXMuYWN0aW9uY2xpY2tlZC5uZXh0KHsgYWN0aW9uOiBtZW51X2l0ZW1fbmFtZSwgaXRlbTogaXRlbSB9KTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdmlld2VyRmlsZXNTZXJ2aWNlOiBWaWV3ZXJGaWxlc1NlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudmlld2VyRmlsZXNTZXJ2aWNlLnNlbGVjdGVkRmlsZUlkLnN1YnNjcmliZSgocmVzKSA9PiB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRJZCA9IHJlcztcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCJcclxuPG1hdC1saXN0LWl0ZW0gY2xhc3M9XCJsaXN0LWl0ZW1cIiAoY2xpY2spPVwiaXRlbWxpc3RDbGljaygpXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2xpc3QtaXRlbS1zZWxlY3RlZCc6IHNlbGVjdGVkSWQgPT0gaXRlbS51aWRcclxuICB9XCI+XHJcbiAgPGRpdiBjbGFzcz1cImRpcmVjdGlvblwiPjxpIGNsYXNzPVwiaW5jb21pbmcgYmkgYmktYm94LWFycm93LWRvd25cIiAqbmdJZj1cIiFpY29ubmFtZSYmaXRlbS5kaXJlY3Rpb24/LnRvTG93ZXJDYXNlKCkgPT09ICdpbmNvbWluZydcIj48L2k+PC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJkaXJlY3Rpb25cIj48aSBjbGFzcz1cIm91dGNvbWluZyBiaSBiaS1ib3gtYXJyb3ctdXBcIiAqbmdJZj1cIiFpY29ubmFtZSYmaXRlbS5kaXJlY3Rpb24/LnRvTG93ZXJDYXNlKCkgPT09ICdvdXRnb2luZydcIj48L2k+PC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJkaXJlY3Rpb25cIj48aSBjbGFzcz1cImludGVybmFsIGJpIGJpLWJveC1hcnJvdy1yaWdodFwiICpuZ0lmPVwiIWljb25uYW1lJiZpdGVtLmRpcmVjdGlvbj8udG9Mb3dlckNhc2UoKSA9PT0gJ2ludGVyZW5hbCdcIj48L2k+PC9kaXY+XHJcblxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cImljb25uYW1lXCIgbWF0LWxpc3QtaWNvbiBjbGFzcz1cImljb24ge3ttb3JlY2xhc3Nlc319XCI+e3tcclxuICAgIGljb25uYW1lXHJcbiAgICB9fTwvbWF0LWljb24+XHJcblxyXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIi5pY29uXCI+PC9uZy1jb250ZW50PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgbWF0LWxpbmU+e3sgdGl0bGUgfX08L2Rpdj5cclxuICA8ZGl2IG1hdC1saW5lPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiLmRlc2NyaXB0aW9uXCI+IDwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiAgPGJ1dHRvbiBjbGFzcz1cIm1lbnUtaXRlbS1hY3Rpb25cIiAqbmdJZj1cImFjdGlvbnM/Lmxlbmd0aFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiPlxyXG4gICAgPG1hdC1pY29uPm1vcmVfdmVydDwvbWF0LWljb24+XHJcbiAgPC9idXR0b24+XHJcblxyXG4gIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIiBjbGFzcz1cImFjdGlvbk1lbnVXcmFwcGVyXCI+XHJcbiAgICA8ZGl2IFNldFJ0bCBjbGFzcz1cImZsZXggZmxleC1jb2wganVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1lbnVfaXRlbSBvZiBhY3Rpb25zXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIGNsYXNzPVwie3ttZW51X2l0ZW0uYWN0aW9uX1N0eWxlfX1cIiAoY2xpY2spPVwibWVudWFjdGlvbkNsaWNrZWQobWVudV9pdGVtLm5hbWUsIGl0ZW0pXCI+XHJcbiAgICAgICAgICA8aSBjbGFzcz1cInt7bWVudV9pdGVtLmljb259fVwiICpuZ0lmPVwibWVudV9pdGVtLmljb25cIj48L2k+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7bWVudV9pdGVtLnRpdGxlX1N0eWxlfX1cIj57eyBtZW51X2l0ZW0udGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9tYXQtbWVudT5cclxuPC9tYXQtbGlzdC1pdGVtPlxyXG4iXX0=

package/esm2015/lib/shared/components/no-data/no-data.component.js

@@ -0,0 +1,37 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+/**
+ * Reusable Component to be shown when no data is present
+ * @title
+ * No Data Component
+ * @example
+ *
+ * <cts-no-data
+ *   [message]="'PATH.TO.TRANSLATION'"
+ * ></cts-no-data>
+ */
+export class NoDataComponent {
+    constructor() {
+        /**  tralsnation path to the message to be shown */
+        this.message = 'noData';
+        this.border = true;
+    }
+    ngOnInit() { }
+}
+NoDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NoDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: NoDataComponent, selector: "cts-no-data", inputs: { message: "message", border: "border" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'no-data-border':border}\">\r\n  {{ message || \"noData\" | translate }}\r\n</div>\r\n", styles: [".container{display:grid;place-items:center;height:100%;width:100%;font-size:14px;color:gray;padding:10px}.no-data-border{border:1px solid #d9dce2}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i2.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: NoDataComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cts-no-data',
+                    templateUrl: './no-data.component.html',
+                    styleUrls: ['./no-data.component.scss'],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { message: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9uby1kYXRhL25vLWRhdGEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvbm8tZGF0YS9uby1kYXRhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBQ3pEOzs7Ozs7Ozs7R0FTRztBQU1ILE1BQU0sT0FBTyxlQUFlO0lBTTFCO1FBTEEsbURBQW1EO1FBRW5ELFlBQU8sR0FBSSxRQUFRLENBQUM7UUFFcEIsV0FBTSxHQUFHLElBQUksQ0FBQztJQUNDLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7OzRHQVJSLGVBQWU7Z0dBQWYsZUFBZSxxR0NoQjVCLDhIQUdBOzJGRGFhLGVBQWU7a0JBTDNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFdBQVcsRUFBRSwwQkFBMEI7b0JBQ3ZDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN4QzswRUFJQyxPQUFPO3NCQUROLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbi8qKlxyXG4gKiBSZXVzYWJsZSBDb21wb25lbnQgdG8gYmUgc2hvd24gd2hlbiBubyBkYXRhIGlzIHByZXNlbnRcclxuICogQHRpdGxlXHJcbiAqIE5vIERhdGEgQ29tcG9uZW50XHJcbiAqIEBleGFtcGxlXHJcbiAqXHJcbiAqIDxjdHMtbm8tZGF0YVxyXG4gKiAgIFttZXNzYWdlXT1cIidQQVRILlRPLlRSQU5TTEFUSU9OJ1wiXHJcbiAqID48L2N0cy1uby1kYXRhPlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdHMtbm8tZGF0YScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vLWRhdGEuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25vLWRhdGEuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vRGF0YUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLyoqICB0cmFsc25hdGlvbiBwYXRoIHRvIHRoZSBtZXNzYWdlIHRvIGJlIHNob3duICovXHJcbiAgQElucHV0KClcclxuICBtZXNzYWdlPyA9ICdub0RhdGEnO1xyXG4gIEBJbnB1dCgpXHJcbiAgYm9yZGVyID0gdHJ1ZTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieyduby1kYXRhLWJvcmRlcic6Ym9yZGVyfVwiPlxyXG4gIHt7IG1lc3NhZ2UgfHwgXCJub0RhdGFcIiB8IHRyYW5zbGF0ZSB9fVxyXG48L2Rpdj5cclxuIl19