nuxeo-development-framework 5.6.4 → 5.6.5

package/esm2015/lib/components/select-users-by-department/select-users-by-departments/select-users-by-departments.component.js

@@ -0,0 +1,123 @@
+import { Component, EventEmitter, Input, Optional, Output, Self, ViewEncapsulation } from '@angular/core';
+import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { takeUntil } from 'rxjs/operators';
+import { BaseComponent } from '../../../shared/components/base/base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./department-management.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../dynamic-form/components/dynamic-form-department/dynamic-form-department.component";
+import * as i4 from "@ng-select/ng-select";
+import * as i5 from "../../avatar/avatar/avatar.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@ngx-translate/core";
+export class SelectUsersByDepartmentsComponent extends BaseComponent {
+    constructor(departmentManagment, control, injector) {
+        super(injector);
+        this.departmentManagment = departmentManagment;
+        this.control = control;
+        this.allowMultipleUsers = false;
+        this.formChanged = new EventEmitter();
+        this.onDataLoad = new EventEmitter();
+        this.fetchDepUsersByCustomApi = false;
+        this.depUsers = [];
+        this.propagateChange = () => { };
+        this.validateFn = () => { };
+        this.onTouched = () => { };
+        this.depAnditsUsers = new FormGroup({
+            dep: new FormControl(),
+            users: new FormControl()
+        });
+        this.reseting = false;
+        if (this.control) {
+            this.control.valueAccessor = this;
+        }
+    }
+    set fetchedUsers(res) {
+        this.depUsers = res;
+        this.loading = false;
+    }
+    isRequired() {
+        var _a, _b;
+        if (!((_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.validator)) {
+            return false;
+        }
+        return true;
+    }
+    ngOnInit() {
+        var _a, _b;
+        if ((_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.validator) {
+            Object.values(this.depAnditsUsers.controls).forEach(control => {
+                control.setValidators(Validators.required);
+                control.updateValueAndValidity();
+            });
+        }
+    }
+    writeValue(obj) {
+        if (obj === null)
+            this.depAnditsUsers.reset();
+        this.reseting = !this.reseting;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    getDepMembers(DepId) {
+        this.loading = true;
+        this.formChanged.emit(true);
+        this.propagateChange(this.depAnditsUsers.value);
+        if (!this.fetchDepUsersByCustomApi) {
+            this.departmentManagment
+                .getDepMembers(DepId)
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((res) => {
+                this.depUsers = res.users.map((user) => {
+                    var _a, _b;
+                    user.properties.fullName =
+                        ((_a = user.properties) === null || _a === void 0 ? void 0 : _a.firstName) + ' ' + ((_b = user.properties) === null || _b === void 0 ? void 0 : _b.lastName);
+                    return user;
+                });
+                this.loading = false;
+            }, err => {
+                this.loading = false;
+            });
+        }
+    }
+    onSetUser() {
+        this.propagateChange(this.depAnditsUsers.value);
+    }
+}
+SelectUsersByDepartmentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectUsersByDepartmentsComponent, deps: [{ token: i1.DepartmentManagementService }, { token: i2.NgControl, optional: true, self: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+SelectUsersByDepartmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SelectUsersByDepartmentsComponent, selector: "app-select-users-by-departments", inputs: { display: "display", depLabel: "depLabel", userLabel: "userLabel", allowMultipleUsers: "allowMultipleUsers", fetchDepUsersByCustomApi: "fetchDepUsersByCustomApi", fetchedUsers: "fetchedUsers" }, outputs: { formChanged: "formChanged", onDataLoad: "onDataLoad" }, host: { classAttribute: "userByDepSelectors" }, usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"depAnditsUsers\">\r\n  <div\r\n    class=\"w-full flex justify-between\"\r\n    [ngClass]=\"{\r\n      'flex-row': display === 'row',\r\n      'flex-col': display === 'column'\r\n    }\"\r\n  >\r\n    <div class=\"flex flex-col w-full flex-1 depWrapper\">\r\n      <label class=\"dep-label\">\r\n        {{ depLabel }}\r\n        <span class=\"text-danger\" *ngIf=\"isRequired()\">*</span>\r\n      </label>\r\n      <ng-container *ngIf=\"!reseting\">\r\n        <app-dynamic-form-department\r\n          #depRef\r\n          formControlName=\"dep\"\r\n          placeholder=\"placeholder\"\r\n          [treeview]=\"false\"\r\n          [pp_departmentNestedTree]=\"'PP_OS_Departments'\"\r\n          [pp_departmentTree]=\"'PP_OS_Departments'\"\r\n          [customPrefix]=\"'osdept'\"\r\n          [customParentProperty]=\"'osdepartment_parentDepartmentCode'\"\r\n          [useCustomAddEditAction]=\"true\"\r\n          (onSelecting)=\"getDepMembers($event)\"\r\n          (onDataLoad)=\"onDataLoad.emit($event)\"\r\n        >\r\n        </app-dynamic-form-department>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"reseting\">\r\n        <app-dynamic-form-department\r\n          #depRef\r\n          formControlName=\"dep\"\r\n          placeholder=\"placeholder\"\r\n          [treeview]=\"false\"\r\n          [pp_departmentNestedTree]=\"'PP_OS_Departments'\"\r\n          [pp_departmentTree]=\"'PP_OS_Departments'\"\r\n          [customPrefix]=\"'osdept'\"\r\n          [customParentProperty]=\"'osdepartment_parentDepartmentCode'\"\r\n          [useCustomAddEditAction]=\"true\"\r\n          (onSelecting)=\"getDepMembers($event)\"\r\n          (onDataLoad)=\"onDataLoad.emit($event)\"\r\n        >\r\n        </app-dynamic-form-department>\r\n      </ng-container>\r\n    </div>\r\n    <div\r\n      class=\"flex flex-col w-full flex-1 usersWrapper\"\r\n      [ngClass]=\"{ 'mt-4': display === 'column' }\"\r\n    >\r\n      <label class=\"users-label\">\r\n        {{ userLabel }}\r\n        <span class=\"text-danger\" *ngIf=\"isRequired()\">*</span>\r\n      </label>\r\n      <ng-select\r\n        formControlName=\"users\"\r\n        #ngSelectComponent\r\n        [items]=\"depUsers\"\r\n        bindLabel=\"properties.fullName\"\r\n        [multiple]=\"allowMultipleUsers\"\r\n        [placeholder]=\"'share.placeholder' | translate\"\r\n        [loading]=\"loading\"\r\n        (change)=\"onSetUser()\"\r\n      >\r\n        <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\r\n          <div\r\n            class=\"ng-option disabled\"\r\n            *ngIf=\"!depAnditsUsers?.get('dep').value; else notFound\"\r\n          >\r\n            {{ \"archiveSearch.select_dep\" | translate }}\r\n          </div>\r\n          <ng-template #notFound>\r\n            <div class=\"ng-option disabled\">\r\n              {{ \"archiveSearch.noUsers\" | translate }}\r\n            </div>\r\n          </ng-template>\r\n        </ng-template>\r\n        <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\r\n          <div class=\"flex flex-col h-full\">\r\n            <div *ngIf=\"item\" class=\"flex flex-row items-center\">\r\n              <div class=\"flex-0 w-8 h-8 rounded-full overflow-hidden\">\r\n                <cts-avatar\r\n                  [user]=\"{\r\n                    properties: {\r\n                      firstName: item.properties?.firstName,\r\n                      lastName: item.properties?.lastName\r\n                    }\r\n                  }\"\r\n                >\r\n                </cts-avatar>\r\n              </div>\r\n              <div class=\"flex flex-col pt-0 px-2\">\r\n                <span>{{ item.properties?.fullName }}</span>\r\n                <span *ngIf=\"item.properties?.email\">{{\r\n                  item.properties?.email\r\n                }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n      </ng-select>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".userByDepSelectors ngx-dropdown-treeview>.dropdown{@apply bg-primary-50 border-primary-100 !important;}.userByDepSelectors .ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:12px!important;margin-top:4px!important}\n"], components: [{ type: i3.DynamicFormDepartmentComponent, selector: "app-dynamic-form-department", inputs: ["treeview", "treeViewAsFormControl", "placeholder", "multiple", "searchable", "label", "defaultSelect", "displayDepTypee", "displayIsAllowRecExternal", "pp_departmentNestedTree", "pp_departmentTree", "customPrefix", "useCustomAddEditAction", "customParentProperty", "customParams", "disabled", "nodesExpandedByDefault", "fixedParentNode", "showTreeActions"], outputs: ["onSelecting", "actionClicked", "onDataLoad"] }, { type: i4.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i5.AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.ɵl, selector: "[ng-notfound-tmp]" }, { type: i4.ɵf, selector: "[ng-option-tmp]" }], pipes: { "translate": i7.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectUsersByDepartmentsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-select-users-by-departments',
+                    templateUrl: './select-users-by-departments.component.html',
+                    styleUrls: ['./select-users-by-departments.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'userByDepSelectors' }
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DepartmentManagementService }, { type: i2.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; }, propDecorators: { display: [{
+                type: Input
+            }], depLabel: [{
+                type: Input
+            }], userLabel: [{
+                type: Input
+            }], allowMultipleUsers: [{
+                type: Input
+            }], formChanged: [{
+                type: Output
+            }], onDataLoad: [{
+                type: Output
+            }], fetchDepUsersByCustomApi: [{
+                type: Input
+            }], fetchedUsers: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXVzZXJzLWJ5LWRlcGFydG1lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LXVzZXJzLWJ5LWRlcGFydG1lbnQvc2VsZWN0LXVzZXJzLWJ5LWRlcGFydG1lbnRzL3NlbGVjdC11c2Vycy1ieS1kZXBhcnRtZW50cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdC11c2Vycy1ieS1kZXBhcnRtZW50L3NlbGVjdC11c2Vycy1ieS1kZXBhcnRtZW50cy9zZWxlY3QtdXNlcnMtYnktZGVwYXJ0bWVudHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQVksS0FBSyxFQUFVLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVILE9BQU8sRUFBd0IsV0FBVyxFQUFFLFNBQVMsRUFBYSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7Ozs7Ozs7QUFVL0UsTUFBTSxPQUFPLGlDQUFrQyxTQUFRLGFBQWE7SUEwQmxFLFlBQW9CLG1CQUFnRCxFQUN0QyxPQUFrQixFQUM5QyxRQUFrQjtRQUNsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIRSx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQTZCO1FBQ3RDLFlBQU8sR0FBUCxPQUFPLENBQVc7UUFsQmhELHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUNqQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakMsNkJBQXdCLEdBQVksS0FBSyxDQUFDO1FBS25ELGFBQVEsR0FBMEIsRUFBRSxDQUFDO1FBQ3JDLG9CQUFlLEdBQVEsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ2pDLGVBQVUsR0FBUSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDckIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQTtRQUNqQyxtQkFBYyxHQUFHLElBQUksU0FBUyxDQUFDO1lBQzdCLEdBQUcsRUFBRSxJQUFJLFdBQVcsRUFBRTtZQUN0QixLQUFLLEVBQUUsSUFBSSxXQUFXLEVBQUU7U0FDekIsQ0FBQyxDQUFDO1FBQ0gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUtmLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBcEJELElBQWEsWUFBWSxDQUFDLEdBQTBCO1FBQ2xELElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFtQkQsVUFBVTs7UUFDUixJQUFJLENBQUMsQ0FBQSxNQUFBLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsT0FBTywwQ0FBRSxTQUFTLENBQUEsRUFBRTtZQUNyQyxPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBQ0QsUUFBUTs7UUFDTixJQUFJLE1BQUEsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxPQUFPLDBDQUFFLFNBQVMsRUFBRTtZQUNwQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDM0MsT0FBTyxDQUFDLHNCQUFzQixFQUFFLENBQUM7WUFDbkMsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsR0FBUTtRQUNqQixJQUFJLEdBQUcsS0FBSyxJQUFJO1lBQ2QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBQ0QsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQUs7UUFDakIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLEVBQUU7WUFDbEMsSUFBSSxDQUFDLG1CQUFtQjtpQkFDckIsYUFBYSxDQUFDLEtBQUssQ0FBQztpQkFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7aUJBQzlCLFNBQVMsQ0FBQyxDQUFDLEdBQXFDLEVBQUUsRUFBRTtnQkFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFOztvQkFDckMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRO3dCQUN0QixDQUFBLE1BQUEsSUFBSSxDQUFDLFVBQVUsMENBQUUsU0FBUyxJQUFHLEdBQUcsSUFBRyxNQUFBLElBQUksQ0FBQyxVQUFVLDBDQUFFLFFBQVEsQ0FBQSxDQUFDO29CQUMvRCxPQUFPLElBQUksQ0FBQztnQkFDZCxDQUFDLENBQUMsQ0FBQztnQkFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUN2QixDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUU7Z0JBQ1AsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDdkIsQ0FBQyxDQUFDLENBQUE7U0FDTDtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2pELENBQUM7OytIQXRGVSxpQ0FBaUM7bUhBQWpDLGlDQUFpQyw2WkNkOUMsNDdIQXdHQTs0RkQxRmEsaUNBQWlDO2tCQVA3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFdBQVcsRUFBRSw4Q0FBOEM7b0JBQzNELFNBQVMsRUFBRSxDQUFDLDhDQUE4QyxDQUFDO29CQUMzRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFO2lCQUN0Qzs7MEJBNEJJLElBQUk7OzBCQUFJLFFBQVE7bUVBeEJuQixPQUFPO3NCQUROLEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLO2dCQUdOLFNBQVM7c0JBRFIsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNFLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDTyxZQUFZO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LCBTZWxmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgTmdDb250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMvYmFzZS9iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERlcGFydG1lbnRNYW5hZ2VtZW50U2VydmljZSB9IGZyb20gJy4vZGVwYXJ0bWVudC1tYW5hZ2VtZW50LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc2VsZWN0LXVzZXJzLWJ5LWRlcGFydG1lbnRzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LXVzZXJzLWJ5LWRlcGFydG1lbnRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtdXNlcnMtYnktZGVwYXJ0bWVudHMuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICd1c2VyQnlEZXBTZWxlY3RvcnMnIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlbGVjdFVzZXJzQnlEZXBhcnRtZW50c0NvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuXHJcbiAgQElucHV0KClcclxuICBkaXNwbGF5OiBzdHJpbmc7IC8vIFwiY29sdW1uXCIgdG8gZGlzcGxheSBzZWxlY3RvcnMgdmVydGljYWxseSBvciBcInJvd1wiIHRvIGRpc3BsYXkgdGhlbSBob3Jpem9udGFsbHlcclxuICBASW5wdXQoKVxyXG4gIGRlcExhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KClcclxuICB1c2VyTGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKVxyXG4gIGFsbG93TXVsdGlwbGVVc2VycyA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBmb3JtQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25EYXRhTG9hZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBmZXRjaERlcFVzZXJzQnlDdXN0b21BcGk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgZmV0Y2hlZFVzZXJzKHJlczogUmVjb3JkPHN0cmluZywgYW55PltdKSB7XHJcbiAgICB0aGlzLmRlcFVzZXJzID0gcmVzO1xyXG4gICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XHJcbiAgfVxyXG4gIGRlcFVzZXJzOiBSZWNvcmQ8c3RyaW5nLCBhbnk+W10gPSBbXTtcclxuICBwcm9wYWdhdGVDaGFuZ2U6IGFueSA9ICgpID0+IHsgfTtcclxuICB2YWxpZGF0ZUZuOiBhbnkgPSAoKSA9PiB7IH07XHJcbiAgcHVibGljIG9uVG91Y2hlZDogYW55ID0gKCkgPT4geyB9XHJcbiAgZGVwQW5kaXRzVXNlcnMgPSBuZXcgRm9ybUdyb3VwKHtcclxuICAgIGRlcDogbmV3IEZvcm1Db250cm9sKCksXHJcbiAgICB1c2VyczogbmV3IEZvcm1Db250cm9sKClcclxuICB9KTtcclxuICByZXNldGluZyA9IGZhbHNlO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGVwYXJ0bWVudE1hbmFnbWVudDogRGVwYXJ0bWVudE1hbmFnZW1lbnRTZXJ2aWNlLFxyXG4gICAgQFNlbGYoKSBAT3B0aW9uYWwoKSBwcml2YXRlIGNvbnRyb2w6IE5nQ29udHJvbCxcclxuICAgIGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gICAgaWYgKHRoaXMuY29udHJvbCkge1xyXG4gICAgICB0aGlzLmNvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpc1JlcXVpcmVkKCkge1xyXG4gICAgaWYgKCF0aGlzLmNvbnRyb2w/LmNvbnRyb2w/LnZhbGlkYXRvcikge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jb250cm9sPy5jb250cm9sPy52YWxpZGF0b3IpIHtcclxuICAgICAgT2JqZWN0LnZhbHVlcyh0aGlzLmRlcEFuZGl0c1VzZXJzLmNvbnRyb2xzKS5mb3JFYWNoKGNvbnRyb2wgPT4ge1xyXG4gICAgICAgIGNvbnRyb2wuc2V0VmFsaWRhdG9ycyhWYWxpZGF0b3JzLnJlcXVpcmVkKTtcclxuICAgICAgICBjb250cm9sLnVwZGF0ZVZhbHVlQW5kVmFsaWRpdHkoKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XHJcbiAgICBpZiAob2JqID09PSBudWxsKVxyXG4gICAgICB0aGlzLmRlcEFuZGl0c1VzZXJzLnJlc2V0KCk7XHJcbiAgICB0aGlzLnJlc2V0aW5nID0gIXRoaXMucmVzZXRpbmc7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBnZXREZXBNZW1iZXJzKERlcElkKSB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5mb3JtQ2hhbmdlZC5lbWl0KHRydWUpO1xyXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy5kZXBBbmRpdHNVc2Vycy52YWx1ZSk7XHJcbiAgICBpZiAoIXRoaXMuZmV0Y2hEZXBVc2Vyc0J5Q3VzdG9tQXBpKSB7XHJcbiAgICAgIHRoaXMuZGVwYXJ0bWVudE1hbmFnbWVudFxyXG4gICAgICAgIC5nZXREZXBNZW1iZXJzKERlcElkKVxyXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgICAuc3Vic2NyaWJlKChyZXM6IHsgdXNlcnM6IFJlY29yZDxzdHJpbmcsIGFueT5bXSB9KSA9PiB7XHJcbiAgICAgICAgICB0aGlzLmRlcFVzZXJzID0gcmVzLnVzZXJzLm1hcCgodXNlcikgPT4ge1xyXG4gICAgICAgICAgICB1c2VyLnByb3BlcnRpZXMuZnVsbE5hbWUgPVxyXG4gICAgICAgICAgICAgIHVzZXIucHJvcGVydGllcz8uZmlyc3ROYW1lICsgJyAnICsgdXNlci5wcm9wZXJ0aWVzPy5sYXN0TmFtZTtcclxuICAgICAgICAgICAgcmV0dXJuIHVzZXI7XHJcbiAgICAgICAgICB9KTtcclxuICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICAgIH0sIGVyciA9PiB7XHJcbiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgICB9KVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25TZXRVc2VyKCkge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy5kZXBBbmRpdHNVc2Vycy52YWx1ZSlcclxuICB9XHJcbn1cclxuIiwiPGZvcm0gW2Zvcm1Hcm91cF09XCJkZXBBbmRpdHNVc2Vyc1wiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwidy1mdWxsIGZsZXgganVzdGlmeS1iZXR3ZWVuXCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ2ZsZXgtcm93JzogZGlzcGxheSA9PT0gJ3JvdycsXHJcbiAgICAgICdmbGV4LWNvbCc6IGRpc3BsYXkgPT09ICdjb2x1bW4nXHJcbiAgICB9XCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCB3LWZ1bGwgZmxleC0xIGRlcFdyYXBwZXJcIj5cclxuICAgICAgPGxhYmVsIGNsYXNzPVwiZGVwLWxhYmVsXCI+XHJcbiAgICAgICAge3sgZGVwTGFiZWwgfX1cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtZGFuZ2VyXCIgKm5nSWY9XCJpc1JlcXVpcmVkKClcIj4qPC9zcGFuPlxyXG4gICAgICA8L2xhYmVsPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXJlc2V0aW5nXCI+XHJcbiAgICAgICAgPGFwcC1keW5hbWljLWZvcm0tZGVwYXJ0bWVudFxyXG4gICAgICAgICAgI2RlcFJlZlxyXG4gICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZGVwXCJcclxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICAgICAgW3RyZWV2aWV3XT1cImZhbHNlXCJcclxuICAgICAgICAgIFtwcF9kZXBhcnRtZW50TmVzdGVkVHJlZV09XCInUFBfT1NfRGVwYXJ0bWVudHMnXCJcclxuICAgICAgICAgIFtwcF9kZXBhcnRtZW50VHJlZV09XCInUFBfT1NfRGVwYXJ0bWVudHMnXCJcclxuICAgICAgICAgIFtjdXN0b21QcmVmaXhdPVwiJ29zZGVwdCdcIlxyXG4gICAgICAgICAgW2N1c3RvbVBhcmVudFByb3BlcnR5XT1cIidvc2RlcGFydG1lbnRfcGFyZW50RGVwYXJ0bWVudENvZGUnXCJcclxuICAgICAgICAgIFt1c2VDdXN0b21BZGRFZGl0QWN0aW9uXT1cInRydWVcIlxyXG4gICAgICAgICAgKG9uU2VsZWN0aW5nKT1cImdldERlcE1lbWJlcnMoJGV2ZW50KVwiXHJcbiAgICAgICAgICAob25EYXRhTG9hZCk9XCJvbkRhdGFMb2FkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvYXBwLWR5bmFtaWMtZm9ybS1kZXBhcnRtZW50PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJlc2V0aW5nXCI+XHJcbiAgICAgICAgPGFwcC1keW5hbWljLWZvcm0tZGVwYXJ0bWVudFxyXG4gICAgICAgICAgI2RlcFJlZlxyXG4gICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZGVwXCJcclxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICAgICAgW3RyZWV2aWV3XT1cImZhbHNlXCJcclxuICAgICAgICAgIFtwcF9kZXBhcnRtZW50TmVzdGVkVHJlZV09XCInUFBfT1NfRGVwYXJ0bWVudHMnXCJcclxuICAgICAgICAgIFtwcF9kZXBhcnRtZW50VHJlZV09XCInUFBfT1NfRGVwYXJ0bWVudHMnXCJcclxuICAgICAgICAgIFtjdXN0b21QcmVmaXhdPVwiJ29zZGVwdCdcIlxyXG4gICAgICAgICAgW2N1c3RvbVBhcmVudFByb3BlcnR5XT1cIidvc2RlcGFydG1lbnRfcGFyZW50RGVwYXJ0bWVudENvZGUnXCJcclxuICAgICAgICAgIFt1c2VDdXN0b21BZGRFZGl0QWN0aW9uXT1cInRydWVcIlxyXG4gICAgICAgICAgKG9uU2VsZWN0aW5nKT1cImdldERlcE1lbWJlcnMoJGV2ZW50KVwiXHJcbiAgICAgICAgICAob25EYXRhTG9hZCk9XCJvbkRhdGFMb2FkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvYXBwLWR5bmFtaWMtZm9ybS1kZXBhcnRtZW50PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImZsZXggZmxleC1jb2wgdy1mdWxsIGZsZXgtMSB1c2Vyc1dyYXBwZXJcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7ICdtdC00JzogZGlzcGxheSA9PT0gJ2NvbHVtbicgfVwiXHJcbiAgICA+XHJcbiAgICAgIDxsYWJlbCBjbGFzcz1cInVzZXJzLWxhYmVsXCI+XHJcbiAgICAgICAge3sgdXNlckxhYmVsIH19XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LWRhbmdlclwiICpuZ0lmPVwiaXNSZXF1aXJlZCgpXCI+Kjwvc3Bhbj5cclxuICAgICAgPC9sYWJlbD5cclxuICAgICAgPG5nLXNlbGVjdFxyXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cInVzZXJzXCJcclxuICAgICAgICAjbmdTZWxlY3RDb21wb25lbnRcclxuICAgICAgICBbaXRlbXNdPVwiZGVwVXNlcnNcIlxyXG4gICAgICAgIGJpbmRMYWJlbD1cInByb3BlcnRpZXMuZnVsbE5hbWVcIlxyXG4gICAgICAgIFttdWx0aXBsZV09XCJhbGxvd011bHRpcGxlVXNlcnNcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInc2hhcmUucGxhY2Vob2xkZXInIHwgdHJhbnNsYXRlXCJcclxuICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCJcclxuICAgICAgICAoY2hhbmdlKT1cIm9uU2V0VXNlcigpXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1ub3Rmb3VuZC10bXAgbGV0LXNlYXJjaFRlcm09XCJzZWFyY2hUZXJtXCI+XHJcbiAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIGNsYXNzPVwibmctb3B0aW9uIGRpc2FibGVkXCJcclxuICAgICAgICAgICAgKm5nSWY9XCIhZGVwQW5kaXRzVXNlcnM/LmdldCgnZGVwJykudmFsdWU7IGVsc2Ugbm90Rm91bmRcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICB7eyBcImFyY2hpdmVTZWFyY2guc2VsZWN0X2RlcFwiIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbm90Rm91bmQ+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuZy1vcHRpb24gZGlzYWJsZWRcIj5cclxuICAgICAgICAgICAgICB7eyBcImFyY2hpdmVTZWFyY2gubm9Vc2Vyc1wiIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGxldC1pbmRleD1cImluZGV4XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBoLWZ1bGxcIj5cclxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW1cIiBjbGFzcz1cImZsZXggZmxleC1yb3cgaXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtMCB3LTggaC04IHJvdW5kZWQtZnVsbCBvdmVyZmxvdy1oaWRkZW5cIj5cclxuICAgICAgICAgICAgICAgIDxjdHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgICAgIFt1c2VyXT1cIntcclxuICAgICAgICAgICAgICAgICAgICBwcm9wZXJ0aWVzOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICBmaXJzdE5hbWU6IGl0ZW0ucHJvcGVydGllcz8uZmlyc3ROYW1lLFxyXG4gICAgICAgICAgICAgICAgICAgICAgbGFzdE5hbWU6IGl0ZW0ucHJvcGVydGllcz8ubGFzdE5hbWVcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgIH1cIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPC9jdHMtYXZhdGFyPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIHB0LTAgcHgtMlwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgaXRlbS5wcm9wZXJ0aWVzPy5mdWxsTmFtZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbS5wcm9wZXJ0aWVzPy5lbWFpbFwiPnt7XHJcbiAgICAgICAgICAgICAgICAgIGl0ZW0ucHJvcGVydGllcz8uZW1haWxcclxuICAgICAgICAgICAgICAgIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDwvbmctc2VsZWN0PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZm9ybT5cclxuIl19

package/esm2015/lib/components/skeleton/index.js

@@ -0,0 +1,4 @@
+export * from './skeleton.component';
+export * from './skeleton.module';
+export * from './table-skeleton.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL3NrZWxldG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDRCQUE0QixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9za2VsZXRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NrZWxldG9uLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vdGFibGUtc2tlbGV0b24uY29tcG9uZW50J1xyXG4iXX0=

package/esm2015/lib/components/skeleton/skeleton.component.js

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SkeletonComponent {
+    constructor() {
+        this.shape = 'rectangle';
+        this.animation = 'wave';
+        this.radius = null;
+        this.size = null;
+        this.width = '100%';
+        this.height = '1rem';
+    }
+    set randomWidth(value) {
+        if (value) {
+            this.width = `${this.getRndInteger()}%`;
+        }
+    }
+    containerClass() {
+        return {
+            'skeleton component': true,
+            'skeleton-circle': this.shape === 'circle',
+            'skeleton-none': this.animation === 'none',
+            'skeleton-opacity': this.animation === 'opacity'
+        };
+    }
+    containerStyle() {
+        if (this.size)
+            return Object.assign(Object.assign({}, this.style), { width: this.size, height: this.size, borderRadius: this.radius });
+        else
+            return Object.assign(Object.assign({}, this.style), { width: this.width, height: this.height, borderRadius: this.radius });
+    }
+    getRndInteger(min = 10, max = 100) {
+        return Math.floor(Math.random() * (max - min + 1)) + min;
+    }
+}
+SkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SkeletonComponent, selector: "app-skeleton", inputs: { styleClass: "styleClass", style: "style", shape: "shape", animation: "animation", radius: "radius", size: "size", width: "width", height: "height", randomWidth: "randomWidth" }, ngImport: i0, template: `<div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="containerStyle()"></div>`, isInline: true, styles: [".skeleton-circle{--skeleton-radius: 50%}.skeleton-none{--skeleton-animation: none}.skeleton-opacity{--skeleton-animation: skeleton-opacity 1.2s infinite;--skeleton-opacity-bg: linear-gradient( 0deg, rgba(150, 153, 158, 0) 40%, rgba(150, 153, 158, .6) 100% );--skeleton-transform: none}.skeleton{position:relative;overflow:hidden;background-color:var(--skeleton-bg);border-radius:var(--skeleton-radius, 3px)}.skeleton:after{content:\"\";animation:var(--skeleton-animation, skeleton-animation 1.2s infinite);height:100%;left:0;position:absolute;right:0;top:0;transform:var(--skeleton-transform, translateX(-100%));z-index:1;background:var(--skeleton-animation-bg, linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)))}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-opacity{0%{opacity:.12}to{opacity:.02}}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-skeleton',
+                    template: `<div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="containerStyle()"></div>`,
+                    styleUrls: ['./skeleton.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { styleClass: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], radius: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], randomWidth: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVU3RixNQUFNLE9BQU8saUJBQWlCO0lBUjlCO1FBYVUsVUFBSyxHQUFXLFdBQVcsQ0FBQztRQUU1QixjQUFTLEdBQWdDLE1BQU0sQ0FBQztRQUVoRCxXQUFNLEdBQVcsSUFBSSxDQUFDO1FBRXRCLFNBQUksR0FBVyxJQUFJLENBQUM7UUFFcEIsVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUV2QixXQUFNLEdBQVcsTUFBTSxDQUFDO0tBcUNqQztJQW5DQSxJQUFhLFdBQVcsQ0FBQyxLQUFjO1FBQ3RDLElBQUksS0FBSyxFQUFFO1lBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsR0FBRyxDQUFDO1NBQ3hDO0lBQ0YsQ0FBQztJQUVELGNBQWM7UUFDYixPQUFPO1lBQ04sb0JBQW9CLEVBQUUsSUFBSTtZQUMxQixpQkFBaUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7WUFDMUMsZUFBZSxFQUFFLElBQUksQ0FBQyxTQUFTLEtBQUssTUFBTTtZQUMxQyxrQkFBa0IsRUFBRSxJQUFJLENBQUMsU0FBUyxLQUFLLFNBQVM7U0FDaEQsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSTtZQUNaLHVDQUNJLElBQUksQ0FBQyxLQUFLLEtBQ2IsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQ2hCLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNqQixZQUFZLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFDeEI7O1lBRUYsdUNBQ0ksSUFBSSxDQUFDLEtBQUssS0FDYixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDakIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQ25CLFlBQVksRUFBRSxJQUFJLENBQUMsTUFBTSxJQUN4QjtJQUNKLENBQUM7SUFFRCxhQUFhLENBQUMsR0FBRyxHQUFHLEVBQUUsRUFBRSxHQUFHLEdBQUcsR0FBRztRQUNoQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsR0FBRyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUMxRCxDQUFDOzsrR0FuRFcsaUJBQWlCO21HQUFqQixpQkFBaUIsZ1BBTm5CLDRGQUE0Rjs0RkFNMUYsaUJBQWlCO2tCQVI3QixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxjQUFjO29CQUN4QixRQUFRLEVBQUUsNEZBQTRGO29CQUV0RyxTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDeEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUNyQzs4QkFFUyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRU8sV0FBVztzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdhcHAtc2tlbGV0b24nLFxyXG5cdHRlbXBsYXRlOiBgPGRpdiBbbmdDbGFzc109XCJjb250YWluZXJDbGFzcygpXCIgW2NsYXNzXT1cInN0eWxlQ2xhc3NcIiBbbmdTdHlsZV09XCJjb250YWluZXJTdHlsZSgpXCI+PC9kaXY+YCxcclxuXHJcblx0c3R5bGVVcmxzOiBbJy4vc2tlbGV0b24uY29tcG9uZW50LnNjc3MnXSxcclxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkNvbXBvbmVudCB7XHJcblx0QElucHV0KCkgc3R5bGVDbGFzczogc3RyaW5nO1xyXG5cclxuXHRASW5wdXQoKSBzdHlsZTogYW55O1xyXG5cclxuXHRASW5wdXQoKSBzaGFwZTogc3RyaW5nID0gJ3JlY3RhbmdsZSc7XHJcblxyXG5cdEBJbnB1dCgpIGFuaW1hdGlvbjogJ25vbmUnIHwgJ29wYWNpdHknIHwgJ3dhdmUnID0gJ3dhdmUnO1xyXG5cclxuXHRASW5wdXQoKSByYWRpdXM6IHN0cmluZyA9IG51bGw7XHJcblxyXG5cdEBJbnB1dCgpIHNpemU6IHN0cmluZyA9IG51bGw7XHJcblxyXG5cdEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcblxyXG5cdEBJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gJzFyZW0nO1xyXG5cclxuXHRASW5wdXQoKSBzZXQgcmFuZG9tV2lkdGgodmFsdWU6IGJvb2xlYW4pIHtcclxuXHRcdGlmICh2YWx1ZSkge1xyXG5cdFx0XHR0aGlzLndpZHRoID0gYCR7dGhpcy5nZXRSbmRJbnRlZ2VyKCl9JWA7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRjb250YWluZXJDbGFzcygpIHtcclxuXHRcdHJldHVybiB7XHJcblx0XHRcdCdza2VsZXRvbiBjb21wb25lbnQnOiB0cnVlLFxyXG5cdFx0XHQnc2tlbGV0b24tY2lyY2xlJzogdGhpcy5zaGFwZSA9PT0gJ2NpcmNsZScsXHJcblx0XHRcdCdza2VsZXRvbi1ub25lJzogdGhpcy5hbmltYXRpb24gPT09ICdub25lJyxcclxuXHRcdFx0J3NrZWxldG9uLW9wYWNpdHknOiB0aGlzLmFuaW1hdGlvbiA9PT0gJ29wYWNpdHknXHJcblx0XHR9O1xyXG5cdH1cclxuXHJcblx0Y29udGFpbmVyU3R5bGUoKSB7XHJcblx0XHRpZiAodGhpcy5zaXplKVxyXG5cdFx0XHRyZXR1cm4ge1xyXG5cdFx0XHRcdC4uLnRoaXMuc3R5bGUsXHJcblx0XHRcdFx0d2lkdGg6IHRoaXMuc2l6ZSxcclxuXHRcdFx0XHRoZWlnaHQ6IHRoaXMuc2l6ZSxcclxuXHRcdFx0XHRib3JkZXJSYWRpdXM6IHRoaXMucmFkaXVzXHJcblx0XHRcdH07XHJcblx0XHRlbHNlXHJcblx0XHRcdHJldHVybiB7XHJcblx0XHRcdFx0Li4udGhpcy5zdHlsZSxcclxuXHRcdFx0XHR3aWR0aDogdGhpcy53aWR0aCxcclxuXHRcdFx0XHRoZWlnaHQ6IHRoaXMuaGVpZ2h0LFxyXG5cdFx0XHRcdGJvcmRlclJhZGl1czogdGhpcy5yYWRpdXNcclxuXHRcdFx0fTtcclxuXHR9XHJcblxyXG5cdGdldFJuZEludGVnZXIobWluID0gMTAsIG1heCA9IDEwMCkge1xyXG5cdFx0cmV0dXJuIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIChtYXggLSBtaW4gKyAxKSkgKyBtaW47XHJcblx0fVxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/skeleton/skeleton.module.js

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SkeletonComponent } from './skeleton.component';
+import { TableSkeletonComponent } from './table-skeleton.component';
+import * as i0 from "@angular/core";
+export class SkeletonModule {
+}
+SkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SkeletonModule, declarations: [SkeletonComponent, TableSkeletonComponent], imports: [CommonModule], exports: [SkeletonComponent, TableSkeletonComponent] });
+SkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SkeletonModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SkeletonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkeletonComponent, TableSkeletonComponent],
+                    imports: [CommonModule],
+                    exports: [SkeletonComponent, TableSkeletonComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBT3BFLE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBSlgsaUJBQWlCLEVBQUUsc0JBQXNCLGFBQzlDLFlBQVksYUFDWixpQkFBaUIsRUFBRSxzQkFBc0I7NkdBRXZDLGNBQWMsWUFIakIsQ0FBQyxZQUFZLENBQUM7NEZBR1gsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsQ0FBQztvQkFDekQsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsQ0FBQztpQkFDcEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGFibGVTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUtc2tlbGV0b24uY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcblx0ZGVjbGFyYXRpb25zOiBbU2tlbGV0b25Db21wb25lbnQsIFRhYmxlU2tlbGV0b25Db21wb25lbnRdLFxyXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG5cdGV4cG9ydHM6IFtTa2VsZXRvbkNvbXBvbmVudCwgVGFibGVTa2VsZXRvbkNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNrZWxldG9uTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2015/lib/components/skeleton/table-skeleton.component.js

@@ -0,0 +1,79 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./skeleton.component";
+import * as i2 from "@angular/common";
+export class TableSkeletonComponent {
+    constructor() {
+        this.rows = 10;
+        this.columns = 4;
+        this.showHeader = false;
+    }
+}
+TableSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TableSkeletonComponent, selector: "app-table-skeleton", inputs: { rows: "rows", columns: "columns", showHeader: "showHeader" }, ngImport: i0, template: `
+    <table class="w-full" *ngIf="columns">
+      <thead *ngIf="showHeader">
+      <tr class="border-b border-green-900">
+        <th *ngIf="multiSelectRows" class="p-3 py-3" style="width: 60px">
+          <app-skeleton width="60px" height="1.3rem"></app-skeleton>
+        </th>
+        <th *ngFor="let num of [].constructor(columns); let i = index"
+            class="px-3 py-3">
+          <app-skeleton [randomWidth]="true" height="1.7rem"></app-skeleton>
+        </th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr *ngFor="let row of [].constructor(rows); let index = index"
+          class="border-b border-gray-200">
+        <td *ngIf="multiSelectRows" class="p-3 py-3" style="width: 50px">
+          <app-skeleton width="50px" height="1.3rem"></app-skeleton>
+        </td>
+        <td *ngFor="let col of [].constructor(columns); let i = index"
+            class="p-3 py-3">
+          <app-skeleton [randomWidth]="true" height="1.3rem"></app-skeleton>
+        </td>
+      </tr>
+      </tbody>
+    </table>
+  `, isInline: true, components: [{ type: i1.SkeletonComponent, selector: "app-skeleton", inputs: ["styleClass", "style", "shape", "animation", "radius", "size", "width", "height", "randomWidth"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-table-skeleton',
+                    template: `
+    <table class="w-full" *ngIf="columns">
+      <thead *ngIf="showHeader">
+      <tr class="border-b border-green-900">
+        <th *ngIf="multiSelectRows" class="p-3 py-3" style="width: 60px">
+          <app-skeleton width="60px" height="1.3rem"></app-skeleton>
+        </th>
+        <th *ngFor="let num of [].constructor(columns); let i = index"
+            class="px-3 py-3">
+          <app-skeleton [randomWidth]="true" height="1.7rem"></app-skeleton>
+        </th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr *ngFor="let row of [].constructor(rows); let index = index"
+          class="border-b border-gray-200">
+        <td *ngIf="multiSelectRows" class="p-3 py-3" style="width: 50px">
+          <app-skeleton width="50px" height="1.3rem"></app-skeleton>
+        </td>
+        <td *ngFor="let col of [].constructor(columns); let i = index"
+            class="p-3 py-3">
+          <app-skeleton [randomWidth]="true" height="1.3rem"></app-skeleton>
+        </td>
+      </tr>
+      </tbody>
+    </table>
+  `
+                }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9za2VsZXRvbi90YWJsZS1za2VsZXRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFnQ2pELE1BQU0sT0FBTyxzQkFBc0I7SUE5Qm5DO1FBK0JVLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixZQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ1osZUFBVSxHQUFHLEtBQUssQ0FBQztLQUM1Qjs7b0hBSlksc0JBQXNCO3dHQUF0QixzQkFBc0Isa0lBNUJ4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQlI7NEZBRVUsc0JBQXNCO2tCQTlCbEMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJSO2lCQUNGOzhCQUVTLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnYXBwLXRhYmxlLXNrZWxldG9uJyxcclxuXHR0ZW1wbGF0ZTogYFxyXG4gICAgPHRhYmxlIGNsYXNzPVwidy1mdWxsXCIgKm5nSWY9XCJjb2x1bW5zXCI+XHJcbiAgICAgIDx0aGVhZCAqbmdJZj1cInNob3dIZWFkZXJcIj5cclxuICAgICAgPHRyIGNsYXNzPVwiYm9yZGVyLWIgYm9yZGVyLWdyZWVuLTkwMFwiPlxyXG4gICAgICAgIDx0aCAqbmdJZj1cIm11bHRpU2VsZWN0Um93c1wiIGNsYXNzPVwicC0zIHB5LTNcIiBzdHlsZT1cIndpZHRoOiA2MHB4XCI+XHJcbiAgICAgICAgICA8YXBwLXNrZWxldG9uIHdpZHRoPVwiNjBweFwiIGhlaWdodD1cIjEuM3JlbVwiPjwvYXBwLXNrZWxldG9uPlxyXG4gICAgICAgIDwvdGg+XHJcbiAgICAgICAgPHRoICpuZ0Zvcj1cImxldCBudW0gb2YgW10uY29uc3RydWN0b3IoY29sdW1ucyk7IGxldCBpID0gaW5kZXhcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInB4LTMgcHktM1wiPlxyXG4gICAgICAgICAgPGFwcC1za2VsZXRvbiBbcmFuZG9tV2lkdGhdPVwidHJ1ZVwiIGhlaWdodD1cIjEuN3JlbVwiPjwvYXBwLXNrZWxldG9uPlxyXG4gICAgICAgIDwvdGg+XHJcbiAgICAgIDwvdHI+XHJcbiAgICAgIDwvdGhlYWQ+XHJcbiAgICAgIDx0Ym9keT5cclxuICAgICAgPHRyICpuZ0Zvcj1cImxldCByb3cgb2YgW10uY29uc3RydWN0b3Iocm93cyk7IGxldCBpbmRleCA9IGluZGV4XCJcclxuICAgICAgICAgIGNsYXNzPVwiYm9yZGVyLWIgYm9yZGVyLWdyYXktMjAwXCI+XHJcbiAgICAgICAgPHRkICpuZ0lmPVwibXVsdGlTZWxlY3RSb3dzXCIgY2xhc3M9XCJwLTMgcHktM1wiIHN0eWxlPVwid2lkdGg6IDUwcHhcIj5cclxuICAgICAgICAgIDxhcHAtc2tlbGV0b24gd2lkdGg9XCI1MHB4XCIgaGVpZ2h0PVwiMS4zcmVtXCI+PC9hcHAtc2tlbGV0b24+XHJcbiAgICAgICAgPC90ZD5cclxuICAgICAgICA8dGQgKm5nRm9yPVwibGV0IGNvbCBvZiBbXS5jb25zdHJ1Y3Rvcihjb2x1bW5zKTsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwicC0zIHB5LTNcIj5cclxuICAgICAgICAgIDxhcHAtc2tlbGV0b24gW3JhbmRvbVdpZHRoXT1cInRydWVcIiBoZWlnaHQ9XCIxLjNyZW1cIj48L2FwcC1za2VsZXRvbj5cclxuICAgICAgICA8L3RkPlxyXG4gICAgICA8L3RyPlxyXG4gICAgICA8L3Rib2R5PlxyXG4gICAgPC90YWJsZT5cclxuICBgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJsZVNrZWxldG9uQ29tcG9uZW50IHtcclxuXHRASW5wdXQoKSByb3dzID0gMTA7XHJcblx0QElucHV0KCkgY29sdW1ucyA9IDQ7XHJcblx0QElucHV0KCkgc2hvd0hlYWRlciA9IGZhbHNlO1xyXG59XHJcbiJdfQ==

package/esm2015/lib/components/spell-checker-field/spell-checker-field.module.js

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TranslateModule } from '@ngx-translate/core';
+import { SpellCheckerTextFieldComponent } from './spell-checker-text-field/spell-checker-text-field.component';
+import * as i0 from "@angular/core";
+export class SpellCheckerFieldModule {
+}
+SpellCheckerFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpellCheckerFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SpellCheckerFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpellCheckerFieldModule, declarations: [SpellCheckerTextFieldComponent], imports: [CommonModule,
+        FormsModule,
+        TranslateModule,
+        ReactiveFormsModule], exports: [SpellCheckerTextFieldComponent] });
+SpellCheckerFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpellCheckerFieldModule, imports: [[
+            CommonModule,
+            FormsModule,
+            TranslateModule,
+            ReactiveFormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpellCheckerFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SpellCheckerTextFieldComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TranslateModule,
+                        ReactiveFormsModule
+                    ],
+                    exports: [
+                        SpellCheckerTextFieldComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlbGwtY2hlY2tlci1maWVsZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL3NwZWxsLWNoZWNrZXItZmllbGQvc3BlbGwtY2hlY2tlci1maWVsZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQzs7QUFrQi9HLE1BQU0sT0FBTyx1QkFBdUI7O3FIQUF2Qix1QkFBdUI7c0hBQXZCLHVCQUF1QixpQkFaaEMsOEJBQThCLGFBRzlCLFlBQVk7UUFDWixXQUFXO1FBQ1gsZUFBZTtRQUNmLG1CQUFtQixhQUduQiw4QkFBOEI7c0hBR3JCLHVCQUF1QixZQVZ6QjtZQUNQLFlBQVk7WUFDWixXQUFXO1lBQ1gsZUFBZTtZQUNmLG1CQUFtQjtTQUNwQjs0RkFLVSx1QkFBdUI7a0JBZG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxlQUFlO3dCQUNmLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDhCQUE4QjtxQkFDL0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBTcGVsbENoZWNrZXJUZXh0RmllbGRDb21wb25lbnQgfSBmcm9tICcuL3NwZWxsLWNoZWNrZXItdGV4dC1maWVsZC9zcGVsbC1jaGVja2VyLXRleHQtZmllbGQuY29tcG9uZW50JztcclxuXHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNwZWxsQ2hlY2tlclRleHRGaWVsZENvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBUcmFuc2xhdGVNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBTcGVsbENoZWNrZXJUZXh0RmllbGRDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTcGVsbENoZWNrZXJGaWVsZE1vZHVsZSB7IH1cclxuIl19

package/esm2015/lib/components/spell-checker-field/spell-checker-text-field/spell-checker-text-field.component.js

@@ -0,0 +1,88 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { BaseSelector } from '../../../shared/components/base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+export class SpellCheckerTextFieldComponent extends BaseSelector {
+    constructor(injector, control) {
+        super(injector);
+        this.control = control;
+        this.id = '';
+        this.placeholder = '';
+        this.fieldType = 'text';
+        this.enteredText = '';
+        this.trackChange = true;
+        this.checkFromText = new EventEmitter();
+        this.control.valueAccessor = this;
+    }
+    ngOnInit() {
+        this.control.valueChanges
+            .pipe(debounceTime(500), takeUntil(this.destroy$))
+            .subscribe(res => {
+            if (res && this.trackChange) {
+                this.checkFromText.emit(true);
+                // const caretOffset = this.saveCaretPosition();
+                // console.log('caretOffset', caretOffset)
+                // setTimeout(() => {
+                //   this.enteredText = this.documentUploadService.checkTextIfCorrect(res).map(_word => _word.word).join(' ');
+                //   this.restoreCaretPosition(caretOffset);
+                // }, 0);
+            }
+        });
+    }
+    onInput() {
+        this.trackChange = true;
+        if (this.spellCheckerField.nativeElement.innerText.trim() === '') {
+            this.onChange(null);
+            this.spellCheckerField.nativeElement.innerText = '';
+        }
+        else {
+            this.onChange(this.spellCheckerField.nativeElement.innerText);
+        }
+    }
+    onBlur() {
+        this.spellCheckerField.nativeElement.scrollLeft = 0;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(value) {
+        this.trackChange = false;
+        this.enteredText = value || '';
+        setTimeout(() => {
+            if (this.spellCheckerField) {
+                this.onChange(this.spellCheckerField.nativeElement.innerText);
+            }
+        }, 1000);
+        this.cdr.detectChanges();
+    }
+    validate(control) {
+        return control.valid ? null : control.errors;
+    }
+}
+SpellCheckerTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpellCheckerTextFieldComponent, deps: [{ token: i0.Injector }, { token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Component });
+SpellCheckerTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SpellCheckerTextFieldComponent, selector: "ndf-spell-checker-text-field", inputs: { id: "id", placeholder: "placeholder", fieldType: "fieldType", label: "label" }, outputs: { checkFromText: "checkFromText" }, viewQueries: [{ propertyName: "spellCheckerField", first: true, predicate: ["spellCheckerField"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"spellCheckerFieldWrapper\">\r\n  <span class=\"spellCheckerFieldLabel\" *ngIf=\"label\">{{\r\n    label | translate\r\n  }}</span>\r\n  <div\r\n    class=\"spellCheckerField {{ fieldType }} {{ disabled ? 'disabled' : '' }}\"\r\n  >\r\n    <p class=\"placeholder\" *ngIf=\"!spellCheckerField.innerText && placeholder\">\r\n      {{ placeholder | translate }}\r\n    </p>\r\n    <div\r\n      [id]=\"id\"\r\n      class=\"contentField {{ fieldType }}\"\r\n      #spellCheckerField\r\n      [attr.contenteditable]=\"!disabled\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (input)=\"onInput()\"\r\n      (blur)=\"onBlur()\"\r\n      [innerHtml]=\"enteredText\"\r\n    ></div>\r\n  </div>\r\n</div>\r\n", styles: [".spellCheckerFieldWrapper{display:flex;flex-direction:column;width:100%}.spellCheckerFieldWrapper .spellCheckerField{width:100%;display:flex;position:relative;border-radius:4px;padding:.25rem .75rem;border:1px solid lightgray}.spellCheckerFieldWrapper .spellCheckerField:focus-within{border:1px solid #6c74e7}.spellCheckerFieldWrapper .spellCheckerField.text{white-space:nowrap;outline:none;overflow:hidden;align-items:center;height:40px}.spellCheckerFieldWrapper .spellCheckerField.textarea{white-space:pre-wrap;word-wrap:break-word;outline:none;overflow-x:hidden;overflow-y:auto;min-height:120px;max-height:200px;height:auto!important;align-items:start}.spellCheckerFieldWrapper .placeholder{position:absolute;color:#000;z-index:1}.spellCheckerFieldWrapper .contentField{overflow:hidden;padding-bottom:.25rem;position:relative;z-index:2}.spellCheckerFieldWrapper .spellCheckerField.disabled{opacity:.5;cursor:default;pointer-events:none;background-color:#e9ecef!important}.spellCheckerFieldWrapper .contentField.text{position:absolute;width:calc(100% - 24px)}.spellCheckerFieldWrapper .contentField.textarea{width:100%;height:100%;min-height:108px}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpellCheckerTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ndf-spell-checker-text-field',
+                    templateUrl: './spell-checker-text-field.component.html',
+                    styleUrls: ['./spell-checker-text-field.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NgControl }]; }, propDecorators: { id: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], fieldType: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], spellCheckerField: [{
+                type: ViewChild,
+                args: ['spellCheckerField']
+            }], checkFromText: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlbGwtY2hlY2tlci10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvc3BlbGwtY2hlY2tlci1maWVsZC9zcGVsbC1jaGVja2VyLXRleHQtZmllbGQvc3BlbGwtY2hlY2tlci10ZXh0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvc3BlbGwtY2hlY2tlci1maWVsZC9zcGVsbC1jaGVja2VyLXRleHQtZmllbGQvc3BlbGwtY2hlY2tlci10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFZLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXhHLE9BQU8sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7OztBQU8vRCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsWUFBWTtJQVU5RCxZQUFZLFFBQWtCLEVBQ3JCLE9BQWtCO1FBRXpCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUZULFlBQU8sR0FBUCxPQUFPLENBQVc7UUFUbEIsT0FBRSxHQUFXLEVBQUUsQ0FBQztRQUNoQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixjQUFTLEdBQXdCLE1BQU0sQ0FBQztRQUdqRCxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUNsQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFLcEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZO2FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQ3JCLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDMUIsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2YsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtnQkFDM0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzlCLGdEQUFnRDtnQkFDaEQsMENBQTBDO2dCQUMxQyxxQkFBcUI7Z0JBQ3JCLDhHQUE4RztnQkFDOUcsNENBQTRDO2dCQUM1QyxTQUFTO2FBQ1Y7UUFDSCxDQUFDLENBQUMsQ0FBQTtJQUNOLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDaEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7U0FDckQ7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUMvRDtJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQy9CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtnQkFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQy9EO1FBQ0gsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ1QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUSxDQUFDLE9BQXdCO1FBQy9CLE9BQU8sT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO0lBQy9DLENBQUM7OzRIQWpFVSw4QkFBOEI7Z0hBQTlCLDhCQUE4QiwwVkNWM0MsaXRCQXNCQTs0RkRaYSw4QkFBOEI7a0JBTDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsV0FBVyxFQUFFLDJDQUEyQztvQkFDeEQsU0FBUyxFQUFFLENBQUMsMkNBQTJDLENBQUM7aUJBQ3pEO3VIQUdVLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUMwQixpQkFBaUI7c0JBQWhELFNBQVM7dUJBQUMsbUJBQW1CO2dCQUdwQixhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEluamVjdG9yLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBOZ0NvbnRyb2wsIFZhbGlkYXRpb25FcnJvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBCYXNlU2VsZWN0b3IgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cy9iYXNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmRmLXNwZWxsLWNoZWNrZXItdGV4dC1maWVsZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwZWxsLWNoZWNrZXItdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3BlbGwtY2hlY2tlci10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNwZWxsQ2hlY2tlclRleHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEJhc2VTZWxlY3RvciB7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZmllbGRUeXBlOiAndGV4dCcgfCAndGV4dGFyZWEnID0gJ3RleHQnO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQFZpZXdDaGlsZCgnc3BlbGxDaGVja2VyRmllbGQnKSBzcGVsbENoZWNrZXJGaWVsZDogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XHJcbiAgZW50ZXJlZFRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIHRyYWNrQ2hhbmdlOiBib29sZWFuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgY2hlY2tGcm9tVGV4dCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgICBwdWJsaWMgY29udHJvbDogTmdDb250cm9sLFxyXG4gICkge1xyXG4gICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gICAgdGhpcy5jb250cm9sLnZhbHVlQWNjZXNzb3IgPSB0aGlzO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNvbnRyb2wudmFsdWVDaGFuZ2VzXHJcbiAgICAgIC5waXBlKGRlYm91bmNlVGltZSg1MDApLFxyXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShyZXMgPT4ge1xyXG4gICAgICAgIGlmIChyZXMgJiYgdGhpcy50cmFja0NoYW5nZSkge1xyXG4gICAgICAgICAgdGhpcy5jaGVja0Zyb21UZXh0LmVtaXQodHJ1ZSk7XHJcbiAgICAgICAgICAvLyBjb25zdCBjYXJldE9mZnNldCA9IHRoaXMuc2F2ZUNhcmV0UG9zaXRpb24oKTtcclxuICAgICAgICAgIC8vIGNvbnNvbGUubG9nKCdjYXJldE9mZnNldCcsIGNhcmV0T2Zmc2V0KVxyXG4gICAgICAgICAgLy8gc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICAvLyAgIHRoaXMuZW50ZXJlZFRleHQgPSB0aGlzLmRvY3VtZW50VXBsb2FkU2VydmljZS5jaGVja1RleHRJZkNvcnJlY3QocmVzKS5tYXAoX3dvcmQgPT4gX3dvcmQud29yZCkuam9pbignICcpO1xyXG4gICAgICAgICAgLy8gICB0aGlzLnJlc3RvcmVDYXJldFBvc2l0aW9uKGNhcmV0T2Zmc2V0KTtcclxuICAgICAgICAgIC8vIH0sIDApO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICB9XHJcblxyXG4gIG9uSW5wdXQoKSB7XHJcbiAgICB0aGlzLnRyYWNrQ2hhbmdlID0gdHJ1ZTtcclxuICAgIGlmICh0aGlzLnNwZWxsQ2hlY2tlckZpZWxkLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0LnRyaW0oKSA9PT0gJycpIHtcclxuICAgICAgdGhpcy5vbkNoYW5nZShudWxsKTtcclxuICAgICAgdGhpcy5zcGVsbENoZWNrZXJGaWVsZC5uYXRpdmVFbGVtZW50LmlubmVyVGV4dCA9ICcnO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnNwZWxsQ2hlY2tlckZpZWxkLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uQmx1cigpIHtcclxuICAgIHRoaXMuc3BlbGxDaGVja2VyRmllbGQubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0ID0gMDtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnRyYWNrQ2hhbmdlID0gZmFsc2U7XHJcbiAgICB0aGlzLmVudGVyZWRUZXh0ID0gdmFsdWUgfHwgJyc7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKHRoaXMuc3BlbGxDaGVja2VyRmllbGQpIHtcclxuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuc3BlbGxDaGVja2VyRmllbGQubmF0aXZlRWxlbWVudC5pbm5lclRleHQpO1xyXG4gICAgICB9XHJcbiAgICB9LCAxMDAwKTtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIHZhbGlkYXRlKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IFZhbGlkYXRpb25FcnJvcnMge1xyXG4gICAgcmV0dXJuIGNvbnRyb2wudmFsaWQgPyBudWxsIDogY29udHJvbC5lcnJvcnM7XHJcbiAgfVxyXG4gIC8vIHNhdmVDYXJldFBvc2l0aW9uKCkge1xyXG4gIC8vICAgY29uc3Qgc2VsZWN0aW9uID0gd2luZG93LmdldFNlbGVjdGlvbigpO1xyXG4gIC8vICAgaWYgKHNlbGVjdGlvbi5yYW5nZUNvdW50ID09PSAwKSByZXR1cm4gbnVsbDtcclxuXHJcbiAgLy8gICBjb25zdCByYW5nZSA9IHNlbGVjdGlvbi5nZXRSYW5nZUF0KDApO1xyXG4gIC8vICAgY29uc3QgcHJlQ2FyZXRSYW5nZSA9IHJhbmdlLmNsb25lUmFuZ2UoKTtcclxuICAvLyAgIHByZUNhcmV0UmFuZ2Uuc2VsZWN0Tm9kZUNvbnRlbnRzKHRoaXMuc3BlbGxDaGVja2VyRmllbGQubmF0aXZlRWxlbWVudCk7XHJcbiAgLy8gICBwcmVDYXJldFJhbmdlLnNldEVuZChyYW5nZS5lbmRDb250YWluZXIsIHJhbmdlLmVuZE9mZnNldCk7XHJcblxyXG4gIC8vICAgY29uc3QgY2FyZXRPZmZzZXQgPSBwcmVDYXJldFJhbmdlLnRvU3RyaW5nKCkubGVuZ3RoO1xyXG4gIC8vICAgcmV0dXJuIGNhcmV0T2Zmc2V0O1xyXG4gIC8vIH1cclxuXHJcbiAgLy8gcmVzdG9yZUNhcmV0UG9zaXRpb24oY2FyZXRPZmZzZXQpIHtcclxuICAvLyAgIGNvbnN0IHNlbGVjdGlvbiA9IHdpbmRvdy5nZXRTZWxlY3Rpb24oKTtcclxuICAvLyAgIGNvbnN0IHJhbmdlID0gZG9jdW1lbnQuY3JlYXRlUmFuZ2UoKTtcclxuICAvLyAgIGxldCBjdXJyZW50T2Zmc2V0ID0gMDtcclxuXHJcbiAgLy8gICBjb25zdCB0cmF2ZXJzZU5vZGVzID0gKG5vZGUpID0+IHtcclxuICAvLyAgICAgaWYgKG5vZGUubm9kZVR5cGUgPT09IE5vZGUuVEVYVF9OT0RFKSB7XHJcbiAgLy8gICAgICAgY29uc3QgbmV4dE9mZnNldCA9IGN1cnJlbnRPZmZzZXQgKyBub2RlLmxlbmd0aDtcclxuICAvLyAgICAgICBpZiAoY2FyZXRPZmZzZXQgPj0gY3VycmVudE9mZnNldCAmJiBjYXJldE9mZnNldCA8PSBuZXh0T2Zmc2V0KSB7XHJcbiAgLy8gICAgICAgICByYW5nZS5zZXRTdGFydChub2RlLCBjYXJldE9mZnNldCAtIGN1cnJlbnRPZmZzZXQpO1xyXG4gIC8vICAgICAgICAgcmFuZ2UuY29sbGFwc2UodHJ1ZSk7XHJcbiAgLy8gICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAvLyAgICAgICB9XHJcbiAgLy8gICAgICAgY3VycmVudE9mZnNldCA9IG5leHRPZmZzZXQ7XHJcbiAgLy8gICAgIH0gZWxzZSB7XHJcbiAgLy8gICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBub2RlLmNoaWxkTm9kZXMubGVuZ3RoOyBpKyspIHtcclxuICAvLyAgICAgICAgIGlmICh0cmF2ZXJzZU5vZGVzKG5vZGUuY2hpbGROb2Rlc1tpXSkpIHtcclxuICAvLyAgICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgLy8gICAgICAgICB9XHJcbiAgLy8gICAgICAgfVxyXG4gIC8vICAgICB9XHJcbiAgLy8gICAgIHJldHVybiBmYWxzZTtcclxuICAvLyAgIH07XHJcblxyXG4gIC8vICAgdHJhdmVyc2VOb2Rlcyh0aGlzLnNwZWxsQ2hlY2tlckZpZWxkLm5hdGl2ZUVsZW1lbnQpO1xyXG4gIC8vICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgLy8gICAgIHNlbGVjdGlvbi5yZW1vdmVBbGxSYW5nZXMoKTtcclxuICAvLyAgICAgc2VsZWN0aW9uLmFkZFJhbmdlKHJhbmdlKTtcclxuICAvLyAgIH0sIDUwKTtcclxuICAvLyB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNwZWxsQ2hlY2tlckZpZWxkV3JhcHBlclwiPlxyXG4gIDxzcGFuIGNsYXNzPVwic3BlbGxDaGVja2VyRmllbGRMYWJlbFwiICpuZ0lmPVwibGFiZWxcIj57e1xyXG4gICAgbGFiZWwgfCB0cmFuc2xhdGVcclxuICB9fTwvc3Bhbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInNwZWxsQ2hlY2tlckZpZWxkIHt7IGZpZWxkVHlwZSB9fSB7eyBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnJyB9fVwiXHJcbiAgPlxyXG4gICAgPHAgY2xhc3M9XCJwbGFjZWhvbGRlclwiICpuZ0lmPVwiIXNwZWxsQ2hlY2tlckZpZWxkLmlubmVyVGV4dCAmJiBwbGFjZWhvbGRlclwiPlxyXG4gICAgICB7eyBwbGFjZWhvbGRlciB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9wPlxyXG4gICAgPGRpdlxyXG4gICAgICBbaWRdPVwiaWRcIlxyXG4gICAgICBjbGFzcz1cImNvbnRlbnRGaWVsZCB7eyBmaWVsZFR5cGUgfX1cIlxyXG4gICAgICAjc3BlbGxDaGVja2VyRmllbGRcclxuICAgICAgW2F0dHIuY29udGVudGVkaXRhYmxlXT1cIiFkaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgKGlucHV0KT1cIm9uSW5wdXQoKVwiXHJcbiAgICAgIChibHVyKT1cIm9uQmx1cigpXCJcclxuICAgICAgW2lubmVySHRtbF09XCJlbnRlcmVkVGV4dFwiXHJcbiAgICA+PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2015/lib/components/tables/dynamic-table/directives/empty-state.directive.js

@@ -0,0 +1,28 @@
+import { Directive, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export const EMPTY_TEMPLATE = new InjectionToken('EmptyTemplateDirective');
+export class EmptyTemplateDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+EmptyTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmptyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+EmptyTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: EmptyTemplateDirective, selector: "[emptyTemplate]", providers: [
+        {
+            provide: EMPTY_TEMPLATE,
+            useExisting: EmptyTemplateDirective
+        }
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmptyTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emptyTemplate]',
+                    providers: [
+                        {
+                            provide: EMPTY_TEMPLATE,
+                            useExisting: EmptyTemplateDirective
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy90YWJsZXMvZHluYW1pYy10YWJsZS9kaXJlY3RpdmVzL2VtcHR5LXN0YXRlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBZSxNQUFNLGVBQWUsQ0FBQzs7QUFFdkUsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUF5Qix3QkFBd0IsQ0FBQyxDQUFDO0FBV25HLE1BQU0sT0FBTyxzQkFBc0I7SUFDbEMsWUFBbUIsUUFBMEI7UUFBMUIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFBRyxDQUFDOztvSEFEckMsc0JBQXNCO3dHQUF0QixzQkFBc0IsMENBUHZCO1FBQ1Y7WUFDQyxPQUFPLEVBQUUsY0FBYztZQUN2QixXQUFXLEVBQUUsc0JBQXNCO1NBQ25DO0tBQ0Q7NEZBRVcsc0JBQXNCO2tCQVRsQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFNBQVMsRUFBRTt3QkFDVjs0QkFDQyxPQUFPLEVBQUUsY0FBYzs0QkFDdkIsV0FBVyx3QkFBd0I7eUJBQ25DO3FCQUNEO2lCQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbmplY3Rpb25Ub2tlbiwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCBjb25zdCBFTVBUWV9URU1QTEFURSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxFbXB0eVRlbXBsYXRlRGlyZWN0aXZlPignRW1wdHlUZW1wbGF0ZURpcmVjdGl2ZScpO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6ICdbZW1wdHlUZW1wbGF0ZV0nLFxyXG5cdHByb3ZpZGVyczogW1xyXG5cdFx0e1xyXG5cdFx0XHRwcm92aWRlOiBFTVBUWV9URU1QTEFURSxcclxuXHRcdFx0dXNlRXhpc3Rpbmc6IEVtcHR5VGVtcGxhdGVEaXJlY3RpdmVcclxuXHRcdH1cclxuXHRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbXB0eVRlbXBsYXRlRGlyZWN0aXZlIHtcclxuXHRjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4pIHt9XHJcbn1cclxuIl19